matcha-components 20.186.0 → 20.187.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1,3928 @@
1
- .CodeMirror{font-family:monospace;height:300px;color:black;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:black}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0 !important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:rgba(20, 255, 20, 0.5);-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:blue}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255, 150, 0, 0.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none !important;border:none !important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255, 255, 0, 0.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-hopscotch.CodeMirror{background:#322931;color:#d5d3d5}.cm-s-hopscotch div.CodeMirror-selected{background:#433b42 !important}.cm-s-hopscotch .CodeMirror-gutters{background:#322931;border-right:0px}.cm-s-hopscotch .CodeMirror-linenumber{color:#797379}.cm-s-hopscotch .CodeMirror-cursor{border-left:1px solid #989498 !important}.cm-s-hopscotch span.cm-comment{color:#b33508}.cm-s-hopscotch span.cm-atom{color:#c85e7c}.cm-s-hopscotch span.cm-number{color:#c85e7c}.cm-s-hopscotch span.cm-property,.cm-s-hopscotch span.cm-attribute{color:#8fc13e}.cm-s-hopscotch span.cm-keyword{color:#dd464c}.cm-s-hopscotch span.cm-string{color:#fdcc59}.cm-s-hopscotch span.cm-variable{color:#8fc13e}.cm-s-hopscotch span.cm-variable-2{color:#1290bf}.cm-s-hopscotch span.cm-def{color:#fd8b19}.cm-s-hopscotch span.cm-error{background:#dd464c;color:#989498}.cm-s-hopscotch span.cm-bracket{color:#d5d3d5}.cm-s-hopscotch span.cm-tag{color:#dd464c}.cm-s-hopscotch span.cm-link{color:#c85e7c}.cm-s-hopscotch .CodeMirror-matchingbracket{text-decoration:underline;color:white !important}.cm-s-hopscotch .CodeMirror-activeline-background{background:#302020}.gjs-is__grab,.gjs-is__grab *{cursor:grab !important}.gjs-is__grabbing,.gjs-is__grabbing *{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:grabbing !important}:root{--gjs-main-color: #444;--gjs-primary-color: #444;--gjs-secondary-color: #ddd;--gjs-tertiary-color: #804f7b;--gjs-quaternary-color: #d278c9;--gjs-font-color: #ddd;--gjs-font-color-active: #f8f8f8;--gjs-main-dark-color: rgba(0, 0, 0, 0.2);--gjs-secondary-dark-color: rgba(0, 0, 0, 0.1);--gjs-main-light-color: rgba(255, 255, 255, 0.1);--gjs-secondary-light-color: rgba(255, 255, 255, 0.7);--gjs-soft-light-color: rgba(255, 255, 255, 0.015);--gjs-color-blue: #3b97e3;--gjs-color-red: #dd3636;--gjs-color-yellow: #ffca6f;--gjs-color-green: #62c462;--gjs-left-width: 15%;--gjs-color-highlight: #71b7f1;--gjs-color-warn: #ffca6f;--gjs-handle-margin: -5px;--gjs-light-border: rgba(255, 255, 255, 0.05);--gjs-arrow-color: rgba(255, 255, 255, 0.7);--gjs-dark-text-shadow: rgba(0, 0, 0, 0.2);--gjs-color-input-padding: 22px;--gjs-input-padding: 5px;--gjs-padding-elem-classmanager: 5px 6px;--gjs-upload-padding: 150px 10px;--gjs-animation-duration: 0.2s;--gjs-main-font: Helvetica, sans-serif;--gjs-font-size: 0.75rem;--gjs-placeholder-background-color: var(--gjs-color-green);--gjs-canvas-top: 40px;--gjs-flex-item-gap: 5px}.gjs-bg-main,.gjs-off-prv,.gjs-sm-colorp-c{background-color:var(--gjs-main-color)}.gjs-color-main,.gjs-off-prv,.gjs-sm-stack #gjs-sm-add{color:var(--gjs-font-color);fill:var(--gjs-font-color)}.gjs-color-active{color:var(--gjs-font-color-active);fill:var(--gjs-font-color-active)}.gjs-color-warn{color:var(--gjs-color-warn);fill:var(--gjs-color-warn)}.gjs-color-hl{color:var(--gjs-color-highlight);fill:var(--gjs-color-highlight)}.gjs-invis-invis,.gjs-clm-tags #gjs-clm-new,.gjs-no-app{background-color:rgba(0,0,0,0);border:none;color:inherit}.gjs-no-app{height:10px}.opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-checker-bg,.gjs-field-colorp-c,.checker-bg,.gjs-sm-layer-preview{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")}.gjs-no-user-select,.gjs-grabbing,.gjs-grabbing *,.gjs-rte-toolbar,.gjs-layer-name{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.gjs-no-pointer-events,.gjs-resizer-c,.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{pointer-events:none}.no-select,.gjs-clm-tags #gjs-clm-close,.gjs-com-no-select,.gjs-com-no-select img,.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title,.gjs-trait-category .gjs-title{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.clear{clear:both}.gjs-category-open,.gjs-block-category.gjs-open,.gjs-sm-sector.gjs-sm-open,.gjs-trait-category.gjs-open{border-bottom:1px solid rgba(0,0,0,.25)}.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title,.gjs-trait-category .gjs-title{font-weight:lighter;background-color:var(--gjs-secondary-dark-color);letter-spacing:1px;padding:9px 10px 9px 20px;border-bottom:1px solid rgba(0,0,0,.25);text-align:left;position:relative;cursor:pointer}.btn-cl,.gjs-am-close,.gjs-mdl-btn-close{opacity:.3;filter:alpha(opacity=30);font-size:25px;cursor:pointer}.btn-cl:hover,.gjs-am-close:hover,.gjs-mdl-btn-close:hover{opacity:.7;filter:alpha(opacity=70)}.gjs-traits-label{border-bottom:1px solid var(--gjs-main-dark-color);font-weight:lighter;margin-bottom:5px;padding:10px;text-align:left}.gjs-label-wrp{width:30%;min-width:30%}.gjs-field-wrp{flex-grow:1}.gjs-traits-c,.gjs-traits-cs{display:flex;flex-direction:column}.gjs-trait-categories{display:flex;flex-direction:column}.gjs-trait-category{width:100%}.gjs-trait-category .gjs-caret-icon{margin-right:5px}.gjs-trt-header{font-weight:lighter;padding:10px}.gjs-trt-trait{display:flex;justify-content:flex-start;padding:5px 10px;font-weight:lighter;align-items:center;text-align:left;gap:5px}.gjs-trt-traits{font-size:var(--gjs-font-size)}.gjs-trt-trait .gjs-label{text-align:left;text-overflow:ellipsis;overflow:hidden}.gjs-guide-info{position:absolute}.gjs-guide-info__content{position:absolute;height:100%;display:flex;width:100%;padding:5px}.gjs-guide-info__line{position:relative;margin:auto}.gjs-guide-info__line::before,.gjs-guide-info__line::after{content:"";display:block;position:absolute;background-color:inherit}.gjs-guide-info__y{padding:0 5px}.gjs-guide-info__y .gjs-guide-info__content{justify-content:center}.gjs-guide-info__y .gjs-guide-info__line{width:100%;height:1px}.gjs-guide-info__y .gjs-guide-info__line::before,.gjs-guide-info__y .gjs-guide-info__line::after{width:1px;height:10px;top:0;bottom:0;left:0;margin:auto}.gjs-guide-info__y .gjs-guide-info__line::after{left:auto;right:0}.gjs-guide-info__x{padding:5px 0}.gjs-guide-info__x .gjs-guide-info__content{align-items:center}.gjs-guide-info__x .gjs-guide-info__line{height:100%;width:1px}.gjs-guide-info__x .gjs-guide-info__line::before,.gjs-guide-info__x .gjs-guide-info__line::after{width:10px;height:1px;left:0;right:0;top:0;margin:auto;transform:translateX(-50%)}.gjs-guide-info__x .gjs-guide-info__line::after{top:auto;bottom:0}.gjs-badge{white-space:nowrap}.gjs-badge__icon{vertical-align:middle;display:inline-block;width:15px;height:15px}.gjs-badge__icon svg{fill:currentColor}.gjs-badge__name{display:inline-block;vertical-align:middle}.gjs-frame-wrapper{position:absolute;width:100%;height:100%;left:0;right:0;margin:auto}.gjs-frame-wrapper--anim{transition:width .35s ease,height .35s ease}.gjs-frame-wrapper__top{transform:translateY(-100%) translateX(-50%);display:flex;padding:5px 0;position:absolute;width:100%;left:50%;top:0}.gjs-frame-wrapper__top-r{margin-left:auto}.gjs-frame-wrapper__left{position:absolute;left:0;transform:translateX(-100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__bottom{position:absolute;bottom:0;transform:translateY(100%) translateX(-50%);width:100%;left:50%}.gjs-frame-wrapper__right{position:absolute;right:0;transform:translateX(100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__icon{width:24px;cursor:pointer}.gjs-frame-wrapper__icon>svg{fill:currentColor}.gjs-padding-v-top,.gjs-fixedpadding-v-top{width:100%;top:0;left:0}.gjs-padding-v-right,.gjs-fixedpadding-v-right{right:0}.gjs-padding-v-bottom,.gjs-fixedpadding-v-bottom{width:100%;left:0;bottom:0}.gjs-padding-v-left,.gjs-fixedpadding-v-left{left:0}.gjs-cv-canvas{box-sizing:border-box;width:calc(100% - var(--gjs-left-width));height:calc(100% - var(--gjs-canvas-top));bottom:0;overflow:hidden;z-index:1;position:absolute;left:0;top:var(--gjs-canvas-top)}.gjs-cv-canvas-bg{background-color:rgba(0,0,0,.15)}.gjs-cv-canvas.gjs-cui{width:100%;height:100%;top:0}.gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,.gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames{pointer-events:none}.gjs-cv-canvas__frames{position:absolute;top:0;left:0;width:100%;height:100%}.gjs-cv-canvas__spots{position:absolute;pointer-events:none;z-index:1}.gjs-cv-canvas .gjs-ghost{display:none;pointer-events:none;background-color:#5b5b5b;border:2px dashed #ccc;position:absolute;z-index:10;opacity:.55;filter:alpha(opacity=55)}.gjs-cv-canvas .gjs-highlighter,.gjs-cv-canvas .gjs-highlighter-sel{position:absolute;outline:1px solid var(--gjs-color-blue);outline-offset:-1px;pointer-events:none;width:100%;height:100%}.gjs-cv-canvas .gjs-highlighter-warning{outline:3px solid var(--gjs-color-yellow)}.gjs-cv-canvas .gjs-highlighter-sel{outline:2px solid var(--gjs-color-blue);outline-offset:-2px}.gjs-cv-canvas #gjs-tools,.gjs-cv-canvas .gjs-tools{width:100%;height:100%;position:absolute;top:0;left:0;outline:none;z-index:1}.gjs-cv-canvas #gjs-tools{z-index:2}.gjs-cv-canvas *{box-sizing:border-box}.gjs-frame{outline:medium none;height:100%;width:100%;border:none;margin:auto;display:block;transition:width .35s ease,height .35s ease;position:absolute;top:0;bottom:0;left:0;right:0}.gjs-toolbar{position:absolute;background-color:var(--gjs-color-blue);white-space:nowrap;color:#fff;z-index:10;top:0;left:0}.gjs-toolbar-item{width:26px;padding:5px;cursor:pointer;display:inline-block}.gjs-toolbar-item svg{fill:currentColor;vertical-align:middle}.gjs-resizer-c{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9}.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.1;filter:alpha(opacity=10);position:absolute;background-color:#ff0}.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.2;filter:alpha(opacity=20)}.gjs-padding-v-el,.gjs-fixedpadding-v-el{background-color:navy}.gjs-resizer-h{pointer-events:all;position:absolute;border:3px solid var(--gjs-color-blue);width:10px;height:10px;background-color:#fff;margin:var(--gjs-handle-margin)}.gjs-resizer-h-tl{top:0;left:0;cursor:nwse-resize}.gjs-resizer-h-tr{top:0;right:0;cursor:nesw-resize}.gjs-resizer-h-tc{top:0;margin:var(--gjs-handle-margin) auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-cl{left:0;margin:auto var(--gjs-handle-margin);top:0;bottom:0;cursor:ew-resize}.gjs-resizer-h-cr{margin:auto var(--gjs-handle-margin);top:0;bottom:0;right:0;cursor:ew-resize}.gjs-resizer-h-bl{bottom:0;left:0;cursor:nesw-resize}.gjs-resizer-h-bc{bottom:0;margin:var(--gjs-handle-margin) auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-br{bottom:0;right:0;cursor:nwse-resize}.gjs-pn-panel .gjs-resizer-h{background-color:rgba(0,0,0,.2);border:none;opacity:0;transition:opacity .25s}.gjs-pn-panel .gjs-resizer-h:hover{opacity:1}.gjs-pn-panel .gjs-resizer-h-tc,.gjs-pn-panel .gjs-resizer-h-bc{margin:0 auto;width:100%}.gjs-pn-panel .gjs-resizer-h-cr,.gjs-pn-panel .gjs-resizer-h-cl{margin:auto 0;height:100%}.gjs-resizing .gjs-highlighter,.gjs-resizing .gjs-badge{display:none !important}.gjs-resizing-tl *{cursor:nwse-resize !important}.gjs-resizing-tr *{cursor:nesw-resize !important}.gjs-resizing-tc *{cursor:ns-resize !important}.gjs-resizing-cl *{cursor:ew-resize !important}.gjs-resizing-cr *{cursor:ew-resize !important}.gjs-resizing-bl *{cursor:nesw-resize !important}.gjs-resizing-bc *{cursor:ns-resize !important}.gjs-resizing-br *{cursor:nwse-resize !important}.no-dots,.ui-resizable-handle{border:none !important;margin:0 !important;outline:none !important}.gjs-com-dashed *{outline:1px dashed #888;outline-offset:-2px;box-sizing:border-box}.gjs-com-badge,.gjs-badge{pointer-events:none;background-color:var(--gjs-color-blue);color:#fff;padding:2px 5px;position:absolute;z-index:1;font-size:12px;outline:none;display:none}.gjs-badge-warning{background-color:var(--gjs-color-yellow)}.gjs-placeholder,.gjs-com-placeholder,.gjs-placeholder{position:absolute;z-index:10;pointer-events:none;display:none}.gjs-placeholder,.gjs-placeholder{border-style:solid !important;outline:none;box-sizing:border-box;transition:top var(--gjs-animation-duration),left var(--gjs-animation-duration),width var(--gjs-animation-duration),height var(--gjs-animation-duration)}.gjs-placeholder.horizontal,.gjs-com-placeholder.horizontal,.gjs-placeholder.horizontal{border-color:rgba(0,0,0,0) var(--gjs-placeholder-background-color);border-width:3px 5px;margin:-3px 0 0}.gjs-placeholder.vertical,.gjs-com-placeholder.vertical,.gjs-placeholder.vertical{border-color:var(--gjs-placeholder-background-color) rgba(0,0,0,0);border-width:5px 3px;margin:0 0 0 -3px}.gjs-placeholder-int,.gjs-com-placeholder-int,.gjs-placeholder-int{background-color:var(--gjs-placeholder-background-color);box-shadow:0 0 3px rgba(0,0,0,.2);height:100%;width:100%;pointer-events:none;padding:1.5px;outline:none}.gjs-pn-panel{display:inline-block;position:absolute;box-sizing:border-box;text-align:center;padding:5px;z-index:3}.gjs-pn-panel .icon-undo,.gjs-pn-panel .icon-redo{font-size:20px;height:30px;width:25px}.gjs-pn-commands{width:calc(100% - var(--gjs-left-width));left:0;top:0;box-shadow:0 0 5px var(--gjs-main-dark-color)}.gjs-pn-options{right:var(--gjs-left-width);top:0}.gjs-pn-views{border-bottom:2px solid var(--gjs-main-dark-color);right:0;width:var(--gjs-left-width);z-index:4}.gjs-pn-views-container{height:100%;padding:42px 0 0;right:0;width:var(--gjs-left-width);overflow:auto;box-shadow:0 0 5px var(--gjs-main-dark-color)}.gjs-pn-buttons{align-items:center;display:flex;justify-content:space-between}.gjs-pn-btn{box-sizing:border-box;min-height:30px;min-width:30px;line-height:21px;background-color:rgba(0,0,0,0);border:none;font-size:18px;margin-right:5px;border-radius:2px;padding:4px;position:relative;cursor:pointer}.gjs-pn-btn.gjs-pn-active{background-color:rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.25) inset}.gjs-pn-btn svg{fill:currentColor}.gjs-label{line-height:18px}.gjs-fields{display:flex}.gjs-select{padding:0;width:100%}.gjs-select select{padding-right:10px}.gjs-select:-moz-focusring,.gjs-select select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-input:focus,.gjs-button:focus,.gjs-btn-prim:focus,.gjs-select:focus,.gjs-select select:focus{outline:none}.gjs-field input,.gjs-field select,.gjs-field textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;border:none;background-color:rgba(0,0,0,0);box-sizing:border-box;width:100%;position:relative;padding:var(--gjs-input-padding);z-index:1}.gjs-field input:focus,.gjs-field select:focus,.gjs-field textarea:focus{outline:none}.gjs-field input[type=number]{-moz-appearance:textfield}.gjs-field input[type=number]::-webkit-outer-spin-button,.gjs-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gjs-field-range{flex:9 1 auto}.gjs-field-integer input{padding-right:30px}.gjs-select option,.gjs-field-select option,.gjs-clm-select option,.gjs-sm-select option,.gjs-fields option,.gjs-sm-unit option{background-color:var(--gjs-main-color);color:var(--gjs-font-color)}.gjs-field{background-color:var(--gjs-main-dark-color);border:none;box-shadow:none;border-radius:2px;box-sizing:border-box;padding:0;position:relative}.gjs-field textarea{resize:vertical}.gjs-field .gjs-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;z-index:0}.gjs-field .gjs-d-s-arrow{bottom:0;top:0;margin:auto;right:var(--gjs-input-padding);border-top:4px solid var(--gjs-arrow-color);position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);cursor:pointer}.gjs-field-arrows{position:absolute;cursor:ns-resize;margin:auto;height:20px;width:9px;z-index:10;bottom:0;right:calc(var(--gjs-input-padding) - 2px);top:0}.gjs-field-color,.gjs-field-radio{width:100%}.gjs-field-color input{padding-right:var(--gjs-color-input-padding);box-sizing:border-box}.gjs-field-colorp{border-left:1px solid var(--gjs-main-dark-color);box-sizing:border-box;height:100%;padding:2px;position:absolute;right:0;top:0;width:var(--gjs-color-input-padding);z-index:10}.gjs-field-colorp .gjs-checker-bg,.gjs-field-colorp .gjs-field-colorp-c{height:100%;width:100%;border-radius:1px}.gjs-field-colorp-c{height:100%;position:relative;width:100%}.gjs-field-color-picker{background-color:var(--gjs-font-color);cursor:pointer;height:100%;width:100%;box-shadow:0 0 1px var(--gjs-main-dark-color);border-radius:1px;position:absolute;top:0}.gjs-field-checkbox{padding:0;width:17px;height:17px;display:block;cursor:pointer}.gjs-field-checkbox input{display:none}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:hsla(0,0%,100%,.5);border-width:0 2px 2px 0;border-style:solid}.gjs-radio-item{flex:1 1 auto;text-align:center;border-left:1px solid var(--gjs-dark-text-shadow)}.gjs-radio-item:first-child{border:none}.gjs-radio-item:hover{background:var(--gjs-main-dark-color)}.gjs-radio-item input{display:none}.gjs-radio-item input:checked+.gjs-radio-item-label{background-color:hsla(0,0%,100%,.2)}.gjs-radio-items{display:flex}.gjs-radio-item-label{cursor:pointer;display:block;padding:var(--gjs-input-padding)}.gjs-field-units{position:absolute;margin:auto;right:10px;bottom:0;top:0}.gjs-field-unit{position:absolute;right:10px;top:3px;font-size:10px;color:var(--gjs-arrow-color);cursor:pointer}.gjs-input-unit{text-align:center}.gjs-field-arrow-u,.gjs-field-arrow-d{position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid var(--gjs-arrow-color);bottom:4px;cursor:pointer}.gjs-field-arrow-u{border-bottom:4px solid var(--gjs-arrow-color);border-top:none;top:4px}.gjs-field-select{padding:0}.gjs-field-range{background-color:rgba(0,0,0,0);border:none;box-shadow:none;padding:0}.gjs-field-range input{margin:0;height:100%}.gjs-field-range input:focus{outline:none}.gjs-field-range input::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-moz-range-thumb{height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-ms-thumb{height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-moz-range-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-webkit-slider-runnable-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-ms-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-btn-prim{color:inherit;background-color:var(--gjs-main-light-color);border-radius:2px;padding:3px 6px;padding:var(--gjs-input-padding);cursor:pointer;border:none}.gjs-btn-prim:active{background-color:var(--gjs-main-light-color)}.gjs-btn--full{width:100%}.gjs-chk-icon{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box;display:block;height:14px;margin:0 5px;width:6px}.gjs-add-trasp{background:none;border:none;color:var(--gjs-font-color);cursor:pointer;font-size:1em;border-radius:2px;opacity:.75;filter:alpha(opacity=75)}.gjs-add-trasp:hover{opacity:1;filter:alpha(opacity=100)}.gjs-add-trasp:active{background-color:rgba(0,0,0,.2)}.gjs-devices-c{display:flex;align-items:center;padding:2px 3px 3px 3px}.gjs-devices-c .gjs-device-label{flex-grow:2;text-align:left;margin-right:10px}.gjs-devices-c .gjs-select{flex-grow:20}.gjs-devices-c .gjs-add-trasp{flex-grow:1;margin-left:5px}.gjs-sm-clear{cursor:pointer;width:14px;min-width:14px;height:14px;margin-left:3px}.gjs-sm-header{font-weight:lighter;padding:10px}.gjs-sm-sector{clear:both;font-weight:lighter;text-align:left}.gjs-sm-sector-title{display:flex;align-items:center}.gjs-sm-sector-caret{width:17px;height:17px;min-width:17px;transform:rotate(-90deg)}.gjs-sm-sector-label{margin-left:5px}.gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret{transform:none}.gjs-sm-properties{font-size:var(--gjs-font-size);padding:10px 5px;display:flex;flex-wrap:wrap;align-items:flex-end;box-sizing:border-box;width:100%}.gjs-sm-label{margin:5px 5px 3px 0;display:flex;align-items:center}.gjs-sm-close-btn,.gjs-sm-preview-file-close{display:block;font-size:23px;position:absolute;cursor:pointer;right:5px;top:0;opacity:.7;filter:alpha(opacity=70)}.gjs-sm-close-btn:hover,.gjs-sm-preview-file-close:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-sm-field,.gjs-clm-field,.gjs-clm-select{width:100%;position:relative}.gjs-sm-field input,.gjs-clm-field input,.gjs-clm-select input,.gjs-sm-field select,.gjs-clm-field select,.gjs-clm-select select{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);border:none;width:100%}.gjs-sm-field input,.gjs-clm-field input,.gjs-clm-select input{box-sizing:border-box}.gjs-sm-field select,.gjs-clm-field select,.gjs-clm-select select{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gjs-sm-field select::-ms-expand,.gjs-clm-field select::-ms-expand,.gjs-clm-select select::-ms-expand{display:none}.gjs-sm-field select:-moz-focusring,.gjs-clm-field select:-moz-focusring,.gjs-clm-select select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-sm-field input:focus,.gjs-clm-field input:focus,.gjs-clm-select input:focus,.gjs-sm-field select:focus,.gjs-clm-field select:focus,.gjs-clm-select select:focus{outline:none}.gjs-sm-field .gjs-sm-unit,.gjs-clm-field .gjs-sm-unit,.gjs-clm-select .gjs-sm-unit{position:absolute;right:10px;top:3px;font-size:10px;color:var(--gjs-secondary-light-color);cursor:pointer}.gjs-sm-field .gjs-clm-sel-arrow,.gjs-clm-field .gjs-clm-sel-arrow,.gjs-clm-select .gjs-clm-sel-arrow,.gjs-sm-field .gjs-sm-int-arrows,.gjs-clm-field .gjs-sm-int-arrows,.gjs-clm-select .gjs-sm-int-arrows,.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;cursor:ns-resize}.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow{cursor:pointer}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow{position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);cursor:pointer}.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow{border-bottom:4px solid var(--gjs-secondary-light-color);top:4px}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow{border-top:4px solid var(--gjs-secondary-light-color);bottom:4px}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow{bottom:7px}.gjs-sm-field.gjs-sm-color,.gjs-sm-color.gjs-clm-field,.gjs-sm-field.gjs-sm-input,.gjs-sm-input.gjs-clm-field,.gjs-sm-field.gjs-sm-integer,.gjs-sm-integer.gjs-clm-field,.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-field,.gjs-sm-field.gjs-sm-select,.gjs-sm-select.gjs-clm-field,.gjs-clm-select{background-color:var(--gjs-main-dark-color);border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 0 var(--gjs-main-light-color);color:var(--gjs-secondary-light-color);border-radius:2px;box-sizing:border-box;padding:0 5px}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-field,.gjs-sm-composite.gjs-clm-select{border-radius:2px}.gjs-sm-field.gjs-sm-select,.gjs-sm-select.gjs-clm-field,.gjs-clm-select{padding:0}.gjs-sm-field.gjs-sm-select select,.gjs-sm-select.gjs-clm-field select,.gjs-clm-select select{height:20px}.gjs-sm-field.gjs-sm-select option,.gjs-sm-select.gjs-clm-field option,.gjs-clm-select option{padding:3px 0}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-field,.gjs-sm-composite.gjs-clm-select{background-color:var(--gjs-secondary-dark-color);border:1px solid rgba(0,0,0,.25)}.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-field,.gjs-sm-list.gjs-clm-select{width:auto;padding:0;overflow:hidden;float:left}.gjs-sm-field.gjs-sm-list input,.gjs-sm-list.gjs-clm-field input,.gjs-sm-list.gjs-clm-select input{display:none}.gjs-sm-field.gjs-sm-list label,.gjs-sm-list.gjs-clm-field label,.gjs-sm-list.gjs-clm-select label{cursor:pointer;padding:5px;display:block}.gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked+label{background-color:hsla(0,0%,100%,.2)}.gjs-sm-field.gjs-sm-list .gjs-sm-icon,.gjs-sm-list.gjs-clm-field .gjs-sm-icon,.gjs-sm-list.gjs-clm-select .gjs-sm-icon{background-repeat:no-repeat;background-position:center;text-shadow:none;line-height:normal}.gjs-sm-field.gjs-sm-integer select,.gjs-sm-integer.gjs-clm-field select,.gjs-sm-integer.gjs-clm-select select{width:auto;padding:0}.gjs-sm-list .gjs-sm-el{float:left;border-left:1px solid var(--gjs-main-dark-color)}.gjs-sm-list .gjs-sm-el:first-child{border:none}.gjs-sm-list .gjs-sm-el:hover{background:var(--gjs-main-dark-color)}.gjs-sm-slider .gjs-field-integer{flex:1 1 65px}.gjs-sm-property{box-sizing:border-box;float:left;width:50%;margin-bottom:5px;padding:0 5px}.gjs-sm-property--full,.gjs-sm-property.gjs-sm-composite,.gjs-sm-property.gjs-sm-file,.gjs-sm-property.gjs-sm-list,.gjs-sm-property.gjs-sm-stack,.gjs-sm-property.gjs-sm-slider,.gjs-sm-property.gjs-sm-color{width:100%}.gjs-sm-property .gjs-sm-btn{background-color:color-mix(in srgb, var(--gjs-main-dark-color), white 13%);border-radius:2px;box-shadow:1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 2%),1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 17%) inset;padding:5px;position:relative;text-align:center;height:auto;width:100%;cursor:pointer;color:var(--gjs-font-color);box-sizing:border-box;text-shadow:-1px -1px 0 var(--gjs-main-dark-color);border:none;opacity:.85;filter:alpha(opacity=85)}.gjs-sm-property .gjs-sm-btn-c{box-sizing:border-box;float:left;width:100%}.gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt::after{color:#000;content:"T";font-weight:900;line-height:17px;padding:0 4px}.gjs-sm-preview-file{background-color:var(--gjs-light-border);border-radius:2px;margin-top:5px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb, var(--gjs-light-border), black 1%);padding:3px 20px}.gjs-sm-preview-file-cnt{background-size:auto 100%;background-repeat:no-repeat;background-position:center center;height:50px}.gjs-sm-preview-file-close{top:-5px;width:14px;height:14px}.gjs-sm-layers{margin-top:5px;padding:1px 3px;min-height:30px}.gjs-sm-layer{background-color:hsla(0,0%,100%,.055);border-radius:2px;margin:2px 0;padding:7px;position:relative}.gjs-sm-layer.gjs-sm-active{background-color:hsla(0,0%,100%,.12)}.gjs-sm-layer .gjs-sm-label-wrp{display:flex;align-items:center}.gjs-sm-layer #gjs-sm-move{height:14px;width:14px;min-width:14px;cursor:grab}.gjs-sm-layer #gjs-sm-label{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 5px}.gjs-sm-layer-preview{height:15px;width:15px;min-width:15px;margin-right:5px;border-radius:2px}.gjs-sm-layer-preview-cnt{border-radius:2px;background-color:#fff;height:100%;width:100%;background-size:cover !important}.gjs-sm-layer #gjs-sm-close-layer{display:block;cursor:pointer;height:14px;width:14px;min-width:14px;opacity:.5;filter:alpha(opacity=50)}.gjs-sm-layer #gjs-sm-close-layer:hover{opacity:.8;filter:alpha(opacity=80)}.gjs-sm-stack .gjs-sm-properties{padding:5px 0 0}.gjs-sm-stack #gjs-sm-add{background:none;border:none;cursor:pointer;outline:none;position:absolute;right:0;top:-17px;opacity:.75;padding:0;width:18px;height:18px}.gjs-sm-stack #gjs-sm-add:hover{opacity:1;filter:alpha(opacity=100)}.gjs-sm-colorp-c{height:100%;width:20px;position:absolute;right:0;top:0;box-sizing:border-box;border-radius:2px;padding:2px}.gjs-sm-colorp-c .gjs-field-colorp-c,.gjs-sm-colorp-c .gjs-checker-bg{height:100%;width:100%;border-radius:1px}.gjs-sm-color-picker{background-color:var(--gjs-font-color);cursor:pointer;height:16px;width:100%;margin-top:-16px;box-shadow:0 0 1px var(--gjs-main-dark-color);border-radius:1px}.gjs-sm-btn-upload #gjs-sm-upload{left:0;top:0;position:absolute;width:100%;opacity:0;cursor:pointer}.gjs-sm-btn-upload #gjs-sm-label{padding:2px 0}.gjs-sm-layer>#gjs-sm-move{opacity:.7;filter:alpha(opacity=70);cursor:move;font-size:12px;float:left;margin:0 5px 0 0}.gjs-sm-layer>#gjs-sm-move:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-blocks-c{display:flex;flex-wrap:wrap;justify-content:flex-start}.gjs-block-categories{display:flex;flex-direction:column}.gjs-block-category{width:100%}.gjs-block-category .gjs-caret-icon{margin-right:5px}.gjs-block{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;width:45%;min-width:45px;padding:1em;box-sizing:border-box;min-height:90px;cursor:all-scroll;font-size:11px;font-weight:lighter;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:10px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:all .2s ease 0s;transition-property:box-shadow,color}.gjs-block:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}.gjs-block svg{fill:currentColor}.gjs-block__media{margin-bottom:10px;pointer-events:none}.gjs-block-svg{width:54px;fill:currentColor}.gjs-block-svg-path{fill:currentColor}.gjs-block.fa{font-size:2em;line-height:2em;padding:11px}.gjs-block-label{line-height:normal;font-size:.65rem;font-weight:normal;font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.gjs-block.gjs-bdrag{width:auto;padding:0}.gjs-selected-parent{border:1px solid var(--gjs-color-yellow)}.gjs-opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-layer{font-weight:lighter;text-align:left;position:relative;font-size:var(--gjs-font-size);display:grid}.gjs-layer-item{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--gjs-main-dark-color);background-color:var(--gjs-secondary-dark-color);gap:var(--gjs-flex-item-gap);cursor:pointer}.gjs-layer-item-left,.gjs-layer-item-right{display:flex;align-items:center;gap:var(--gjs-flex-item-gap)}.gjs-layer-item-left{width:100%}.gjs-layer-hidden{opacity:.55;filter:alpha(opacity=55)}.gjs-layer-vis{box-sizing:content-box;cursor:pointer;z-index:1}.gjs-layer-vis-on,.gjs-layer-vis-off{display:flex;width:13px;height:13px}.gjs-layer-vis-off{display:none}.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on{display:none}.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off{display:flex}.gjs-layer-caret{width:15px;height:15px;cursor:pointer;box-sizing:content-box;transform:rotate(90deg);display:flex;opacity:.7;filter:alpha(opacity=70)}.gjs-layer-caret:hover{opacity:1;filter:alpha(opacity=100)}.gjs-layer.open>.gjs-layer-item .gjs-layer-caret{transform:rotate(180deg)}.gjs-layer-title{padding:0;display:flex;align-items:center;background-color:rgba(0,0,0,0) !important;border-bottom:none}.gjs-layer-title-inn{align-items:center;position:relative;display:flex;gap:var(--gjs-flex-item-gap)}.gjs-layer-title-c{width:100%}.gjs-layer__icon{display:block;width:100%;max-width:15px;max-height:15px;padding-left:5px}.gjs-layer__icon svg{fill:currentColor}.gjs-layer-name{display:inline-block;box-sizing:content-box;overflow:hidden;white-space:nowrap;max-width:170px;height:auto}.gjs-layer-name--no-edit{text-overflow:ellipsis}.gjs-layer>.gjs-layer-children{display:none}.gjs-layer.open>.gjs-layer-children{display:block}.gjs-layer-no-chld>.gjs-layer-title-inn>.gjs-layer-caret{visibility:hidden}.gjs-layer-move{display:flex;width:13px;height:13px;box-sizing:content-box;cursor:move}.gjs-layer.gjs-hovered .gjs-layer-item{background-color:var(--gjs-soft-light-color)}.gjs-layer.gjs-selected .gjs-layer-item{background-color:var(--gjs-main-light-color)}.gjs-layers{position:relative;height:100%}.gjs-layers #gjs-placeholder{width:100%;position:absolute}.gjs-layers #gjs-placeholder #gjs-plh-int{height:100%;padding:1px}.gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert{background-color:var(--gjs-color-green)}#gjs-clm-add-tag,.gjs-clm-tags-btn{background-color:hsla(0,0%,100%,.15);border-radius:2px;padding:3px;margin-right:3px;border:1px solid rgba(0,0,0,.15);width:24px;height:24px;box-sizing:border-box;cursor:pointer}.gjs-clm-tags-btn svg{fill:currentColor;display:block}.gjs-clm-header{display:flex;align-items:center;margin:7px 0}.gjs-clm-header-status{flex-shrink:1;margin-left:auto}.gjs-clm-tag{display:flex;overflow:hidden;align-items:center;border-radius:3px;margin:0 3px 3px 0;padding:5px;cursor:default}.gjs-clm-tag-status,.gjs-clm-tag-close{width:12px;height:12px;flex-shrink:1}.gjs-clm-tag-status svg,.gjs-clm-tag-close svg{vertical-align:middle;fill:currentColor}.gjs-clm-sels-info{margin:7px 0;text-align:left}.gjs-clm-sel-id{font-size:.9em;opacity:.5;filter:alpha(opacity=50)}.gjs-clm-label-sel{float:left;padding-right:5px}.gjs-clm-tags{font-size:var(--gjs-font-size);padding:10px 5px}.gjs-clm-tags #gjs-clm-sel{padding:7px 0;float:left}.gjs-clm-tags #gjs-clm-sel{font-style:italic;margin-left:5px}.gjs-clm-tags #gjs-clm-tags-field{clear:both;padding:5px;margin-bottom:5px;display:flex;flex-wrap:wrap}.gjs-clm-tags #gjs-clm-tags-c{display:flex;flex-wrap:wrap;vertical-align:top;overflow:hidden}.gjs-clm-tags #gjs-clm-new{color:var(--gjs-font-color);padding:var(--gjs-padding-elem-classmanager);display:none}.gjs-clm-tags #gjs-clm-close{opacity:.85;filter:alpha(opacity=85);font-size:20px;line-height:0;cursor:pointer;color:hsla(0,0%,100%,.9)}.gjs-clm-tags #gjs-clm-close:hover{opacity:1;filter:alpha(opacity=100)}.gjs-clm-tags #gjs-clm-checkbox{color:hsla(0,0%,100%,.9);vertical-align:middle;cursor:pointer;font-size:9px}.gjs-clm-tags #gjs-clm-tag-label{flex-grow:1;text-overflow:ellipsis;overflow:hidden;padding:0 3px;cursor:text}.gjs-mdl-container{font-family:var(--gjs-main-font);overflow-y:auto;position:fixed;background-color:rgba(0,0,0,.5);display:flex;top:0;left:0;right:0;bottom:0;z-index:100}.gjs-mdl-dialog{text-shadow:-1px -1px 0 rgba(0,0,0,.05);animation:gjs-slide-down .215s;margin:auto;max-width:850px;width:90%;border-radius:3px;font-weight:lighter;position:relative;z-index:2}.gjs-mdl-title{font-size:1rem}.gjs-mdl-btn-close{position:absolute;right:15px;top:5px}.gjs-mdl-active .gjs-mdl-dialog{animation:gjs-mdl-slide-down .216s}.gjs-mdl-header,.gjs-mdl-content{padding:10px 15px;clear:both}.gjs-mdl-header{position:relative;border-bottom:1px solid var(--gjs-main-dark-color);padding:15px 15px 7px}.gjs-export-dl::after{content:"";clear:both;display:block;margin-bottom:10px}.gjs-dropzone{display:none;opacity:0;position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;transition:opacity .25s;pointer-events:none}.gjs-dropzone-active .gjs-dropzone{display:block;opacity:1}.gjs-am-assets{height:290px;overflow:auto;clear:both;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.gjs-am-assets-header{padding:5px}.gjs-am-add-asset .gjs-am-add-field{width:70%;float:left}.gjs-am-add-asset button{width:25%;float:right}.gjs-am-preview-cont{position:relative;height:70px;width:30%;background-color:var(--gjs-main-color);border-radius:2px;float:left;overflow:hidden}.gjs-am-preview{position:absolute;background-position:center center;background-size:cover;background-repeat:no-repeat;height:100%;width:100%;z-index:1}.gjs-am-preview-bg{opacity:.5;filter:alpha(opacity=50);position:absolute;height:100%;width:100%;z-index:0}.gjs-am-dimensions{opacity:.5;filter:alpha(opacity=50);font-size:10px}.gjs-am-meta{width:70%;float:left;font-size:12px;padding:5px 0 0 5px;box-sizing:border-box}.gjs-am-meta>div{margin-bottom:5px}.gjs-am-close{cursor:pointer;position:absolute;right:5px;top:0;display:none}.gjs-am-asset{border-bottom:1px solid color-mix(in srgb, var(--gjs-main-dark-color), black 3%);padding:5px;cursor:pointer;position:relative;box-sizing:border-box;width:100%}.gjs-am-asset:hover .gjs-am-close{display:block}.gjs-am-highlight{background-color:var(--gjs-main-light-color)}.gjs-am-assets-cont{background-color:var(--gjs-secondary-dark-color);border-radius:3px;box-sizing:border-box;padding:10px;width:45%;float:right;height:325px;overflow:hidden}.gjs-am-file-uploader{width:55%;float:left}.gjs-am-file-uploader>form{background-color:var(--gjs-secondary-dark-color);border:2px dashed;border-radius:3px;position:relative;text-align:center;margin-bottom:15px}.gjs-am-file-uploader>form.gjs-am-hover{border:2px solid var(--gjs-color-green);color:color-mix(in srgb, var(--gjs-color-green), white 5%)}.gjs-am-file-uploader>form.gjs-am-disabled{border-color:red}.gjs-am-file-uploader>form #gjs-am-uploadFile{opacity:0;filter:alpha(opacity=0);padding:var(--gjs-upload-padding);width:100%;box-sizing:border-box}.gjs-am-file-uploader #gjs-am-title{position:absolute;padding:var(--gjs-upload-padding);width:100%}.gjs-cm-editor-c{float:left;box-sizing:border-box;width:50%}.gjs-cm-editor-c .CodeMirror{height:450px}.gjs-cm-editor{font-size:12px}.gjs-cm-editor#gjs-cm-htmlmixed{padding-right:10px;border-right:1px solid var(--gjs-main-dark-color)}.gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title{color:#a97d44}.gjs-cm-editor#gjs-cm-css{padding-left:10px}.gjs-cm-editor#gjs-cm-css #gjs-cm-title{color:#ddca7e}.gjs-cm-editor #gjs-cm-title{background-color:var(--gjs-main-dark-color);font-size:12px;padding:5px 10px 3px;text-align:right}.gjs-rte-toolbar{position:absolute;z-index:10}.gjs-rte-toolbar-ui{border:1px solid var(--gjs-main-dark-color);border-radius:3px}.gjs-rte-actionbar{display:flex}.gjs-rte-action{display:flex;align-items:center;justify-content:center;padding:5px;width:25px;border-right:1px solid var(--gjs-main-dark-color);text-align:center;cursor:pointer;outline:none}.gjs-rte-action:last-child{border-right:none}.gjs-rte-action:hover{background-color:var(--gjs-main-light-color)}.gjs-rte-active{background-color:var(--gjs-main-light-color)}.gjs-rte-disabled{color:var(--gjs-main-light-color);cursor:not-allowed}.gjs-rte-disabled:hover{background-color:unset}.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));background-image:-webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:-moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:-o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:-ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image:linear-gradient(to right, #fff, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81")}.sp-val{background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));background-image:-webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));background-image:-moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:-o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:-ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image:linear-gradient(to top, #000, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000")}.sp-hue{background:-moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:-ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:-o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));background:-webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background:linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00")}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00")}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff")}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff")}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff")}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000")}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}@media(max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.sp-container{border-radius:0;background-color:#ececec;border:solid 1px #f0c49b;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:rgba(0,0,0,0);border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px rgba(0,0,0,0)}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#f0c49b;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top, #eeeeee, #cccccc);background-image:-moz-linear-gradient(top, #eeeeee, #cccccc);background-image:-ms-linear-gradient(top, #eeeeee, #cccccc);background-image:-o-linear-gradient(top, #eeeeee, #cccccc);background-image:linear-gradient(to bottom, #eeeeee, #cccccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top, #dddddd, #bbbbbb);background-image:-moz-linear-gradient(top, #dddddd, #bbbbbb);background-image:-ms-linear-gradient(top, #dddddd, #bbbbbb);background-image:-o-linear-gradient(top, #dddddd, #bbbbbb);background-image:linear-gradient(to bottom, #dddddd, #bbbbbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.gjs-editor-sp{border:1px solid var(--gjs-main-dark-color);box-shadow:0 0 7px var(--gjs-main-dark-color);border-radius:3px}.gjs-editor-sp .sp-hue,.gjs-editor-sp .sp-slider{cursor:row-resize}.gjs-editor-sp .sp-color,.gjs-editor-sp .sp-dragger{cursor:crosshair}.gjs-editor-sp .sp-alpha-inner,.gjs-editor-sp .sp-alpha-handle{cursor:col-resize}.gjs-editor-sp .sp-hue{left:90%}.gjs-editor-sp .sp-color{right:15%}.gjs-editor-sp .sp-picker-container{border:none}.gjs-editor-sp .colpick_dark .colpick_color{outline:1px solid var(--gjs-main-dark-color)}.gjs-editor-sp .sp-cancel,.gjs-editor-sp .sp-cancel:hover{bottom:-8px;color:#777 !important;font-size:25px;left:0;position:absolute;text-decoration:none}.gjs-editor-sp .sp-alpha-handle{background-color:#ccc;border:1px solid #555;width:4px}.gjs-editor-sp .sp-color,.gjs-editor-sp .sp-hue{border:1px solid #333}.gjs-editor-sp .sp-slider{background-color:#ccc;border:1px solid #555;height:3px;left:-4px;width:22px}.gjs-editor-sp .sp-dragger{background:rgba(0,0,0,0);box-shadow:0 0 0 1px #111}.gjs-editor-sp .sp-button-container{float:none;width:100%;position:relative;text-align:right}.gjs-editor-sp .sp-button-container .sp-choose,.gjs-editor-sp .sp-button-container .sp-choose:hover,.gjs-editor-sp .sp-button-container .sp-choose:active{background:var(--gjs-main-dark-color);border-color:var(--gjs-main-dark-color);color:var(--gjs-font-color);text-shadow:none;box-shadow:none;padding:3px 5px}.gjs-editor-sp .sp-palette-container{border:none;float:none;margin:0;padding:5px 10px 0}.gjs-editor-sp .sp-palette .sp-thumb-el,.gjs-editor-sp .sp-palette .sp-thumb-el:hover{border:1px solid rgba(0,0,0,.9)}.gjs-editor-sp .sp-palette .sp-thumb-el:hover,.gjs-editor-sp .sp-palette .sp-thumb-el.sp-thumb-active{border-color:rgba(0,0,0,.9)}.gjs-one-bg{background-color:var(--gjs-primary-color)}.gjs-one-color{color:var(--gjs-primary-color)}.gjs-one-color-h:hover{color:var(--gjs-primary-color)}.gjs-two-bg{background-color:var(--gjs-secondary-color)}.gjs-two-color{color:var(--gjs-secondary-color)}.gjs-two-color-h:hover{color:var(--gjs-secondary-color)}.gjs-three-bg{background-color:var(--gjs-tertiary-color)}.gjs-three-color{color:var(--gjs-tertiary-color)}.gjs-three-color-h:hover{color:var(--gjs-tertiary-color)}.gjs-four-bg{background-color:var(--gjs-quaternary-color)}.gjs-four-color{color:var(--gjs-quaternary-color)}.gjs-four-color-h:hover{color:var(--gjs-quaternary-color)}.gjs-danger-bg{background-color:var(--gjs-color-red)}.gjs-danger-color{color:var(--gjs-color-red)}.gjs-danger-color-h:hover{color:var(--gjs-color-red)}.gjs-bdrag{pointer-events:none !important;position:absolute !important;z-index:10 !important;width:auto}.gjs-drag-helper{background-color:var(--gjs-color-blue) !important;pointer-events:none !important;position:absolute !important;z-index:10 !important;transform:scale(0.3) !important;transform-origin:top left !important;-webkit-transform-origin:top left !important;margin:15px !important;transition:none !important;outline:none !important}.gjs-grabbing,.gjs-grabbing *{cursor:grabbing !important;cursor:-webkit-grabbing !important}.gjs-grabbing{overflow:hidden}.gjs-off-prv{position:relative;z-index:10;padding:5px;cursor:pointer}.gjs-editor-cont ::-webkit-scrollbar-track{background:var(--gjs-secondary-dark-color)}.gjs-editor-cont ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2)}.gjs-editor-cont ::-webkit-scrollbar{width:8px}.gjs-no-touch-actions{touch-action:none}.gjs-disabled{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;opacity:.5;filter:alpha(opacity=50)}.gjs-editor{font-family:var(--gjs-main-font);font-size:var(--gjs-font-size);position:relative;box-sizing:border-box;height:100%}.gjs-freezed,.gjs-freezed{opacity:.5;filter:alpha(opacity=50);pointer-events:none}.gjs-hidden{display:none}@keyframes gjs-slide-down{0%{transform:translate(0, -3rem);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes gjs-slide-up{0%{transform:translate(0, 0);opacity:1}100%{transform:translate(0, -3rem);opacity:0}}.cm-s-hopscotch span.cm-error{color:#fff}
1
+ .CodeMirror {
2
+ font-family: monospace;
3
+ height: 300px;
4
+ color: black;
5
+ direction: ltr
6
+ }
7
+
8
+ .CodeMirror-lines {
9
+ padding: 4px 0
10
+ }
11
+
12
+ .CodeMirror pre.CodeMirror-line,
13
+ .CodeMirror pre.CodeMirror-line-like {
14
+ padding: 0 4px
15
+ }
16
+
17
+ .CodeMirror-scrollbar-filler,
18
+ .CodeMirror-gutter-filler {
19
+ background-color: white
20
+ }
21
+
22
+ .CodeMirror-gutters {
23
+ border-right: 1px solid #ddd;
24
+ background-color: #f7f7f7;
25
+ white-space: nowrap
26
+ }
27
+
28
+ .CodeMirror-linenumber {
29
+ padding: 0 3px 0 5px;
30
+ min-width: 20px;
31
+ text-align: right;
32
+ color: #999;
33
+ white-space: nowrap
34
+ }
35
+
36
+ .CodeMirror-guttermarker {
37
+ color: black
38
+ }
39
+
40
+ .CodeMirror-guttermarker-subtle {
41
+ color: #999
42
+ }
43
+
44
+ .CodeMirror-cursor {
45
+ border-left: 1px solid black;
46
+ border-right: none;
47
+ width: 0
48
+ }
49
+
50
+ .CodeMirror div.CodeMirror-secondarycursor {
51
+ border-left: 1px solid silver
52
+ }
53
+
54
+ .cm-fat-cursor .CodeMirror-cursor {
55
+ width: auto;
56
+ border: 0 !important;
57
+ background: #7e7
58
+ }
59
+
60
+ .cm-fat-cursor div.CodeMirror-cursors {
61
+ z-index: 1
62
+ }
63
+
64
+ .cm-fat-cursor-mark {
65
+ background-color: rgba(20, 255, 20, 0.5);
66
+ -webkit-animation: blink 1.06s steps(1) infinite;
67
+ -moz-animation: blink 1.06s steps(1) infinite;
68
+ animation: blink 1.06s steps(1) infinite
69
+ }
70
+
71
+ .cm-animate-fat-cursor {
72
+ width: auto;
73
+ -webkit-animation: blink 1.06s steps(1) infinite;
74
+ -moz-animation: blink 1.06s steps(1) infinite;
75
+ animation: blink 1.06s steps(1) infinite;
76
+ background-color: #7e7
77
+ }
78
+
79
+ @-moz-keyframes blink {
80
+ 50% {
81
+ background-color: transparent
82
+ }
83
+ }
84
+
85
+ @-webkit-keyframes blink {
86
+ 50% {
87
+ background-color: transparent
88
+ }
89
+ }
90
+
91
+ @keyframes blink {
92
+ 50% {
93
+ background-color: transparent
94
+ }
95
+ }
96
+
97
+ .cm-tab {
98
+ display: inline-block;
99
+ text-decoration: inherit
100
+ }
101
+
102
+ .CodeMirror-rulers {
103
+ position: absolute;
104
+ left: 0;
105
+ right: 0;
106
+ top: -50px;
107
+ bottom: 0;
108
+ overflow: hidden
109
+ }
110
+
111
+ .CodeMirror-ruler {
112
+ border-left: 1px solid #ccc;
113
+ top: 0;
114
+ bottom: 0;
115
+ position: absolute
116
+ }
117
+
118
+ .cm-s-default .cm-header {
119
+ color: blue
120
+ }
121
+
122
+ .cm-s-default .cm-quote {
123
+ color: #090
124
+ }
125
+
126
+ .cm-negative {
127
+ color: #d44
128
+ }
129
+
130
+ .cm-positive {
131
+ color: #292
132
+ }
133
+
134
+ .cm-header,
135
+ .cm-strong {
136
+ font-weight: bold
137
+ }
138
+
139
+ .cm-em {
140
+ font-style: italic
141
+ }
142
+
143
+ .cm-link {
144
+ text-decoration: underline
145
+ }
146
+
147
+ .cm-strikethrough {
148
+ text-decoration: line-through
149
+ }
150
+
151
+ .cm-s-default .cm-keyword {
152
+ color: #708
153
+ }
154
+
155
+ .cm-s-default .cm-atom {
156
+ color: #219
157
+ }
158
+
159
+ .cm-s-default .cm-number {
160
+ color: #164
161
+ }
162
+
163
+ .cm-s-default .cm-def {
164
+ color: blue
165
+ }
166
+
167
+ .cm-s-default .cm-variable-2 {
168
+ color: #05a
169
+ }
170
+
171
+ .cm-s-default .cm-variable-3,
172
+ .cm-s-default .cm-type {
173
+ color: #085
174
+ }
175
+
176
+ .cm-s-default .cm-comment {
177
+ color: #a50
178
+ }
179
+
180
+ .cm-s-default .cm-string {
181
+ color: #a11
182
+ }
183
+
184
+ .cm-s-default .cm-string-2 {
185
+ color: #f50
186
+ }
187
+
188
+ .cm-s-default .cm-meta {
189
+ color: #555
190
+ }
191
+
192
+ .cm-s-default .cm-qualifier {
193
+ color: #555
194
+ }
195
+
196
+ .cm-s-default .cm-builtin {
197
+ color: #30a
198
+ }
199
+
200
+ .cm-s-default .cm-bracket {
201
+ color: #997
202
+ }
203
+
204
+ .cm-s-default .cm-tag {
205
+ color: #170
206
+ }
207
+
208
+ .cm-s-default .cm-attribute {
209
+ color: #00c
210
+ }
211
+
212
+ .cm-s-default .cm-hr {
213
+ color: #999
214
+ }
215
+
216
+ .cm-s-default .cm-link {
217
+ color: #00c
218
+ }
219
+
220
+ .cm-s-default .cm-error {
221
+ color: red
222
+ }
223
+
224
+ .cm-invalidchar {
225
+ color: red
226
+ }
227
+
228
+ .CodeMirror-composing {
229
+ border-bottom: 2px solid
230
+ }
231
+
232
+ div.CodeMirror span.CodeMirror-matchingbracket {
233
+ color: #0b0
234
+ }
235
+
236
+ div.CodeMirror span.CodeMirror-nonmatchingbracket {
237
+ color: #a22
238
+ }
239
+
240
+ .CodeMirror-matchingtag {
241
+ background: rgba(255, 150, 0, 0.3)
242
+ }
243
+
244
+ .CodeMirror-activeline-background {
245
+ background: #e8f2ff
246
+ }
247
+
248
+ .CodeMirror {
249
+ position: relative;
250
+ overflow: hidden;
251
+ background: white
252
+ }
253
+
254
+ .CodeMirror-scroll {
255
+ overflow: scroll !important;
256
+ margin-bottom: -50px;
257
+ margin-right: -50px;
258
+ padding-bottom: 50px;
259
+ height: 100%;
260
+ outline: none;
261
+ position: relative
262
+ }
263
+
264
+ .CodeMirror-sizer {
265
+ position: relative;
266
+ border-right: 50px solid transparent
267
+ }
268
+
269
+ .CodeMirror-vscrollbar,
270
+ .CodeMirror-hscrollbar,
271
+ .CodeMirror-scrollbar-filler,
272
+ .CodeMirror-gutter-filler {
273
+ position: absolute;
274
+ z-index: 6;
275
+ display: none;
276
+ outline: none
277
+ }
278
+
279
+ .CodeMirror-vscrollbar {
280
+ right: 0;
281
+ top: 0;
282
+ overflow-x: hidden;
283
+ overflow-y: scroll
284
+ }
285
+
286
+ .CodeMirror-hscrollbar {
287
+ bottom: 0;
288
+ left: 0;
289
+ overflow-y: hidden;
290
+ overflow-x: scroll
291
+ }
292
+
293
+ .CodeMirror-scrollbar-filler {
294
+ right: 0;
295
+ bottom: 0
296
+ }
297
+
298
+ .CodeMirror-gutter-filler {
299
+ left: 0;
300
+ bottom: 0
301
+ }
302
+
303
+ .CodeMirror-gutters {
304
+ position: absolute;
305
+ left: 0;
306
+ top: 0;
307
+ min-height: 100%;
308
+ z-index: 3
309
+ }
310
+
311
+ .CodeMirror-gutter {
312
+ white-space: normal;
313
+ height: 100%;
314
+ display: inline-block;
315
+ vertical-align: top;
316
+ margin-bottom: -50px
317
+ }
318
+
319
+ .CodeMirror-gutter-wrapper {
320
+ position: absolute;
321
+ z-index: 4;
322
+ background: none !important;
323
+ border: none !important
324
+ }
325
+
326
+ .CodeMirror-gutter-background {
327
+ position: absolute;
328
+ top: 0;
329
+ bottom: 0;
330
+ z-index: 4
331
+ }
332
+
333
+ .CodeMirror-gutter-elt {
334
+ position: absolute;
335
+ cursor: default;
336
+ z-index: 4
337
+ }
338
+
339
+ .CodeMirror-gutter-wrapper ::selection {
340
+ background-color: transparent
341
+ }
342
+
343
+ .CodeMirror-gutter-wrapper ::-moz-selection {
344
+ background-color: transparent
345
+ }
346
+
347
+ .CodeMirror-lines {
348
+ cursor: text;
349
+ min-height: 1px
350
+ }
351
+
352
+ .CodeMirror pre.CodeMirror-line,
353
+ .CodeMirror pre.CodeMirror-line-like {
354
+ -moz-border-radius: 0;
355
+ -webkit-border-radius: 0;
356
+ border-radius: 0;
357
+ border-width: 0;
358
+ background: transparent;
359
+ font-family: inherit;
360
+ font-size: inherit;
361
+ margin: 0;
362
+ white-space: pre;
363
+ word-wrap: normal;
364
+ line-height: inherit;
365
+ color: inherit;
366
+ z-index: 2;
367
+ position: relative;
368
+ overflow: visible;
369
+ -webkit-tap-highlight-color: transparent;
370
+ -webkit-font-variant-ligatures: contextual;
371
+ font-variant-ligatures: contextual
372
+ }
373
+
374
+ .CodeMirror-wrap pre.CodeMirror-line,
375
+ .CodeMirror-wrap pre.CodeMirror-line-like {
376
+ word-wrap: break-word;
377
+ white-space: pre-wrap;
378
+ word-break: normal
379
+ }
380
+
381
+ .CodeMirror-linebackground {
382
+ position: absolute;
383
+ left: 0;
384
+ right: 0;
385
+ top: 0;
386
+ bottom: 0;
387
+ z-index: 0
388
+ }
389
+
390
+ .CodeMirror-linewidget {
391
+ position: relative;
392
+ z-index: 2;
393
+ padding: .1px
394
+ }
395
+
396
+ .CodeMirror-rtl pre {
397
+ direction: rtl
398
+ }
399
+
400
+ .CodeMirror-code {
401
+ outline: none
402
+ }
403
+
404
+ .CodeMirror-scroll,
405
+ .CodeMirror-sizer,
406
+ .CodeMirror-gutter,
407
+ .CodeMirror-gutters,
408
+ .CodeMirror-linenumber {
409
+ -moz-box-sizing: content-box;
410
+ box-sizing: content-box
411
+ }
412
+
413
+ .CodeMirror-measure {
414
+ position: absolute;
415
+ width: 100%;
416
+ height: 0;
417
+ overflow: hidden;
418
+ visibility: hidden
419
+ }
420
+
421
+ .CodeMirror-cursor {
422
+ position: absolute;
423
+ pointer-events: none
424
+ }
425
+
426
+ .CodeMirror-measure pre {
427
+ position: static
428
+ }
429
+
430
+ div.CodeMirror-cursors {
431
+ visibility: hidden;
432
+ position: relative;
433
+ z-index: 3
434
+ }
435
+
436
+ div.CodeMirror-dragcursors {
437
+ visibility: visible
438
+ }
439
+
440
+ .CodeMirror-focused div.CodeMirror-cursors {
441
+ visibility: visible
442
+ }
443
+
444
+ .CodeMirror-selected {
445
+ background: #d9d9d9
446
+ }
447
+
448
+ .CodeMirror-focused .CodeMirror-selected {
449
+ background: #d7d4f0
450
+ }
451
+
452
+ .CodeMirror-crosshair {
453
+ cursor: crosshair
454
+ }
455
+
456
+ .CodeMirror-line::selection,
457
+ .CodeMirror-line>span::selection,
458
+ .CodeMirror-line>span>span::selection {
459
+ background: #d7d4f0
460
+ }
461
+
462
+ .CodeMirror-line::-moz-selection,
463
+ .CodeMirror-line>span::-moz-selection,
464
+ .CodeMirror-line>span>span::-moz-selection {
465
+ background: #d7d4f0
466
+ }
467
+
468
+ .cm-searching {
469
+ background-color: #ffa;
470
+ background-color: rgba(255, 255, 0, 0.4)
471
+ }
472
+
473
+ .cm-force-border {
474
+ padding-right: .1px
475
+ }
476
+
477
+ @media print {
478
+ .CodeMirror div.CodeMirror-cursors {
479
+ visibility: hidden
480
+ }
481
+ }
482
+
483
+ .cm-tab-wrap-hack:after {
484
+ content: ""
485
+ }
486
+
487
+ span.CodeMirror-selectedtext {
488
+ background: none
489
+ }
490
+
491
+ .cm-s-hopscotch.CodeMirror {
492
+ background: #322931;
493
+ color: #d5d3d5
494
+ }
495
+
496
+ .cm-s-hopscotch div.CodeMirror-selected {
497
+ background: #433b42 !important
498
+ }
499
+
500
+ .cm-s-hopscotch .CodeMirror-gutters {
501
+ background: #322931;
502
+ border-right: 0px
503
+ }
504
+
505
+ .cm-s-hopscotch .CodeMirror-linenumber {
506
+ color: #797379
507
+ }
508
+
509
+ .cm-s-hopscotch .CodeMirror-cursor {
510
+ border-left: 1px solid #989498 !important
511
+ }
512
+
513
+ .cm-s-hopscotch span.cm-comment {
514
+ color: #b33508
515
+ }
516
+
517
+ .cm-s-hopscotch span.cm-atom {
518
+ color: #c85e7c
519
+ }
520
+
521
+ .cm-s-hopscotch span.cm-number {
522
+ color: #c85e7c
523
+ }
524
+
525
+ .cm-s-hopscotch span.cm-property,
526
+ .cm-s-hopscotch span.cm-attribute {
527
+ color: #8fc13e
528
+ }
529
+
530
+ .cm-s-hopscotch span.cm-keyword {
531
+ color: #dd464c
532
+ }
533
+
534
+ .cm-s-hopscotch span.cm-string {
535
+ color: #fdcc59
536
+ }
537
+
538
+ .cm-s-hopscotch span.cm-variable {
539
+ color: #8fc13e
540
+ }
541
+
542
+ .cm-s-hopscotch span.cm-variable-2 {
543
+ color: #1290bf
544
+ }
545
+
546
+ .cm-s-hopscotch span.cm-def {
547
+ color: #fd8b19
548
+ }
549
+
550
+ .cm-s-hopscotch span.cm-error {
551
+ background: #dd464c;
552
+ color: #989498
553
+ }
554
+
555
+ .cm-s-hopscotch span.cm-bracket {
556
+ color: #d5d3d5
557
+ }
558
+
559
+ .cm-s-hopscotch span.cm-tag {
560
+ color: #dd464c
561
+ }
562
+
563
+ .cm-s-hopscotch span.cm-link {
564
+ color: #c85e7c
565
+ }
566
+
567
+ .cm-s-hopscotch .CodeMirror-matchingbracket {
568
+ text-decoration: underline;
569
+ color: white !important
570
+ }
571
+
572
+ .cm-s-hopscotch .CodeMirror-activeline-background {
573
+ background: #302020
574
+ }
575
+
576
+ .gjs-is__grab,
577
+ .gjs-is__grab * {
578
+ cursor: grab !important
579
+ }
580
+
581
+ .gjs-is__grabbing,
582
+ .gjs-is__grabbing * {
583
+ -moz-user-select: none;
584
+ -khtml-user-select: none;
585
+ -webkit-user-select: none;
586
+ -ms-user-select: none;
587
+ -o-user-select: none;
588
+ user-select: none;
589
+ cursor: grabbing !important
590
+ }
591
+
592
+ :root {
593
+ --gjs-main-color: #444;
594
+ --gjs-primary-color: #444;
595
+ --gjs-secondary-color: #ddd;
596
+ --gjs-tertiary-color: #804f7b;
597
+ --gjs-quaternary-color: #d278c9;
598
+ --gjs-font-color: #ddd;
599
+ --gjs-font-color-active: #f8f8f8;
600
+ --gjs-main-dark-color: rgba(0, 0, 0, 0.2);
601
+ --gjs-secondary-dark-color: rgba(0, 0, 0, 0.1);
602
+ --gjs-main-light-color: rgba(255, 255, 255, 0.1);
603
+ --gjs-secondary-light-color: rgba(255, 255, 255, 0.7);
604
+ --gjs-soft-light-color: rgba(255, 255, 255, 0.015);
605
+ --gjs-color-blue: #3b97e3;
606
+ --gjs-color-red: #dd3636;
607
+ --gjs-color-yellow: #ffca6f;
608
+ --gjs-color-green: #62c462;
609
+ --gjs-left-width: 15%;
610
+ --gjs-color-highlight: #71b7f1;
611
+ --gjs-color-warn: #ffca6f;
612
+ --gjs-handle-margin: -5px;
613
+ --gjs-light-border: rgba(255, 255, 255, 0.05);
614
+ --gjs-arrow-color: rgba(255, 255, 255, 0.7);
615
+ --gjs-dark-text-shadow: rgba(0, 0, 0, 0.2);
616
+ --gjs-color-input-padding: 22px;
617
+ --gjs-input-padding: 5px;
618
+ --gjs-padding-elem-classmanager: 5px 6px;
619
+ --gjs-upload-padding: 150px 10px;
620
+ --gjs-animation-duration: 0.2s;
621
+ --gjs-main-font: Helvetica, sans-serif;
622
+ --gjs-font-size: 0.75rem;
623
+ --gjs-placeholder-background-color: var(--gjs-color-green);
624
+ --gjs-canvas-top: 40px;
625
+ --gjs-flex-item-gap: 5px
626
+ }
627
+
628
+ .gjs-bg-main,
629
+ .gjs-off-prv,
630
+ .gjs-sm-colorp-c {
631
+ background-color: var(--gjs-main-color)
632
+ }
633
+
634
+ .gjs-color-main,
635
+ .gjs-off-prv,
636
+ .gjs-sm-stack #gjs-sm-add {
637
+ color: var(--gjs-font-color);
638
+ fill: var(--gjs-font-color)
639
+ }
640
+
641
+ .gjs-color-active {
642
+ color: var(--gjs-font-color-active);
643
+ fill: var(--gjs-font-color-active)
644
+ }
645
+
646
+ .gjs-color-warn {
647
+ color: var(--gjs-color-warn);
648
+ fill: var(--gjs-color-warn)
649
+ }
650
+
651
+ .gjs-color-hl {
652
+ color: var(--gjs-color-highlight);
653
+ fill: var(--gjs-color-highlight)
654
+ }
655
+
656
+ .gjs-invis-invis,
657
+ .gjs-clm-tags #gjs-clm-new,
658
+ .gjs-no-app {
659
+ background-color: rgba(0, 0, 0, 0);
660
+ border: none;
661
+ color: inherit
662
+ }
663
+
664
+ .gjs-no-app {
665
+ height: 10px
666
+ }
667
+
668
+ .opac50 {
669
+ opacity: .5;
670
+ filter: alpha(opacity=50)
671
+ }
672
+
673
+ .gjs-checker-bg,
674
+ .gjs-field-colorp-c,
675
+ .checker-bg,
676
+ .gjs-sm-layer-preview {
677
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")
678
+ }
679
+
680
+ .gjs-no-user-select,
681
+ .gjs-grabbing,
682
+ .gjs-grabbing *,
683
+ .gjs-rte-toolbar,
684
+ .gjs-layer-name {
685
+ -moz-user-select: none;
686
+ -khtml-user-select: none;
687
+ -webkit-user-select: none;
688
+ -ms-user-select: none;
689
+ -o-user-select: none;
690
+ user-select: none
691
+ }
692
+
693
+ .gjs-no-pointer-events,
694
+ .gjs-resizer-c,
695
+ .gjs-margin-v-el,
696
+ .gjs-padding-v-el,
697
+ .gjs-fixedmargin-v-el,
698
+ .gjs-fixedpadding-v-el {
699
+ pointer-events: none
700
+ }
701
+
702
+ .no-select,
703
+ .gjs-clm-tags #gjs-clm-close,
704
+ .gjs-com-no-select,
705
+ .gjs-com-no-select img,
706
+ .gjs-category-title,
707
+ .gjs-layer-title,
708
+ .gjs-block-category .gjs-title,
709
+ .gjs-sm-sector-title,
710
+ .gjs-trait-category .gjs-title {
711
+ -moz-user-select: none;
712
+ -khtml-user-select: none;
713
+ -webkit-user-select: none;
714
+ -ms-user-select: none;
715
+ -o-user-select: none;
716
+ user-select: none
717
+ }
718
+
719
+ .clear {
720
+ clear: both
721
+ }
722
+
723
+ .gjs-category-open,
724
+ .gjs-block-category.gjs-open,
725
+ .gjs-sm-sector.gjs-sm-open,
726
+ .gjs-trait-category.gjs-open {
727
+ border-bottom: 1px solid rgba(0, 0, 0, .25)
728
+ }
729
+
730
+ .gjs-category-title,
731
+ .gjs-layer-title,
732
+ .gjs-block-category .gjs-title,
733
+ .gjs-sm-sector-title,
734
+ .gjs-trait-category .gjs-title {
735
+ font-weight: lighter;
736
+ background-color: var(--gjs-secondary-dark-color);
737
+ letter-spacing: 1px;
738
+ padding: 9px 10px 9px 20px;
739
+ border-bottom: 1px solid rgba(0, 0, 0, .25);
740
+ text-align: left;
741
+ position: relative;
742
+ cursor: pointer
743
+ }
744
+
745
+ .btn-cl,
746
+ .gjs-am-close,
747
+ .gjs-mdl-btn-close {
748
+ opacity: .3;
749
+ filter: alpha(opacity=30);
750
+ font-size: 25px;
751
+ cursor: pointer
752
+ }
753
+
754
+ .btn-cl:hover,
755
+ .gjs-am-close:hover,
756
+ .gjs-mdl-btn-close:hover {
757
+ opacity: .7;
758
+ filter: alpha(opacity=70)
759
+ }
760
+
761
+ .gjs-traits-label {
762
+ border-bottom: 1px solid var(--gjs-main-dark-color);
763
+ font-weight: lighter;
764
+ margin-bottom: 5px;
765
+ padding: 10px;
766
+ text-align: left
767
+ }
768
+
769
+ .gjs-label-wrp {
770
+ width: 30%;
771
+ min-width: 30%
772
+ }
773
+
774
+ .gjs-field-wrp {
775
+ flex-grow: 1
776
+ }
777
+
778
+ .gjs-traits-c,
779
+ .gjs-traits-cs {
780
+ display: flex;
781
+ flex-direction: column
782
+ }
783
+
784
+ .gjs-trait-categories {
785
+ display: flex;
786
+ flex-direction: column
787
+ }
788
+
789
+ .gjs-trait-category {
790
+ width: 100%
791
+ }
792
+
793
+ .gjs-trait-category .gjs-caret-icon {
794
+ margin-right: 5px
795
+ }
796
+
797
+ .gjs-trt-header {
798
+ font-weight: lighter;
799
+ padding: 10px
800
+ }
801
+
802
+ .gjs-trt-trait {
803
+ display: flex;
804
+ justify-content: flex-start;
805
+ padding: 5px 10px;
806
+ font-weight: lighter;
807
+ align-items: center;
808
+ text-align: left;
809
+ gap: 5px
810
+ }
811
+
812
+ .gjs-trt-traits {
813
+ font-size: var(--gjs-font-size)
814
+ }
815
+
816
+ .gjs-trt-trait .gjs-label {
817
+ text-align: left;
818
+ text-overflow: ellipsis;
819
+ overflow: hidden
820
+ }
821
+
822
+ .gjs-guide-info {
823
+ position: absolute
824
+ }
825
+
826
+ .gjs-guide-info__content {
827
+ position: absolute;
828
+ height: 100%;
829
+ display: flex;
830
+ width: 100%;
831
+ padding: 5px
832
+ }
833
+
834
+ .gjs-guide-info__line {
835
+ position: relative;
836
+ margin: auto
837
+ }
838
+
839
+ .gjs-guide-info__line::before,
840
+ .gjs-guide-info__line::after {
841
+ content: "";
842
+ display: block;
843
+ position: absolute;
844
+ background-color: inherit
845
+ }
846
+
847
+ .gjs-guide-info__y {
848
+ padding: 0 5px
849
+ }
850
+
851
+ .gjs-guide-info__y .gjs-guide-info__content {
852
+ justify-content: center
853
+ }
854
+
855
+ .gjs-guide-info__y .gjs-guide-info__line {
856
+ width: 100%;
857
+ height: 1px
858
+ }
859
+
860
+ .gjs-guide-info__y .gjs-guide-info__line::before,
861
+ .gjs-guide-info__y .gjs-guide-info__line::after {
862
+ width: 1px;
863
+ height: 10px;
864
+ top: 0;
865
+ bottom: 0;
866
+ left: 0;
867
+ margin: auto
868
+ }
869
+
870
+ .gjs-guide-info__y .gjs-guide-info__line::after {
871
+ left: auto;
872
+ right: 0
873
+ }
874
+
875
+ .gjs-guide-info__x {
876
+ padding: 5px 0
877
+ }
878
+
879
+ .gjs-guide-info__x .gjs-guide-info__content {
880
+ align-items: center
881
+ }
882
+
883
+ .gjs-guide-info__x .gjs-guide-info__line {
884
+ height: 100%;
885
+ width: 1px
886
+ }
887
+
888
+ .gjs-guide-info__x .gjs-guide-info__line::before,
889
+ .gjs-guide-info__x .gjs-guide-info__line::after {
890
+ width: 10px;
891
+ height: 1px;
892
+ left: 0;
893
+ right: 0;
894
+ top: 0;
895
+ margin: auto;
896
+ transform: translateX(-50%)
897
+ }
898
+
899
+ .gjs-guide-info__x .gjs-guide-info__line::after {
900
+ top: auto;
901
+ bottom: 0
902
+ }
903
+
904
+ .gjs-badge {
905
+ white-space: nowrap
906
+ }
907
+
908
+ .gjs-badge__icon {
909
+ vertical-align: middle;
910
+ display: inline-block;
911
+ width: 15px;
912
+ height: 15px
913
+ }
914
+
915
+ .gjs-badge__icon svg {
916
+ fill: currentColor
917
+ }
918
+
919
+ .gjs-badge__name {
920
+ display: inline-block;
921
+ vertical-align: middle
922
+ }
923
+
924
+ .gjs-frame-wrapper {
925
+ position: absolute;
926
+ width: 100%;
927
+ height: 100%;
928
+ left: 0;
929
+ right: 0;
930
+ margin: auto
931
+ }
932
+
933
+ .gjs-frame-wrapper--anim {
934
+ transition: width .35s ease, height .35s ease
935
+ }
936
+
937
+ .gjs-frame-wrapper__top {
938
+ transform: translateY(-100%) translateX(-50%);
939
+ display: flex;
940
+ padding: 5px 0;
941
+ position: absolute;
942
+ width: 100%;
943
+ left: 50%;
944
+ top: 0
945
+ }
946
+
947
+ .gjs-frame-wrapper__top-r {
948
+ margin-left: auto
949
+ }
950
+
951
+ .gjs-frame-wrapper__left {
952
+ position: absolute;
953
+ left: 0;
954
+ transform: translateX(-100%) translateY(-50%);
955
+ height: 100%;
956
+ top: 50%
957
+ }
958
+
959
+ .gjs-frame-wrapper__bottom {
960
+ position: absolute;
961
+ bottom: 0;
962
+ transform: translateY(100%) translateX(-50%);
963
+ width: 100%;
964
+ left: 50%
965
+ }
966
+
967
+ .gjs-frame-wrapper__right {
968
+ position: absolute;
969
+ right: 0;
970
+ transform: translateX(100%) translateY(-50%);
971
+ height: 100%;
972
+ top: 50%
973
+ }
974
+
975
+ .gjs-frame-wrapper__icon {
976
+ width: 24px;
977
+ cursor: pointer
978
+ }
979
+
980
+ .gjs-frame-wrapper__icon>svg {
981
+ fill: currentColor
982
+ }
983
+
984
+ .gjs-padding-v-top,
985
+ .gjs-fixedpadding-v-top {
986
+ width: 100%;
987
+ top: 0;
988
+ left: 0
989
+ }
990
+
991
+ .gjs-padding-v-right,
992
+ .gjs-fixedpadding-v-right {
993
+ right: 0
994
+ }
995
+
996
+ .gjs-padding-v-bottom,
997
+ .gjs-fixedpadding-v-bottom {
998
+ width: 100%;
999
+ left: 0;
1000
+ bottom: 0
1001
+ }
1002
+
1003
+ .gjs-padding-v-left,
1004
+ .gjs-fixedpadding-v-left {
1005
+ left: 0
1006
+ }
1007
+
1008
+ .gjs-cv-canvas {
1009
+ box-sizing: border-box;
1010
+ width: calc(100% - var(--gjs-left-width));
1011
+ height: calc(100% - var(--gjs-canvas-top));
1012
+ bottom: 0;
1013
+ overflow: hidden;
1014
+ z-index: 1;
1015
+ position: absolute;
1016
+ left: 0;
1017
+ top: var(--gjs-canvas-top)
1018
+ }
1019
+
1020
+ .gjs-cv-canvas-bg {
1021
+ background-color: rgba(0, 0, 0, .15)
1022
+ }
1023
+
1024
+ .gjs-cv-canvas.gjs-cui {
1025
+ width: 100%;
1026
+ height: 100%;
1027
+ top: 0
1028
+ }
1029
+
1030
+ .gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,
1031
+ .gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames {
1032
+ pointer-events: none
1033
+ }
1034
+
1035
+ .gjs-cv-canvas__frames {
1036
+ position: absolute;
1037
+ top: 0;
1038
+ left: 0;
1039
+ width: 100%;
1040
+ height: 100%
1041
+ }
1042
+
1043
+ .gjs-cv-canvas__spots {
1044
+ position: absolute;
1045
+ pointer-events: none;
1046
+ z-index: 1
1047
+ }
1048
+
1049
+ .gjs-cv-canvas .gjs-ghost {
1050
+ display: none;
1051
+ pointer-events: none;
1052
+ background-color: #5b5b5b;
1053
+ border: 2px dashed #ccc;
1054
+ position: absolute;
1055
+ z-index: 10;
1056
+ opacity: .55;
1057
+ filter: alpha(opacity=55)
1058
+ }
1059
+
1060
+ .gjs-cv-canvas .gjs-highlighter,
1061
+ .gjs-cv-canvas .gjs-highlighter-sel {
1062
+ position: absolute;
1063
+ outline: 1px solid var(--gjs-color-blue);
1064
+ outline-offset: -1px;
1065
+ pointer-events: none;
1066
+ width: 100%;
1067
+ height: 100%
1068
+ }
1069
+
1070
+ .gjs-cv-canvas .gjs-highlighter-warning {
1071
+ outline: 3px solid var(--gjs-color-yellow)
1072
+ }
1073
+
1074
+ .gjs-cv-canvas .gjs-highlighter-sel {
1075
+ outline: 2px solid var(--gjs-color-blue);
1076
+ outline-offset: -2px
1077
+ }
1078
+
1079
+ .gjs-cv-canvas #gjs-tools,
1080
+ .gjs-cv-canvas .gjs-tools {
1081
+ width: 100%;
1082
+ height: 100%;
1083
+ position: absolute;
1084
+ top: 0;
1085
+ left: 0;
1086
+ outline: none;
1087
+ z-index: 1
1088
+ }
1089
+
1090
+ .gjs-cv-canvas #gjs-tools {
1091
+ z-index: 2
1092
+ }
1093
+
1094
+ .gjs-cv-canvas * {
1095
+ box-sizing: border-box
1096
+ }
1097
+
1098
+ .gjs-frame {
1099
+ outline: medium none;
1100
+ height: 100%;
1101
+ width: 100%;
1102
+ border: none;
1103
+ margin: auto;
1104
+ display: block;
1105
+ transition: width .35s ease, height .35s ease;
1106
+ position: absolute;
1107
+ top: 0;
1108
+ bottom: 0;
1109
+ left: 0;
1110
+ right: 0
1111
+ }
1112
+
1113
+ .gjs-toolbar {
1114
+ position: absolute;
1115
+ background-color: var(--gjs-color-blue);
1116
+ white-space: nowrap;
1117
+ color: #fff;
1118
+ z-index: 10;
1119
+ top: 0;
1120
+ left: 0
1121
+ }
1122
+
1123
+ .gjs-toolbar-item {
1124
+ width: 26px;
1125
+ padding: 5px;
1126
+ cursor: pointer;
1127
+ display: inline-block
1128
+ }
1129
+
1130
+ .gjs-toolbar-item svg {
1131
+ fill: currentColor;
1132
+ vertical-align: middle
1133
+ }
1134
+
1135
+ .gjs-resizer-c {
1136
+ position: absolute;
1137
+ left: 0;
1138
+ top: 0;
1139
+ width: 100%;
1140
+ height: 100%;
1141
+ z-index: 9
1142
+ }
1143
+
1144
+ .gjs-margin-v-el,
1145
+ .gjs-padding-v-el,
1146
+ .gjs-fixedmargin-v-el,
1147
+ .gjs-fixedpadding-v-el {
1148
+ opacity: .1;
1149
+ filter: alpha(opacity=10);
1150
+ position: absolute;
1151
+ background-color: #ff0
1152
+ }
1153
+
1154
+ .gjs-fixedmargin-v-el,
1155
+ .gjs-fixedpadding-v-el {
1156
+ opacity: .2;
1157
+ filter: alpha(opacity=20)
1158
+ }
1159
+
1160
+ .gjs-padding-v-el,
1161
+ .gjs-fixedpadding-v-el {
1162
+ background-color: navy
1163
+ }
1164
+
1165
+ .gjs-resizer-h {
1166
+ pointer-events: all;
1167
+ position: absolute;
1168
+ border: 3px solid var(--gjs-color-blue);
1169
+ width: 10px;
1170
+ height: 10px;
1171
+ background-color: #fff;
1172
+ margin: var(--gjs-handle-margin)
1173
+ }
1174
+
1175
+ .gjs-resizer-h-tl {
1176
+ top: 0;
1177
+ left: 0;
1178
+ cursor: nwse-resize
1179
+ }
1180
+
1181
+ .gjs-resizer-h-tr {
1182
+ top: 0;
1183
+ right: 0;
1184
+ cursor: nesw-resize
1185
+ }
1186
+
1187
+ .gjs-resizer-h-tc {
1188
+ top: 0;
1189
+ margin: var(--gjs-handle-margin) auto;
1190
+ left: 0;
1191
+ right: 0;
1192
+ cursor: ns-resize
1193
+ }
1194
+
1195
+ .gjs-resizer-h-cl {
1196
+ left: 0;
1197
+ margin: auto var(--gjs-handle-margin);
1198
+ top: 0;
1199
+ bottom: 0;
1200
+ cursor: ew-resize
1201
+ }
1202
+
1203
+ .gjs-resizer-h-cr {
1204
+ margin: auto var(--gjs-handle-margin);
1205
+ top: 0;
1206
+ bottom: 0;
1207
+ right: 0;
1208
+ cursor: ew-resize
1209
+ }
1210
+
1211
+ .gjs-resizer-h-bl {
1212
+ bottom: 0;
1213
+ left: 0;
1214
+ cursor: nesw-resize
1215
+ }
1216
+
1217
+ .gjs-resizer-h-bc {
1218
+ bottom: 0;
1219
+ margin: var(--gjs-handle-margin) auto;
1220
+ left: 0;
1221
+ right: 0;
1222
+ cursor: ns-resize
1223
+ }
1224
+
1225
+ .gjs-resizer-h-br {
1226
+ bottom: 0;
1227
+ right: 0;
1228
+ cursor: nwse-resize
1229
+ }
1230
+
1231
+ .gjs-pn-panel .gjs-resizer-h {
1232
+ background-color: rgba(0, 0, 0, .2);
1233
+ border: none;
1234
+ opacity: 0;
1235
+ transition: opacity .25s
1236
+ }
1237
+
1238
+ .gjs-pn-panel .gjs-resizer-h:hover {
1239
+ opacity: 1
1240
+ }
1241
+
1242
+ .gjs-pn-panel .gjs-resizer-h-tc,
1243
+ .gjs-pn-panel .gjs-resizer-h-bc {
1244
+ margin: 0 auto;
1245
+ width: 100%
1246
+ }
1247
+
1248
+ .gjs-pn-panel .gjs-resizer-h-cr,
1249
+ .gjs-pn-panel .gjs-resizer-h-cl {
1250
+ margin: auto 0;
1251
+ height: 100%
1252
+ }
1253
+
1254
+ .gjs-resizing .gjs-highlighter,
1255
+ .gjs-resizing .gjs-badge {
1256
+ display: none !important
1257
+ }
1258
+
1259
+ .gjs-resizing-tl * {
1260
+ cursor: nwse-resize !important
1261
+ }
1262
+
1263
+ .gjs-resizing-tr * {
1264
+ cursor: nesw-resize !important
1265
+ }
1266
+
1267
+ .gjs-resizing-tc * {
1268
+ cursor: ns-resize !important
1269
+ }
1270
+
1271
+ .gjs-resizing-cl * {
1272
+ cursor: ew-resize !important
1273
+ }
1274
+
1275
+ .gjs-resizing-cr * {
1276
+ cursor: ew-resize !important
1277
+ }
1278
+
1279
+ .gjs-resizing-bl * {
1280
+ cursor: nesw-resize !important
1281
+ }
1282
+
1283
+ .gjs-resizing-bc * {
1284
+ cursor: ns-resize !important
1285
+ }
1286
+
1287
+ .gjs-resizing-br * {
1288
+ cursor: nwse-resize !important
1289
+ }
1290
+
1291
+ .no-dots,
1292
+ .ui-resizable-handle {
1293
+ border: none !important;
1294
+ margin: 0 !important;
1295
+ outline: none !important
1296
+ }
1297
+
1298
+ .gjs-com-dashed * {
1299
+ outline: 1px dashed #888;
1300
+ outline-offset: -2px;
1301
+ box-sizing: border-box
1302
+ }
1303
+
1304
+ .gjs-com-badge,
1305
+ .gjs-badge {
1306
+ pointer-events: none;
1307
+ background-color: var(--gjs-color-blue);
1308
+ color: #fff;
1309
+ padding: 2px 5px;
1310
+ position: absolute;
1311
+ z-index: 1;
1312
+ font-size: 12px;
1313
+ outline: none;
1314
+ display: none
1315
+ }
1316
+
1317
+ .gjs-badge-warning {
1318
+ background-color: var(--gjs-color-yellow)
1319
+ }
1320
+
1321
+ .gjs-placeholder,
1322
+ .gjs-com-placeholder,
1323
+ .gjs-placeholder {
1324
+ position: absolute;
1325
+ z-index: 10;
1326
+ pointer-events: none;
1327
+ display: none
1328
+ }
1329
+
1330
+ .gjs-placeholder,
1331
+ .gjs-placeholder {
1332
+ border-style: solid !important;
1333
+ outline: none;
1334
+ box-sizing: border-box;
1335
+ transition: top var(--gjs-animation-duration), left var(--gjs-animation-duration), width var(--gjs-animation-duration), height var(--gjs-animation-duration)
1336
+ }
1337
+
1338
+ .gjs-placeholder.horizontal,
1339
+ .gjs-com-placeholder.horizontal,
1340
+ .gjs-placeholder.horizontal {
1341
+ border-color: rgba(0, 0, 0, 0) var(--gjs-placeholder-background-color);
1342
+ border-width: 3px 5px;
1343
+ margin: -3px 0 0
1344
+ }
1345
+
1346
+ .gjs-placeholder.vertical,
1347
+ .gjs-com-placeholder.vertical,
1348
+ .gjs-placeholder.vertical {
1349
+ border-color: var(--gjs-placeholder-background-color) rgba(0, 0, 0, 0);
1350
+ border-width: 5px 3px;
1351
+ margin: 0 0 0 -3px
1352
+ }
1353
+
1354
+ .gjs-placeholder-int,
1355
+ .gjs-com-placeholder-int,
1356
+ .gjs-placeholder-int {
1357
+ background-color: var(--gjs-placeholder-background-color);
1358
+ box-shadow: 0 0 3px rgba(0, 0, 0, .2);
1359
+ height: 100%;
1360
+ width: 100%;
1361
+ pointer-events: none;
1362
+ padding: 1.5px;
1363
+ outline: none
1364
+ }
1365
+
1366
+ .gjs-pn-panel {
1367
+ display: inline-block;
1368
+ position: absolute;
1369
+ box-sizing: border-box;
1370
+ text-align: center;
1371
+ padding: 5px;
1372
+ z-index: 3
1373
+ }
1374
+
1375
+ .gjs-pn-panel .icon-undo,
1376
+ .gjs-pn-panel .icon-redo {
1377
+ font-size: 20px;
1378
+ height: 30px;
1379
+ width: 25px
1380
+ }
1381
+
1382
+ .gjs-pn-commands {
1383
+ width: calc(100% - var(--gjs-left-width));
1384
+ left: 0;
1385
+ top: 0;
1386
+ box-shadow: 0 0 5px var(--gjs-main-dark-color)
1387
+ }
1388
+
1389
+ .gjs-pn-options {
1390
+ right: var(--gjs-left-width);
1391
+ top: 0
1392
+ }
1393
+
1394
+ .gjs-pn-views {
1395
+ border-bottom: 2px solid var(--gjs-main-dark-color);
1396
+ right: 0;
1397
+ width: var(--gjs-left-width);
1398
+ z-index: 4
1399
+ }
1400
+
1401
+ .gjs-pn-views-container {
1402
+ height: 100%;
1403
+ padding: 42px 0 0;
1404
+ right: 0;
1405
+ width: var(--gjs-left-width);
1406
+ overflow: auto;
1407
+ box-shadow: 0 0 5px var(--gjs-main-dark-color)
1408
+ }
1409
+
1410
+ .gjs-pn-buttons {
1411
+ align-items: center;
1412
+ display: flex;
1413
+ justify-content: space-between
1414
+ }
1415
+
1416
+ .gjs-pn-btn {
1417
+ box-sizing: border-box;
1418
+ min-height: 30px;
1419
+ min-width: 30px;
1420
+ line-height: 21px;
1421
+ background-color: rgba(0, 0, 0, 0);
1422
+ border: none;
1423
+ font-size: 18px;
1424
+ margin-right: 5px;
1425
+ border-radius: 2px;
1426
+ padding: 4px;
1427
+ position: relative;
1428
+ cursor: pointer
1429
+ }
1430
+
1431
+ .gjs-pn-btn.gjs-pn-active {
1432
+ background-color: rgba(0, 0, 0, .15);
1433
+ box-shadow: 0 0 3px rgba(0, 0, 0, .25) inset
1434
+ }
1435
+
1436
+ .gjs-pn-btn svg {
1437
+ fill: currentColor
1438
+ }
1439
+
1440
+ .gjs-label {
1441
+ line-height: 18px
1442
+ }
1443
+
1444
+ .gjs-fields {
1445
+ display: flex
1446
+ }
1447
+
1448
+ .gjs-select {
1449
+ padding: 0;
1450
+ width: 100%
1451
+ }
1452
+
1453
+ .gjs-select select {
1454
+ padding-right: 10px
1455
+ }
1456
+
1457
+ .gjs-select:-moz-focusring,
1458
+ .gjs-select select:-moz-focusring {
1459
+ color: rgba(0, 0, 0, 0);
1460
+ text-shadow: 0 0 0 var(--gjs-secondary-light-color)
1461
+ }
1462
+
1463
+ .gjs-input:focus,
1464
+ .gjs-button:focus,
1465
+ .gjs-btn-prim:focus,
1466
+ .gjs-select:focus,
1467
+ .gjs-select select:focus {
1468
+ outline: none
1469
+ }
1470
+
1471
+ .gjs-field input,
1472
+ .gjs-field select,
1473
+ .gjs-field textarea {
1474
+ -webkit-appearance: none;
1475
+ -moz-appearance: none;
1476
+ appearance: none;
1477
+ color: inherit;
1478
+ border: none;
1479
+ background-color: rgba(0, 0, 0, 0);
1480
+ box-sizing: border-box;
1481
+ width: 100%;
1482
+ position: relative;
1483
+ padding: var(--gjs-input-padding);
1484
+ z-index: 1
1485
+ }
1486
+
1487
+ .gjs-field input:focus,
1488
+ .gjs-field select:focus,
1489
+ .gjs-field textarea:focus {
1490
+ outline: none
1491
+ }
1492
+
1493
+ .gjs-field input[type=number] {
1494
+ -moz-appearance: textfield
1495
+ }
1496
+
1497
+ .gjs-field input[type=number]::-webkit-outer-spin-button,
1498
+ .gjs-field input[type=number]::-webkit-inner-spin-button {
1499
+ -webkit-appearance: none;
1500
+ margin: 0
1501
+ }
1502
+
1503
+ .gjs-field-range {
1504
+ flex: 9 1 auto
1505
+ }
1506
+
1507
+ .gjs-field-integer input {
1508
+ padding-right: 30px
1509
+ }
1510
+
1511
+ .gjs-select option,
1512
+ .gjs-field-select option,
1513
+ .gjs-clm-select option,
1514
+ .gjs-sm-select option,
1515
+ .gjs-fields option,
1516
+ .gjs-sm-unit option {
1517
+ background-color: var(--gjs-main-color);
1518
+ color: var(--gjs-font-color)
1519
+ }
1520
+
1521
+ .gjs-field {
1522
+ background-color: var(--gjs-main-dark-color);
1523
+ border: none;
1524
+ box-shadow: none;
1525
+ border-radius: 2px;
1526
+ box-sizing: border-box;
1527
+ padding: 0;
1528
+ position: relative
1529
+ }
1530
+
1531
+ .gjs-field textarea {
1532
+ resize: vertical
1533
+ }
1534
+
1535
+ .gjs-field .gjs-sel-arrow {
1536
+ height: 100%;
1537
+ width: 9px;
1538
+ position: absolute;
1539
+ right: 0;
1540
+ top: 0;
1541
+ z-index: 0
1542
+ }
1543
+
1544
+ .gjs-field .gjs-d-s-arrow {
1545
+ bottom: 0;
1546
+ top: 0;
1547
+ margin: auto;
1548
+ right: var(--gjs-input-padding);
1549
+ border-top: 4px solid var(--gjs-arrow-color);
1550
+ position: absolute;
1551
+ height: 0;
1552
+ width: 0;
1553
+ border-left: 3px solid rgba(0, 0, 0, 0);
1554
+ border-right: 4px solid rgba(0, 0, 0, 0);
1555
+ cursor: pointer
1556
+ }
1557
+
1558
+ .gjs-field-arrows {
1559
+ position: absolute;
1560
+ cursor: ns-resize;
1561
+ margin: auto;
1562
+ height: 20px;
1563
+ width: 9px;
1564
+ z-index: 10;
1565
+ bottom: 0;
1566
+ right: calc(var(--gjs-input-padding) - 2px);
1567
+ top: 0
1568
+ }
1569
+
1570
+ .gjs-field-color,
1571
+ .gjs-field-radio {
1572
+ width: 100%
1573
+ }
1574
+
1575
+ .gjs-field-color input {
1576
+ padding-right: var(--gjs-color-input-padding);
1577
+ box-sizing: border-box
1578
+ }
1579
+
1580
+ .gjs-field-colorp {
1581
+ border-left: 1px solid var(--gjs-main-dark-color);
1582
+ box-sizing: border-box;
1583
+ height: 100%;
1584
+ padding: 2px;
1585
+ position: absolute;
1586
+ right: 0;
1587
+ top: 0;
1588
+ width: var(--gjs-color-input-padding);
1589
+ z-index: 10
1590
+ }
1591
+
1592
+ .gjs-field-colorp .gjs-checker-bg,
1593
+ .gjs-field-colorp .gjs-field-colorp-c {
1594
+ height: 100%;
1595
+ width: 100%;
1596
+ border-radius: 1px
1597
+ }
1598
+
1599
+ .gjs-field-colorp-c {
1600
+ height: 100%;
1601
+ position: relative;
1602
+ width: 100%
1603
+ }
1604
+
1605
+ .gjs-field-color-picker {
1606
+ background-color: var(--gjs-font-color);
1607
+ cursor: pointer;
1608
+ height: 100%;
1609
+ width: 100%;
1610
+ box-shadow: 0 0 1px var(--gjs-main-dark-color);
1611
+ border-radius: 1px;
1612
+ position: absolute;
1613
+ top: 0
1614
+ }
1615
+
1616
+ .gjs-field-checkbox {
1617
+ padding: 0;
1618
+ width: 17px;
1619
+ height: 17px;
1620
+ display: block;
1621
+ cursor: pointer
1622
+ }
1623
+
1624
+ .gjs-field-checkbox input {
1625
+ display: none
1626
+ }
1627
+
1628
+ .gjs-field-checkbox input:checked+.gjs-chk-icon {
1629
+ border-color: hsla(0, 0%, 100%, .5);
1630
+ border-width: 0 2px 2px 0;
1631
+ border-style: solid
1632
+ }
1633
+
1634
+ .gjs-radio-item {
1635
+ flex: 1 1 auto;
1636
+ text-align: center;
1637
+ border-left: 1px solid var(--gjs-dark-text-shadow)
1638
+ }
1639
+
1640
+ .gjs-radio-item:first-child {
1641
+ border: none
1642
+ }
1643
+
1644
+ .gjs-radio-item:hover {
1645
+ background: var(--gjs-main-dark-color)
1646
+ }
1647
+
1648
+ .gjs-radio-item input {
1649
+ display: none
1650
+ }
1651
+
1652
+ .gjs-radio-item input:checked+.gjs-radio-item-label {
1653
+ background-color: hsla(0, 0%, 100%, .2)
1654
+ }
1655
+
1656
+ .gjs-radio-items {
1657
+ display: flex
1658
+ }
1659
+
1660
+ .gjs-radio-item-label {
1661
+ cursor: pointer;
1662
+ display: block;
1663
+ padding: var(--gjs-input-padding)
1664
+ }
1665
+
1666
+ .gjs-field-units {
1667
+ position: absolute;
1668
+ margin: auto;
1669
+ right: 10px;
1670
+ bottom: 0;
1671
+ top: 0
1672
+ }
1673
+
1674
+ .gjs-field-unit {
1675
+ position: absolute;
1676
+ right: 10px;
1677
+ top: 3px;
1678
+ font-size: 10px;
1679
+ color: var(--gjs-arrow-color);
1680
+ cursor: pointer
1681
+ }
1682
+
1683
+ .gjs-input-unit {
1684
+ text-align: center
1685
+ }
1686
+
1687
+ .gjs-field-arrow-u,
1688
+ .gjs-field-arrow-d {
1689
+ position: absolute;
1690
+ height: 0;
1691
+ width: 0;
1692
+ border-left: 3px solid rgba(0, 0, 0, 0);
1693
+ border-right: 4px solid rgba(0, 0, 0, 0);
1694
+ border-top: 4px solid var(--gjs-arrow-color);
1695
+ bottom: 4px;
1696
+ cursor: pointer
1697
+ }
1698
+
1699
+ .gjs-field-arrow-u {
1700
+ border-bottom: 4px solid var(--gjs-arrow-color);
1701
+ border-top: none;
1702
+ top: 4px
1703
+ }
1704
+
1705
+ .gjs-field-select {
1706
+ padding: 0
1707
+ }
1708
+
1709
+ .gjs-field-range {
1710
+ background-color: rgba(0, 0, 0, 0);
1711
+ border: none;
1712
+ box-shadow: none;
1713
+ padding: 0
1714
+ }
1715
+
1716
+ .gjs-field-range input {
1717
+ margin: 0;
1718
+ height: 100%
1719
+ }
1720
+
1721
+ .gjs-field-range input:focus {
1722
+ outline: none
1723
+ }
1724
+
1725
+ .gjs-field-range input::-webkit-slider-thumb {
1726
+ -webkit-appearance: none;
1727
+ margin-top: -4px;
1728
+ height: 10px;
1729
+ width: 10px;
1730
+ border: 1px solid var(--gjs-main-dark-color);
1731
+ border-radius: 100%;
1732
+ background-color: var(--gjs-font-color);
1733
+ cursor: pointer
1734
+ }
1735
+
1736
+ .gjs-field-range input::-moz-range-thumb {
1737
+ height: 10px;
1738
+ width: 10px;
1739
+ border: 1px solid var(--gjs-main-dark-color);
1740
+ border-radius: 100%;
1741
+ background-color: var(--gjs-font-color);
1742
+ cursor: pointer
1743
+ }
1744
+
1745
+ .gjs-field-range input::-ms-thumb {
1746
+ height: 10px;
1747
+ width: 10px;
1748
+ border: 1px solid var(--gjs-main-dark-color);
1749
+ border-radius: 100%;
1750
+ background-color: var(--gjs-font-color);
1751
+ cursor: pointer
1752
+ }
1753
+
1754
+ .gjs-field-range input::-moz-range-track {
1755
+ background-color: var(--gjs-main-dark-color);
1756
+ border-radius: 1px;
1757
+ margin-top: 3px;
1758
+ height: 3px
1759
+ }
1760
+
1761
+ .gjs-field-range input::-webkit-slider-runnable-track {
1762
+ background-color: var(--gjs-main-dark-color);
1763
+ border-radius: 1px;
1764
+ margin-top: 3px;
1765
+ height: 3px
1766
+ }
1767
+
1768
+ .gjs-field-range input::-ms-track {
1769
+ background-color: var(--gjs-main-dark-color);
1770
+ border-radius: 1px;
1771
+ margin-top: 3px;
1772
+ height: 3px
1773
+ }
1774
+
1775
+ .gjs-btn-prim {
1776
+ color: inherit;
1777
+ background-color: var(--gjs-main-light-color);
1778
+ border-radius: 2px;
1779
+ padding: 3px 6px;
1780
+ padding: var(--gjs-input-padding);
1781
+ cursor: pointer;
1782
+ border: none
1783
+ }
1784
+
1785
+ .gjs-btn-prim:active {
1786
+ background-color: var(--gjs-main-light-color)
1787
+ }
1788
+
1789
+ .gjs-btn--full {
1790
+ width: 100%
1791
+ }
1792
+
1793
+ .gjs-chk-icon {
1794
+ -ms-transform: rotate(45deg);
1795
+ -webkit-transform: rotate(45deg);
1796
+ -moz-transform: rotate(45deg);
1797
+ transform: rotate(45deg);
1798
+ box-sizing: border-box;
1799
+ display: block;
1800
+ height: 14px;
1801
+ margin: 0 5px;
1802
+ width: 6px
1803
+ }
1804
+
1805
+ .gjs-add-trasp {
1806
+ background: none;
1807
+ border: none;
1808
+ color: var(--gjs-font-color);
1809
+ cursor: pointer;
1810
+ font-size: 1em;
1811
+ border-radius: 2px;
1812
+ opacity: .75;
1813
+ filter: alpha(opacity=75)
1814
+ }
1815
+
1816
+ .gjs-add-trasp:hover {
1817
+ opacity: 1;
1818
+ filter: alpha(opacity=100)
1819
+ }
1820
+
1821
+ .gjs-add-trasp:active {
1822
+ background-color: rgba(0, 0, 0, .2)
1823
+ }
1824
+
1825
+ .gjs-devices-c {
1826
+ display: flex;
1827
+ align-items: center;
1828
+ padding: 2px 3px 3px 3px
1829
+ }
1830
+
1831
+ .gjs-devices-c .gjs-device-label {
1832
+ flex-grow: 2;
1833
+ text-align: left;
1834
+ margin-right: 10px
1835
+ }
1836
+
1837
+ .gjs-devices-c .gjs-select {
1838
+ flex-grow: 20
1839
+ }
1840
+
1841
+ .gjs-devices-c .gjs-add-trasp {
1842
+ flex-grow: 1;
1843
+ margin-left: 5px
1844
+ }
1845
+
1846
+ .gjs-sm-clear {
1847
+ cursor: pointer;
1848
+ width: 14px;
1849
+ min-width: 14px;
1850
+ height: 14px;
1851
+ margin-left: 3px
1852
+ }
1853
+
1854
+ .gjs-sm-header {
1855
+ font-weight: lighter;
1856
+ padding: 10px
1857
+ }
1858
+
1859
+ .gjs-sm-sector {
1860
+ clear: both;
1861
+ font-weight: lighter;
1862
+ text-align: left
1863
+ }
1864
+
1865
+ .gjs-sm-sector-title {
1866
+ display: flex;
1867
+ align-items: center
1868
+ }
1869
+
1870
+ .gjs-sm-sector-caret {
1871
+ width: 17px;
1872
+ height: 17px;
1873
+ min-width: 17px;
1874
+ transform: rotate(-90deg)
1875
+ }
1876
+
1877
+ .gjs-sm-sector-label {
1878
+ margin-left: 5px
1879
+ }
1880
+
1881
+ .gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret {
1882
+ transform: none
1883
+ }
1884
+
1885
+ .gjs-sm-properties {
1886
+ font-size: var(--gjs-font-size);
1887
+ padding: 10px 5px;
1888
+ display: flex;
1889
+ flex-wrap: wrap;
1890
+ align-items: flex-end;
1891
+ box-sizing: border-box;
1892
+ width: 100%
1893
+ }
1894
+
1895
+ .gjs-sm-label {
1896
+ margin: 5px 5px 3px 0;
1897
+ display: flex;
1898
+ align-items: center
1899
+ }
1900
+
1901
+ .gjs-sm-close-btn,
1902
+ .gjs-sm-preview-file-close {
1903
+ display: block;
1904
+ font-size: 23px;
1905
+ position: absolute;
1906
+ cursor: pointer;
1907
+ right: 5px;
1908
+ top: 0;
1909
+ opacity: .7;
1910
+ filter: alpha(opacity=70)
1911
+ }
1912
+
1913
+ .gjs-sm-close-btn:hover,
1914
+ .gjs-sm-preview-file-close:hover {
1915
+ opacity: .9;
1916
+ filter: alpha(opacity=90)
1917
+ }
1918
+
1919
+ .gjs-sm-field,
1920
+ .gjs-clm-field,
1921
+ .gjs-clm-select {
1922
+ width: 100%;
1923
+ position: relative
1924
+ }
1925
+
1926
+ .gjs-sm-field input,
1927
+ .gjs-clm-field input,
1928
+ .gjs-clm-select input,
1929
+ .gjs-sm-field select,
1930
+ .gjs-clm-field select,
1931
+ .gjs-clm-select select {
1932
+ background-color: rgba(0, 0, 0, 0);
1933
+ color: hsla(0, 0%, 100%, .7);
1934
+ border: none;
1935
+ width: 100%
1936
+ }
1937
+
1938
+ .gjs-sm-field input,
1939
+ .gjs-clm-field input,
1940
+ .gjs-clm-select input {
1941
+ box-sizing: border-box
1942
+ }
1943
+
1944
+ .gjs-sm-field select,
1945
+ .gjs-clm-field select,
1946
+ .gjs-clm-select select {
1947
+ position: relative;
1948
+ z-index: 1;
1949
+ -webkit-appearance: none;
1950
+ -moz-appearance: none;
1951
+ appearance: none
1952
+ }
1953
+
1954
+ .gjs-sm-field select::-ms-expand,
1955
+ .gjs-clm-field select::-ms-expand,
1956
+ .gjs-clm-select select::-ms-expand {
1957
+ display: none
1958
+ }
1959
+
1960
+ .gjs-sm-field select:-moz-focusring,
1961
+ .gjs-clm-field select:-moz-focusring,
1962
+ .gjs-clm-select select:-moz-focusring {
1963
+ color: rgba(0, 0, 0, 0);
1964
+ text-shadow: 0 0 0 var(--gjs-secondary-light-color)
1965
+ }
1966
+
1967
+ .gjs-sm-field input:focus,
1968
+ .gjs-clm-field input:focus,
1969
+ .gjs-clm-select input:focus,
1970
+ .gjs-sm-field select:focus,
1971
+ .gjs-clm-field select:focus,
1972
+ .gjs-clm-select select:focus {
1973
+ outline: none
1974
+ }
1975
+
1976
+ .gjs-sm-field .gjs-sm-unit,
1977
+ .gjs-clm-field .gjs-sm-unit,
1978
+ .gjs-clm-select .gjs-sm-unit {
1979
+ position: absolute;
1980
+ right: 10px;
1981
+ top: 3px;
1982
+ font-size: 10px;
1983
+ color: var(--gjs-secondary-light-color);
1984
+ cursor: pointer
1985
+ }
1986
+
1987
+ .gjs-sm-field .gjs-clm-sel-arrow,
1988
+ .gjs-clm-field .gjs-clm-sel-arrow,
1989
+ .gjs-clm-select .gjs-clm-sel-arrow,
1990
+ .gjs-sm-field .gjs-sm-int-arrows,
1991
+ .gjs-clm-field .gjs-sm-int-arrows,
1992
+ .gjs-clm-select .gjs-sm-int-arrows,
1993
+ .gjs-sm-field .gjs-sm-sel-arrow,
1994
+ .gjs-clm-field .gjs-sm-sel-arrow,
1995
+ .gjs-clm-select .gjs-sm-sel-arrow {
1996
+ height: 100%;
1997
+ width: 9px;
1998
+ position: absolute;
1999
+ right: 0;
2000
+ top: 0;
2001
+ cursor: ns-resize
2002
+ }
2003
+
2004
+ .gjs-sm-field .gjs-sm-sel-arrow,
2005
+ .gjs-clm-field .gjs-sm-sel-arrow,
2006
+ .gjs-clm-select .gjs-sm-sel-arrow {
2007
+ cursor: pointer
2008
+ }
2009
+
2010
+ .gjs-sm-field .gjs-clm-d-s-arrow,
2011
+ .gjs-clm-field .gjs-clm-d-s-arrow,
2012
+ .gjs-clm-select .gjs-clm-d-s-arrow,
2013
+ .gjs-sm-field .gjs-sm-d-arrow,
2014
+ .gjs-clm-field .gjs-sm-d-arrow,
2015
+ .gjs-clm-select .gjs-sm-d-arrow,
2016
+ .gjs-sm-field .gjs-sm-d-s-arrow,
2017
+ .gjs-clm-field .gjs-sm-d-s-arrow,
2018
+ .gjs-clm-select .gjs-sm-d-s-arrow,
2019
+ .gjs-sm-field .gjs-sm-u-arrow,
2020
+ .gjs-clm-field .gjs-sm-u-arrow,
2021
+ .gjs-clm-select .gjs-sm-u-arrow {
2022
+ position: absolute;
2023
+ height: 0;
2024
+ width: 0;
2025
+ border-left: 3px solid rgba(0, 0, 0, 0);
2026
+ border-right: 4px solid rgba(0, 0, 0, 0);
2027
+ cursor: pointer
2028
+ }
2029
+
2030
+ .gjs-sm-field .gjs-sm-u-arrow,
2031
+ .gjs-clm-field .gjs-sm-u-arrow,
2032
+ .gjs-clm-select .gjs-sm-u-arrow {
2033
+ border-bottom: 4px solid var(--gjs-secondary-light-color);
2034
+ top: 4px
2035
+ }
2036
+
2037
+ .gjs-sm-field .gjs-clm-d-s-arrow,
2038
+ .gjs-clm-field .gjs-clm-d-s-arrow,
2039
+ .gjs-clm-select .gjs-clm-d-s-arrow,
2040
+ .gjs-sm-field .gjs-sm-d-arrow,
2041
+ .gjs-clm-field .gjs-sm-d-arrow,
2042
+ .gjs-clm-select .gjs-sm-d-arrow,
2043
+ .gjs-sm-field .gjs-sm-d-s-arrow,
2044
+ .gjs-clm-field .gjs-sm-d-s-arrow,
2045
+ .gjs-clm-select .gjs-sm-d-s-arrow {
2046
+ border-top: 4px solid var(--gjs-secondary-light-color);
2047
+ bottom: 4px
2048
+ }
2049
+
2050
+ .gjs-sm-field .gjs-clm-d-s-arrow,
2051
+ .gjs-clm-field .gjs-clm-d-s-arrow,
2052
+ .gjs-clm-select .gjs-clm-d-s-arrow,
2053
+ .gjs-sm-field .gjs-sm-d-s-arrow,
2054
+ .gjs-clm-field .gjs-sm-d-s-arrow,
2055
+ .gjs-clm-select .gjs-sm-d-s-arrow {
2056
+ bottom: 7px
2057
+ }
2058
+
2059
+ .gjs-sm-field.gjs-sm-color,
2060
+ .gjs-sm-color.gjs-clm-field,
2061
+ .gjs-sm-field.gjs-sm-input,
2062
+ .gjs-sm-input.gjs-clm-field,
2063
+ .gjs-sm-field.gjs-sm-integer,
2064
+ .gjs-sm-integer.gjs-clm-field,
2065
+ .gjs-sm-field.gjs-sm-list,
2066
+ .gjs-sm-list.gjs-clm-field,
2067
+ .gjs-sm-field.gjs-sm-select,
2068
+ .gjs-sm-select.gjs-clm-field,
2069
+ .gjs-clm-select {
2070
+ background-color: var(--gjs-main-dark-color);
2071
+ border: 1px solid rgba(0, 0, 0, .1);
2072
+ box-shadow: 1px 1px 0 var(--gjs-main-light-color);
2073
+ color: var(--gjs-secondary-light-color);
2074
+ border-radius: 2px;
2075
+ box-sizing: border-box;
2076
+ padding: 0 5px
2077
+ }
2078
+
2079
+ .gjs-sm-field.gjs-sm-composite,
2080
+ .gjs-sm-composite.gjs-clm-field,
2081
+ .gjs-sm-composite.gjs-clm-select {
2082
+ border-radius: 2px
2083
+ }
2084
+
2085
+ .gjs-sm-field.gjs-sm-select,
2086
+ .gjs-sm-select.gjs-clm-field,
2087
+ .gjs-clm-select {
2088
+ padding: 0
2089
+ }
2090
+
2091
+ .gjs-sm-field.gjs-sm-select select,
2092
+ .gjs-sm-select.gjs-clm-field select,
2093
+ .gjs-clm-select select {
2094
+ height: 20px
2095
+ }
2096
+
2097
+ .gjs-sm-field.gjs-sm-select option,
2098
+ .gjs-sm-select.gjs-clm-field option,
2099
+ .gjs-clm-select option {
2100
+ padding: 3px 0
2101
+ }
2102
+
2103
+ .gjs-sm-field.gjs-sm-composite,
2104
+ .gjs-sm-composite.gjs-clm-field,
2105
+ .gjs-sm-composite.gjs-clm-select {
2106
+ background-color: var(--gjs-secondary-dark-color);
2107
+ border: 1px solid rgba(0, 0, 0, .25)
2108
+ }
2109
+
2110
+ .gjs-sm-field.gjs-sm-list,
2111
+ .gjs-sm-list.gjs-clm-field,
2112
+ .gjs-sm-list.gjs-clm-select {
2113
+ width: auto;
2114
+ padding: 0;
2115
+ overflow: hidden;
2116
+ float: left
2117
+ }
2118
+
2119
+ .gjs-sm-field.gjs-sm-list input,
2120
+ .gjs-sm-list.gjs-clm-field input,
2121
+ .gjs-sm-list.gjs-clm-select input {
2122
+ display: none
2123
+ }
2124
+
2125
+ .gjs-sm-field.gjs-sm-list label,
2126
+ .gjs-sm-list.gjs-clm-field label,
2127
+ .gjs-sm-list.gjs-clm-select label {
2128
+ cursor: pointer;
2129
+ padding: 5px;
2130
+ display: block
2131
+ }
2132
+
2133
+ .gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked+label,
2134
+ .gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked+label,
2135
+ .gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked+label {
2136
+ background-color: hsla(0, 0%, 100%, .2)
2137
+ }
2138
+
2139
+ .gjs-sm-field.gjs-sm-list .gjs-sm-icon,
2140
+ .gjs-sm-list.gjs-clm-field .gjs-sm-icon,
2141
+ .gjs-sm-list.gjs-clm-select .gjs-sm-icon {
2142
+ background-repeat: no-repeat;
2143
+ background-position: center;
2144
+ text-shadow: none;
2145
+ line-height: normal
2146
+ }
2147
+
2148
+ .gjs-sm-field.gjs-sm-integer select,
2149
+ .gjs-sm-integer.gjs-clm-field select,
2150
+ .gjs-sm-integer.gjs-clm-select select {
2151
+ width: auto;
2152
+ padding: 0
2153
+ }
2154
+
2155
+ .gjs-sm-list .gjs-sm-el {
2156
+ float: left;
2157
+ border-left: 1px solid var(--gjs-main-dark-color)
2158
+ }
2159
+
2160
+ .gjs-sm-list .gjs-sm-el:first-child {
2161
+ border: none
2162
+ }
2163
+
2164
+ .gjs-sm-list .gjs-sm-el:hover {
2165
+ background: var(--gjs-main-dark-color)
2166
+ }
2167
+
2168
+ .gjs-sm-slider .gjs-field-integer {
2169
+ flex: 1 1 65px
2170
+ }
2171
+
2172
+ .gjs-sm-property {
2173
+ box-sizing: border-box;
2174
+ float: left;
2175
+ width: 50%;
2176
+ margin-bottom: 5px;
2177
+ padding: 0 5px
2178
+ }
2179
+
2180
+ .gjs-sm-property--full,
2181
+ .gjs-sm-property.gjs-sm-composite,
2182
+ .gjs-sm-property.gjs-sm-file,
2183
+ .gjs-sm-property.gjs-sm-list,
2184
+ .gjs-sm-property.gjs-sm-stack,
2185
+ .gjs-sm-property.gjs-sm-slider,
2186
+ .gjs-sm-property.gjs-sm-color {
2187
+ width: 100%
2188
+ }
2189
+
2190
+ .gjs-sm-property .gjs-sm-btn {
2191
+ background-color: color-mix(in srgb, var(--gjs-main-dark-color), white 13%);
2192
+ border-radius: 2px;
2193
+ box-shadow: 1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 2%), 1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 17%) inset;
2194
+ padding: 5px;
2195
+ position: relative;
2196
+ text-align: center;
2197
+ height: auto;
2198
+ width: 100%;
2199
+ cursor: pointer;
2200
+ color: var(--gjs-font-color);
2201
+ box-sizing: border-box;
2202
+ text-shadow: -1px -1px 0 var(--gjs-main-dark-color);
2203
+ border: none;
2204
+ opacity: .85;
2205
+ filter: alpha(opacity=85)
2206
+ }
2207
+
2208
+ .gjs-sm-property .gjs-sm-btn-c {
2209
+ box-sizing: border-box;
2210
+ float: left;
2211
+ width: 100%
2212
+ }
2213
+
2214
+ .gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt::after {
2215
+ color: #000;
2216
+ content: "T";
2217
+ font-weight: 900;
2218
+ line-height: 17px;
2219
+ padding: 0 4px
2220
+ }
2221
+
2222
+ .gjs-sm-preview-file {
2223
+ background-color: var(--gjs-light-border);
2224
+ border-radius: 2px;
2225
+ margin-top: 5px;
2226
+ position: relative;
2227
+ overflow: hidden;
2228
+ border: 1px solid color-mix(in srgb, var(--gjs-light-border), black 1%);
2229
+ padding: 3px 20px
2230
+ }
2231
+
2232
+ .gjs-sm-preview-file-cnt {
2233
+ background-size: auto 100%;
2234
+ background-repeat: no-repeat;
2235
+ background-position: center center;
2236
+ height: 50px
2237
+ }
2238
+
2239
+ .gjs-sm-preview-file-close {
2240
+ top: -5px;
2241
+ width: 14px;
2242
+ height: 14px
2243
+ }
2244
+
2245
+ .gjs-sm-layers {
2246
+ margin-top: 5px;
2247
+ padding: 1px 3px;
2248
+ min-height: 30px
2249
+ }
2250
+
2251
+ .gjs-sm-layer {
2252
+ background-color: hsla(0, 0%, 100%, .055);
2253
+ border-radius: 2px;
2254
+ margin: 2px 0;
2255
+ padding: 7px;
2256
+ position: relative
2257
+ }
2258
+
2259
+ .gjs-sm-layer.gjs-sm-active {
2260
+ background-color: hsla(0, 0%, 100%, .12)
2261
+ }
2262
+
2263
+ .gjs-sm-layer .gjs-sm-label-wrp {
2264
+ display: flex;
2265
+ align-items: center
2266
+ }
2267
+
2268
+ .gjs-sm-layer #gjs-sm-move {
2269
+ height: 14px;
2270
+ width: 14px;
2271
+ min-width: 14px;
2272
+ cursor: grab
2273
+ }
2274
+
2275
+ .gjs-sm-layer #gjs-sm-label {
2276
+ flex-grow: 1;
2277
+ overflow: hidden;
2278
+ white-space: nowrap;
2279
+ text-overflow: ellipsis;
2280
+ margin: 0 5px
2281
+ }
2282
+
2283
+ .gjs-sm-layer-preview {
2284
+ height: 15px;
2285
+ width: 15px;
2286
+ min-width: 15px;
2287
+ margin-right: 5px;
2288
+ border-radius: 2px
2289
+ }
2290
+
2291
+ .gjs-sm-layer-preview-cnt {
2292
+ border-radius: 2px;
2293
+ background-color: #fff;
2294
+ height: 100%;
2295
+ width: 100%;
2296
+ background-size: cover !important
2297
+ }
2298
+
2299
+ .gjs-sm-layer #gjs-sm-close-layer {
2300
+ display: block;
2301
+ cursor: pointer;
2302
+ height: 14px;
2303
+ width: 14px;
2304
+ min-width: 14px;
2305
+ opacity: .5;
2306
+ filter: alpha(opacity=50)
2307
+ }
2308
+
2309
+ .gjs-sm-layer #gjs-sm-close-layer:hover {
2310
+ opacity: .8;
2311
+ filter: alpha(opacity=80)
2312
+ }
2313
+
2314
+ .gjs-sm-stack .gjs-sm-properties {
2315
+ padding: 5px 0 0
2316
+ }
2317
+
2318
+ .gjs-sm-stack #gjs-sm-add {
2319
+ background: none;
2320
+ border: none;
2321
+ cursor: pointer;
2322
+ outline: none;
2323
+ position: absolute;
2324
+ right: 0;
2325
+ top: -17px;
2326
+ opacity: .75;
2327
+ padding: 0;
2328
+ width: 18px;
2329
+ height: 18px
2330
+ }
2331
+
2332
+ .gjs-sm-stack #gjs-sm-add:hover {
2333
+ opacity: 1;
2334
+ filter: alpha(opacity=100)
2335
+ }
2336
+
2337
+ .gjs-sm-colorp-c {
2338
+ height: 100%;
2339
+ width: 20px;
2340
+ position: absolute;
2341
+ right: 0;
2342
+ top: 0;
2343
+ box-sizing: border-box;
2344
+ border-radius: 2px;
2345
+ padding: 2px
2346
+ }
2347
+
2348
+ .gjs-sm-colorp-c .gjs-field-colorp-c,
2349
+ .gjs-sm-colorp-c .gjs-checker-bg {
2350
+ height: 100%;
2351
+ width: 100%;
2352
+ border-radius: 1px
2353
+ }
2354
+
2355
+ .gjs-sm-color-picker {
2356
+ background-color: var(--gjs-font-color);
2357
+ cursor: pointer;
2358
+ height: 16px;
2359
+ width: 100%;
2360
+ margin-top: -16px;
2361
+ box-shadow: 0 0 1px var(--gjs-main-dark-color);
2362
+ border-radius: 1px
2363
+ }
2364
+
2365
+ .gjs-sm-btn-upload #gjs-sm-upload {
2366
+ left: 0;
2367
+ top: 0;
2368
+ position: absolute;
2369
+ width: 100%;
2370
+ opacity: 0;
2371
+ cursor: pointer
2372
+ }
2373
+
2374
+ .gjs-sm-btn-upload #gjs-sm-label {
2375
+ padding: 2px 0
2376
+ }
2377
+
2378
+ .gjs-sm-layer>#gjs-sm-move {
2379
+ opacity: .7;
2380
+ filter: alpha(opacity=70);
2381
+ cursor: move;
2382
+ font-size: 12px;
2383
+ float: left;
2384
+ margin: 0 5px 0 0
2385
+ }
2386
+
2387
+ .gjs-sm-layer>#gjs-sm-move:hover {
2388
+ opacity: .9;
2389
+ filter: alpha(opacity=90)
2390
+ }
2391
+
2392
+ .gjs-blocks-c {
2393
+ display: flex;
2394
+ flex-wrap: wrap;
2395
+ justify-content: flex-start
2396
+ }
2397
+
2398
+ .gjs-block-categories {
2399
+ display: flex;
2400
+ flex-direction: column
2401
+ }
2402
+
2403
+ .gjs-block-category {
2404
+ width: 100%
2405
+ }
2406
+
2407
+ .gjs-block-category .gjs-caret-icon {
2408
+ margin-right: 5px
2409
+ }
2410
+
2411
+ .gjs-block {
2412
+ -moz-user-select: none;
2413
+ -khtml-user-select: none;
2414
+ -webkit-user-select: none;
2415
+ -ms-user-select: none;
2416
+ -o-user-select: none;
2417
+ user-select: none;
2418
+ width: 45%;
2419
+ min-width: 45px;
2420
+ padding: 1em;
2421
+ box-sizing: border-box;
2422
+ min-height: 90px;
2423
+ cursor: all-scroll;
2424
+ font-size: 11px;
2425
+ font-weight: lighter;
2426
+ text-align: center;
2427
+ display: flex;
2428
+ flex-direction: column;
2429
+ justify-content: space-between;
2430
+ border: 1px solid rgba(0, 0, 0, .2);
2431
+ border-radius: 3px;
2432
+ margin: 10px 2.5% 5px;
2433
+ box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
2434
+ transition: all .2s ease 0s;
2435
+ transition-property: box-shadow, color
2436
+ }
2437
+
2438
+ .gjs-block:hover {
2439
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .15)
2440
+ }
2441
+
2442
+ .gjs-block svg {
2443
+ fill: currentColor
2444
+ }
2445
+
2446
+ .gjs-block__media {
2447
+ margin-bottom: 10px;
2448
+ pointer-events: none
2449
+ }
2450
+
2451
+ .gjs-block-svg {
2452
+ width: 54px;
2453
+ fill: currentColor
2454
+ }
2455
+
2456
+ .gjs-block-svg-path {
2457
+ fill: currentColor
2458
+ }
2459
+
2460
+ .gjs-block.fa {
2461
+ font-size: 2em;
2462
+ line-height: 2em;
2463
+ padding: 11px
2464
+ }
2465
+
2466
+ .gjs-block-label {
2467
+ line-height: normal;
2468
+ font-size: .65rem;
2469
+ font-weight: normal;
2470
+ font-family: Helvetica, sans-serif;
2471
+ overflow: hidden;
2472
+ text-overflow: ellipsis;
2473
+ pointer-events: none
2474
+ }
2475
+
2476
+ .gjs-block.gjs-bdrag {
2477
+ width: auto;
2478
+ padding: 0
2479
+ }
2480
+
2481
+ .gjs-selected-parent {
2482
+ border: 1px solid var(--gjs-color-yellow)
2483
+ }
2484
+
2485
+ .gjs-opac50 {
2486
+ opacity: .5;
2487
+ filter: alpha(opacity=50)
2488
+ }
2489
+
2490
+ .gjs-layer {
2491
+ font-weight: lighter;
2492
+ text-align: left;
2493
+ position: relative;
2494
+ font-size: var(--gjs-font-size);
2495
+ display: grid
2496
+ }
2497
+
2498
+ .gjs-layer-item {
2499
+ display: flex;
2500
+ align-items: center;
2501
+ justify-content: space-between;
2502
+ padding: 5px 10px;
2503
+ border-bottom: 1px solid var(--gjs-main-dark-color);
2504
+ background-color: var(--gjs-secondary-dark-color);
2505
+ gap: var(--gjs-flex-item-gap);
2506
+ cursor: pointer
2507
+ }
2508
+
2509
+ .gjs-layer-item-left,
2510
+ .gjs-layer-item-right {
2511
+ display: flex;
2512
+ align-items: center;
2513
+ gap: var(--gjs-flex-item-gap)
2514
+ }
2515
+
2516
+ .gjs-layer-item-left {
2517
+ width: 100%
2518
+ }
2519
+
2520
+ .gjs-layer-hidden {
2521
+ opacity: .55;
2522
+ filter: alpha(opacity=55)
2523
+ }
2524
+
2525
+ .gjs-layer-vis {
2526
+ box-sizing: content-box;
2527
+ cursor: pointer;
2528
+ z-index: 1
2529
+ }
2530
+
2531
+ .gjs-layer-vis-on,
2532
+ .gjs-layer-vis-off {
2533
+ display: flex;
2534
+ width: 13px;
2535
+ height: 13px
2536
+ }
2537
+
2538
+ .gjs-layer-vis-off {
2539
+ display: none
2540
+ }
2541
+
2542
+ .gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on {
2543
+ display: none
2544
+ }
2545
+
2546
+ .gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off {
2547
+ display: flex
2548
+ }
2549
+
2550
+ .gjs-layer-caret {
2551
+ width: 15px;
2552
+ height: 15px;
2553
+ cursor: pointer;
2554
+ box-sizing: content-box;
2555
+ transform: rotate(90deg);
2556
+ display: flex;
2557
+ opacity: .7;
2558
+ filter: alpha(opacity=70)
2559
+ }
2560
+
2561
+ .gjs-layer-caret:hover {
2562
+ opacity: 1;
2563
+ filter: alpha(opacity=100)
2564
+ }
2565
+
2566
+ .gjs-layer.open>.gjs-layer-item .gjs-layer-caret {
2567
+ transform: rotate(180deg)
2568
+ }
2569
+
2570
+ .gjs-layer-title {
2571
+ padding: 0;
2572
+ display: flex;
2573
+ align-items: center;
2574
+ background-color: rgba(0, 0, 0, 0) !important;
2575
+ border-bottom: none
2576
+ }
2577
+
2578
+ .gjs-layer-title-inn {
2579
+ align-items: center;
2580
+ position: relative;
2581
+ display: flex;
2582
+ gap: var(--gjs-flex-item-gap)
2583
+ }
2584
+
2585
+ .gjs-layer-title-c {
2586
+ width: 100%
2587
+ }
2588
+
2589
+ .gjs-layer__icon {
2590
+ display: block;
2591
+ width: 100%;
2592
+ max-width: 15px;
2593
+ max-height: 15px;
2594
+ padding-left: 5px
2595
+ }
2596
+
2597
+ .gjs-layer__icon svg {
2598
+ fill: currentColor
2599
+ }
2600
+
2601
+ .gjs-layer-name {
2602
+ display: inline-block;
2603
+ box-sizing: content-box;
2604
+ overflow: hidden;
2605
+ white-space: nowrap;
2606
+ max-width: 170px;
2607
+ height: auto
2608
+ }
2609
+
2610
+ .gjs-layer-name--no-edit {
2611
+ text-overflow: ellipsis
2612
+ }
2613
+
2614
+ .gjs-layer>.gjs-layer-children {
2615
+ display: none
2616
+ }
2617
+
2618
+ .gjs-layer.open>.gjs-layer-children {
2619
+ display: block
2620
+ }
2621
+
2622
+ .gjs-layer-no-chld>.gjs-layer-title-inn>.gjs-layer-caret {
2623
+ visibility: hidden
2624
+ }
2625
+
2626
+ .gjs-layer-move {
2627
+ display: flex;
2628
+ width: 13px;
2629
+ height: 13px;
2630
+ box-sizing: content-box;
2631
+ cursor: move
2632
+ }
2633
+
2634
+ .gjs-layer.gjs-hovered .gjs-layer-item {
2635
+ background-color: var(--gjs-soft-light-color)
2636
+ }
2637
+
2638
+ .gjs-layer.gjs-selected .gjs-layer-item {
2639
+ background-color: var(--gjs-main-light-color)
2640
+ }
2641
+
2642
+ .gjs-layers {
2643
+ position: relative;
2644
+ height: 100%
2645
+ }
2646
+
2647
+ .gjs-layers #gjs-placeholder {
2648
+ width: 100%;
2649
+ position: absolute
2650
+ }
2651
+
2652
+ .gjs-layers #gjs-placeholder #gjs-plh-int {
2653
+ height: 100%;
2654
+ padding: 1px
2655
+ }
2656
+
2657
+ .gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert {
2658
+ background-color: var(--gjs-color-green)
2659
+ }
2660
+
2661
+ #gjs-clm-add-tag,
2662
+ .gjs-clm-tags-btn {
2663
+ background-color: hsla(0, 0%, 100%, .15);
2664
+ border-radius: 2px;
2665
+ padding: 3px;
2666
+ margin-right: 3px;
2667
+ border: 1px solid rgba(0, 0, 0, .15);
2668
+ width: 24px;
2669
+ height: 24px;
2670
+ box-sizing: border-box;
2671
+ cursor: pointer
2672
+ }
2673
+
2674
+ .gjs-clm-tags-btn svg {
2675
+ fill: currentColor;
2676
+ display: block
2677
+ }
2678
+
2679
+ .gjs-clm-header {
2680
+ display: flex;
2681
+ align-items: center;
2682
+ margin: 7px 0
2683
+ }
2684
+
2685
+ .gjs-clm-header-status {
2686
+ flex-shrink: 1;
2687
+ margin-left: auto
2688
+ }
2689
+
2690
+ .gjs-clm-tag {
2691
+ display: flex;
2692
+ overflow: hidden;
2693
+ align-items: center;
2694
+ border-radius: 3px;
2695
+ margin: 0 3px 3px 0;
2696
+ padding: 5px;
2697
+ cursor: default
2698
+ }
2699
+
2700
+ .gjs-clm-tag-status,
2701
+ .gjs-clm-tag-close {
2702
+ width: 12px;
2703
+ height: 12px;
2704
+ flex-shrink: 1
2705
+ }
2706
+
2707
+ .gjs-clm-tag-status svg,
2708
+ .gjs-clm-tag-close svg {
2709
+ vertical-align: middle;
2710
+ fill: currentColor
2711
+ }
2712
+
2713
+ .gjs-clm-sels-info {
2714
+ margin: 7px 0;
2715
+ text-align: left
2716
+ }
2717
+
2718
+ .gjs-clm-sel-id {
2719
+ font-size: .9em;
2720
+ opacity: .5;
2721
+ filter: alpha(opacity=50)
2722
+ }
2723
+
2724
+ .gjs-clm-label-sel {
2725
+ float: left;
2726
+ padding-right: 5px
2727
+ }
2728
+
2729
+ .gjs-clm-tags {
2730
+ font-size: var(--gjs-font-size);
2731
+ padding: 10px 5px
2732
+ }
2733
+
2734
+ .gjs-clm-tags #gjs-clm-sel {
2735
+ padding: 7px 0;
2736
+ float: left
2737
+ }
2738
+
2739
+ .gjs-clm-tags #gjs-clm-sel {
2740
+ font-style: italic;
2741
+ margin-left: 5px
2742
+ }
2743
+
2744
+ .gjs-clm-tags #gjs-clm-tags-field {
2745
+ clear: both;
2746
+ padding: 5px;
2747
+ margin-bottom: 5px;
2748
+ display: flex;
2749
+ flex-wrap: wrap
2750
+ }
2751
+
2752
+ .gjs-clm-tags #gjs-clm-tags-c {
2753
+ display: flex;
2754
+ flex-wrap: wrap;
2755
+ vertical-align: top;
2756
+ overflow: hidden
2757
+ }
2758
+
2759
+ .gjs-clm-tags #gjs-clm-new {
2760
+ color: var(--gjs-font-color);
2761
+ padding: var(--gjs-padding-elem-classmanager);
2762
+ display: none
2763
+ }
2764
+
2765
+ .gjs-clm-tags #gjs-clm-close {
2766
+ opacity: .85;
2767
+ filter: alpha(opacity=85);
2768
+ font-size: 20px;
2769
+ line-height: 0;
2770
+ cursor: pointer;
2771
+ color: hsla(0, 0%, 100%, .9)
2772
+ }
2773
+
2774
+ .gjs-clm-tags #gjs-clm-close:hover {
2775
+ opacity: 1;
2776
+ filter: alpha(opacity=100)
2777
+ }
2778
+
2779
+ .gjs-clm-tags #gjs-clm-checkbox {
2780
+ color: hsla(0, 0%, 100%, .9);
2781
+ vertical-align: middle;
2782
+ cursor: pointer;
2783
+ font-size: 9px
2784
+ }
2785
+
2786
+ .gjs-clm-tags #gjs-clm-tag-label {
2787
+ flex-grow: 1;
2788
+ text-overflow: ellipsis;
2789
+ overflow: hidden;
2790
+ padding: 0 3px;
2791
+ cursor: text
2792
+ }
2793
+
2794
+ .gjs-mdl-container {
2795
+ font-family: var(--gjs-main-font);
2796
+ overflow-y: auto;
2797
+ position: fixed;
2798
+ background-color: rgba(0, 0, 0, .5);
2799
+ display: flex;
2800
+ top: 0;
2801
+ left: 0;
2802
+ right: 0;
2803
+ bottom: 0;
2804
+ z-index: 100
2805
+ }
2806
+
2807
+ .gjs-mdl-dialog {
2808
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, .05);
2809
+ animation: gjs-slide-down .215s;
2810
+ margin: auto;
2811
+ max-width: 850px;
2812
+ width: 90%;
2813
+ border-radius: 3px;
2814
+ font-weight: lighter;
2815
+ position: relative;
2816
+ z-index: 2
2817
+ }
2818
+
2819
+ .gjs-mdl-title {
2820
+ font-size: 1rem
2821
+ }
2822
+
2823
+ .gjs-mdl-btn-close {
2824
+ position: absolute;
2825
+ right: 15px;
2826
+ top: 5px
2827
+ }
2828
+
2829
+ .gjs-mdl-active .gjs-mdl-dialog {
2830
+ animation: gjs-mdl-slide-down .216s
2831
+ }
2832
+
2833
+ .gjs-mdl-header,
2834
+ .gjs-mdl-content {
2835
+ padding: 10px 15px;
2836
+ clear: both
2837
+ }
2838
+
2839
+ .gjs-mdl-header {
2840
+ position: relative;
2841
+ border-bottom: 1px solid var(--gjs-main-dark-color);
2842
+ padding: 15px 15px 7px
2843
+ }
2844
+
2845
+ .gjs-export-dl::after {
2846
+ content: "";
2847
+ clear: both;
2848
+ display: block;
2849
+ margin-bottom: 10px
2850
+ }
2851
+
2852
+ .gjs-dropzone {
2853
+ display: none;
2854
+ opacity: 0;
2855
+ position: absolute;
2856
+ top: 0;
2857
+ left: 0;
2858
+ z-index: 11;
2859
+ width: 100%;
2860
+ height: 100%;
2861
+ transition: opacity .25s;
2862
+ pointer-events: none
2863
+ }
2864
+
2865
+ .gjs-dropzone-active .gjs-dropzone {
2866
+ display: block;
2867
+ opacity: 1
2868
+ }
2869
+
2870
+ .gjs-am-assets {
2871
+ height: 290px;
2872
+ overflow: auto;
2873
+ clear: both;
2874
+ display: flex;
2875
+ flex-wrap: wrap;
2876
+ align-items: flex-start;
2877
+ align-content: flex-start
2878
+ }
2879
+
2880
+ .gjs-am-assets-header {
2881
+ padding: 5px
2882
+ }
2883
+
2884
+ .gjs-am-add-asset .gjs-am-add-field {
2885
+ width: 70%;
2886
+ float: left
2887
+ }
2888
+
2889
+ .gjs-am-add-asset button {
2890
+ width: 25%;
2891
+ float: right
2892
+ }
2893
+
2894
+ .gjs-am-preview-cont {
2895
+ position: relative;
2896
+ height: 70px;
2897
+ width: 30%;
2898
+ background-color: var(--gjs-main-color);
2899
+ border-radius: 2px;
2900
+ float: left;
2901
+ overflow: hidden
2902
+ }
2903
+
2904
+ .gjs-am-preview {
2905
+ position: absolute;
2906
+ background-position: center center;
2907
+ background-size: cover;
2908
+ background-repeat: no-repeat;
2909
+ height: 100%;
2910
+ width: 100%;
2911
+ z-index: 1
2912
+ }
2913
+
2914
+ .gjs-am-preview-bg {
2915
+ opacity: .5;
2916
+ filter: alpha(opacity=50);
2917
+ position: absolute;
2918
+ height: 100%;
2919
+ width: 100%;
2920
+ z-index: 0
2921
+ }
2922
+
2923
+ .gjs-am-dimensions {
2924
+ opacity: .5;
2925
+ filter: alpha(opacity=50);
2926
+ font-size: 10px
2927
+ }
2928
+
2929
+ .gjs-am-meta {
2930
+ width: 70%;
2931
+ float: left;
2932
+ font-size: 12px;
2933
+ padding: 5px 0 0 5px;
2934
+ box-sizing: border-box
2935
+ }
2936
+
2937
+ .gjs-am-meta>div {
2938
+ margin-bottom: 5px
2939
+ }
2940
+
2941
+ .gjs-am-close {
2942
+ cursor: pointer;
2943
+ position: absolute;
2944
+ right: 5px;
2945
+ top: 0;
2946
+ display: none
2947
+ }
2948
+
2949
+ .gjs-am-asset {
2950
+ border-bottom: 1px solid color-mix(in srgb, var(--gjs-main-dark-color), black 3%);
2951
+ padding: 5px;
2952
+ cursor: pointer;
2953
+ position: relative;
2954
+ box-sizing: border-box;
2955
+ width: 100%
2956
+ }
2957
+
2958
+ .gjs-am-asset:hover .gjs-am-close {
2959
+ display: block
2960
+ }
2961
+
2962
+ .gjs-am-highlight {
2963
+ background-color: var(--gjs-main-light-color)
2964
+ }
2965
+
2966
+ .gjs-am-assets-cont {
2967
+ background-color: var(--gjs-secondary-dark-color);
2968
+ border-radius: 3px;
2969
+ box-sizing: border-box;
2970
+ padding: 10px;
2971
+ width: 45%;
2972
+ float: right;
2973
+ height: 325px;
2974
+ overflow: hidden
2975
+ }
2976
+
2977
+ .gjs-am-file-uploader {
2978
+ width: 55%;
2979
+ float: left
2980
+ }
2981
+
2982
+ .gjs-am-file-uploader>form {
2983
+ background-color: var(--gjs-secondary-dark-color);
2984
+ border: 2px dashed;
2985
+ border-radius: 3px;
2986
+ position: relative;
2987
+ text-align: center;
2988
+ margin-bottom: 15px
2989
+ }
2990
+
2991
+ .gjs-am-file-uploader>form.gjs-am-hover {
2992
+ border: 2px solid var(--gjs-color-green);
2993
+ color: color-mix(in srgb, var(--gjs-color-green), white 5%)
2994
+ }
2995
+
2996
+ .gjs-am-file-uploader>form.gjs-am-disabled {
2997
+ border-color: red
2998
+ }
2999
+
3000
+ .gjs-am-file-uploader>form #gjs-am-uploadFile {
3001
+ opacity: 0;
3002
+ filter: alpha(opacity=0);
3003
+ padding: var(--gjs-upload-padding);
3004
+ width: 100%;
3005
+ box-sizing: border-box
3006
+ }
3007
+
3008
+ .gjs-am-file-uploader #gjs-am-title {
3009
+ position: absolute;
3010
+ padding: var(--gjs-upload-padding);
3011
+ width: 100%
3012
+ }
3013
+
3014
+ .gjs-cm-editor-c {
3015
+ float: left;
3016
+ box-sizing: border-box;
3017
+ width: 50%
3018
+ }
3019
+
3020
+ .gjs-cm-editor-c .CodeMirror {
3021
+ height: 450px
3022
+ }
3023
+
3024
+ .gjs-cm-editor {
3025
+ font-size: 12px
3026
+ }
3027
+
3028
+ .gjs-cm-editor#gjs-cm-htmlmixed {
3029
+ padding-right: 10px;
3030
+ border-right: 1px solid var(--gjs-main-dark-color)
3031
+ }
3032
+
3033
+ .gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title {
3034
+ color: #a97d44
3035
+ }
3036
+
3037
+ .gjs-cm-editor#gjs-cm-css {
3038
+ padding-left: 10px
3039
+ }
3040
+
3041
+ .gjs-cm-editor#gjs-cm-css #gjs-cm-title {
3042
+ color: #ddca7e
3043
+ }
3044
+
3045
+ .gjs-cm-editor #gjs-cm-title {
3046
+ background-color: var(--gjs-main-dark-color);
3047
+ font-size: 12px;
3048
+ padding: 5px 10px 3px;
3049
+ text-align: right
3050
+ }
3051
+
3052
+ .gjs-rte-toolbar {
3053
+ position: absolute;
3054
+ z-index: 10
3055
+ }
3056
+
3057
+ .gjs-rte-toolbar-ui {
3058
+ border: 1px solid var(--gjs-main-dark-color);
3059
+ border-radius: 3px
3060
+ }
3061
+
3062
+ .gjs-rte-actionbar {
3063
+ display: flex
3064
+ }
3065
+
3066
+ .gjs-rte-action {
3067
+ display: flex;
3068
+ align-items: center;
3069
+ justify-content: center;
3070
+ padding: 5px;
3071
+ width: 25px;
3072
+ border-right: 1px solid var(--gjs-main-dark-color);
3073
+ text-align: center;
3074
+ cursor: pointer;
3075
+ outline: none
3076
+ }
3077
+
3078
+ .gjs-rte-action:last-child {
3079
+ border-right: none
3080
+ }
3081
+
3082
+ .gjs-rte-action:hover {
3083
+ background-color: var(--gjs-main-light-color)
3084
+ }
3085
+
3086
+ .gjs-rte-active {
3087
+ background-color: var(--gjs-main-light-color)
3088
+ }
3089
+
3090
+ .gjs-rte-disabled {
3091
+ color: var(--gjs-main-light-color);
3092
+ cursor: not-allowed
3093
+ }
3094
+
3095
+ .gjs-rte-disabled:hover {
3096
+ background-color: unset
3097
+ }
3098
+
3099
+ .sp-container {
3100
+ position: absolute;
3101
+ top: 0;
3102
+ left: 0;
3103
+ display: inline-block;
3104
+ z-index: 9999994;
3105
+ overflow: hidden
3106
+ }
3107
+
3108
+ .sp-container.sp-flat {
3109
+ position: relative
3110
+ }
3111
+
3112
+ .sp-container,
3113
+ .sp-container * {
3114
+ -webkit-box-sizing: content-box;
3115
+ -moz-box-sizing: content-box;
3116
+ box-sizing: content-box
3117
+ }
3118
+
3119
+ .sp-top {
3120
+ position: relative;
3121
+ width: 100%;
3122
+ display: inline-block
3123
+ }
3124
+
3125
+ .sp-top-inner {
3126
+ position: absolute;
3127
+ top: 0;
3128
+ left: 0;
3129
+ bottom: 0;
3130
+ right: 0
3131
+ }
3132
+
3133
+ .sp-color {
3134
+ position: absolute;
3135
+ top: 0;
3136
+ left: 0;
3137
+ bottom: 0;
3138
+ right: 20%
3139
+ }
3140
+
3141
+ .sp-hue {
3142
+ position: absolute;
3143
+ top: 0;
3144
+ right: 0;
3145
+ bottom: 0;
3146
+ left: 84%;
3147
+ height: 100%
3148
+ }
3149
+
3150
+ .sp-clear-enabled .sp-hue {
3151
+ top: 33px;
3152
+ height: 77.5%
3153
+ }
3154
+
3155
+ .sp-fill {
3156
+ padding-top: 80%
3157
+ }
3158
+
3159
+ .sp-sat,
3160
+ .sp-val {
3161
+ position: absolute;
3162
+ top: 0;
3163
+ left: 0;
3164
+ right: 0;
3165
+ bottom: 0
3166
+ }
3167
+
3168
+ .sp-alpha-enabled .sp-top {
3169
+ margin-bottom: 18px
3170
+ }
3171
+
3172
+ .sp-alpha-enabled .sp-alpha {
3173
+ display: block
3174
+ }
3175
+
3176
+ .sp-alpha-handle {
3177
+ position: absolute;
3178
+ top: -4px;
3179
+ bottom: -4px;
3180
+ width: 6px;
3181
+ left: 50%;
3182
+ cursor: pointer;
3183
+ border: 1px solid #000;
3184
+ background: #fff;
3185
+ opacity: .8
3186
+ }
3187
+
3188
+ .sp-alpha {
3189
+ display: none;
3190
+ position: absolute;
3191
+ bottom: -14px;
3192
+ right: 0;
3193
+ left: 0;
3194
+ height: 8px
3195
+ }
3196
+
3197
+ .sp-alpha-inner {
3198
+ border: solid 1px #333
3199
+ }
3200
+
3201
+ .sp-clear {
3202
+ display: none
3203
+ }
3204
+
3205
+ .sp-clear.sp-clear-display {
3206
+ background-position: center
3207
+ }
3208
+
3209
+ .sp-clear-enabled .sp-clear {
3210
+ display: block;
3211
+ position: absolute;
3212
+ top: 0px;
3213
+ right: 0;
3214
+ bottom: 0;
3215
+ left: 84%;
3216
+ height: 28px
3217
+ }
3218
+
3219
+ .sp-container,
3220
+ .sp-replacer,
3221
+ .sp-preview,
3222
+ .sp-dragger,
3223
+ .sp-slider,
3224
+ .sp-alpha,
3225
+ .sp-clear,
3226
+ .sp-alpha-handle,
3227
+ .sp-container.sp-dragging .sp-input,
3228
+ .sp-container button {
3229
+ -webkit-user-select: none;
3230
+ -moz-user-select: -moz-none;
3231
+ -o-user-select: none;
3232
+ user-select: none
3233
+ }
3234
+
3235
+ .sp-container.sp-input-disabled .sp-input-container {
3236
+ display: none
3237
+ }
3238
+
3239
+ .sp-container.sp-buttons-disabled .sp-button-container {
3240
+ display: none
3241
+ }
3242
+
3243
+ .sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
3244
+ display: none
3245
+ }
3246
+
3247
+ .sp-palette-only .sp-picker-container {
3248
+ display: none
3249
+ }
3250
+
3251
+ .sp-palette-disabled .sp-palette-container {
3252
+ display: none
3253
+ }
3254
+
3255
+ .sp-initial-disabled .sp-initial {
3256
+ display: none
3257
+ }
3258
+
3259
+ .sp-sat {
3260
+ background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));
3261
+ background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
3262
+ background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
3263
+ background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
3264
+ background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
3265
+ background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
3266
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
3267
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81")
3268
+ }
3269
+
3270
+ .sp-val {
3271
+ background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
3272
+ background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
3273
+ background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
3274
+ background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
3275
+ background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
3276
+ background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
3277
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
3278
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000")
3279
+ }
3280
+
3281
+ .sp-hue {
3282
+ background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
3283
+ background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
3284
+ background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
3285
+ background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
3286
+ background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
3287
+ background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)
3288
+ }
3289
+
3290
+ .sp-1 {
3291
+ height: 17%;
3292
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00")
3293
+ }
3294
+
3295
+ .sp-2 {
3296
+ height: 16%;
3297
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00")
3298
+ }
3299
+
3300
+ .sp-3 {
3301
+ height: 17%;
3302
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff")
3303
+ }
3304
+
3305
+ .sp-4 {
3306
+ height: 17%;
3307
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff")
3308
+ }
3309
+
3310
+ .sp-5 {
3311
+ height: 16%;
3312
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff")
3313
+ }
3314
+
3315
+ .sp-6 {
3316
+ height: 17%;
3317
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000")
3318
+ }
3319
+
3320
+ .sp-hidden {
3321
+ display: none !important
3322
+ }
3323
+
3324
+ .sp-cf:before,
3325
+ .sp-cf:after {
3326
+ content: "";
3327
+ display: table
3328
+ }
3329
+
3330
+ .sp-cf:after {
3331
+ clear: both
3332
+ }
3333
+
3334
+ @media(max-device-width: 480px) {
3335
+ .sp-color {
3336
+ right: 40%
3337
+ }
3338
+
3339
+ .sp-hue {
3340
+ left: 63%
3341
+ }
3342
+
3343
+ .sp-fill {
3344
+ padding-top: 60%
3345
+ }
3346
+ }
3347
+
3348
+ .sp-dragger {
3349
+ border-radius: 5px;
3350
+ height: 5px;
3351
+ width: 5px;
3352
+ border: 1px solid #fff;
3353
+ background: #000;
3354
+ cursor: pointer;
3355
+ position: absolute;
3356
+ top: 0;
3357
+ left: 0
3358
+ }
3359
+
3360
+ .sp-slider {
3361
+ position: absolute;
3362
+ top: 0;
3363
+ cursor: pointer;
3364
+ height: 3px;
3365
+ left: -1px;
3366
+ right: -1px;
3367
+ border: 1px solid #000;
3368
+ background: #fff;
3369
+ opacity: .8
3370
+ }
3371
+
3372
+ .sp-container {
3373
+ border-radius: 0;
3374
+ background-color: #ececec;
3375
+ border: solid 1px #f0c49b;
3376
+ padding: 0
3377
+ }
3378
+
3379
+ .sp-container,
3380
+ .sp-container button,
3381
+ .sp-container input,
3382
+ .sp-color,
3383
+ .sp-hue,
3384
+ .sp-clear {
3385
+ font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
3386
+ -webkit-box-sizing: border-box;
3387
+ -moz-box-sizing: border-box;
3388
+ -ms-box-sizing: border-box;
3389
+ box-sizing: border-box
3390
+ }
3391
+
3392
+ .sp-top {
3393
+ margin-bottom: 3px
3394
+ }
3395
+
3396
+ .sp-color,
3397
+ .sp-hue,
3398
+ .sp-clear {
3399
+ border: solid 1px #666
3400
+ }
3401
+
3402
+ .sp-input-container {
3403
+ float: right;
3404
+ width: 100px;
3405
+ margin-bottom: 4px
3406
+ }
3407
+
3408
+ .sp-initial-disabled .sp-input-container {
3409
+ width: 100%
3410
+ }
3411
+
3412
+ .sp-input {
3413
+ font-size: 12px !important;
3414
+ border: 1px inset;
3415
+ padding: 4px 5px;
3416
+ margin: 0;
3417
+ width: 100%;
3418
+ background: rgba(0, 0, 0, 0);
3419
+ border-radius: 3px;
3420
+ color: #222
3421
+ }
3422
+
3423
+ .sp-input:focus {
3424
+ border: 1px solid orange
3425
+ }
3426
+
3427
+ .sp-input.sp-validation-error {
3428
+ border: 1px solid red;
3429
+ background: #fdd
3430
+ }
3431
+
3432
+ .sp-picker-container,
3433
+ .sp-palette-container {
3434
+ float: left;
3435
+ position: relative;
3436
+ padding: 10px;
3437
+ padding-bottom: 300px;
3438
+ margin-bottom: -290px
3439
+ }
3440
+
3441
+ .sp-picker-container {
3442
+ width: 172px;
3443
+ border-left: solid 1px #fff
3444
+ }
3445
+
3446
+ .sp-palette-container {
3447
+ border-right: solid 1px #ccc
3448
+ }
3449
+
3450
+ .sp-palette-only .sp-palette-container {
3451
+ border: 0
3452
+ }
3453
+
3454
+ .sp-palette .sp-thumb-el {
3455
+ display: block;
3456
+ position: relative;
3457
+ float: left;
3458
+ width: 24px;
3459
+ height: 15px;
3460
+ margin: 3px;
3461
+ cursor: pointer;
3462
+ border: solid 2px rgba(0, 0, 0, 0)
3463
+ }
3464
+
3465
+ .sp-palette .sp-thumb-el:hover,
3466
+ .sp-palette .sp-thumb-el.sp-thumb-active {
3467
+ border-color: orange
3468
+ }
3469
+
3470
+ .sp-thumb-el {
3471
+ position: relative
3472
+ }
3473
+
3474
+ .sp-initial {
3475
+ float: left;
3476
+ border: solid 1px #333
3477
+ }
3478
+
3479
+ .sp-initial span {
3480
+ width: 30px;
3481
+ height: 25px;
3482
+ border: none;
3483
+ display: block;
3484
+ float: left;
3485
+ margin: 0
3486
+ }
3487
+
3488
+ .sp-initial .sp-clear-display {
3489
+ background-position: center
3490
+ }
3491
+
3492
+ .sp-palette-button-container,
3493
+ .sp-button-container {
3494
+ float: right
3495
+ }
3496
+
3497
+ .sp-replacer {
3498
+ margin: 0;
3499
+ overflow: hidden;
3500
+ cursor: pointer;
3501
+ padding: 4px;
3502
+ display: inline-block;
3503
+ border: solid 1px #91765d;
3504
+ background: #eee;
3505
+ color: #333;
3506
+ vertical-align: middle
3507
+ }
3508
+
3509
+ .sp-replacer:hover,
3510
+ .sp-replacer.sp-active {
3511
+ border-color: #f0c49b;
3512
+ color: #111
3513
+ }
3514
+
3515
+ .sp-replacer.sp-disabled {
3516
+ cursor: default;
3517
+ border-color: silver;
3518
+ color: silver
3519
+ }
3520
+
3521
+ .sp-dd {
3522
+ padding: 2px 0;
3523
+ height: 16px;
3524
+ line-height: 16px;
3525
+ float: left;
3526
+ font-size: 10px
3527
+ }
3528
+
3529
+ .sp-preview {
3530
+ position: relative;
3531
+ width: 25px;
3532
+ height: 20px;
3533
+ border: solid 1px #222;
3534
+ margin-right: 5px;
3535
+ float: left;
3536
+ z-index: 0
3537
+ }
3538
+
3539
+ .sp-palette {
3540
+ max-width: 220px
3541
+ }
3542
+
3543
+ .sp-palette .sp-thumb-el {
3544
+ width: 16px;
3545
+ height: 16px;
3546
+ margin: 2px 1px;
3547
+ border: solid 1px #d0d0d0
3548
+ }
3549
+
3550
+ .sp-container {
3551
+ padding-bottom: 0
3552
+ }
3553
+
3554
+ .sp-container button {
3555
+ background-color: #eee;
3556
+ background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
3557
+ background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
3558
+ background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
3559
+ background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
3560
+ background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
3561
+ border: 1px solid #ccc;
3562
+ border-bottom: 1px solid #bbb;
3563
+ border-radius: 3px;
3564
+ color: #333;
3565
+ font-size: 14px;
3566
+ line-height: 1;
3567
+ padding: 5px 4px;
3568
+ text-align: center;
3569
+ text-shadow: 0 1px 0 #eee;
3570
+ vertical-align: middle
3571
+ }
3572
+
3573
+ .sp-container button:hover {
3574
+ background-color: #ddd;
3575
+ background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
3576
+ background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
3577
+ background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
3578
+ background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
3579
+ background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
3580
+ border: 1px solid #bbb;
3581
+ border-bottom: 1px solid #999;
3582
+ cursor: pointer;
3583
+ text-shadow: 0 1px 0 #ddd
3584
+ }
3585
+
3586
+ .sp-container button:active {
3587
+ border: 1px solid #aaa;
3588
+ border-bottom: 1px solid #888;
3589
+ -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
3590
+ -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
3591
+ -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
3592
+ -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
3593
+ box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee
3594
+ }
3595
+
3596
+ .sp-cancel {
3597
+ font-size: 11px;
3598
+ color: #d93f3f !important;
3599
+ margin: 0;
3600
+ padding: 2px;
3601
+ margin-right: 5px;
3602
+ vertical-align: middle;
3603
+ text-decoration: none
3604
+ }
3605
+
3606
+ .sp-cancel:hover {
3607
+ color: #d93f3f !important;
3608
+ text-decoration: underline
3609
+ }
3610
+
3611
+ .sp-palette span:hover,
3612
+ .sp-palette span.sp-thumb-active {
3613
+ border-color: #000
3614
+ }
3615
+
3616
+ .sp-preview,
3617
+ .sp-alpha,
3618
+ .sp-thumb-el {
3619
+ position: relative;
3620
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
3621
+ }
3622
+
3623
+ .sp-preview-inner,
3624
+ .sp-alpha-inner,
3625
+ .sp-thumb-inner {
3626
+ display: block;
3627
+ position: absolute;
3628
+ top: 0;
3629
+ left: 0;
3630
+ bottom: 0;
3631
+ right: 0
3632
+ }
3633
+
3634
+ .sp-palette .sp-thumb-inner {
3635
+ background-position: 50% 50%;
3636
+ background-repeat: no-repeat
3637
+ }
3638
+
3639
+ .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
3640
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)
3641
+ }
3642
+
3643
+ .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
3644
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)
3645
+ }
3646
+
3647
+ .sp-clear-display {
3648
+ background-repeat: no-repeat;
3649
+ background-position: center;
3650
+ background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)
3651
+ }
3652
+
3653
+ .gjs-editor-sp {
3654
+ border: 1px solid var(--gjs-main-dark-color);
3655
+ box-shadow: 0 0 7px var(--gjs-main-dark-color);
3656
+ border-radius: 3px
3657
+ }
3658
+
3659
+ .gjs-editor-sp .sp-hue,
3660
+ .gjs-editor-sp .sp-slider {
3661
+ cursor: row-resize
3662
+ }
3663
+
3664
+ .gjs-editor-sp .sp-color,
3665
+ .gjs-editor-sp .sp-dragger {
3666
+ cursor: crosshair
3667
+ }
3668
+
3669
+ .gjs-editor-sp .sp-alpha-inner,
3670
+ .gjs-editor-sp .sp-alpha-handle {
3671
+ cursor: col-resize
3672
+ }
3673
+
3674
+ .gjs-editor-sp .sp-hue {
3675
+ left: 90%
3676
+ }
3677
+
3678
+ .gjs-editor-sp .sp-color {
3679
+ right: 15%
3680
+ }
3681
+
3682
+ .gjs-editor-sp .sp-picker-container {
3683
+ border: none
3684
+ }
3685
+
3686
+ .gjs-editor-sp .colpick_dark .colpick_color {
3687
+ outline: 1px solid var(--gjs-main-dark-color)
3688
+ }
3689
+
3690
+ .gjs-editor-sp .sp-cancel,
3691
+ .gjs-editor-sp .sp-cancel:hover {
3692
+ bottom: -8px;
3693
+ color: #777 !important;
3694
+ font-size: 25px;
3695
+ left: 0;
3696
+ position: absolute;
3697
+ text-decoration: none
3698
+ }
3699
+
3700
+ .gjs-editor-sp .sp-alpha-handle {
3701
+ background-color: #ccc;
3702
+ border: 1px solid #555;
3703
+ width: 4px
3704
+ }
3705
+
3706
+ .gjs-editor-sp .sp-color,
3707
+ .gjs-editor-sp .sp-hue {
3708
+ border: 1px solid #333
3709
+ }
3710
+
3711
+ .gjs-editor-sp .sp-slider {
3712
+ background-color: #ccc;
3713
+ border: 1px solid #555;
3714
+ height: 3px;
3715
+ left: -4px;
3716
+ width: 22px
3717
+ }
3718
+
3719
+ .gjs-editor-sp .sp-dragger {
3720
+ background: rgba(0, 0, 0, 0);
3721
+ box-shadow: 0 0 0 1px #111
3722
+ }
3723
+
3724
+ .gjs-editor-sp .sp-button-container {
3725
+ float: none;
3726
+ width: 100%;
3727
+ position: relative;
3728
+ text-align: right
3729
+ }
3730
+
3731
+ .gjs-editor-sp .sp-button-container .sp-choose,
3732
+ .gjs-editor-sp .sp-button-container .sp-choose:hover,
3733
+ .gjs-editor-sp .sp-button-container .sp-choose:active {
3734
+ background: var(--gjs-main-dark-color);
3735
+ border-color: var(--gjs-main-dark-color);
3736
+ color: var(--gjs-font-color);
3737
+ text-shadow: none;
3738
+ box-shadow: none;
3739
+ padding: 3px 5px
3740
+ }
3741
+
3742
+ .gjs-editor-sp .sp-palette-container {
3743
+ border: none;
3744
+ float: none;
3745
+ margin: 0;
3746
+ padding: 5px 10px 0
3747
+ }
3748
+
3749
+ .gjs-editor-sp .sp-palette .sp-thumb-el,
3750
+ .gjs-editor-sp .sp-palette .sp-thumb-el:hover {
3751
+ border: 1px solid rgba(0, 0, 0, .9)
3752
+ }
3753
+
3754
+ .gjs-editor-sp .sp-palette .sp-thumb-el:hover,
3755
+ .gjs-editor-sp .sp-palette .sp-thumb-el.sp-thumb-active {
3756
+ border-color: rgba(0, 0, 0, .9)
3757
+ }
3758
+
3759
+ .gjs-one-bg {
3760
+ background-color: var(--gjs-primary-color)
3761
+ }
3762
+
3763
+ .gjs-one-color {
3764
+ color: var(--gjs-primary-color)
3765
+ }
3766
+
3767
+ .gjs-one-color-h:hover {
3768
+ color: var(--gjs-primary-color)
3769
+ }
3770
+
3771
+ .gjs-two-bg {
3772
+ background-color: var(--gjs-secondary-color)
3773
+ }
3774
+
3775
+ .gjs-two-color {
3776
+ color: var(--gjs-secondary-color)
3777
+ }
3778
+
3779
+ .gjs-two-color-h:hover {
3780
+ color: var(--gjs-secondary-color)
3781
+ }
3782
+
3783
+ .gjs-three-bg {
3784
+ background-color: var(--gjs-tertiary-color)
3785
+ }
3786
+
3787
+ .gjs-three-color {
3788
+ color: var(--gjs-tertiary-color)
3789
+ }
3790
+
3791
+ .gjs-three-color-h:hover {
3792
+ color: var(--gjs-tertiary-color)
3793
+ }
3794
+
3795
+ .gjs-four-bg {
3796
+ background-color: var(--gjs-quaternary-color)
3797
+ }
3798
+
3799
+ .gjs-four-color {
3800
+ color: var(--gjs-quaternary-color)
3801
+ }
3802
+
3803
+ .gjs-four-color-h:hover {
3804
+ color: var(--gjs-quaternary-color)
3805
+ }
3806
+
3807
+ .gjs-danger-bg {
3808
+ background-color: var(--gjs-color-red)
3809
+ }
3810
+
3811
+ .gjs-danger-color {
3812
+ color: var(--gjs-color-red)
3813
+ }
3814
+
3815
+ .gjs-danger-color-h:hover {
3816
+ color: var(--gjs-color-red)
3817
+ }
3818
+
3819
+ .gjs-bdrag {
3820
+ pointer-events: none !important;
3821
+ position: absolute !important;
3822
+ z-index: 10 !important;
3823
+ width: auto
3824
+ }
3825
+
3826
+ .gjs-drag-helper {
3827
+ background-color: var(--gjs-color-blue) !important;
3828
+ pointer-events: none !important;
3829
+ position: absolute !important;
3830
+ z-index: 10 !important;
3831
+ transform: scale(0.3) !important;
3832
+ transform-origin: top left !important;
3833
+ -webkit-transform-origin: top left !important;
3834
+ margin: 15px !important;
3835
+ transition: none !important;
3836
+ outline: none !important
3837
+ }
3838
+
3839
+ .gjs-grabbing,
3840
+ .gjs-grabbing * {
3841
+ cursor: grabbing !important;
3842
+ cursor: -webkit-grabbing !important
3843
+ }
3844
+
3845
+ .gjs-grabbing {
3846
+ overflow: hidden
3847
+ }
3848
+
3849
+ .gjs-off-prv {
3850
+ position: relative;
3851
+ z-index: 10;
3852
+ padding: 5px;
3853
+ cursor: pointer
3854
+ }
3855
+
3856
+ .gjs-editor-cont ::-webkit-scrollbar-track {
3857
+ background: var(--gjs-secondary-dark-color)
3858
+ }
3859
+
3860
+ .gjs-editor-cont ::-webkit-scrollbar-thumb {
3861
+ background-color: hsla(0, 0%, 100%, .2)
3862
+ }
3863
+
3864
+ .gjs-editor-cont ::-webkit-scrollbar {
3865
+ width: 8px
3866
+ }
3867
+
3868
+ .gjs-no-touch-actions {
3869
+ touch-action: none
3870
+ }
3871
+
3872
+ .gjs-disabled {
3873
+ -moz-user-select: none;
3874
+ -khtml-user-select: none;
3875
+ -webkit-user-select: none;
3876
+ -ms-user-select: none;
3877
+ -o-user-select: none;
3878
+ user-select: none;
3879
+ opacity: .5;
3880
+ filter: alpha(opacity=50)
3881
+ }
3882
+
3883
+ .gjs-editor {
3884
+ font-family: var(--gjs-main-font);
3885
+ font-size: var(--gjs-font-size);
3886
+ position: relative;
3887
+ box-sizing: border-box;
3888
+ height: 100%
3889
+ }
3890
+
3891
+ .gjs-freezed,
3892
+ .gjs-freezed {
3893
+ opacity: .5;
3894
+ filter: alpha(opacity=50);
3895
+ pointer-events: none
3896
+ }
3897
+
3898
+ .gjs-hidden {
3899
+ display: none
3900
+ }
3901
+
3902
+ @keyframes gjs-slide-down {
3903
+ 0% {
3904
+ transform: translate(0, -3rem);
3905
+ opacity: 0
3906
+ }
3907
+
3908
+ 100% {
3909
+ transform: translate(0, 0);
3910
+ opacity: 1
3911
+ }
3912
+ }
3913
+
3914
+ @keyframes gjs-slide-up {
3915
+ 0% {
3916
+ transform: translate(0, 0);
3917
+ opacity: 1
3918
+ }
3919
+
3920
+ 100% {
3921
+ transform: translate(0, -3rem);
3922
+ opacity: 0
3923
+ }
3924
+ }
3925
+
3926
+ .cm-s-hopscotch span.cm-error {
3927
+ color: #fff
3928
+ }