.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.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:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;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 .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:transparent}@-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:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.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:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{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,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:0;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:0}.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:0 0!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:0 0;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:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-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,.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:0 0}@charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #222;outline-color:rgb(0 0 0 / 30%);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#222}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#222;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#222;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.mcDatepickerCell.year.otherDecade,.mcDatepickerCell.day.otherMonth { color: #dedede}.mcDatepickerCell.year.otherDecade:hover,.mcDatepickerCell.day.otherMonth:hover { color: #c5c5c5}.disabled.focus.mcDatepickerCell.year.otherDecade,.disabled.focus.mcDatepickerCell.day.otherMonth { color: #dedede}.selected.mcDatepickerCell.year.otherDecade,.selected.mcDatepickerCell.day.otherMonth { color: #fff; background: #c5d3d8}.selected.focus.mcDatepickerCell.year.otherDecade,.selected.focus.mcDatepickerCell.day.otherMonth { background: #9caab0}.inRange.mcDatepickerCell.year.otherDecade,.inRange.mcDatepickerCell.day.otherMonth { background-color: rgb(135 146 151 / 10%); color: #4a4a4a}.inRange.focus.mcDatepickerCell.year.otherDecade,.inRange.focus.mcDatepickerCell.day.otherMonth { background-color: rgb(136 146 151 / 20%)}.mcDatepickerCell.year.otherDecade:empty,.mcDatepickerCell.day.otherMonth:empty { background: none; border: none}.mcDatepickerCell { border-radius: 7px; box-sizing: border-box; cursor: pointer; display: flex; position: relative; align-items: center; justify-content: center; z-index: 1; font-weight: 300; font-family: 'Oswald'; font-size: 14px;}.mcDatepickerCell.focus { background: #f4f7f8;}.mcDatepickerCell.current { color: #111; background: #f4f7f8;}.mcDatepickerCell.current.focus { color: #4a4a4a}.mcDatepickerCell.current.inRange { color: #111}.mcDatepickerCell.disabled { cursor: default; color: #aeaeae}.mcDatepickerCell.disabled.focus { color: #aeaeae}.mcDatepickerCell.disabled.inRange { color: #939393}.mcDatepickerCell.disabled.current.focus { color: #aeaeae}.mcDatepickerCell.inRange { background: #111; border-radius: 0; color: #fff;}.mcDatepickerCell.inRange:hover { background: rgb(178 192 197 / 10%);}.mcDatepickerCell.rangeFrom { border: 1px solid #111; background-color: rgb(178 192 197 / 10%); border-radius: 4px 0 0 4px}.mcDatepickerCell.rangeTo { border: 1px solid #111; background-color: rgb(178 192 197 / 10%); border-radius: 0 4px 4px 0}.mcDatepickerCell.rangeTo.rangeFrom { border-radius: 4px}.mcDatepickerCell.selected { color: #fff; border: none; background: #111;}.mcDatepickerCell.selected.current { color: #fff; background: #111}.mcDatepickerCell.selected.focus { background: #111}.mcDatepickerBody { transition: all .3s ease-out}.mcDatepickerBody.hidden { display: none}.mcDatepickerBodyDaynames { display: grid; grid-template-columns: repeat(7, 1fr); margin: 8px 0 3px}.mcDatepickerBodyDayname { color: #bababa; display: flex; align-items: center; justify-content: center; flex: 1; text-align: center; text-transform: uppercase; font-size: .8em;}.mcDatepickerBodyDayname.clickable { cursor: pointer}.mcDatepickerBodyDayname.clickable:hover { color: #8ad5f4}.mcDatepickerBodyCells { display: grid}.mcDatepickerBodyCells.days { grid-template-columns: repeat(7, 1fr); grid-auto-rows: 32px}.mcDatepickerBodyCells.months { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 42px}.mcDatepickerBodyCells.years { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 56px}.mcDatepickerNav { display: flex; justify-content: space-between; min-height: 32px; padding: 4px; box-sizing: content-box;}.onlyTimepicker .mcDatepickerNav { display: none}.mcDatepickerNavTitle,.mcDatepickerNavAction { display: flex; cursor: pointer; align-items: center; justify-content: center}.mcDatepickerNavAction { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; user-select: none}.mcDatepickerNavAction:hover { background: #f0f0f0}.mcDatepickerNavAction:active { background: #eaeaea}.mcDatepickerNavAction.disabled { visibility: hidden}.mcDatepickerNavAction svg { width: 32px; height: 32px}.mcDatepickerNavAction path { fill: none; stroke: #111; stroke-width: 1px}.mcDatepickerNavTitle { border-radius: 4px; padding: 0 8px}.mcDatepickerNavTitle i { font-style: normal; color: #9c9c9c; margin-left: 0.3em; font-family: oswald;}.mcDatepickerNavTitle:hover { background: #f0f0f0}.mcDatepickerNavTitle:active { background: #eaeaea}.mcDatepickerNavTitle.disabled { cursor: default; background: none}.mcDatepickerButtons { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column}.mcDatepickerButton { display: inline-flex; color: #111; border-radius: 4px; cursor: pointer; height: 32px; border: none; background: rgba(255, 255, 255, 0)}.mcDatepickerButton:hover { color: #4a4a4a; background: #f0f0f0}.mcDatepickerButton:focus { color: #4a4a4a; background: #f0f0f0; outline: none}.mcDatepickerButton:active { background: #eaeaea}.mcDatepickerButton span { outline: none; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%}.mcDatepickerTime { display: grid; grid-template-columns: max-content 1fr; grid-column-gap: 12px; align-items: center; position: relative; padding: 0 5px}.mcDatepickerTime { display: flex; gap: 10px; width: 100%;}d.mcDatepickerTime--sliders { width: 100%;}.onlyTimepicker .mcDatepickerTime { border-top: none}.mcDatepickerTimeCurrent { display: flex; align-items: center; flex: 1; font-size: 14px; text-align: center; padding-right: 10px;}.mcDatepickerTimeCurrentcolon { margin: 0 5px 3px; line-height: 1;}.mcDatepickerTimeCurrenthours, .mcDatepickerTimeCurrentminutes { line-height: 1; font-size: 19px; position: relative; z-index: 1; font-family: 'Oswald'; font-weight: 200; min-width: 20px; text-align: center;}.mcDatepickerTimeCurrenthours:after, .mcDatepickerTimeCurrentminutes:after { content: ""; background: #f4f7f8; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0;}.mcDatepickerTimeCurrenthours.focus:after, .mcDatepickerTimeCurrentminutes.focus:after { opacity: 1}.mcDatepickerTimeCurrentampm { text-transform: uppercase; align-self: flex-end; color: #f4f7f8; margin-left: 6px; font-size: 11px; margin-bottom: 1px}.mcDatepickerTimeRow { display: flex; align-items: center; font-size: 11px; height: 17px; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat}.mcDatepickerTimeRow:first-child { margin-bottom: 4px}.mcDatepickerTimeRow input[type=range] { background: none; cursor: pointer; flex: 1; height: 100%; width: 100%; padding: 0; margin: 0; -webkit-appearance: none; border: none;}.mcDatepickerTimeRow input[type=range]::-webkit-slider-thumb { -webkit-appearance: none}.mcDatepickerTimeRow input[type=range]::-ms-tooltip { display: none}.mcDatepickerTimeRow input[type=range]:hover::-webkit-slider-thumb { border-color: #b1b1b1}.mcDatepickerTimeRow input[type=range]:hover::-moz-range-thumb { border-color: #b1b1b1}.mcDatepickerTimeRow input[type=range]:hover::-ms-thumb { border-color: #b1b1b1}.mcDatepickerTimeRow input[type=range]:focus { outline: none}.mcDatepickerTimeRow input[type=range]:focus::-webkit-slider-thumb { background: #111; border-color: #111}.mcDatepickerTimeRow input[type=range]:focus::-moz-range-thumb { background: #111; border-color: #111}.mcDatepickerTimeRow input[type=range]:focus::-ms-thumb { background: #111; border-color: #111}.mcDatepickerTimeRow input[type=range]::-webkit-slider-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background .3s; transition: background .3s}.mcDatepickerTimeRow input[type=range]::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -moz-transition: background .3s; transition: background .3s}.mcDatepickerTimeRow input[type=range]::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -ms-transition: background .3s; transition: background .3s}.mcDatepickerTimeRow input[type=range]::-webkit-slider-thumb { margin-top: calc(12px/2*-1)}.mcDatepickerTimeRow input[type=range]::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0)}.mcDatepickerTimeRow input[type=range]::-moz-range-track { border: none; height: 1px; cursor: pointer; color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0)}.mcDatepickerTimeRow input[type=range]::-ms-track { border: none; height: 1px; cursor: pointer; color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0)}.mcDatepickerTimeRow input[type=range]::-ms-fill-lower { background: rgba(0, 0, 0, 0)}.mcDatepickerTimeRow input[type=range]::-ms-fill-upper { background: rgba(0, 0, 0, 0)}.mcDatepicker { border-radius: 12px; box-sizing: content-box; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(4,max-content); grid-template-areas: "nav" "body" "timepicker" "buttons"; font-size: 14px; color: #4a4a4a; width: 246px; position: absolute; transition: top .3s ease,opacity .3s ease-out,transform .3s ease-out; z-index: 100; padding: 10px; box-shadow: 0 15px 30px -8px rgba(0,0,0,.08); backdrop-filter: blur(5px); background: rgb(255 255 255 / 90%);}.mcDatepicker:not(.customPosition) { opacity: 0}.mcDatepicker.from-top { transform: translateY(calc(8px * -1))}.mcDatepicker.from-right { transform: translateX(8px)}.mcDatepicker.from-bottom { transform: translateY(8px)}.mcDatepicker.from-left { transform: translateX(calc(8px * -1))}.mcDatepicker.active:not(.customPosition) { transform: translate(0, 0); opacity: 1}.mcDatepicker.active.customPosition { transition: none}.mcDatepicker.inline { border-color: #d7d7d7; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; transform: none}.mcDatepicker.inline .mcDatepickerPointer { display: none}.mcDatepicker.isMobile { position: fixed; width: 320px; border: none}.mcDatepicker.isMobile * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}.mcDatepicker.isMobile .mcDatepickerPointer { display: none}.mcDatepicker.isMobile:not(.customPosition) { transform: translate(-50%, calc(-50% + 8px))}.mcDatepicker.isMobile.active:not(.customPosition) { transform: translate(-50%, -50%)}.mcDatepicker.customPosition { transition: none}.mcDatepickerPointer { position: absolute; width: 26px; height: 16px; z-index: -1; overflow: hidden;}.mcDatepickerPointer:after { content: ""; position: absolute; background: #fff; width: 100%; height: 26px; box-sizing: border-box; border-radius: 6px; top: 5px;}.top-left .mcDatepickerPointer,.top-center .mcDatepickerPointer,.top-right .mcDatepickerPointer,[data-popper-placement^=top] .mcDatepickerPointer { top: calc(100% - 4px)}.top-left .mcDatepickerPointer:after,.top-center .mcDatepickerPointer:after,.top-right .mcDatepickerPointer:after,[data-popper-placement^=top] .mcDatepickerPointer:after { transform: rotate(135deg)}.right-top .mcDatepickerPointer,.right-center .mcDatepickerPointer,.right-bottom .mcDatepickerPointer,[data-popper-placement^=right] .mcDatepickerPointer { right: calc(100% - 4px)}.right-top .mcDatepickerPointer:after,.right-center .mcDatepickerPointer:after,.right-bottom .mcDatepickerPointer:after,[data-popper-placement^=right] .mcDatepickerPointer:after { transform: rotate(225deg)}.bottom-left .mcDatepickerPointer,.bottom-center .mcDatepickerPointer,.bottom-right .mcDatepickerPointer,[data-popper-placement^=bottom] .mcDatepickerPointer { bottom: calc(100% - 4px)}.bottom-left .mcDatepickerPointer:after,.bottom-center .mcDatepickerPointer:after,.bottom-right .mcDatepickerPointer:after,[data-popper-placement^=bottom] .mcDatepickerPointer:after { transform: rotate(315deg)}.left-top .mcDatepickerPointer,.left-center .mcDatepickerPointer,.left-bottom .mcDatepickerPointer,[data-popper-placement^=left] .mcDatepickerPointer { left: calc(100% - 4px)}.left-top .mcDatepickerPointer:after,.left-center .mcDatepickerPointer:after,.left-bottom .mcDatepickerPointer:after,[data-popper-placement^=left] .mcDatepickerPointer:after { transform: rotate(45deg)}.top-left .mcDatepickerPointer, .bottom-left .mcDatepickerPointer { left: 40px}.top-right .mcDatepickerPointer, .bottom-right .mcDatepickerPointer { right: 40px}.top-center .mcDatepickerPointer, .bottom-center .mcDatepickerPointer { left: calc(50% - 4px)}.left-top .mcDatepickerPointer, .right-top .mcDatepickerPointer { top: 40px}.left-bottom .mcDatepickerPointer, .right-bottom .mcDatepickerPointer { bottom: 40px}.left-center .mcDatepickerPointer, .right-center .mcDatepickerPointer { top: calc(50% - 4px)}.mcDatepickerNavigation { grid-area: nav}.mcDatepickerContent { box-sizing: content-box; padding: 4px; grid-area: body}.onlyTimepicker .mcDatepickerContent { display: none}.mcDatepickerTime { grid-area: timepicker;}.mcDatepickerButtons { grid-area: buttons}.mcDatepickerOverlay { position: fixed; background: rgba(0, 0, 0, .3); left: 0; top: 0; width: 0; height: 0; opacity: 0; transition: opacity .3s ease-out, left 0s, height 0s, width 0s; transition-delay: 0s, .3s, .3s, .3s; z-index: 99}.mcDatepickerOverlay.active { opacity: 1; width: 100%; height: 100%; transition: opacity .3s ease-out, height 0s, width 0s}datepicker * { transition: .3s ease;}datepicker { position: fixed; left: 0; top: 0; display: block; z-index: 300; user-select: none;}.wrapEditor.mce-box .mce-sticky-off { position: fixed; z-index: 5; width: 100%; } .mce-box.mce-basic .mce-element { padding: 60px 20px 20px 20px; } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-element, .mce-element:focus { outline: 0 solid transparent } .mce-view.mce-element-scroll-visible { overflow-x: visible !important } .mce-box.mce-basic { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-box.mce-basic .mce-element { font-family: sans-serif; color: #414141; font-size: 14px; line-height: 1.6; padding: 60px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-x: auto; min-height: 60px; text-align: left; } .mce-box.mce-basic.mce-rtl .mce-element { text-align: right } .mce-element { background: transparent; position: relative; z-index: 2; -webkit-user-select: auto } .mce-element a { user-select: auto; -o-user-select: auto; -moz-user-select: auto; -khtml-user-select: auto; -webkit-user-select: auto; -ms-user-select: auto } .mce-element.mce-disabled { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none } .mce-element [contenteditable="true"] { outline: 0 solid transparent } .mce-box a.mce-floating-btn { -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: 40px; width: 40px; text-align: center; background: #FFF; color: #333333; -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; outline: none; left: 0; top: 0; line-height: 40px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); text-align: center; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none } .mce-box a.mce-floating-btn svg { -webkit-transition: transform 0.2s ease 0s; -moz-transition: transform 0.2s ease 0s; -ms-transition: transform 0.2s ease 0s; -o-transition: transform 0.2s ease 0s; fill: #333333 } .mce-box a.mce-floating-btn i, .mce-box a.mce-floating-btn svg { font-size: 14px; line-height: 40px } .mce-box a.mce-floating-btn.mce-btn+.mce-btn { margin-left: 10px } .mce-box a.mce-floating-btn:hover { background: #ebebeb; cursor: pointer } .mce-box a.mce-floating-btn:hover svg { fill: #333333 } .mce-box .mce-visible a.mce-floating-btn { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } iframe.mce-iframe { width: 100%; border: none; position: relative; display: block; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mce-wrapper { position: relative; z-index: 1 } .mce-wrapper::after { clear: both; display: block; content: ""; height: 0 } .mce-wrapper .mce-placeholder { position: absolute; font-size: 14px; color: #AAA; font-family: sans-serif; z-index: 1; display: none; top: 0; left: 0; right: 0; overflow: hidden } .mce-wrapper.show-placeholder .mce-placeholder { display: block; white-space: nowrap; text-overflow: ellipsis } .mce-wrapper ::-moz-selection { background: rgba(181, 214, 253, 0.8); color: #000 } .mce-wrapper ::selection { background: rgba(181, 214, 253, 0.8); color: #000 } .mce-box.mce-basic .mce-wrapper { background: #FFF; border: 1px solid #CCCCCC; border-bottom-color: #efefef; top: 0; left: 0 } .mce-box.mce-basic.mce-top .mce-wrapper { border-top: 0 } .mce-box.mce-basic.mce-bottom .mce-wrapper { border-bottom: 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } @media (min-width: 992px) { .mce-box.mce-document { min-width: 21cm } .mce-box.mce-document .mce-wrapper { text-align: left; padding: 30px; min-width: 21cm; background: #efefef } .mce-box.mce-document .mce-wrapper .mce-element { text-align: left; background: #FFF; width: 21cm; margin: auto; min-height: 26cm !important; padding: 1cm 2cm; overflow: visible; z-index: auto } .mce-box.mce-document .mce-wrapper .mce-element hr { margin-left: -2cm; margin-right: -2cm; background: #efefef; height: 1cm; outline: none; border: none } .mce-box.mce-document .mce-wrapper .mce-element img { z-index: 1 } } .mce-tooltip { position: absolute; top: 0; left: 0; padding: 0 8px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #222222; color: #FFF; font-size: 11px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; -webkit-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: -3000px; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; z-index: 2147483647; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .mce-tooltip.mce-visible { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .mce-toolbar .mce-btn-wrap, .mce-popup .mce-btn-wrap, .mce-modal .mce-btn-wrap { float: left; white-space: nowrap; position: relative } .mce-toolbar .mce-btn-wrap.mce-hidden, .mce-popup .mce-btn-wrap.mce-hidden, .mce-modal .mce-btn-wrap.mce-hidden { display: none } .mce-toolbar .mce-command.mce-btn, .mce-popup .mce-command.mce-btn, .mce-modal .mce-command.mce-btn { background: transparent; color: #333333; -moz-outline: 0; outline: none; border: 0; line-height: 1; cursor: pointer; text-align: left; margin: 4px 2px; padding: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 2; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; float: left; height: 40px } .mce-toolbar .mce-command.mce-btn.mce-dropdown.mce-options, .mce-popup .mce-command.mce-btn.mce-dropdown.mce-options, .mce-modal .mce-command.mce-btn.mce-dropdown.mce-options { border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-toolbar .mce-command.mce-btn.mce-btn-hover, .mce-popup .mce-command.mce-btn.mce-btn-hover, .mce-modal .mce-command.mce-btn.mce-btn-hover { border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-toolbar .mce-command.mce-btn::-moz-focus-inner, .mce-popup .mce-command.mce-btn::-moz-focus-inner, .mce-modal .mce-command.mce-btn::-moz-focus-inner { border: 0; padding: 0 } .mce-toolbar .mce-command.mce-btn.mce-btn-text, .mce-popup .mce-command.mce-btn.mce-btn-text, .mce-modal .mce-command.mce-btn.mce-btn-text { width: auto } .mce-toolbar .mce-command.mce-btn i, .mce-toolbar .mce-command.mce-btn svg, .mce-popup .mce-command.mce-btn i, .mce-popup .mce-command.mce-btn svg, .mce-modal .mce-command.mce-btn i, .mce-modal .mce-command.mce-btn svg { display: block; text-align: center; float: none; margin: 8px 7px; width: 24px } .mce-toolbar .mce-command.mce-btn svg.mce-svg, .mce-popup .mce-command.mce-btn svg.mce-svg, .mce-modal .mce-command.mce-btn svg.mce-svg { height: 24px } .mce-toolbar .mce-command.mce-btn svg path, .mce-popup .mce-command.mce-btn svg path, .mce-modal .mce-command.mce-btn svg path { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; fill: #333333 } .mce-toolbar .mce-command.mce-btn span.mce-sr-only, .mce-popup .mce-command.mce-btn span.mce-sr-only, .mce-modal .mce-command.mce-btn span.mce-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-toolbar .mce-command.mce-btn span, .mce-popup .mce-command.mce-btn span, .mce-modal .mce-command.mce-btn span { font-size: 14px; display: block; line-height: 17px; min-width: 30px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 17px; font-weight: bold; padding: 0 4px } .mce-toolbar .mce-command.mce-btn img, .mce-popup .mce-command.mce-btn img, .mce-modal .mce-command.mce-btn img { margin: 8px 7px; width: 24px } .mce-toolbar .mce-command.mce-btn.mce-btn-active-popup, .mce-popup .mce-command.mce-btn.mce-btn-active-popup, .mce-modal .mce-command.mce-btn.mce-btn-active-popup { background: #d6d6d6 } .mce-toolbar .mce-command.mce-btn.mce-dropdown.mce-selection span, .mce-popup .mce-command.mce-btn.mce-dropdown.mce-selection span, .mce-modal .mce-command.mce-btn.mce-dropdown.mce-selection span { font-weight: normal } .mce-toolbar .mce-command.mce-btn.mce-dropdown i, .mce-toolbar .mce-command.mce-btn.mce-dropdown span, .mce-toolbar .mce-command.mce-btn.mce-dropdown img, .mce-toolbar .mce-command.mce-btn.mce-dropdown svg, .mce-popup .mce-command.mce-btn.mce-dropdown i, .mce-popup .mce-command.mce-btn.mce-dropdown span, .mce-popup .mce-command.mce-btn.mce-dropdown img, .mce-popup .mce-command.mce-btn.mce-dropdown svg, .mce-modal .mce-command.mce-btn.mce-dropdown i, .mce-modal .mce-command.mce-btn.mce-dropdown span, .mce-modal .mce-command.mce-btn.mce-dropdown img, .mce-modal .mce-command.mce-btn.mce-dropdown svg { margin-left: 3px; margin-right: 11px } .mce-toolbar .mce-command.mce-btn.mce-dropdown:after, .mce-popup .mce-command.mce-btn.mce-dropdown:after, .mce-modal .mce-command.mce-btn.mce-dropdown:after { position: absolute; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #333333; right: 2px; top: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; content: "" } .mce-toolbar .mce-command.mce-btn.mce-dropdown.mce-active, .mce-popup .mce-command.mce-btn.mce-dropdown.mce-active, .mce-modal .mce-command.mce-btn.mce-dropdown.mce-active { fill: #333333; background: #d6d6d6; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease } .mce-toolbar .mce-command.mce-btn.mce-dropdown.mce-active:hover, .mce-popup .mce-command.mce-btn.mce-dropdown.mce-active:hover, .mce-modal .mce-command.mce-btn.mce-dropdown.mce-active:hover { background: #ebebeb; fill: #333333 } .mce-toolbar .mce-command.mce-btn.mce-dropdown.mce-active:hover::after, .mce-popup .mce-command.mce-btn.mce-dropdown.mce-active:hover::after, .mce-modal .mce-command.mce-btn.mce-dropdown.mce-active:hover::after { border-top-color: #333333 } .mce-toolbar .mce-command.mce-btn.mce-dropdown.mce-active:after, .mce-popup .mce-command.mce-btn.mce-dropdown.mce-active:after, .mce-modal .mce-command.mce-btn.mce-dropdown.mce-active:after { border-top: 0; border-bottom: 4px solid #222222 } .mce-toolbar .mce-command.mce-btn.mce-disabled, .mce-popup .mce-command.mce-btn.mce-disabled, .mce-modal .mce-command.mce-btn.mce-disabled { color: #bdbdbd; cursor: default; -webkit-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .mce-toolbar .mce-command.mce-btn.mce-disabled::after, .mce-popup .mce-command.mce-btn.mce-disabled::after, .mce-modal .mce-command.mce-btn.mce-disabled::after { border-top-color: #bdbdbd } .mce-toolbar .mce-command.mce-btn.mce-hidden, .mce-popup .mce-command.mce-btn.mce-hidden, .mce-modal .mce-command.mce-btn.mce-hidden { display: none } .mce-toolbar .mce-tabs .mce-command.mce-btn, .mce-popup .mce-tabs .mce-command.mce-btn, .mce-modal .mce-tabs .mce-command.mce-btn { margin: 0; width: 46px; height: 40px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-toolbar .mce-tabs .mce-command.mce-btn:not(:hover):not(:focus).mce-active, .mce-toolbar .mce-tabs .mce-command.mce-btn:not(:hover):not(:focus).mce-active-tab, .mce-popup .mce-tabs .mce-command.mce-btn:not(:hover):not(:focus).mce-active, .mce-popup .mce-tabs .mce-command.mce-btn:not(:hover):not(:focus).mce-active-tab, .mce-modal .mce-tabs .mce-command.mce-btn:not(:hover):not(:focus).mce-active, .mce-modal .mce-tabs .mce-command.mce-btn:not(:hover):not(:focus).mce-active-tab { background: #FFF } .mce-toolbar .mce-tabs .mce-command.mce-btn span, .mce-popup .mce-tabs .mce-command.mce-btn span, .mce-modal .mce-tabs .mce-command.mce-btn span { height: 27px } .mce-toolbar .mce-tabs .mce-command.mce-btn img, .mce-toolbar .mce-tabs .mce-command.mce-btn svg, .mce-popup .mce-tabs .mce-command.mce-btn img, .mce-popup .mce-tabs .mce-command.mce-btn svg, .mce-modal .mce-tabs .mce-command.mce-btn img, .mce-modal .mce-tabs .mce-command.mce-btn svg { margin: 8px 11px; width: 24px; height: 24px } .mce-toolbar .mce-btn-grp .mce-command.mce-btn.mce-active:not(.mce-dropdown) svg path, .mce-toolbar .mce-more-toolbar .mce-command.mce-btn.mce-active:not(.mce-dropdown) svg path, .mce-toolbar .mce-buttons:not(.mce-tabs) .mce-command.mce-btn.mce-active:not(.mce-dropdown) svg path, .mce-popup .mce-btn-grp .mce-command.mce-btn.mce-active:not(.mce-dropdown) svg path, .mce-popup .mce-more-toolbar .mce-command.mce-btn.mce-active:not(.mce-dropdown) svg path, .mce-popup .mce-buttons:not(.mce-tabs) .mce-command.mce-btn.mce-active:not(.mce-dropdown) svg path, .mce-modal .mce-btn-grp .mce-command.mce-btn.mce-active:not(.mce-dropdown) svg path, .mce-modal .mce-more-toolbar .mce-command.mce-btn.mce-active:not(.mce-dropdown) svg path, .mce-modal .mce-buttons:not(.mce-tabs) .mce-command.mce-btn.mce-active:not(.mce-dropdown) svg path { fill: #0098f7 } .mce-toolbar.mce-disabled .mce-btn, .mce-toolbar.mce-disabled .mce-btn.mce-active, .mce-popup.mce-disabled .mce-btn, .mce-popup.mce-disabled .mce-btn.mce-active, .mce-modal.mce-disabled .mce-btn, .mce-modal.mce-disabled .mce-btn.mce-active { color: #bdbdbd; -webkit-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .mce-toolbar.mce-disabled .mce-btn.mce-dropdown::after, .mce-toolbar.mce-disabled .mce-btn.mce-active.mce-dropdown::after, .mce-popup.mce-disabled .mce-btn.mce-dropdown::after, .mce-popup.mce-disabled .mce-btn.mce-active.mce-dropdown::after, .mce-modal.mce-disabled .mce-btn.mce-dropdown::after, .mce-modal.mce-disabled .mce-btn.mce-active.mce-dropdown::after { border-top-color: #bdbdbd } .mce-toolbar.mce-rtl .mce-btn-grp.mce-float-left, .mce-popup.mce-rtl .mce-btn-grp.mce-float-left, .mce-modal.mce-rtl .mce-btn-grp.mce-float-left { float: right } .mce-toolbar.mce-rtl .mce-btn-grp.mce-float-right, .mce-popup.mce-rtl .mce-btn-grp.mce-float-right, .mce-modal.mce-rtl .mce-btn-grp.mce-float-right { float: left } .mce-toolbar.mce-rtl .mce-command.mce-btn, .mce-toolbar.mce-rtl .mce-btn-wrap, .mce-popup.mce-rtl .mce-command.mce-btn, .mce-popup.mce-rtl .mce-btn-wrap, .mce-modal.mce-rtl .mce-command.mce-btn, .mce-modal.mce-rtl .mce-btn-wrap { float: right } .mce-toolbar.mce-rtl .mce-command.mce-btn.mce-dropdown.mce-options, .mce-toolbar.mce-rtl .mce-btn-wrap.mce-dropdown.mce-options, .mce-popup.mce-rtl .mce-command.mce-btn.mce-dropdown.mce-options, .mce-popup.mce-rtl .mce-btn-wrap.mce-dropdown.mce-options, .mce-modal.mce-rtl .mce-command.mce-btn.mce-dropdown.mce-options, .mce-modal.mce-rtl .mce-btn-wrap.mce-dropdown.mce-options { border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-toolbar.mce-rtl .mce-command.mce-btn.mce-btn-hover, .mce-toolbar.mce-rtl .mce-btn-wrap.mce-btn-hover, .mce-popup.mce-rtl .mce-command.mce-btn.mce-btn-hover, .mce-popup.mce-rtl .mce-btn-wrap.mce-btn-hover, .mce-modal.mce-rtl .mce-command.mce-btn.mce-btn-hover, .mce-modal.mce-rtl .mce-btn-wrap.mce-btn-hover { border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-toolbar.mce-inline>.mce-command.mce-btn:not(.mce-hidden), .mce-toolbar.mce-inline>.mce-btn-wrap:not(.mce-hidden) { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; float: none } .mce-desktop .mce-command:hover, .mce-desktop .mce-command:focus, .mce-desktop .mce-command.mce-btn-hover, .mce-desktop .mce-command.mce-expanded { outline: 0; color: #333333 } .mce-desktop .mce-command:hover:not(.mce-table-cell), .mce-desktop .mce-command:focus:not(.mce-table-cell), .mce-desktop .mce-command.mce-btn-hover:not(.mce-table-cell), .mce-desktop .mce-command.mce-expanded:not(.mce-table-cell) { background: #ebebeb } .mce-desktop .mce-command:hover::after, .mce-desktop .mce-command:focus::after, .mce-desktop .mce-command.mce-btn-hover::after, .mce-desktop .mce-command.mce-expanded::after { border-top-color: #333333 } .mce-desktop .mce-command.mce-selected:not(.mce-table-cell), .mce-desktop .mce-command:active { color: #333333; background: #d6d6d6 } .mce-desktop .mce-command.mce-active:hover, .mce-desktop .mce-command.mce-active:focus, .mce-desktop .mce-command.mce-active.mce-btn-hover, .mce-desktop .mce-command.mce-active.mce-expanded { background: #ebebeb } .mce-desktop .mce-command.mce-active:active { background: #d6d6d6 } .mce-desktop .mce-command.mce-disabled:hover, .mce-desktop .mce-command.mce-disabled:focus, .mce-desktop .mce-command.mce-disabled.mce-selected { background: transparent } .mce-desktop.mce-disabled .mce-command:hover, .mce-desktop.mce-disabled .mce-command:focus, .mce-desktop.mce-disabled .mce-command.mce-selected { background: transparent } .mce-toolbar.mce-mobile .mce-command.mce-blink, .mce-popup.mce-mobile .mce-command.mce-blink { background: #d6d6d6 } .mce-command.mce-btn.mce-options { width: 16px; margin-left: -5px } .mce-command.mce-btn.mce-options.mce-btn-hover, .mce-command.mce-btn.mce-options:hover, .mce-command.mce-btn.mce-options:focus { border-left: solid 1px #FAFAFA; -webkit-transition: border-left 0s, background-color 0.5s; -moz-transition: border-left 0s, background-color 0.5s; -ms-transition: border-left 0s, background-color 0.5s; -o-transition: border-left 0s, background-color 0.5s } .mce-command.mce-btn+.mce-dropdown-menu { background: #FFF; display: inline-block; position: absolute; right: auto; bottom: auto; height: auto; z-index: 4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-overflow-scrolling: touch; overflow: hidden; zoom: 1; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) } .mce-command.mce-btn+.mce-dropdown-menu.test-height .mce-dropdown-wrapper { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; height: auto; max-height: 275px } .mce-command.mce-btn+.mce-dropdown-menu .mce-dropdown-wrapper { padding: 0; margin: auto; display: inline-block; text-align: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; margin-top: 0; float: left; height: 0; margin-top: 0 !important } .mce-command.mce-btn+.mce-dropdown-menu .mce-dropdown-wrapper .mce-dropdown-content { position: relative } .mce-command.mce-btn+.mce-dropdown-menu .mce-dropdown-wrapper .mce-dropdown-content ul.mce-dropdown-list { list-style-type: none; margin: 0; padding: 8px 0; min-width: 72px } .mce-command.mce-btn+.mce-dropdown-menu .mce-dropdown-wrapper .mce-dropdown-content ul.mce-dropdown-list li { padding: 0; margin: 0; font-size: 15px } .mce-command.mce-btn+.mce-dropdown-menu .mce-dropdown-wrapper .mce-dropdown-content ul.mce-dropdown-list li a { padding: 0 20px; line-height: 200%; display: flex; cursor: pointer; white-space: nowrap; color: inherit; text-decoration: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-command.mce-btn+.mce-dropdown-menu .mce-dropdown-wrapper .mce-dropdown-content ul.mce-dropdown-list li a svg { width: 24px; height: 24px; margin: 3px 4px } .mce-command.mce-btn+.mce-dropdown-menu .mce-dropdown-wrapper .mce-dropdown-content ul.mce-dropdown-list li a svg path { fill: #333333 } .mce-command.mce-btn+.mce-dropdown-menu .mce-dropdown-wrapper .mce-dropdown-content ul.mce-dropdown-list li a.mce-active { background: #d6d6d6 } .mce-command.mce-btn+.mce-dropdown-menu .mce-dropdown-wrapper .mce-dropdown-content ul.mce-dropdown-list li a.mce-disabled { color: #bdbdbd; cursor: default } .mce-command.mce-btn+.mce-dropdown-menu .mce-dropdown-wrapper .mce-dropdown-content ul.mce-dropdown-list li a .mce-shortcut { margin-left: 20px; font-weight: bold; -webkit-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75 } .mce-command.mce-btn.mce-active+.mce-dropdown-menu { display: inline-block; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) } .mce-bottom>.mce-command.mce-btn+.mce-dropdown-menu { border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-toolbar.mce-rtl .mce-dropdown-wrapper, .mce-popup.mce-rtl .mce-dropdown-wrapper { text-align: right !important } body.mce-prevent-scroll { overflow: hidden } body.mce-prevent-scroll.mce-mobile { position: fixed; -webkit-overflow-scrolling: touch } .mce-modal { color: #222222; font-family: Arial, Helvetica, sans-serif; position: fixed; overflow-x: auto; overflow-y: scroll; top: 0; left: 0; bottom: 0; right: 0; width: 100%; z-index: 2147483640; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 1.2 } .mce-modal.mce-middle .mce-modal-wrapper { margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute } .mce-modal .mce-modal-wrapper { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-clip: padding-box; margin: 20px auto; display: inline-block; background: #FFF; min-width: 300px; -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); border: 0; overflow: hidden; width: 90%; position: relative } @media (min-width: 768px) and (max-width: 991px) { .mce-modal .mce-modal-wrapper { margin: 30px auto; width: 70% } } @media (min-width: 992px) { .mce-modal .mce-modal-wrapper { margin: 50px auto; width: 960px } } .mce-modal .mce-modal-wrapper .mce-modal-head { background: #FFF; overflow: hidden; position: absolute; width: 100%; min-height: 42px; z-index: 3; border-bottom: solid #efefef 1px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s } .mce-modal .mce-modal-wrapper .mce-modal-head .mce-modal-head-line { height: 56px; padding: 0 10px } .mce-modal .mce-modal-wrapper .mce-modal-head .mce-modal-close { margin: 10px; position: absolute; top: 0; right: 0 } .mce-modal .mce-modal-wrapper .mce-modal-head h4 { font-size: 20px; padding: 19px 10px; margin: 0; font-weight: 400; line-height: 18px; display: inline-block; float: left } .mce-modal .mce-modal-wrapper div.mce-modal-body { height: 100%; min-height: 150px; overflow-y: auto; padding-bottom: 20px } .mce-modal .mce-modal-wrapper div.mce-modal-body:focus { outline: 0 } .mce-modal .mce-modal-wrapper div.mce-modal-body button.mce-command { height: 36px; line-height: 1; color: #0098f7; padding: 10px; cursor: pointer; text-decoration: none; border: none; background: none; font-size: 16px; outline: none; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-modal .mce-modal-wrapper div.mce-modal-body button.mce-command+button { margin-left: 24px } .mce-modal .mce-modal-wrapper div.mce-modal-body button.mce-command:hover, .mce-modal .mce-modal-wrapper div.mce-modal-body button.mce-command:focus { background: #ebebeb; color: #0098f7 } .mce-modal .mce-modal-wrapper div.mce-modal-body button.mce-command:active { background: #d6d6d6; color: #0098f7 } .mce-modal .mce-modal-wrapper div.mce-modal-body button::-moz-focus-inner { border: 0 } .mce-desktop .mce-modal-wrapper .mce-modal-head i:hover { background: #ebebeb } .mce-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 2147483639 } ol.decimal_type { counter-reset: item } ol.decimal_type>li { display: block; position: relative } ol.decimal_type>li:before { content: counters(item, ".") ". "; counter-increment: item; position: absolute; margin-right: 100%; right: 10px } .mce-popup { position: absolute; display: none; color: #222222; background: #FFF; -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); font-family: Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; margin-top: 10px; z-index: 2147483635; text-align: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.2 } .mce-popup .mce-icon { text-align: center; vertical-align: middle; font-size: 20px; line-height: 1; cursor: pointer; font-weight: 400; box-sizing: content-box; padding: 6px } .mce-popup .mce-icon-container { padding: 20px; max-height: 200px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @supports not (-ms-high-contrast: none) { .mce-popup .mce-icon-container { grid-template-columns: repeat(auto-fill, minmax(36px, 36px)); display: grid } } @media (min-width: 768px) { .mce-popup .mce-icon-container { min-width: 276px } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mce-popup .mce-icon-container { display: inline-flex; -ms-flex-flow: row wrap } } @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) { .mce-popup .mce-icon-container { width: 236px } } .mce-popup .mce-input-focus { background: whitesmoke } .mce-popup.mce-above { margin-top: -10px; border-top: 0 } .mce-popup.mce-active { display: block } .mce-popup.mce-hidden { display: none !important } .mce-popup.mce-empty { display: none !important } .mce-popup .mce-hs { display: block !important } .mce-popup .mce-hs.mce-hidden { display: none !important } .mce-popup .mce-input-line { position: relative; padding: 15px 0 } .mce-popup .mce-input-line input[type="text"], .mce-popup .mce-input-line input[type="number"], .mce-popup .mce-input-line textarea { width: 100%; margin-bottom: 1px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: solid 1px #999999; color: #222222; font-size: 14px; background: #FFF; position: relative; z-index: 2; padding: 4px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 0.5s, padding 0.5s; -moz-transition: border 0.5s, padding 0.5s; -ms-transition: border 0.5s, padding 0.5s; -o-transition: border 0.5s, padding 0.5s } .mce-popup .mce-input-line input[type="text"]:hover, .mce-popup .mce-input-line input[type="number"]:hover, .mce-popup .mce-input-line textarea:hover { border: solid 1px #515151 } .mce-popup .mce-input-line input[type="text"]:focus, .mce-popup .mce-input-line input[type="number"]:focus, .mce-popup .mce-input-line textarea:focus { border: solid 2px #292929; padding: 3px 11px; } .mce-popup .mce-input-line input[type="text"], .mce-popup .mce-input-line input[type="number"] { height: 46px } .mce-popup .mce-input-line input+label, .mce-popup .mce-input-line textarea+label { position: absolute; top: 29px; left: 12px; font-size: 14px; color: grey; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index: 3; display: block; background: #FFF; padding: 0; cursor: text } .mce-popup .mce-input-line input.mce-not-empty+label, .mce-popup .mce-input-line textarea.mce-not-empty+label { color: gray; width: auto; left: 4px; padding: 0 4px; font-size: 11px; top: 9px } .mce-popup input, .mce-popup textarea { user-select: text; -o-user-select: text; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; outline: none } .mce-popup textarea { resize: none } .mce-popup .mce-buttons { white-space: nowrap; line-height: 0 } .mce-popup .mce-buttons .mce-btn { margin-left: 4px; margin-right: 4px; display: inline-block; float: none } .mce-popup .mce-buttons .mce-btn i { float: left } .mce-popup .mce-buttons .mce-separator { display: inline-block; float: none } .mce-popup .mce-buttons.mce-tabs { border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5f5f5; overflow: hidden } @media (max-width: 768px) { .mce-popup .mce-buttons.mce-tabs.mce-tabs-scroll { overflow: scroll; overflow-y: hidden; width: 276px } } .mce-popup .mce-buttons:not(.mce-tabs) { padding: 5px } .mce-popup .mce-layer { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 195px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 20px; display: none } @media (min-width: 768px) { .mce-popup .mce-layer { width: 260px } } .mce-popup .mce-layer.mce-active { display: inline-block } .mce-popup .mce-action-buttons { z-index: 7; height: 36px; text-align: right } .mce-popup .mce-action-buttons button.mce-command { height: 36px; line-height: 1; color: #2b2b2b; padding: 10px; cursor: pointer; text-decoration: none; border: none; background: none; font-size: 16px; outline: none; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .mce-popup .mce-action-buttons button.mce-command+button { margin-left: 24px } .mce-popup .mce-action-buttons button.mce-command:hover, .mce-popup .mce-action-buttons button.mce-command:focus { background: #ebebeb; color: #0098f7 } .mce-popup .mce-action-buttons button.mce-command:active { background: #d6d6d6; color: #0098f7 } .mce-popup .mce-action-buttons button::-moz-focus-inner { border: 0 } .mce-popup .mce-checkbox { position: relative; display: inline-block; width: 18px; height: 18px; padding: 10px; border-radius: 100%; line-height: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: middle } .mce-popup .mce-checkbox svg { margin-left: 2px; margin-top: 2px; display: none; width: 10px; height: 10px } .mce-popup .mce-checkbox span { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 18px; height: 18px; display: inline-block; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s } .mce-popup .mce-checkbox input { position: absolute; z-index: 2; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border: 0 none; cursor: pointer; height: 18px; margin: 0; padding: 0; width: 18px; top: 7px; left: 7px } .mce-popup .mce-checkbox input:not(:checked)+span { border: solid 2px #999999 } .mce-popup .mce-checkbox input:not(:checked):active+span { background-color: #f5f5f5 } .mce-popup .mce-checkbox input:not(:checked):focus+span, .mce-popup .mce-checkbox input:not(:checked):hover+span { border-color: #515151 } .mce-popup .mce-checkbox input:checked+span { background: #0098f7; border: solid 2px #0098f7 } .mce-popup .mce-checkbox input:checked+span svg { display: block } .mce-popup .mce-checkbox input:checked:active+span { background-color: #EcF5Ff } .mce-popup .mce-checkbox input:checked:focus+span, .mce-popup .mce-checkbox input:checked:hover+span { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .mce-popup .mce-checkbox-line { font-size: 14px; line-height: 1.4px; margin-top: 10px } .mce-popup .mce-checkbox-line label { cursor: pointer; margin: 0 5px; vertical-align: middle } .mce-popup.mce-rtl { direction: rtl; text-align: right } .mce-popup.mce-rtl .mce-action-buttons { text-align: left } .mce-popup.mce-rtl .mce-input-line input+label, .mce-popup.mce-rtl .mce-input-line textarea+label { left: auto; right: 0 } .mce-popup.mce-rtl .mce-buttons .mce-separator.mce-vs { float: right } .mce-text-edit-layer { width: 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block !important } .mce-toolbar { color: #222222; background: #FFF; position: relative; font-family: Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: left; border: 1px solid #CCCCCC; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.2; padding-bottom: 0; -webkit-transition: padding-bottom 0.5s; -moz-transition: padding-bottom 0.5s; -ms-transition: padding-bottom 0.5s; -o-transition: padding-bottom 0.5s } .mce-toolbar::after { clear: both; display: block; content: ""; height: 0 } .mce-toolbar::after { height: 0 } .mce-toolbar .mce-newline { clear: both; display: block; content: ""; margin-left: 9px; margin-right: 9px; background: #efefef; height: 1px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s } .mce-toolbar.mce-toolbar-open .mce-newline { height: 0 } .mce-toolbar .mce-float-right { float: right } .mce-toolbar .mce-float-left { float: left } .mce-toolbar .mce-more-toolbar { float: left; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5f5f5; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; height: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% } .mce-toolbar .mce-more-toolbar.mce-expanded { height: 48px } .mce-toolbar .mce-more-toolbar.mce-overflow-visible { overflow: visible } .mce-toolbar .mce-more-toolbar>.mce-command.mce-btn { margin-left: 4px; margin-right: 4px } .mce-toolbar .mce-btn-grp { display: inline-block; margin: 0 32px 0 0; padding: 0 32px 0 0; border-right: 1px solid #efefef; } .mce-toolbar .mce-btn-grp:first-child { margin-left: 25px; } .mce-toolbar .mce-command.mce-btn.mce-open { margin-top: 10px; margin-bottom: -1px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-toolbar .mce-command.mce-btn.mce-open:not(:hover):not(:focus):not(:active) { background: #f5f5f5 } .mce-toolbar.mce-rtl { text-align: right } .mce-toolbar.mce-inline { display: none; -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); border: 0; white-space: nowrap; position: absolute; margin-top: 5px; z-index: 2147483630 } .mce-toolbar.mce-inline.mce-above { margin-top: -10px; border-top: 0 } .mce-toolbar.mce-inline .mce-newline { height: 0 } .mce-toolbar.mce-inline .mce-more-toolbar { position: absolute !important } .mce-toolbar.mce-inline .mce-more-toolbar.mce-expanded { position: relative !important } .mce-toolbar.mce-top { top: 0; border-bottom: 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-toolbar.mce-bottom { bottom: 0; border-top: 0; padding-bottom: 0; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-toolbar.mce-bottom .mce-newline { padding-top: 0; -webkit-transition: padding-top 0.5s; -moz-transition: padding-top 0.5s; -ms-transition: padding-top 0.5s; -o-transition: padding-top 0.5s } .mce-toolbar.mce-bottom.mce-toolbar-open .mce-newline { padding-top: 48px; background: #FFF } .mce-toolbar.mce-bottom .mce-command.mce-btn.mce-open { margin-top: -1px; margin-bottom: 10px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-toolbar.mce-sticky-on { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-separator { background: #ebebeb; display: block; vertical-align: top; float: left } .mce-separator+.mce-separator { display: none } .mce-separator.mce-vs { height: 32px; width: 1px; margin: 8px 4px } .mce-separator.mce-hs { clear: both; width: calc(100% - (2 * 4px)); margin: 0 4px; height: 1px } .mce-separator.mce-hidden { display: none !important } .mce-rtl .mce-separator { float: right } .mce-toolbar.mce-inline .mce-separator.mce-hs { float: none } .mce-toolbar.mce-inline .mce-separator.mce-vs { display: inline-block } .mce-second-toolbar { border: 1px solid #CCCCCC; border-top: 0; background: #FFF; line-height: 1.4; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-second-toolbar::after { clear: both; display: block; content: ""; height: 0 } .mce-second-toolbar:empty { min-height: calc(10px); position: relative; margin-top: calc(-1px); z-index: 2 } #mce-logo { float: left; outline: none } #mce-logo>span { display: inline-block; float: left; font-family: sans-serif; padding: 11px 5px 10px 15px; font-size: 12px; font-weight: 500; color: #b1b2b7; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s } #mce-logo>svg { height: 20px; width: 47px; margin: 7px 0; cursor: pointer } #mce-logo>svg * { -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; -ms-transition: fill 0.3s; -o-transition: fill 0.3s } #mce-logo:hover>span, #mce-logo:focus>span { color: #0098f7 } #mce-logo:hover>svg .mce-logo, #mce-logo:focus>svg .mce-logo { fill: #0098f7 } .mce-visibility-helper { display: none; margin-left: 0 !important } @media (min-width: 768px) { .mce-visibility-helper { margin-left: 1px !important } } @media (min-width: 992px) { .mce-visibility-helper { margin-left: 2px !important } } @media (min-width: 1200px) { .mce-visibility-helper { margin-left: 3px !important } } .mce-opacity-0 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .mce-box { position: relative } .mce-sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky } .mce-sticky-off { position: relative } .mce-sticky-on { position: fixed; z-index: 10 } .mce-sticky-on.mce-sticky-ios { position: -webkit-sticky; left: 0; right: 0; width: auto !important } .modal .mce-sticky-on { position: sticky } .mce-sticky-dummy { display: none } .mce-sticky-on+.mce-sticky-dummy, .mce-sticky-box>.mce-sticky-dummy { display: block } span.mce-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-view .mce-highlight-change, .mce-highlight-change>img, .mce-highlight-change>.mce-video>video, .mce-highlight-change>.mce-video>embed, .mce-highlight-change>.mce-video>iframe, .mce-highlight-change>.mce-embedly>.embedly-card>.embedly-card-hug>iframe, .mce-highlight-change>p, .mce-view .mce-highlight-change>span:not(.mce-tracking-deleted) { background-color: #f3eec3; opacity: 0.5 } .mce-highlight-change.mce-highlight-change>table td, .mce-highlight-change.mce-highlight-change>hr { border-color: #f3eec3 } .mce-tracking-deleted.mce-tracking-deleted>table td, .mce-tracking-deleted.mce-tracking-deleted>hr { border-color: #dc3545 } .mce-tracking-deleted img, .mce-tracking-deleted>.mce-video>video, .mce-tracking-deleted>.mce-video>iframe, .mce-tracking-deleted>.mce-embedly>.embedly-card>.embedly-card-hug>iframe { opacity: 0.5; background-color: #dc3545 } .mce-view .mce-tracking-deleted { background-color: #dc3545; text-decoration: line-through; pointer-events: none; user-select: none; opacity: 1 } .mce-highlight-change>.mce-video>iframe, .mce-tracking-deleted>.mce-video>iframe, .mce-highlight-change>.mce-video>video, .mce-tracking-deleted>.mce-video>video, .mce-highlight-change>.mce-video>embed, .mce-highlight-change>.mce-embedly>.embedly-card>.embedly-card-hug>iframe, .mce-tracking-deleted>.mce-embedly>.embedly-card>.embedly-card-hug>iframe { padding: 10px !important } .mce-tracking-deleted img, .mce-highlight-change img { border: 2px solid #f3eec3 } .mce-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) { opacity: 0.5; background-color: #f3eec3 } .mce-highlight-change #isPasted>table td { opacity: 0.5; border-color: #f3eec3 } .mce-track-hide { display: none } .mce-track-hide-mobile { width: 0; height: 0; overflow: hidden; position: absolute } .mce-ios-mobile-disable-select { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none } .mce-bottom-extended { flex-wrap: wrap; display: flex; box-sizing: border-box } .position-relative { position: relative !important } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-box .mce-counter { padding: 10px; float: right; color: #999999; content: attr(data-chars); font-size: 14px; font-family: sans-serif; z-index: 1; border-radius: 2px 0 0 0; -moz-border-radius: 2px 0 0 0; -webkit-border-radius: 2px 0 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-box.mce-rtl .mce-counter { left: 0; right: auto; border-left: none; border-radius: 0 2px 0 0; -moz-border-radius: 0 2px 0 0; -webkit-border-radius: 0 2px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-box.mce-code-view .mce-counter { display: none } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } textarea.mce-code { display: none; width: 100%; resize: none; -moz-resize: none; -webkit-resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding: 10px; margin: 0; font-family: "Courier New", monospace; font-size: 14px; background: #FFF; color: #000; outline: none } .mce-box.mce-rtl textarea.mce-code { direction: rtl } .mce-box .CodeMirror { display: none } .mce-box.mce-code-view textarea.mce-code { display: block; height: 100%; } .mce-box.mce-code-view .mce-element, .mce-box.mce-code-view .mce-placeholder, .mce-box.mce-code-view .mce-iframe { display: none } .mce-box.mce-code-view .CodeMirror { display: block } .mce-box.mce-inline.mce-code-view .mce-command.mce-btn.html-switch { display: block } .mce-box.mce-inline .mce-command.mce-btn.html-switch { display: none; position: absolute; top: 0; right: 0; display: none; background: #FFF; color: #333333; -moz-outline: 0; outline: 0; border: 0; line-height: 1; cursor: pointer; text-align: left; padding: 8px 7px; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none } .mce-box.mce-inline .mce-command.mce-btn.html-switch i { font-size: 24px; width: 24px; text-align: center } .mce-box.mce-inline .mce-command.mce-btn.html-switch.mce-desktop:hover { background: #ebebeb } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-popup .mce-layer.mce-color-hex-layer { margin: 0; padding: 20px; padding-top: 0; float: left } .mce-popup .mce-layer.mce-color-hex-layer .mce-input-line { float: left; width: calc(100% - 50px); padding: 15px 0 0 } .mce-popup .mce-layer.mce-color-hex-layer .mce-action-buttons { float: right; width: 38px; height: 40px; padding: 17px 0 0; margin: 0 } .mce-popup .mce-layer.mce-color-hex-layer .mce-action-buttons button.mce-command { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 13px; height: 40px; width: 38px } .mce-popup .mce-separator+.mce-colors-tabs { margin-left: 2px; margin-right: 2px } .mce-popup .mce-color-set { line-height: 0; display: none } .mce-popup .mce-color-set.mce-selected-set { display: block; padding: 20px; padding-bottom: 0 } .mce-popup .mce-color-set>span { display: inline-block; width: 32px; height: 32px; position: relative; z-index: 1 } .mce-popup .mce-color-set>span>i, .mce-popup .mce-color-set>span>svg { text-align: center; line-height: 32px; height: 24px; width: 24px; margin: 4px; font-size: 13px; position: absolute; bottom: 0; cursor: default; left: 0 } .mce-popup .mce-color-set>span>i path, .mce-popup .mce-color-set>span>svg path { fill: #222222 } .mce-popup .mce-color-set>span .mce-selected-color { color: #FFF; font-family: FontAwesome; font-size: 13px; font-weight: 400; line-height: 32px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; cursor: default } .mce-popup .mce-color-set>span:hover, .mce-popup .mce-color-set>span:focus { outline: 1px solid #222222; z-index: 2 } .mce-rtl .mce-popup .mce-colors-tabs .mce-colors-tab.mce-selected-tab[data-param1="text"]~[data-param1="background"]::after { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0) } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-drag-helper { background: #0098f7; height: 2px; margin-top: -1px; -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; z-index: 2147483640; display: none } .mce-drag-helper.mce-visible { display: block } .mce-dragging { -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-popup .mce-emoticon { width: 24px; height: 24px; font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols } .mce-popup .mce-emoticon img { height: 24px; width: 24px } .mce-popup .mce-command.mce-btn.mce-tabs-unicode { padding: 0 0 0 14px } @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .mce-popup .mce-icon-container.mce-emoticon-container { width: 368px } } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-popup .mce-file-upload-layer { border: dashed 2px #bdbdbd; padding: 25px 0; margin: 20px; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 140%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center } .mce-popup .mce-file-upload-layer:hover { background: #ebebeb } .mce-popup .mce-file-upload-layer.mce-drop { background: #ebebeb; border-color: #0098f7 } .mce-popup .mce-file-upload-layer .mce-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; overflow: hidden; margin: 0 !important; padding: 0 !important; width: 100% !important } .mce-popup .mce-file-upload-layer .mce-form input { cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; width: 500%; height: 100%; margin: 0; font-size: 400px } .mce-popup .mce-file-progress-bar-layer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mce-popup .mce-file-progress-bar-layer>h3 { font-size: 16px; margin: 10px 0; font-weight: normal } .mce-popup .mce-file-progress-bar-layer>div.mce-action-buttons { display: none } .mce-popup .mce-file-progress-bar-layer>div.mce-loader { background: #b3e0fd; height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative } .mce-popup .mce-file-progress-bar-layer>div.mce-loader span { display: block; height: 100%; width: 0%; background: #0098f7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s } .mce-popup .mce-file-progress-bar-layer>div.mce-loader.mce-indeterminate span { width: 30% !important; position: absolute; top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite } .mce-popup .mce-file-progress-bar-layer.mce-error>div.mce-loader { display: none } .mce-popup .mce-file-progress-bar-layer.mce-error>div.mce-action-buttons { display: block } @keyframes loading { from { left: -25% } to { left: 100% } } @-webkit-keyframes loading { from { left: -25% } to { left: 100% } } @-moz-keyframes loading { from { left: -25% } to { left: 100% } } @-o-keyframes loading { from { left: -25% } to { left: 100% } } @keyframes loading { from { left: -25% } to { left: 100% } } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-element img { cursor: pointer; padding: 0 1px } .mce-height-auto { height: auto !important } .mce-file-loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #53777a; display: inline-block !important; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; width: 20px; height: 20px; display: block !important; align-items: center } .mce-trim-button { margin-top: 5px; height: 36px; line-height: 1; color: #0098f7; padding: 10px; cursor: pointer; text-decoration: none; border: none; background: none; font-size: 16px; border-radius: 5px; background-color: #eff5fa; outline: none } .mce-trim-button:hover { background: #ebebeb } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .mce-image-resizer { position: absolute; border: solid 1px #0098f7; display: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mce-image-resizer.mce-active { display: block } .mce-image-resizer .mce-handler { display: block; position: absolute; background: #0098f7; border: solid 1px #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mce-image-resizer .mce-handler.mce-hnw { cursor: nw-resize } .mce-image-resizer .mce-handler.mce-hne { cursor: ne-resize } .mce-image-resizer .mce-handler.mce-hsw { cursor: sw-resize } .mce-image-resizer .mce-handler.mce-hse { cursor: se-resize } .mce-image-resizer .mce-handler { width: 12px; height: 12px } .mce-image-resizer .mce-handler.mce-hnw { left: -6px; top: -6px } .mce-image-resizer .mce-handler.mce-hne { right: -6px; top: -6px } .mce-image-resizer .mce-handler.mce-hsw { left: -6px; bottom: -6px } .mce-image-resizer .mce-handler.mce-hse { right: -6px; bottom: -6px } @media (min-width: 1200px) { .mce-image-resizer .mce-handler { width: 10px; height: 10px } .mce-image-resizer .mce-handler.mce-hnw { left: -5px; top: -5px } .mce-image-resizer .mce-handler.mce-hne { right: -5px; top: -5px } .mce-image-resizer .mce-handler.mce-hsw { left: -5px; bottom: -5px } .mce-image-resizer .mce-handler.mce-hse { right: -5px; bottom: -5px } } .mce-image-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483640; display: none } .mce-by-url-padding { padding: 11.5px 0 } .mce-popup .mce-upload-progress-layer { border-radius: 0; box-sizing: border-box; padding-left: 20px; padding-top: 15px; margin: auto !important; max-height: 100%; overflow-y: auto; overflow-x: hidden; width: 100% !important; overscroll-behavior: contain } .mce-popup .mce-files-by-url-layer { width: calc(100% - 40px) !important } .mce-popup .mce-files-embed-layer { width: calc(100% - 40px) !important } .mce-popup .mce-files-upload-layer { border: dashed 2px #bdbdbd; margin: 20px; position: relative; font-size: 10px; letter-spacing: 1px; line-height: 140%; text-align: center; width: calc(100% - 40px) !important } .mce-popup .mce-files-upload-layer:hover { background: #ebebeb } .mce-popup .mce-files-upload-layer.mce-drop { background: #ebebeb; border-color: #0098f7 } .mce-popup .mce-files-upload-layer .mce-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; overflow: hidden; margin: 0 !important; padding: 0 !important; width: 100% !important } .mce-popup .mce-files-upload-layer .mce-form input { cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; width: 500%; height: 100%; margin: 0; font-size: 400px } .mce-popup .mce-files-progress-bar-layer { width: calc(100% - 40px); width: -moz-available; width: -webkit-stretch; width: stretch } .mce-popup .mce-files-progress-bar-layer>h3 { font-size: 16px; margin: 10px 0; font-weight: normal } .mce-popup .mce-files-progress-bar-layer>div.mce-action-buttons { display: none } .mce-popup .mce-files-progress-bar-layer>div.mce-loader { background: #b3e0fd; height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative } .mce-popup .mce-files-progress-bar-layer>div.mce-loader span { display: block; height: 100%; width: 0%; background: #0098f7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s } .mce-popup .mce-files-progress-bar-layer>div.mce-loader.mce-indeterminate span { width: 30% !important; position: absolute; top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite } .mce-popup .mce-files-progress-bar-layer.mce-error>div.mce-loader { display: none } .mce-popup .mce-files-progress-bar-layer.mce-error>div.mce-action-buttons { display: block } .mce-image-size-layer .mce-image-group .mce-input-line { width: calc(50% - 5px); display: inline-block } .mce-image-size-layer .mce-image-group .mce-input-line+.mce-input-line { margin-left: 10px } .mce-progress-bar-style { width: calc(100% - 40px) } .mce-progress-bar { position: relative; background-color: #4CAF50; height: 8px; margin-bottom: 8px; margin-left: 20px; margin-right: 20px; width: 100%; width: -moz-available; width: -webkit-stretch; width: stretch } .mce-uploading { -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } @-webkit-keyframes loading { from { left: -25% } to { left: 100% } } @-moz-keyframes loading { from { left: -25% } to { left: 100% } } @-o-keyframes loading { from { left: -25% } to { left: 100% } } @keyframes loading { from { left: -25% } to { left: 100% } } .mce-pull-left { float: left } .mce-pull-right { float: right } .mce-icons { padding: 10px 20px 0; display: inline } .mce-transform-135 { transform: rotate(135deg) } .mce-icons i { margin: 4px; padding: 2px; cursor: pointer; color: #999588; font-size: 20px } .mce-blue-decorator { background: #4a7fba; color: white; display: grid; padding: 5px } .mce-upload-progress { padding: 1px } .mce-upload-section { position: relative; width: 100%; width: -moz-available; width: -webkit-stretch; width: stretch } @media screen and (max-width: 399px) { .mce-upload-section { margin-left: 7px; margin-right: 7px } .mce-files-upload-layer { padding-top: 7px; padding-bottom: 7px } } @media screen and (min-width: 400px) and (max-width: 469px) { .mce-upload-section { margin-left: 7px; margin-right: 7px } .mce-files-upload-layer { padding-top: 7px; padding-bottom: 7px } } @media screen and (min-width: 470px) and (max-width: 680px) { .mce-upload-section { margin-left: 7px; margin-right: 7px } .mce-files-upload-layer { padding-top: 7px; padding-bottom: 7px } } @media screen and (min-width: 681px) { .mce-upload-section { margin-left: 35px; margin-right: 35px } .mce-files-upload-layer { padding-top: 20px; padding-bottom: 20px } } .mce-half-circle { width: 60px; height: 25px; background-color: white; border-top-left-radius: 110px; border-top-right-radius: 110px; transform: rotate(180deg); border-bottom: 0; position: relative; left: 50%; z-index: 1; left: 50%; margin-top: -1px; margin-left: -25px } .mce-decorated { overflow: hidden; text-align: center } .mce-decorated>span { position: relative; display: inline-block } .mce-decorated>span:before, .mce-decorated>span:after { content: ''; position: absolute; top: 50%; border-bottom: 2px solid #ffffff; width: 100%; margin: 0 20px } .mce-decorated>span:before { right: 100% } .mce-decorated>span:after { left: 100% } .mce-align-right { float: right } .mce-checkbox-container { display: inline-block; position: relative; padding-left: 20px; margin-bottom: 12px; cursor: pointer; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mce-files-checkbox-line { display: flex; align-items: center; font-size: 10px } .mce-files-checkbox-line label { cursor: pointer; vertical-align: middle } .mce-insert-checkbox input { height: 13px !important; width: 13px !important } .mce-autoplay-checkbox input { height: 13px !important; width: 13px !important } button[data-cmd="insertFiles"] { padding-left: 2px !important; padding-top: 2.7px !important } button[data-cmd="autoplay"] svg { position: relative !important; top: 3.2px !important } button[data-cmd="insertAll"] { padding-left: 4px !important } button[data-cmd="insertAll"] svg { position: relative !important; top: 3.2px !important } .mce-checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .mce-checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #eee } .mce-file-list-item { display: flex; justify-content: space-between; align-items: center; padding-top: 7px; flex-wrap: wrap; position: relative; top: -20px; border-bottom: 1px solid #ddd; padding-bottom: 7px } .mce-file-item-left { display: flex; flex-wrap: wrap } .mce-file-item-icon { display: flex; align-items: center; padding-left: 7px } .mce-file-item-description { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; max-width: 400px; margin-left: 5px } .mce-cloud-icon { height: 30px; width: 32px; background-color: white; border-radius: 50%; display: flex; justify-content: center; position: relative; margin: 0 auto; margin-top: -18px } .mce-files-checkbox { position: relative; display: inline-block; width: 13px; height: 13px; padding-right: 5px; border-radius: 100%; line-height: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: middle } .mce-files-checkbox svg { margin-left: 0px; margin-top: 0px; display: none; width: 10px; height: 10px } .mce-files-checkbox span { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 15px; height: 15px; display: inline-block; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s } .mce-files-checkbox input { position: absolute; z-index: 2; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border: 0 none; cursor: pointer; height: 18px; margin: 0; padding: 0; width: 18px } .mce-files-checkbox input:not(:checked)+span { border: solid 2px #999999 } .mce-files-checkbox input:not(:checked):active+span { background-color: #f5f5f5 } .mce-files-checkbox input:not(:checked):focus+span, .mce-files-checkbox input:not(:checked):hover+span { border-color: #515151 } .mce-files-checkbox input:checked+span { background: #0098f7; border: solid 2px #0098f7 } .mce-files-checkbox input:checked+span svg { display: block } .mce-files-checkbox input:checked:active+span { background-color: #EcF5Ff } .mce-files-checkbox input:checked:focus+span, .mce-files-checkbox input:checked:hover+span { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .mce-checkbox-disabled { opacity: 0.4; position: relative; display: inline-block; width: 13px !important; height: 13px !important; padding-right: 5px; border-radius: 100%; line-height: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: middle } .mce-checkbox-disabled svg { margin-left: 2px; margin-top: 2px; display: none; width: 10px; height: 10px } .mce-checkbox-disabled span { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 15px; height: 15px; display: inline-block; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s } .mce-checkbox-disabled input { position: absolute; z-index: 2; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border: 0 none; cursor: default; height: 13px !important; margin: 0; padding: 0; width: 13px !important; top: 7px; left: 7px } .mce-checkbox-disabled input:not(:checked)+span { border: solid 2px #999999 } .mce-checkbox-disabled input:not(:checked):active+span { background-color: #f5f5f5 } .mce-checkbox-disabled input:checked+span { background: #0098f7; border: solid 2px #0098f7 } .mce-checkbox-disabled input:checked+span svg { display: block } .mce-checkbox-disabled input:checked:active+span { background-color: #EcF5Ff } .mce-file-view { position: absolute; max-width: 60%; right: 10%; z-index: 2147483642 } .mce-file-item-thumbnail-hover { transition: transform .2s } .mce-file-item-thumbnail-hover:hover { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3) } .mce-file-name { padding-top: 5px; font-size: 12px; font-weight: bold } .mce-margin-16 { margin-bottom: 16px } .mce-none { display: none } .mce-display-block { display: block } .mce-files-manager-tooltip { position: relative } .padding-top-15 { padding-top: 15px !important; padding-bottom: 0px !important } .mce-files-manager-tooltip .tooltiptext { visibility: hidden; width: max-content; max-width: 250px; word-break: break-word; word-wrap: break-word; background-color: black; color: #fff; text-align: left; padding: 4px; border-radius: 2px; font-weight: 100; font-size: 10px; position: absolute; top: 80%; left: 50%; z-index: 2147483647 } .mce-files-manager-tooltip:hover .tooltiptext { visibility: visible } .mce-file-details { display: flex; flex-wrap: wrap; font-size: 10px } .mce-file-date { word-break: break-word; word-wrap: break-word; max-width: 110px; color: #444; padding-top: 2px; padding-bottom: 2px } .mce-file-size { color: #444; padding-top: 2px; padding-bottom: 2px } .dot { width: 20px; height: 20px; background-image: radial-gradient(circle, grey 1px, transparent 2px); background-size: 100% 33.33%; margin-left: 2px; margin-right: 2px } .mce-file-action-icons { margin-right: 5px; margin-left: 5px !important; color: #999; height: 25px !important; padding: 5px !important } @media screen and (max-width: 700px) { .mce-files-manager-tooltip .tooltiptext { max-width: 250px; visibility: hidden; word-break: break-word; word-wrap: break-word; top: 90%; left: 0%; font-size: 8px } } @media screen and (max-width: 500px) { .mce-files-manager-tooltip .tooltiptext { max-width: 100px; visibility: hidden; word-break: break-word; word-wrap: break-word; top: 90%; left: 0% } .mce-file-item-description { width: 130px } .mce-file-item-right { width: 100% } .progress-circle { font-size: 6px } } @media screen and (max-width: 320px) { .mce-files-manager-tooltip .tooltiptext { max-width: 100px; visibility: hidden; word-break: break-word; word-wrap: break-word; top: 90%; left: -50%; font-size: 8px } .dot { width: 20px; margin-left: 0px; margin-right: 3px } .mce-file-item-description { width: 80px } .mce-file-details { display: flex; flex-wrap: wrap; font-size: 9px } .mce-file-name { font-size: 10px } .mce-file-action-icons { padding: 0px !important } } @media screen and (min-width: 501px) { .progress-circle { font-size: 9px } } .mce-file-view-modal { display: block; position: fixed; position: -ms-page; z-index: 2147483641; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.7) } .mce-file-view-modal-content { display: inline-block; text-align: center } .mce-file-view-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 80%; max-height: 70% } .mce-file-view-close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s } .mce-file-view-close:hover, .mce-file-view-close:focus { color: #bbb; text-decoration: none; cursor: pointer } .mce-file-error { color: red; font-weight: 200; font-size: 12px; padding-bottom: 5px } .mce-file-error-h5 { margin: 0 } .mce-file-item-right { display: flex; align-items: center; justify-content: flex-end; margin-right: 20px } .mce-file-item-action-buttons { display: flex; align-items: center; justify-content: space-around } .mce-file-item-autoplay-checkbox { align-items: center; margin: 0px; padding: 0px; margin-right: 5px } .mce-autoplay-checkbox-label { margin: 0; cursor: default !important } .mce-checkbox-container:hover input~.mce-checkmark { background-color: #ccc } .mce-checkbox-container input:checked~.mce-checkmark { background-color: #2196F3 } .mce-checkmark:after { content: ""; position: absolute; display: none } .mce-checkbox-container input:checked~.mce-checkmark:after { display: block } .mce-container .mce-checkmark:after { left: 5px; top: 2px; width: 3px; height: 7px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mce-file-item-details .file-name { font-weight: bold; display: inline } .mce-file-item-details .file-description { font-weight: 300; font-size: 11px; display: inline } .mce-width-10 { width: 10%; display: inline-block } .mce-width-20 { width: 20%; display: inline-block } .mce-width-30 { width: 30%; display: inline-block } .mce-width-40 { width: 40%; display: inline-block } .mce-width-50 { width: 50%; display: inline-block } .mce-width-60 { width: 60%; display: inline-block } .mce-width-100 { width: 100%; display: inline-block } .mce-width-80 { width: 80%; display: inline-block } .mce-width-90 { width: 90%; display: inline-block } .mce-width-85 { width: 85%; display: inline-block } .mce-width-5 { width: 5%; display: inline-block } .mce-width-7 { width: 7%; display: inline-block } .mce-img-icon { color: #aaaaaa; font-size: 16px; padding: 0px 4px } .mce-position-content { position: relative; top: 10px } .file-error { color: red } #myprogressBar { width: 10%; height: 5px; background-color: #4CAF50; position: relative; top: -30px } .mce-files-manager { z-index: 2147483641 !important } .progress-circle { margin: 0px; margin-left: 10px; position: relative; padding: 0; width: 5em; height: 5.1em; background-color: #f2e9e1; border-radius: 50%; line-height: 5em } .progress-circle:after { border: none; position: absolute; top: 0.35em; left: 0.35em; text-align: center; display: block; border-radius: 50%; width: 4.3em; height: 4.3em; background-color: white; content: " " } .progress-circle span { position: absolute; line-height: 5em; width: 5em; text-align: center; display: block; color: #53777a; z-index: 2 } .progress-circle.over50 .left-half-clipper { clip: rect(auto, auto, auto, auto) } .progress-circle.over50 .first50-bar { position: absolute; clip: rect(0, 5em, 5em, 2.5em); background-color: #53777a; border-radius: 50%; width: 5em; height: 5em } .progress-circle:not(.over50) .first50-bar { display: none } .progress-circle.p0 .value-bar { display: none } .progress-circle.p1 .value-bar { transform: rotate(4deg) } .progress-circle.p2 .value-bar { transform: rotate(7deg) } .progress-circle.p3 .value-bar { transform: rotate(11deg) } .progress-circle.p4 .value-bar { transform: rotate(14deg) } .progress-circle.p5 .value-bar { transform: rotate(18deg) } .progress-circle.p6 .value-bar { transform: rotate(22deg) } .progress-circle.p7 .value-bar { transform: rotate(25deg) } .progress-circle.p8 .value-bar { transform: rotate(29deg) } .progress-circle.p9 .value-bar { transform: rotate(32deg) } .progress-circle.p10 .value-bar { transform: rotate(36deg) } .progress-circle.p11 .value-bar { transform: rotate(40deg) } .progress-circle.p12 .value-bar { transform: rotate(43deg) } .progress-circle.p13 .value-bar { transform: rotate(47deg) } .progress-circle.p14 .value-bar { transform: rotate(50deg) } .progress-circle.p15 .value-bar { transform: rotate(54deg) } .progress-circle.p16 .value-bar { transform: rotate(58deg) } .progress-circle.p17 .value-bar { transform: rotate(61deg) } .progress-circle.p18 .value-bar { transform: rotate(65deg) } .progress-circle.p19 .value-bar { transform: rotate(68deg) } .progress-circle.p20 .value-bar { transform: rotate(72deg) } .progress-circle.p21 .value-bar { transform: rotate(76deg) } .progress-circle.p22 .value-bar { transform: rotate(79deg) } .progress-circle.p23 .value-bar { transform: rotate(83deg) } .progress-circle.p24 .value-bar { transform: rotate(86deg) } .progress-circle.p25 .value-bar { transform: rotate(90deg) } .progress-circle.p26 .value-bar { transform: rotate(94deg) } .progress-circle.p27 .value-bar { transform: rotate(97deg) } .progress-circle.p28 .value-bar { transform: rotate(101deg) } .progress-circle.p29 .value-bar { transform: rotate(104deg) } .progress-circle.p30 .value-bar { transform: rotate(108deg) } .progress-circle.p31 .value-bar { transform: rotate(112deg) } .progress-circle.p32 .value-bar { transform: rotate(115deg) } .progress-circle.p33 .value-bar { transform: rotate(119deg) } .progress-circle.p34 .value-bar { transform: rotate(122deg) } .progress-circle.p35 .value-bar { transform: rotate(126deg) } .progress-circle.p36 .value-bar { transform: rotate(130deg) } .progress-circle.p37 .value-bar { transform: rotate(133deg) } .progress-circle.p38 .value-bar { transform: rotate(137deg) } .progress-circle.p39 .value-bar { transform: rotate(140deg) } .progress-circle.p40 .value-bar { transform: rotate(144deg) } .progress-circle.p41 .value-bar { transform: rotate(148deg) } .progress-circle.p42 .value-bar { transform: rotate(151deg) } .progress-circle.p43 .value-bar { transform: rotate(155deg) } .progress-circle.p44 .value-bar { transform: rotate(158deg) } .progress-circle.p45 .value-bar { transform: rotate(162deg) } .progress-circle.p46 .value-bar { transform: rotate(166deg) } .progress-circle.p47 .value-bar { transform: rotate(169deg) } .progress-circle.p48 .value-bar { transform: rotate(173deg) } .progress-circle.p49 .value-bar { transform: rotate(176deg) } .progress-circle.p50 .value-bar { transform: rotate(180deg) } .progress-circle.p51 .value-bar { transform: rotate(184deg) } .progress-circle.p52 .value-bar { transform: rotate(187deg) } .progress-circle.p53 .value-bar { transform: rotate(191deg) } .progress-circle.p54 .value-bar { transform: rotate(194deg) } .progress-circle.p55 .value-bar { transform: rotate(198deg) } .progress-circle.p56 .value-bar { transform: rotate(202deg) } .progress-circle.p57 .value-bar { transform: rotate(205deg) } .progress-circle.p58 .value-bar { transform: rotate(209deg) } .progress-circle.p59 .value-bar { transform: rotate(212deg) } .progress-circle.p60 .value-bar { transform: rotate(216deg) } .progress-circle.p61 .value-bar { transform: rotate(220deg) } .progress-circle.p62 .value-bar { transform: rotate(223deg) } .progress-circle.p63 .value-bar { transform: rotate(227deg) } .progress-circle.p64 .value-bar { transform: rotate(230deg) } .progress-circle.p65 .value-bar { transform: rotate(234deg) } .progress-circle.p66 .value-bar { transform: rotate(238deg) } .progress-circle.p67 .value-bar { transform: rotate(241deg) } .progress-circle.p68 .value-bar { transform: rotate(245deg) } .progress-circle.p69 .value-bar { transform: rotate(248deg) } .progress-circle.p70 .value-bar { transform: rotate(252deg) } .progress-circle.p71 .value-bar { transform: rotate(256deg) } .progress-circle.p72 .value-bar { transform: rotate(259deg) } .progress-circle.p73 .value-bar { transform: rotate(263deg) } .progress-circle.p74 .value-bar { transform: rotate(266deg) } .progress-circle.p75 .value-bar { transform: rotate(270deg) } .progress-circle.p76 .value-bar { transform: rotate(274deg) } .progress-circle.p77 .value-bar { transform: rotate(277deg) } .progress-circle.p78 .value-bar { transform: rotate(281deg) } .progress-circle.p79 .value-bar { transform: rotate(284deg) } .progress-circle.p80 .value-bar { transform: rotate(288deg) } .progress-circle.p81 .value-bar { transform: rotate(292deg) } .progress-circle.p82 .value-bar { transform: rotate(295deg) } .progress-circle.p83 .value-bar { transform: rotate(299deg) } .progress-circle.p84 .value-bar { transform: rotate(302deg) } .progress-circle.p85 .value-bar { transform: rotate(306deg) } .progress-circle.p86 .value-bar { transform: rotate(310deg) } .progress-circle.p87 .value-bar { transform: rotate(313deg) } .progress-circle.p88 .value-bar { transform: rotate(317deg) } .progress-circle.p89 .value-bar { transform: rotate(320deg) } .progress-circle.p90 .value-bar { transform: rotate(324deg) } .progress-circle.p91 .value-bar { transform: rotate(328deg) } .progress-circle.p92 .value-bar { transform: rotate(331deg) } .progress-circle.p93 .value-bar { transform: rotate(335deg) } .progress-circle.p94 .value-bar { transform: rotate(338deg) } .progress-circle.p95 .value-bar { transform: rotate(342deg) } .progress-circle.p96 .value-bar { transform: rotate(346deg) } .progress-circle.p97 .value-bar { transform: rotate(349deg) } .progress-circle.p98 .value-bar { transform: rotate(353deg) } .progress-circle.p99 .value-bar { transform: rotate(356deg) } .progress-circle.p100 .value-bar { transform: rotate(360deg) } .left-half-clipper { border-radius: 50%; width: 5em; height: 5em; position: absolute; clip: rect(0, 5em, 5em, 2.5em) } .value-bar { position: absolute; clip: rect(0, 2.5em, 5em, 0); width: 5em; height: 5em; border-radius: 50%; border: 0.45em solid #53777a; box-sizing: border-box } .align-autoplay { align-items: flex-end; margin-right: 7px } .mce-hovered-over-file { background-color: #F0F0F0 } .mce-thumbnail-padding { padding-right: 4px } .mce-popup .mce-command.mce-btn[data-cmd="filestackIcon"] svg path, .mce-popup .mce-command.mce-btn[data-cmd="openFilePickerVideo"] svg path, .mce-popup .mce-command.mce-btn[data-cmd="openFilePickerImage"] svg path, .mce-toolbar .mce-command.mce-btn[data-cmd="openFilePicker"] svg path, .mce-toolbar .mce-command.mce-btn[data-cmd="openFilePickerImage"] svg path, .mce-popup .mce-tabs .mce-command.mce-btn[data-cmd="openFilePicker"] svg path, .mce-popup .mce-tabs .mce-command.mce-btn[data-cmd="openFilePickerImage"] svg path, .mce-popup .mce-tabs .mce-command.mce-btn[data-cmd="openFilePickerVideo"] svg path, .mce-command.mce-btn[data-cmd="openFilePickerReplaceImageOnly"] svg path, .mce-command.mce-btn[data-cmd="openFilePickerReplaceVideoOnly"] svg path, .mce-toolbar .mce-command.mce-btn[data-cmd="openFilePickerVideo"] svg path, .mce-toolbar .mce-command.mce-btn[data-cmd="openFilePickerImageOnly"] svg path:last-child, .mce-toolbar .mce-command.mce-btn[data-cmd="openFilePickerVideoOnly"] svg path:last-child, .mce-popup .mce-command.mce-btn[data-cmd="openFilePickerImage"] svg path, .mce-popup .mce-command.mce-btn[data-cmd="openFilePickerVideo"] svg path, .mce-popup .mce-command.mce-btn[data-cmd="filestackIcon"] svg path, .mce-popup .mce-command.mce-btn[data-cmd="openFilePickerFile"] svg path { fill: #ef4a25 } .mce-command.mce-filestack-active.mce-btn.mce-filestack-active svg path { fill: #0098F7 } .fsp-picker-appear-active { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9 } body.mce-fullscreen .fs-transforms-container { position: absolute; z-index: 2247483660 } .fsp-notifications__container { position: fixed !important } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } body.mce-fullscreen { overflow: hidden; height: 100%; width: 100%; position: fixed } .mce-box.mce-fullscreen { margin: 0 !important; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483630 !important; width: auto !important } .mce-box.mce-fullscreen .mce-wrapper { background-color: #FFF } .mce-box.mce-fullscreen.mce-basic.mce-top .mce-wrapper { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-box.mce-fullscreen.mce-basic.mce-bottom .mce-wrapper { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-box.mce-fullscreen .mce-toolbar { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-box.mce-fullscreen .mce-toolbar.mce-top { top: 0 !important } .mce-box.mce-fullscreen .mce-toolbar.mce-bottom { bottom: 0 !important } .mce-box.mce-fullscreen .mce-second-toolbar { margin-top: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-fullscreen-wrapper { z-index: 2147483640 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-modal .mce-modal-wrapper .mce-modal-body .mce-help-modal { text-align: left; padding: 20px 20px 10px } .mce-modal .mce-modal-wrapper .mce-modal-body .mce-help-modal table { border-collapse: collapse; font-size: 14px; line-height: 1.5; width: 100% } .mce-modal .mce-modal-wrapper .mce-modal-body .mce-help-modal table+table { margin-top: 20px } .mce-modal .mce-modal-wrapper .mce-modal-body .mce-help-modal table tr { border: 0 } .mce-modal .mce-modal-wrapper .mce-modal-body .mce-help-modal table th { text-align: left } .mce-modal .mce-modal-wrapper .mce-modal-body .mce-help-modal table th, .mce-modal .mce-modal-wrapper .mce-modal-body .mce-help-modal table td { padding: 6px 0 4px } .mce-modal .mce-modal-wrapper .mce-modal-body .mce-help-modal table tbody tr { border-bottom: solid 1px #ebebeb } .mce-modal .mce-modal-wrapper .mce-modal-body .mce-help-modal table tbody td:first-child { width: 60%; color: #646464 } .mce-modal .mce-modal-wrapper .mce-modal-body .mce-help-modal table tbody td:nth-child(n+2) { letter-spacing: 0.5px } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-element img { cursor: pointer; padding: 0 1px } .mce-image-resizer { position: absolute; border: solid 1px #0098f7; display: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mce-image-resizer.mce-active { display: block } .mce-image-resizer .mce-handler { display: block; position: absolute; background: #0098f7; border: solid 1px #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mce-image-resizer .mce-handler.mce-hnw { cursor: nw-resize } .mce-image-resizer .mce-handler.mce-hne { cursor: ne-resize } .mce-image-resizer .mce-handler.mce-hsw { cursor: sw-resize } .mce-image-resizer .mce-handler.mce-hse { cursor: se-resize } .mce-image-resizer .mce-handler { width: 12px; height: 12px } .mce-image-resizer .mce-handler.mce-hnw { left: -6px; top: -6px } .mce-image-resizer .mce-handler.mce-hne { right: -6px; top: -6px } .mce-image-resizer .mce-handler.mce-hsw { left: -6px; bottom: -6px } .mce-image-resizer .mce-handler.mce-hse { right: -6px; bottom: -6px } @media (min-width: 1200px) { .mce-image-resizer .mce-handler { width: 10px; height: 10px } .mce-image-resizer .mce-handler.mce-hnw { left: -5px; top: -5px } .mce-image-resizer .mce-handler.mce-hne { right: -5px; top: -5px } .mce-image-resizer .mce-handler.mce-hsw { left: -5px; bottom: -5px } .mce-image-resizer .mce-handler.mce-hse { right: -5px; bottom: -5px } } .mce-image-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483640; display: none } .mce-popup .mce-image-upload-layer { border: dashed 2px #bdbdbd; padding: 25px 0; margin: 20px; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 140%; text-align: center } .mce-popup .mce-image-upload-layer:hover { background: #ebebeb } .mce-popup .mce-image-upload-layer.mce-drop { background: #ebebeb; border-color: #0098f7 } .mce-popup .mce-image-upload-layer .mce-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; overflow: hidden; margin: 0 !important; padding: 0 !important; width: 100% !important } .mce-popup .mce-image-upload-layer .mce-form input { cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; width: 500%; height: 100%; margin: 0; font-size: 400px } .mce-popup .mce-image-progress-bar-layer>h3 { font-size: 16px; margin: 10px 0; font-weight: normal } .mce-popup .mce-image-progress-bar-layer>div.mce-action-buttons { display: none } .mce-popup .mce-image-progress-bar-layer>div.mce-loader { background: #b3e0fd; height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative } .mce-popup .mce-image-progress-bar-layer>div.mce-loader span { display: block; height: 100%; width: 0%; background: #0098f7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s } .mce-popup .mce-image-progress-bar-layer>div.mce-loader.mce-indeterminate span { width: 30% !important; position: absolute; top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite } .mce-popup .mce-image-progress-bar-layer.mce-error>div.mce-loader { display: none } .mce-popup .mce-image-progress-bar-layer.mce-error>div.mce-action-buttons { display: block } .mce-image-size-layer .mce-image-group .mce-input-line { width: calc(50% - 5px); display: inline-block } .mce-image-size-layer .mce-image-group .mce-input-line+.mce-input-line { margin-left: 10px } .mce-uploading { -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } @-webkit-keyframes loading { from { left: -25% } to { left: 100% } } @-moz-keyframes loading { from { left: -25% } to { left: 100% } } @-o-keyframes loading { from { left: -25% } to { left: 100% } } @keyframes loading { from { left: -25% } to { left: 100% } } img.mce-draggable { user-select: none } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-modal .mce-modal-head .mce-modal-head-line::after { clear: both; display: block; content: ""; height: 0 } .mce-modal .mce-modal-head .mce-modal-head-line .mce-modal-more { margin-top: 10px } .mce-modal .mce-modal-head .mce-modal-head-line .mce-modal-more.mce-not-available { opacity: 0; width: 0; padding: 12px 0 } .mce-modal .mce-modal-head .mce-modal-tags { padding: 0 20px; display: none; text-align: left } .mce-modal .mce-modal-head .mce-modal-tags a { display: inline-block; opacity: 0; padding: 6px 12px; margin: 8px 0 8px 8px; text-decoration: none; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; cursor: pointer; background-color: #f5f5f5 } .mce-modal .mce-modal-head .mce-modal-tags a:focus { outline: none; background-color: #ebebeb } .mce-modal .mce-modal-head .mce-modal-tags a:hover { background-color: #ebebeb } .mce-modal .mce-modal-head .mce-modal-tags a:active { background-color: #d6d6d6 } .mce-modal .mce-modal-head .mce-modal-tags a.mce-selected-tag { background-color: #EcF5Ff; color: #0098f7 } .mce-modal .mce-modal-head .mce-modal-tags a.mce-selected-tag:focus { outline: none; background-color: #ebebeb } .mce-modal .mce-modal-head .mce-modal-tags a.mce-selected-tag:hover { background-color: #ebebeb } .mce-modal .mce-modal-head .mce-modal-tags a.mce-selected-tag:active { background-color: #d6d6d6 } .mce-show-tags .mce-modal-more svg path { fill: #0098f7 } div.mce-modal-body { -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s } div.mce-modal-body .mce-preloader { display: block; margin: 50px auto } div.mce-modal-body div.mce-image-list { text-align: center; margin: 0 20px; padding: 0 } div.mce-modal-body div.mce-image-list .mce-list-column { float: left; width: calc((100% - 20px) / 2) } @media (min-width: 768px) and (max-width: 1199px) { div.mce-modal-body div.mce-image-list .mce-list-column { width: calc((100% - 40px) / 3) } } @media (min-width: 1200px) { div.mce-modal-body div.mce-image-list .mce-list-column { width: calc((100% - 60px) / 4) } } div.mce-modal-body div.mce-image-list .mce-list-column+.mce-list-column { margin-left: 20px } div.mce-modal-body div.mce-image-list div.mce-image-container { position: relative; width: 100%; display: block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden } div.mce-modal-body div.mce-image-list div.mce-image-container:first-child { margin-top: 20px } div.mce-modal-body div.mce-image-list div.mce-image-container+div { margin-top: 20px } div.mce-modal-body div.mce-image-list div.mce-image-container.mce-image-deleting::after { position: absolute; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; background: #000; content: ""; top: 0; left: 0; bottom: 0; right: 0; z-index: 2 } div.mce-modal-body div.mce-image-list div.mce-image-container.mce-image-deleting::before { content: attr(data-deleting); color: #FFF; top: 0; left: 0; bottom: 0; right: 0; margin: auto; position: absolute; z-index: 3; font-size: 15px; height: 20px } div.mce-modal-body div.mce-image-list div.mce-image-container.mce-empty { height: 95px; background: #CCCCCC; z-index: 1 } div.mce-modal-body div.mce-image-list div.mce-image-container.mce-empty::after { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; content: attr(data-loading); display: inline-block; height: 20px } div.mce-modal-body div.mce-image-list div.mce-image-container img { width: 100%; vertical-align: middle; position: relative; z-index: 2; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0) } div.mce-modal-body div.mce-image-list div.mce-image-container.mce-mobile-selected img { -webkit-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } div.mce-modal-body div.mce-image-list div.mce-image-container.mce-mobile-selected .mce-delete-img, div.mce-modal-body div.mce-image-list div.mce-image-container.mce-mobile-selected .mce-insert-img { display: inline-block } div.mce-modal-body div.mce-image-list div.mce-image-container .mce-delete-img, div.mce-modal-body div.mce-image-list div.mce-image-container .mce-insert-img { display: none; top: 50%; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s; -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s; -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; cursor: pointer; margin: 0; line-height: 40px; text-decoration: none; z-index: 3 } div.mce-modal-body div.mce-image-list div.mce-image-container .mce-delete-img { background: #B8312F; fill: #FFF; padding: 8px; left: 50%; -webkit-transform: translateY(-50%) translateX(25%); -moz-transform: translateY(-50%) translateX(25%); -ms-transform: translateY(-50%) translateX(25%); -o-transform: translateY(-50%) translateX(25%) } div.mce-modal-body div.mce-image-list div.mce-image-container .mce-insert-img { background: #FFF; fill: #0098f7; padding: 8px; left: 50%; -webkit-transform: translateY(-50%) translateX(-125%); -moz-transform: translateY(-50%) translateX(-125%); -ms-transform: translateY(-50%) translateX(-125%); -o-transform: translateY(-50%) translateX(-125%) } .mce-desktop .mce-modal-wrapper div.mce-modal-body div.mce-image-list div.mce-image-container:hover img { -webkit-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .mce-desktop .mce-modal-wrapper div.mce-modal-body div.mce-image-list div.mce-image-container:hover .mce-delete-img, .mce-desktop .mce-modal-wrapper div.mce-modal-body div.mce-image-list div.mce-image-container:hover .mce-insert-img { display: inline-block; width: 40px; height: 40px } .mce-desktop .mce-modal-wrapper div.mce-modal-body div.mce-image-list div.mce-image-container .mce-delete-img:hover { background: #bf4644; color: #FFF } .mce-desktop .mce-modal-wrapper div.mce-modal-body div.mce-image-list div.mce-image-container .mce-insert-img:hover { background: #ebebeb } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-line-breaker { cursor: text; border-top: 1px solid #0098f7; position: fixed; z-index: 2; display: none } .mce-line-breaker.mce-visible { display: block } .mce-line-breaker a.mce-floating-btn { position: absolute; left: calc(50% - (40px / 2)); top: -20px } .mce-line-breaker a.mce-floating-btn svg { margin: 8px; height: 24px; width: 24px } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-wrapper-markdown { display: flex } .mce-markdown-view { width: calc(52% - 1px); box-sizing: inherit } .mce-markdown-editor { width: calc(48% - 1px); box-sizing: inherit; background-color: #eee } .mce-markdown-editor>p { margin: 0 } .mce-markdown-view>p { margin-top: 0 } .gutter-horizontal { display: flex; z-index: 9; background-color: #dadada; cursor: col-resize; width: 2px } .e-resize-handler { z-index: 9; width: 1px; display: flex; justify-content: center; align-items: center; align-self: center; position: relative; font-size: 10px; color: #c5c5c5 } .mce-markdown-view>dl { margin-top: 0; margin-bottom: 1rem } .mce-markdown-view>dt { font-weight: 700 } .mce-markdown-view>dd { margin-bottom: .5rem; margin-left: 0 } .mce-markdown-view>pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; background-color: #f8f8f8; border: 1px solid #dfdfdf; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.125rem 0.3125rem 0.0625rem } .mce-markdown-view>code { background-color: #f8f8f8; border-color: #dfdfdf; border-style: solid; border-width: 1px; color: #333; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; padding: 0.125rem 0.3125rem 0.0625rem } .mce-markdown-view>pre code { background-color: transparent; border: 0; padding: 0 } .mce-markdown-view>sup { top: -.5em } .footnote-a { color: #007bff; text-decoration: none; background-color: transparent } .mce-markdown-view>hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1) } .blockquote { margin: 0 0 1rem; border-left: 5px solid #eee; padding: 10px 20px; font-size: 1.25rem } .mce-markdown-view>table { width: 100%; max-width: 100%; margin-bottom: 20px; background-color: transparent; border-spacing: 0; border-collapse: collapse } .mce-markdown-view>table>tbody>tr>td, .mce-markdown-view>table>tbody>tr>th, .mce-markdown-view>table>thead>tr>td, .mce-markdown-view>table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border: 1px solid #ddd } .mce-markdown-view>table>thead>tr>td, .mce-markdown-view>table>thead>tr>th { border-bottom-width: 2px } .mce-markdown-view>table>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9 } .mce-markdown-view>a { color: #337ab7; text-decoration: none } .mce-markdown-view>h1 { font-size: 2em !important } .mce-markdown-view>h2 { font-size: 1.5em !important } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-quick-insert { position: absolute; z-index: 2147483639; white-space: nowrap; padding-right: 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mce-quick-insert a.mce-floating-btn svg { margin: 8px; width: 24px; height: 24px } .mce-quick-insert.mce-on a.mce-floating-btn svg { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg) } .mce-quick-insert.mce-hidden { display: none } .mce-qi-helper { position: absolute; z-index: 3; padding-left: 20px; white-space: nowrap } .mce-qi-helper a.mce-btn.mce-floating-btn { text-align: center; padding: 6px 10px 10px 10px; display: inline-block; color: #222222; background: #FFF; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0) } .mce-qi-helper a.mce-btn.mce-floating-btn svg { fill: #222222 } .mce-qi-helper a.mce-btn.mce-floating-btn.mce-size-1 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-popup .mce-buttons.mce-tabs .mce-special-character-category { padding: 10px 15px } .mce-popup .mce-buttons.mce-tabs .mce-special-character-category span { font-weight: normal; font-size: 16px } .mce-popup .mce-special-character { width: 24px; height: 24px } @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .mce-popup .mce-icon-container.mce-sc-container { width: 368px } } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-element table td.mce-selected-cell, .mce-element table th.mce-selected-cell { border: 1px double #0098f7 } .mce-element table td, .mce-element table th { user-select: text; -o-user-select: text; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text } .mce-element .mce-no-selection table td, .mce-element .mce-no-selection table th { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none } .mce-table-resizer { cursor: col-resize; position: absolute; z-index: 3; display: none } .mce-table-resizer.mce-moving { z-index: 2 } .mce-table-resizer div { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-right: 1px solid #0098f7 } .mce-no-selection { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none } .mce-popup .mce-table-size { margin: 20px } .mce-popup .mce-table-size .mce-table-size-info { text-align: center; font-size: 14px } .mce-popup .mce-table-size .mce-select-table-size { line-height: 0; padding: 5px; white-space: nowrap } .mce-popup .mce-table-size .mce-select-table-size>span { display: inline-block; padding: 0 4px 4px 0; background: transparent } .mce-popup .mce-table-size .mce-select-table-size>span>span { display: inline-block; width: 18px; height: 18px; border: 1px solid #DDD } .mce-popup .mce-table-size .mce-select-table-size>span.hover { background: transparent } .mce-popup .mce-table-size .mce-select-table-size>span.hover>span { background: rgba(0, 152, 247, 0.3); border: solid 1px #0098f7 } .mce-popup .mce-table-size .mce-select-table-size .new-line::after { clear: both; display: block; content: ""; height: 0 } .mce-popup.mce-above .mce-table-size .mce-select-table-size>span { display: inline-block !important } .mce-popup .mce-table-colors { display: block; padding: 20px; padding-bottom: 0 } .mce-popup.mce-desktop .mce-table-size .mce-select-table-size>span>span { width: 12px; height: 12px } .mce-insert-helper { position: absolute; z-index: 9999; white-space: nowrap } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } #mce-form-container { margin: auto; position: relative; top: 10%; background-color: #f5f5f5; width: 60%; border-radius: 5px; z-index: 9002; overflow: auto; background-color: #fefefe } .mce-trim-video-name { font-family: Arial, Helvetica, sans-serif; padding-top: 15px } .mce-file-loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #53777a; display: inline-block !important; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; width: 20px; height: 20px; display: block !important; align-items: center } .mce-trim-button { margin-top: 5px; height: 36px; line-height: 1; color: #0098f7; padding: 10px; cursor: pointer; text-decoration: none; border: none; background: none; font-size: 16px; border-radius: 5px; background-color: #eff5fa; outline: none } .mce-trim-button:hover { background: #ebebeb } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .mce-slidecontainer { width: 100% } .mce-slider { -webkit-appearance: none; width: 100%; height: 15px; background: #d3d3d3 } .mce-video-trim-buttons { text-align: right; padding-bottom: 5px; padding-right: 15px; margin-top: 10px } .mce-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 50%; cursor: pointer } .mce-slider::-moz-range-thumb { width: 15px; height: 15px; background: #3498db; border-radius: 50%; cursor: pointer } .mce-range-value-start { position: absolute } .mce-range-value-start>span { width: 60px; height: 24px; line-height: 24px; text-align: center; background: #03a9f4; color: #fff; font-size: 12px; display: block; position: absolute; left: 50%; transform: translate(-85%, 0); border-radius: 6px } .mce-range-value-start>span:before { content: ""; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 86%; margin-left: -5px; margin-top: -1px } .mce-range-value-end { position: absolute } .mce-range-value-end>span { width: 60px; height: 24px; line-height: 24px; text-align: center; background: #03a9f4; color: #fff; font-size: 12px; display: block; position: absolute; left: 14%; transform: translate(-8%, 0); border-radius: 6px } .mce-range-value-end>span:before { content: ""; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 14%; margin-left: -5px; margin-top: -1px } #startTimeValue { top: -153% !important } #startTimeValue span:before { border-top: 10px solid #03a9f4; top: 100% } #endTimeValue { top: -153% !important } #endTimeValue span:before { border-top: 10px solid #03a9f4; top: 100% } .mce-range-slider { position: relative; width: 80%; height: 15px } .mce-range-slider>input { pointer-events: none; position: absolute; left: 0; top: 10px; width: 100%; outline: none; height: 6px; border-radius: 10px } .mce-range-slider>input::-webkit-slider-thumb { pointer-events: all; position: relative; z-index: 1; -webkit-appearance: none; appearance: none; width: 15px; height: 15px; background: #3498db; cursor: pointer; border-radius: 7px; margin-top: -3.6px } .mce-range-slider>input::-moz-range-thumb { pointer-events: all; position: relative; z-index: 10; -moz-appearance: none; width: 9px; height: 15px; border-radius: 7px; margin-top: -3.6px } .mce-range-slider>input::-moz-range-track { position: relative; z-index: -1; background-color: black; border: 0; height: 15px; border-radius: 50%; margin-top: -3.6px } .mce-range-slider>input:last-of-type::-moz-range-track { -moz-appearance: none; background: none transparent; border: 0 } .mce-range-slider>input[type="range"]::-moz-focus-outer { border: 0 } @media screen and (max-width: 430px) { .range-value span { width: 40px; font-size: 10px } #mce-form-container { top: 20% } } #mce-video-edit { width: 80%; text-align: center; height: 50%; margin-bottom: 20px; padding-top: 8px; padding-bottom: 8px } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-element .mce-video { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none } .mce-element .mce-video::after { position: absolute; content: ''; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; display: block; background: transparent } .mce-element .mce-video.mce-active>* { z-index: 2; position: relative } .mce-element .mce-video>* { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: none } .mce-box .mce-video-resizer { position: absolute; border: solid 1px #0098f7; display: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none } .mce-box .mce-video-resizer.mce-active { display: block } .mce-box .mce-video-resizer .mce-handler { display: block; position: absolute; background: #0098f7; border: solid 1px #FFF; z-index: 4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mce-box .mce-video-resizer .mce-handler.mce-hnw { cursor: nw-resize } .mce-box .mce-video-resizer .mce-handler.mce-hne { cursor: ne-resize } .mce-box .mce-video-resizer .mce-handler.mce-hsw { cursor: sw-resize } .mce-box .mce-video-resizer .mce-handler.mce-hse { cursor: se-resize } .mce-box .mce-video-resizer .mce-handler { width: 12px; height: 12px } .mce-box .mce-video-resizer .mce-handler.mce-hnw { left: -6px; top: -6px } .mce-box .mce-video-resizer .mce-handler.mce-hne { right: -6px; top: -6px } .mce-box .mce-video-resizer .mce-handler.mce-hsw { left: -6px; bottom: -6px } .mce-box .mce-video-resizer .mce-handler.mce-hse { right: -6px; bottom: -6px } @media (min-width: 1200px) { .mce-box .mce-video-resizer .mce-handler { width: 10px; height: 10px } .mce-box .mce-video-resizer .mce-handler.mce-hnw { left: -5px; top: -5px } .mce-box .mce-video-resizer .mce-handler.mce-hne { right: -5px; top: -5px } .mce-box .mce-video-resizer .mce-handler.mce-hsw { left: -5px; bottom: -5px } .mce-box .mce-video-resizer .mce-handler.mce-hse { right: -5px; bottom: -5px } } .mce-popup .mce-video-size-layer .mce-video-group .mce-input-line { width: calc(50% - 5px); display: inline-block } .mce-popup .mce-video-size-layer .mce-video-group .mce-input-line+.mce-input-line { margin-left: 10px } .mce-popup .mce-video-upload-layer { border: dashed 2px #bdbdbd; padding: 25px 0; margin: 20px; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 140%; text-align: center } .mce-popup .mce-video-upload-layer:hover { background: #ebebeb } .mce-popup .mce-video-upload-layer.mce-drop { background: #ebebeb; border-color: #0098f7 } .mce-popup .mce-video-upload-layer .mce-form { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2147483640; overflow: hidden; margin: 0 !important; padding: 0 !important; width: 100% !important } .mce-popup .mce-video-upload-layer .mce-form input { cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; width: 500%; height: 100%; margin: 0; font-size: 400px } .mce-popup .mce-video-progress-bar-layer>h3 { font-size: 16px; margin: 10px 0; font-weight: normal } .mce-popup .mce-video-progress-bar-layer>div.mce-action-buttons { display: none } .mce-popup .mce-video-progress-bar-layer>div.mce-loader { background: #b3e0fd; height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative } .mce-popup .mce-video-progress-bar-layer>div.mce-loader span { display: block; height: 100%; width: 0%; background: #0098f7; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s } .mce-popup .mce-video-progress-bar-layer>div.mce-loader.mce-indeterminate span { width: 30% !important; position: absolute; top: 0; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; -o-animation: loading 2s linear infinite; animation: loading 2s linear infinite } .mce-popup .mce-video-progress-bar-layer.mce-error>div.mce-loader { display: none } .mce-popup .mce-video-progress-bar-layer.mce-error>div.mce-action-buttons { display: block } .mce-video-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2147483640; display: none } .mce-autoplay-margin { margin-top: 0px !important } .mce-clearfix::after { clear: both; display: block; content: ""; height: 0 } .mce-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .mce-view img.mce-rounded, .mce-view .mce-img-caption.mce-rounded img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-view img.mce-shadow, .mce-view .mce-img-caption.mce-shadow img { -webkit-box-shadow: 10px 10px 5px 0px #cccccc; -moz-box-shadow: 10px 10px 5px 0px #cccccc; box-shadow: 10px 10px 5px 0px #cccccc } .mce-view img.mce-bordered, .mce-view .mce-img-caption.mce-bordered img { border: solid 5px #CCC } .mce-view img.mce-bordered { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .mce-view .mce-img-caption.mce-bordered img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mce-view li img.mce-dii.mce-fil { margin-right: 20px } .mce-view { word-wrap: break-word } .mce-view span[style~="color:"] a { color: inherit } .mce-view strong { font-weight: 700 } .mce-view table[border='0'] td:not([class]), .mce-view table[border='0'] th:not([class]), .mce-view table[border='0'] td[class=""], .mce-view table[border='0'] th[class=""] { border-width: 0px } .mce-view table { border: none; border-collapse: collapse; empty-cells: show; max-width: 100% } .mce-view table td { min-width: 5px } .mce-view table.mce-dashed-borders td, .mce-view table.mce-dashed-borders th { border-style: dashed } .mce-view table.mce-alternate-rows tbody tr:nth-child(2n) { background: whitesmoke } .mce-view table td, .mce-view table th { border: 1px solid #DDD } .mce-view table td:empty, .mce-view table th:empty { height: 20px } .mce-view table td.mce-highlighted, .mce-view table th.mce-highlighted { border: 1px double red } .mce-view table td.mce-thick, .mce-view table th.mce-thick { border-width: 2px } .mce-view table th { background: #ececec } .mce-view table tfoot td { background: #ececec } .mce-view hr { clear: both; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; break-after: always; page-break-after: always } .mce-view .mce-file { position: relative } .mce-view .mce-file::after { position: relative; content: "\1F4CE"; font-weight: normal } .mce-view pre { white-space: pre-wrap; word-wrap: break-word; overflow: visible } .mce-view[dir="rtl"] blockquote { border-left: none; border-right: solid 2px #5E35B1; margin-right: 0; padding-right: 5px; padding-left: 0 } .mce-view[dir="rtl"] blockquote blockquote { border-color: #00BCD4 } .mce-view[dir="rtl"] blockquote blockquote blockquote { border-color: #43A047 } .mce-view blockquote { border-left: solid 2px #5E35B1; margin-left: 0; padding-left: 5px; color: #5E35B1 } .mce-view blockquote blockquote { border-color: #00BCD4; color: #00BCD4 } .mce-view blockquote blockquote blockquote { border-color: #43A047; color: #43A047 } .mce-view span.mce-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0 } .mce-view span.mce-emoticon.mce-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -.1em .1em .1em; line-height: 1; vertical-align: middle } .mce-view .mce-text-gray { color: #AAA !important } .mce-view .mce-text-bordered { border-top: solid 1px #222; border-bottom: solid 1px #222; padding: 10px 0 } .mce-view .mce-text-spaced { letter-spacing: 1px } .mce-view .mce-text-uppercase { text-transform: uppercase } .mce-view .mce-class-highlighted { background-color: #ffff00 } .mce-view .mce-class-code { border-color: #cccccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #f5f5f5; padding: 10px; font-family: "Courier New", Courier, monospace } .mce-view .mce-class-transparency { opacity: 0.5 } .mce-view img { position: relative; max-width: 100% } .mce-view img.mce-dib { margin: 5px auto; display: block; float: none; vertical-align: top } .mce-view img.mce-dib.mce-fil { margin-left: 0; text-align: left } .mce-view img.mce-dib.mce-fir { margin-right: 0; text-align: right } .mce-view img.mce-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); min-width: 10px } .mce-view img.mce-dii.mce-fil { float: left; margin: 0px 5px 5px 0; max-width: calc(100% - 5px); min-width: 5px; } .mce-view img.mce-dii.mce-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); min-width: 5px } .mce-view span.mce-img-caption { position: relative; max-width: 100% } .mce-view span.mce-img-caption.mce-dib { margin: 5px auto; display: block; float: none; vertical-align: top } .mce-view span.mce-img-caption.mce-dib.mce-fil { margin-left: 0; text-align: left } .mce-view span.mce-img-caption.mce-dib.mce-fir { margin-right: 0; text-align: right } .mce-view span.mce-img-caption.mce-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); min-width: 10px } .mce-view span.mce-img-caption.mce-dii.mce-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); min-width: 5px } .mce-view span.mce-img-caption.mce-dii.mce-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); min-width: 5px } .mce-view .mce-video { text-align: center; position: relative } .mce-view .mce-video.mce-rv { padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden } .mce-view .mce-video.mce-rv>iframe, .mce-view .mce-video.mce-rv object, .mce-view .mce-video.mce-rv embed { position: absolute !important; top: 0; left: 0; width: 100%; height: 100% } .mce-view .mce-video>* { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: none } .mce-view .mce-video.mce-dvb { display: block; clear: both } .mce-view .mce-video.mce-dvb.mce-fvl { text-align: left } .mce-view .mce-video.mce-dvb.mce-fvr { text-align: right } .mce-view .mce-video.mce-dvi { display: inline-block } .mce-view .mce-video.mce-dvi.mce-fvl { float: left } .mce-view .mce-video.mce-dvi.mce-fvr { float: right } .mce-view a.mce-strong { font-weight: 700 } .mce-view a.mce-green { color: green } .mce-view .mce-img-caption { text-align: center } .mce-view .mce-img-caption .mce-img-wrap { padding: 0; margin: auto; text-align: center; width: 100% } .mce-view .mce-img-caption .mce-img-wrap a { display: block } .mce-view .mce-img-caption .mce-img-wrap img { display: block; margin: auto; width: 100% } .mce-view .mce-img-caption .mce-img-wrap>span { margin: auto; display: block; padding: 5px 5px 10px; font-size: 14px; font-weight: initial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 100%; text-align: center } .mce-view button.mce-rounded, .mce-view input.mce-rounded, .mce-view textarea.mce-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } .mce-view button.mce-large, .mce-view input.mce-large, .mce-view textarea.mce-large { font-size: 24px } .mce-view span.mce-img-caption.mce-dii.mce-fil, .mce-view p img.mce-dii.mce-fil { margin-right: 15px } a.mce-view.mce-strong { font-weight: 700 } a.mce-view.mce-green { color: green } img.mce-view { position: relative; max-width: 100% } img.mce-view.mce-dib { margin: 5px auto; display: block; float: none; vertical-align: top } img.mce-view.mce-dib.mce-fil { margin-left: 0; text-align: left } img.mce-view.mce-dib.mce-fir { margin-right: 0; text-align: right } img.mce-view.mce-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); min-width: 10px } img.mce-view.mce-dii.mce-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); min-width: 5px } img.mce-view.mce-dii.mce-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); min-width: 5px } span.mce-img-caption.mce-view { position: relative; max-width: 100% } span.mce-img-caption.mce-view.mce-dib { margin: 5px auto; display: block; float: none; vertical-align: top } span.mce-img-caption.mce-view.mce-dib.mce-fil { margin-left: 0; text-align: left } span.mce-img-caption.mce-view.mce-dib.mce-fir { margin-right: 0; text-align: right } span.mce-img-caption.mce-view.mce-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - (2 * 5px)); min-width: 10px } span.mce-img-caption.mce-view.mce-dii.mce-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(100% - 5px); min-width: 5px } span.mce-img-caption.mce-view.mce-dii.mce-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(100% - 5px); min-width: 5px } .mce-popup { z-index: 999 !important; } d.wrapEditor.mce-box.mce-basic.mce-top { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; } .mce-box.mce-basic.mce-top .mce-wrapper { flex-grow: 1; } window[name="openEditor"]>content>wrap { padding: 0; } .mce-toolbar.mce-desktop { border: none; } .mce-box.mce-basic.mce-top .mce-wrapper { border-top: 0; flex-grow: 1; border: none; } .mce-second-toolbar { border: none; } window[name="openEditor"]>content>header title { display: none; } window[name="openEditor"]>content>header tool { position: absolute; right: 23px; top: 10px; z-index: 5; } .mce-toolbar.mce-desktop.mce-top.mce-basic { padding-right: 40px; } window[name="openEditor"]>content>header { padding: 0; } window[name="openEditor"]>content>header { padding: 0; z-index: 54; position: relative; top: 0; } .mce-toolbar button[data-cmd="formatOLSimple"] svg, .mce-toolbar button[data-cmd="alignCenter"] svg, .mce-toolbar button[data-cmd="italic"] svg, .mce-toolbar button[data-cmd="alignLeft"] svg, .mce-toolbar button[data-cmd="moreText"] svg, .mce-toolbar button[data-cmd="underline"] svg, .mce-toolbar button[data-cmd="bold"] svg { opacity: 0; } .mce-toolbar button[data-cmd="bold"] { background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2016%22%20stroke%3D%22%23111%22%20stroke-width%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22M8.21%2013c2.106%200%203.412-1.087%203.412-2.823c0-1.306-.984-2.283-2.324-2.386v-.055a2.176%202.176%200%200%200%201.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908%204.674h1.696c.963%200%201.517.451%201.517%201.244c0%20.834-.629%201.32-1.73%201.32H5.908V4.673zm0%206.788V8.598h1.73c1.217%200%201.88.492%201.88%201.415c0%20.943-.643%201.449-1.832%201.449H5.907z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important; background-size: 24px!important; background-repeat: no-repeat!important; background-position: center!important; } .mce-toolbar button[data-cmd="italic"] { background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2016%22%20stroke%3D%22%23111%22%20stroke-width%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22M7.991%2011.674L9.53%204.455c.123-.595.246-.71%201.347-.807l.11-.52H7.211l-.11.52c1.06.096%201.128.212%201.005.807L6.57%2011.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important; background-size: 24px!important; background-repeat: no-repeat!important; background-position: center!important; } .mce-toolbar button[data-cmd="underline"] { background-image:url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2016%22%20stroke%3D%22%23111%22%20stroke-width%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22M5.313%203.136h-1.23V9.54c0%202.105%201.47%203.623%203.917%203.623s3.917-1.518%203.917-3.623V3.136h-1.23v6.323c0%201.49-.978%202.57-2.687%202.57c-1.709%200-2.687-1.08-2.687-2.57V3.136zM12.5%2015h-9v-1h9v1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important; background-size: 24px!important; background-repeat: no-repeat!important; background-position: center!important; } .mce-toolbar button[data-cmd="moreText"] { background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23111%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2248%22%20height%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.862%204.487l1.687-1.688a1.875%201.875%200%20112.652%202.652L10.582%2016.07a4.5%204.5%200%2001-1.897%201.13L6%2018l.8-2.685a4.5%204.5%200%20011.13-1.897l8.932-8.931zm0%200L19.5%207.125M18%2014v4.75A2.25%202.25%200%200115.75%2021H5.25A2.25%202.25%200%20013%2018.75V8.25A2.25%202.25%200%20015.25%206H10%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important; background-size: 24px!important; background-repeat: no-repeat!important; background-position: center!important; } .mce-toolbar button[data-cmd="alignLeft"] { background-image:url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2016%22%20stroke%3D%22%23111%22%20stroke-width%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill%3D%22%23111%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important; background-size: 24px!important; background-repeat: no-repeat!important; background-position: center!important; } .mce-toolbar button[data-cmd="alignCenter"] { background-image:url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2016%22%20stroke%3D%22%23111%22%20stroke-width%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill%3D%22%23111%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm-2-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5zm2-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5zm-2-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important; background-size: 24px!important; background-repeat: no-repeat!important; background-position: center!important; } .mce-toolbar button[data-cmd="formatOLSimple"] { background-image:url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2016%22%20stroke%3D%22%23111%22%20stroke-width%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cg%20fill%3D%22%23111%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%2011.5a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5zm0-4a.5.5%200%200%201%20.5-.5h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201-.5-.5z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M1.713%2011.865v-.474H2c.217%200%20.363-.137.363-.317c0-.185-.158-.31-.361-.31c-.223%200-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787c.588-.002.954.291.957.703a.595.595%200%200%201-.492.594v.033a.615.615%200%200%201%20.569.631c.003.533-.502.8-1.051.8c-.656%200-1-.37-1.008-.794h.582c.008.178.186.306.422.309c.254%200%20.424-.145.422-.35c-.002-.195-.155-.348-.414-.348h-.3zm-.004-4.699h-.604v-.035c0-.408.295-.844.958-.844c.583%200%20.96.326.96.756c0%20.389-.257.617-.476.848l-.537.572v.03h1.054V9H1.143v-.395l.957-.99c.138-.142.293-.304.293-.508c0-.18-.147-.32-.342-.32a.33.33%200%200%200-.342.338v.041zM2.564%205h-.635V2.924h-.031l-.598.42v-.567l.629-.443h.635V5z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important; background-size: 24px!important; background-repeat: no-repeat!important; background-position: center!important; } window[name="openEditor"]>content>header i { display: none; } /* button[data-cmd="imageManager"], button[data-cmd="markdown"], button[data-cmd="insertFile"], button[data-cmd="insertFiles"] { display: none; } */d-field>d input { border: none; padding: 10px 10px 10px 38px; margin: 0; line-height: normal; font-size: 14px; background-size: 18px; background-repeat: no-repeat; background-position: 12px center; background-color: #f4f7f8; border-radius: 10px; width: 100%; transition: all .25s ease, height 0s; font-family: jura; } field[type="button"] { display: flex; gap: 5px; align-items: center; justify-content: flex-start; flex-direction: row; } field[type="button"] row.hide, field[type="button"] row.hide * { pointer-events: none; } field[type="button"] row.hide { opacity: 0.4; } field sel { min-width: 100%; } field[type="elector"] d.elector .choice d.v { max-width: 100%; } field[type="elector"] d.elector .vars d.v { max-width: 100%; } field[type="textdouble"] row > f > d input { width: 160px; } field[type="textdouble"] row > f > d { display: flex; gap: 5px; } field[type="pincode"] d.pincode { display: flex; gap: 10px; margin: auto; width: max-content; width: -moz-max-content; justify-content: center; align-items: center; } field[type="pincode"] d.pincode input { min-width: 50px; padding: 0; height: 50px; width: 50px; font-size: 20px; font-weight: 400; text-align: center; background: #F5F5F5; border-radius: 5px; border: none; } field[type="json"]>row textarea { height: 38px; background: unset; padding: 5px 8px; font-family: monospace; font-size: 8px; resize: none; border-radius: 8px 8px 0 0; margin-bottom: -3px; border-bottom: 4px solid #444; border-bottom-color: #658595; } d.json.errorjson textarea { border-bottom-color: #cc0000; } field[type="json"]>row textarea+d.jv-light-con { border-radius: 0px 0px 8px 8px; width: 100%; } d.jv-light-con * { user-select: text; } d.timeline d.mcDatepickerCell.day.hv.focus { background: #4e849b !important; color: #fff; } d.imgtopicturew { gap: 100px; max-width: 600px; margin: auto; display: flex; height: max-content; align-items: center; justify-content: center; white-space: nowrap; } d.imgtopicturew d.proccess { display: flex; flex-direction: column; gap: 20px; } d.imgtopicturew d.proccess d.csujh { font-weight: 700; font-size: 22px; display: flex; gap: 20px; } d.imgtopicturew.waiting, d.imgtopicturew.waiting * { pointer-events: none; } d.imgtopicturew.waiting .btn { opacity: 0; } d.imgtopicturew.waiting fieldset { opacity: .5; } .sysbtnfactory { color: #1b1b1b; text-align: center; font-size: 12px; font-weight: 600; background: #f4f7f8; border-radius: 3px; padding: 8px 16px; cursor: pointer; transition: .2s ease; user-select: none; } sheet row .sysbtnfactory { background: unset; color: #1b1b1b; font-weight: 300; font-family: oswald; font-size: 14px; padding: unset; } .sysbtnfactory:hover { background: #5eb750; color: #fff; } sheet row .sysbtnfactory:hover { background: unset; color: #1b1b1b; text-decoration: underline; } field[type="range"] d.slider { display: block; position: relative; height: 1px; padding: 10px; } field[type="colorize"]>row>f>d>d.colors { display: flex; gap: 10px; flex-wrap: wrap; } field[type="colorize"]>row>f>d>d.colors.set color { scale: .6; filter: grayscale(.7); } field[type="colorize"]>row>f>d>d.colors color:hover { scale: 1.1 !important; filter: grayscale(0); } field[type="colorize"]>row>f>d>d.colors.set color.act { scale: 1.3 !important; filter: grayscale(0); } field[type="colorize"]>row>f>d>d.colors color { display: flex; justify-content: center; align-items: center; min-width: 28px; min-height: 28px; border-radius: 50%; box-shadow: 0 0 1px 1px rgb(0 0 0 / 20%); border: 2px solid #fff; transition: .2s; cursor: pointer; position: relative; } field[type="range"] d.slider:before { content: ""; display: block; width: 100%; position: absolute; top: 0; bottom: 0; height: 1px; margin: auto; left: 0; background: #e9eaea; } field[type="range"] d.slider span.mc-slider-handle.mc-corner-all.mc-state-default:before { content: ""; width: 8px; height: 8px; background: #000; display: block; border-radius: 50%; position: absolute; inset: 0; margin: auto; transition: .3s scale; } field[type="range"] d.slider .mc-slider-range.mc-corner-all.mc-widget-header { position: absolute; top: 0; bottom: 0; margin: auto; background: rgb(0 0 0 / 40%); height: 2px; } field[type="range"] d.slider span.mc-slider-handle.mc-corner-all.mc-state-default { position: absolute; top: 0; bottom: 0; margin: auto; cursor: pointer; padding: 12px; display: flex; margin-left: -12px; } field[type="range"] d.slider span.mc-slider-handle.mc-corner-all.mc-state-default:hover:before { scale: 1.5; } field[type="colorize"]>row>f>d>d.colors color.disabled { pointer-events: none; background: #e9e9e9 !important; opacity: .5; } field[type="colorize"]>row>f>d>d.colors color.disabled:before { content: ""; width: calc(100% + 10px); height: 1px; inset: 0; margin: auto; position: absolute; background: #d0a5a5; rotate: 45deg; left: -5px; } dset set d.content>d.title { max-width: 500px; font-family: oswald; font-weight: 300; letter-spacing: .4px; color: #1b1b1b; font-size: 14px; } dset set d.add, dset set d.remove { background-size: 32px; background-repeat: no-repeat; background-position: center; width: 32px; height: 40px; cursor: pointer; border-radius: 6px; } dset set d.add:hover, dset set d.remove:hover { background-color: #fff; } dset set d.add { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23111' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='12' y1='5' x2='12' y2='19'%3e%3c/line%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e"); background-size: 17px; } dset set d.remove { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23333%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%2012H18%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 17px; } dset { display: flex; flex-direction: column; gap: 5px; min-width: 262px; margin: 5px 0 0px 0; } dset set d.content { display: flex; flex-direction: column; gap: 6px; max-width: 500px; font-size: 12px; font-weight: 500; max-height: 38px; overflow: hidden; position: relative; justify-content: center; min-height: 40px; } dset set d.content>d.name { width: max-content; max-height: 100%; height: max-content; font-size: 14px; overflow: auto; max-width: 300px; } dset set d.content>d.name .n { display: inline; color: #636363; font-family: 'Oswald'; font-weight: 300; letter-spacing: .1px; } dset set d.content>d.name::-webkit-scrollbar-thumb { background-color: transparent; border: 0; border-radius: 0; } dset set d.content>d.name::-webkit-scrollbar { width: 0; height: 0; } dset set d.content>d.name::-webkit-scrollbar-track { background: transparent; } dset set d.addit_cols { display: flex; width: max-content; width: -moz-max-content; gap: 8px; justify-content: flex-start; align-items: flex-start; white-space: break-spaces; } dset set d.addit_cols > d { background: #fff; padding: 5px 10px; border-radius: 8px; font-size: 12px; font-weight: 300; font-family: Oswald; color: #444; white-space: break-spaces; line-height: 17px; } dset set d.addit_cols:empty { display: none; } content row dset:last-child { margin-bottom: 20px; } dset set d.price { background: #fff; display: flex; align-items: center; padding: 0 20px; font-family: 'Oswald'; border-radius: 8px; color: #636363; font-weight: 300; letter-spacing: .1px; font-size: 14px; width: 100px; text-align: center; justify-content: center; height: 40px; } dset set d.count { background: #fff; display: flex; align-items: center; padding: 0 20px; font-family: 'Oswald'; border-radius: 8px; min-width: 60px; text-align: center; justify-content: center; font-size: 14px; color: #444; font-weight: 400; height: 40px; } dset set { display: flex; flex-wrap: wrap; gap: 10px; background: #f2f2f2; position: relative; padding: 5px 5px; border-radius: 8px; width: max-content; width: -moz-max-content; cursor: pointer; transition: .3s; align-items: flex-start; } dset.waiting, dset.waiting * { pointer-events: none; } dset.waiting>d { opacity: .5; } content row dset set { margin: 5px 5px 0px 75px; } d.findsetff d.vars d.var .n d.im { min-width: 30px; max-width: 30px; height: 30px; overflow: hidden; position: relative; border-radius: 6px; } d.findsetff d.vars d.var .n d.im img { width: 100%; height: 100%; object-fit: cover; } d.findsetff d.vars::-webkit-scrollbar { width: 20px; height: 0; } d.findsetff d.vars::-webkit-scrollbar-thumb { background-color: #f4f7f8; border: 0; border-left: 16px solid white; border-radius: 0; border-top: 0; } d.findsetff d.vars::-webkit-scrollbar-track { background: white; } d.findsetff d.vars d.var .n:hover { background-color: #e6edef; transform: translate(5px); } d.findsetff d.vars d.var .n { background-color: #f4f7f8; border-radius: 8px; padding: 0px 10px 0px 30px; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23999%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.5%2014.5L3%2021M5%209.485l9.193%209.193%201.697-1.697-.393-3.787%205.51-4.673-5.85-5.85-4.674%205.51-3.786-.393L5%209.485z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 16px; background-repeat: no-repeat; background-position: 6px center; cursor: pointer; display: flex; align-items: center; width: calc(100% - 70px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; gap: 10px; transition: .2s; } d.findsetff d.vars d.var { display: flex; gap: 10px; width: 100%; } content row dset set:before { content: ""; width: 25px; height: 25px; background: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23999' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='15 10 20 15 15 20'%3e%3c/polyline%3e%3cpath d='M4 4v7a4 4 0 0 0 4 4h12'%3e%3c/path%3e%3c/svg%3e"); position: absolute; top: 0; left: -30px; z-index: 5; } d.findsetff d.wrp { display: flex; gap: 5px; justify-content: flex-start; align-items: flex-start; width: calc(100% - 11px); } d.findsetff d.vars d.var * { font-family: oswald; color: #6a6a6a; } d.findsetff d.wrp input[type="text"] { border: none; padding: 10px 10px 10px 46px; margin: 0; line-height: normal; font-family: montserrat; font-size: 14px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); background-size: 18px; background-repeat: no-repeat; background-position: 15px center; background-color: #f4f7f8; border-radius: 10px; transition: all .25s ease, height 0s; width: calc(100% - 37px); } d.findsetff r { width: 32px; height: 38px; border-radius: 8px; cursor: pointer; background-position: center; background-size: 16px; background-repeat: no-repeat; transition: .3s; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); display: block; background-color: #f4f7f8; } d.findsetff d.vars d.var input[type="number"] { border: none; padding: 10px 0 10px 0; margin: 0; line-height: normal; font-family: oswald; font-size: 12px; background-size: 18px; background-repeat: no-repeat; background-position: 15px center; background-color: #f4f7f8; border-radius: 10px; width: 50px; text-align: center; } d.findsetff d.vars { overflow: auto; height: 0; transition: .3s; display: flex; flex-direction: column; gap: 5px; margin-bottom: 10px; width: 100%; } dset.waiting:before { height: 80px; width: 80px; position: absolute; bottom: 22px; left: 0; justify-content: center; align-items: center; font-size: 15px; z-index: 10; font-weight: 700; right: 0; top: 0; margin: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23aaa' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E"); background-size: 80px; background-repeat: no-repeat; background-position: center; content: ""; } d.findsetff { display: flex; gap: 5px; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 10px; width: 320px; position: relative; } field[disabled] { opacity: .5; } field[disabled], field[disabled] * { pointer-events: none; } field[name="name"] input[type="text"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 18v-8l-2 2'%3E%3C/path%3E%3Cpath d='M4 6v12'%3E%3C/path%3E%3Cpath d='M12 6v12'%3E%3C/path%3E%3Cpath d='M11 18h2'%3E%3C/path%3E%3Cpath d='M3 18h2'%3E%3C/path%3E%3Cpath d='M4 12h8'%3E%3C/path%3E%3Cpath d='M3 6h2'%3E%3C/path%3E%3Cpath d='M11 6h2'%3E%3C/path%3E%3C/svg%3E"); } field[type="number"] input[type="text"] { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23aaa%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2248%22%20height%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%2010l2%20-2v8%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9%208h3a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-2a1%201%200%200%200%20-1%201v2a1%201%200%200%200%201%201h3%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M17%208h2.5a1.5%201.5%200%200%201%201.5%201.5v1a1.5%201.5%200%200%201%20-1.5%201.5h-1.5h1.5a1.5%201.5%200%200%201%201.5%201.5v1a1.5%201.5%200%200%201%20-1.5%201.5h-2.5%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } field[type="text"] input[type="text"] { background-image:url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23aaa%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2248%22%20height%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%2020v-12a4%204%200%200%201%204%20-4h2a4%204%200%200%201%204%204v12%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7%2013l10%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } fieldset[name="seo"] field[name="desc"] textarea { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15h15'%3E%3C/path%3E%3Cpath d='M21 19h-15'%3E%3C/path%3E%3Cpath d='M15 11h6'%3E%3C/path%3E%3Cpath d='M21 7h-6'%3E%3C/path%3E%3Cpath d='M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2'%3E%3C/path%3E%3Cpath d='M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2'%3E%3C/path%3E%3C/svg%3E"); min-height: 200px; } fieldset[name="seo"] field[name="title"] input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.98999 5.93007V4.42007C1.98999 3.40007 2.81999 2.57007 3.83999 2.57007H16.76C17.78 2.57007 18.61 3.40007 18.61 4.42007V5.93007'%3E%3C/path%3E%3Cpath d='M10.3 18.1001V3.32007'%3E%3C/path%3E%3Cpath d='M6.8999 18.1001H12.4799'%3E%3C/path%3E%3Cpath d='M13.6799 10.3401H20.6899C21.4199 10.3401 22.0099 10.9301 22.0099 11.6601V12.4601'%3E%3C/path%3E%3Cpath d='M16.0801 21.4301V10.8701'%3E%3C/path%3E%3Cpath d='M13.9399 21.4299H18.2199'%3E%3C/path%3E%3C/svg%3E"); } field[type="comp"] drag, field[type="check"] drag { width: 20px; height: 20px; position: relative; overflow: hidden; background: #fff; display: block; min-width: 22px; min-height: 28px; box-sizing: content-box; border-radius: 6px; transition: .3s; background-repeat: no-repeat; background-position: center; background-color: #fff; background-size: 17px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l3 3l3 -3'%3E%3C/path%3E%3Cpath d='M12 15v6'%3E%3C/path%3E%3Cpath d='M15 6l-3 -3l-3 3'%3E%3C/path%3E%3Cpath d='M12 3v6'%3E%3C/path%3E%3C/svg%3E"); cursor: grab; } field[type="alias"] input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h1.948c1.913 0 3.705 .933 4.802 2.5a5.861 5.861 0 0 0 4.802 2.5h6.448'%3E%3C/path%3E%3Cpath d='M3 17h1.95a5.854 5.854 0 0 0 4.798 -2.5a5.854 5.854 0 0 1 4.798 -2.5h5.454'%3E%3C/path%3E%3Cpath d='M18 15l3 -3l-3 -3'%3E%3C/path%3E%3C/svg%3E"); } d.factoryField:hover { box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 16%), 3px 5px 3px -1px rgb(0 0 0 / 12%); } d.factoryField { font-size: 13px; font-weight: 500; min-height: 50px; display: flex; align-items: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23111' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 14a3 3 0 101 5.83M4.264 15.605a4 4 0 01-.874-6.636M3.42 8.888A2.5 2.5 0 017 5.5M7.238 5.565A2.5 2.5 0 1112 4.5V20M8 20a2 2 0 104 0M12 7a3 3 0 003 3M20.61 8.969A3.99 3.99 0 0122 12c0 .703-.181 1.364-.5 1.938M20.58 8.888A2.5 2.5 0 0017 5.5M12 4.5a2.5 2.5 0 114.762 1.065M14 22a2 2 0 01-2-2M18.667 16L17 19h4l-1.667 3'%3E%3C/path%3E%3C/svg%3E"); padding: 0px 10px 0px 45px; user-select: none; box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%); border-radius: 10px; cursor: pointer; transition: .3s; background-size: 19px; background-repeat: no-repeat; background-position: 16px center; background-color: #fff; } field[showmode="disabled"] { opacity: .5; pointer-events: none; } field[showmode="disabled"] * { pointer-events: none; } field[showmode="hide"] { display: none; } field.publishedSlider { width: 100%; } /*d-field[root] d.key, d-field[root] d.tool { pointer-events: none;}d.list.tplFactoryTransf d-field[root]>d.key input { pointer-events: none; background: #fff; border-radius: 0; box-shadow: 0px 4px 2px -5px #000; color: #ccc;}d-field[root] d.tool { opacity: .3;}d-field[root] d.key *, d-field[root] d.tool * { pointer-events: none;}*/ fieldset.paramFFactSQL { min-width: 250px; } d-field>d.root { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 70%); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(1px); font-size: 14px; color: #959595; font-weight: 400; text-shadow: 0px 0px 12px #fff; } d-field d.name.red input, d-field d.key.red input { box-shadow: 0px 4px 1px -2px #f7a1a1; } d-field>d.key input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 12a4 4 0 108 0 4 4 0 00-8 0zm0 0H2v3M6 12v3'%3E%3C/path%3E%3C/svg%3E"); } d-field>d.name input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0'%3E%3C/path%3E%3Cpath d='M14 19v-10.5a3.5 3.5 0 0 1 7 0v10.5'%3E%3C/path%3E%3Cpath d='M14 13h7'%3E%3C/path%3E%3Cpath d='M10 12v7'%3E%3C/path%3E%3C/svg%3E"); } d.tplFactory>d.fields>d>d.f d-field, d.tplFactory>d.fields>d>d.f d-field * { cursor: grab; } field[type="range"]>row>f>d, field[type="text double"]>row>f>d { display: flex; gap: 10px; } field[type="comp"]>row>f>d>name, field[type="check"]>row>f>d>name, field[type="radio"]>row>f>d>name, field[type="bulb"]>row>f>d>name { font-size: 14px; color: #444; font-weight: 500; } field[type="comp"]>row>f>d, field[type="check"]>row>f>d, field[type="radio"]>row>f>d, field[type="bulb"]>row>f>d { display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; cursor: pointer; justify-content: flex-end; } field[type="comp"]>row.disabled, field[type="check"]>row.disabled { pointer-events: none; opacity: .3; } field[type="comp"]>row.disabled *, field[type="check"]>row.disabled * { pointer-events: none; } field[type="radio"]>row.disabled { pointer-events: none; opacity: .3; } field[type="radio"]>row.disabled * { pointer-events: none; } d.tplFactory { display: flex; height: 100%; align-items: flex-start; justify-content: space-between; } d-field>d.tool>d.require { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23999%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%209V14%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.0001%2021.41H5.94005C2.47005%2021.41%201.02005%2018.93%202.70005%2015.9L5.82006%2010.28L8.76006%205.00003C10.5401%201.79003%2013.4601%201.79003%2015.2401%205.00003L18.1801%2010.29L21.3001%2015.91C22.9801%2018.94%2021.5201%2021.42%2018.0601%2021.42H12.0001V21.41Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M11.9945%2017H12.0035%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 18px; } d.tplFactoryTransf.no { pointer-events: none; } d.tplFactory>d.template { width: max-content; height: 100%; display: flex; flex-direction: column; padding: 0; } d.tplFactory>d.template>d.list { height: 100%; border: 2px dashed #e9eced; border-radius: 20px; overflow: auto; padding: 5px 10px; min-width: 680px; } d.tplFactory>d.fields .list { width: 100%; display: flex; user-select: none; overflow: auto; height: calc(100% - 50px); padding-right: 0; flex-wrap: wrap; max-height: calc(100% - 50px); } d.tplFactory>d.template>d.list::-webkit-scrollbar-thumb { border: 0; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; border-radius: 1px; border-top: 18px solid #ffffff; border-bottom: 18px solid #ffffff; } d.tplFactory>d.fields .list>d { position: relative; min-width: 160px; width: 200px; margin-bottom: 30px; } d.tplFactory>d.fields .list d-field { padding: 7px 5px; } d.tplFactory>d.template>d.list::-webkit-scrollbar { width: 12px; } d.tplFactory>d.template>d.list::-webkit-scrollbar-track { background: transparent; } d.tplFactory>d.fields { width: 100%; height: 100%; overflow: hidden; padding-left: 50px; } d.tplFactory>d.fields>d.search input[type="text"] { border: none; padding: 12px 40px 12px 46px; margin: 0; line-height: normal; font-family: montserrat; font-size: 14px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); background-size: 18px; background-repeat: no-repeat; background-position: 15px center; background-color: #f4f7f8; border-radius: 10px; transition: all .25s ease, height 0s; width: calc(100% - 60px); display: block; } d.tplFactory>d.fields>d.search input[type="text"]:focus { background-color: rgba(255, 255, 255, 1); box-shadow: 0 5px 25px -4px rgba(0, 0, 0, .08); } d.tplFactory>d.fields .list { width: 100%; display: flex; user-select: none; overflow: auto; height: calc(100% - 90px); padding-right: 0; flex-wrap: wrap; } d.tplFactory>d.fields>d.search { padding-bottom: 20px; } d.tplFactory>d.fields>.list>d>d.n { font-family: 'Oswald'; color: #585858; margin-bottom: 5px; padding-bottom: 8px; border-bottom: 1px solid #f4f7f8; font-size: 14px; } d.tplFactory>d.template>d.list d-field { width: 100%; } d-field.mc-sortable-placeholder { display: none !important; } d.tplFactory>d.template>d.list d-field>d.drop { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l3 3l3 -3'%3E%3C/path%3E%3Cpath d='M12 15v6'%3E%3C/path%3E%3Cpath d='M15 6l-3 -3l-3 3'%3E%3C/path%3E%3Cpath d='M12 3v6'%3E%3C/path%3E%3C/svg%3E"); } d.tplFactory>d.template>d.list>d-field.mc-sortable-placeholder.mc-sortable-handle { display: block !important; background: #f4f7f8; visibility: unset !important; height: 0; margin: 0; animation: expanFieldPlaceholder 0.3s forwards; } d.tplFactory>d.template>d.groups>d.group.a .name { color: #ffffff; } d.tplFactory>d.template>d.groups>d.group.a>d:last-child:hover { background-color: #000000; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23aaa' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e"); } d.tplFactory>d.template>d.groups>d.group.a { background: #222222; box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 20%); } d-field { display: flex !important; width: 100%; overflow: hidden; padding: 5px 5px; gap: 10px; align-items: center; background: #fff; border-radius: 16px; position: relative; } d.tplFactory>d.template>d.list d-field:not(.a):not(.mc-sortable-helper):not(.mc-sortable-placeholder) { pointer-events: none; background: #95aec4; position: absolute; opacity: 0; } d-field.mc-sortable-handle.mc-sortable-helper { box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%); pointer-events: none; } d-field>d.key, d-field>d.name { display: none; } d.list.tplFactoryTransf d-field>d.tool, d.list.tplFactoryTransf d-field>d.key, d.list.tplFactoryTransf d-field>d.name { display: block; } d.list.tplFactoryTransf d-field>d.tool { display: flex; gap: 10px; align-items: center; } d-field>d.tool>d { cursor: pointer; display: block; min-width: 26px; min-height: 26px; box-sizing: content-box; box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%); border-radius: 10px; background-repeat: no-repeat; background-position: center; background-color: #fff; background-size: 16px; } d.tplFactory>d.fields>d>d.f { display: flex; flex-direction: column; gap: 0.5vh 0px; } d-field>d.tool { display: none; } d-field>d.drop { cursor: grab; display: block; min-width: 26px; min-height: 26px; box-sizing: content-box; box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%); border-radius: 10px; transition: .3s; background-repeat: no-repeat; background-position: center; background-color: #fff; margin-right: 5px; background-size: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 9l3 3l-3 3'%3E%3C/path%3E%3Cpath d='M15 12h6'%3E%3C/path%3E%3Cpath d='M6 9l-3 3l3 3'%3E%3C/path%3E%3Cpath d='M3 12h6'%3E%3C/path%3E%3C/svg%3E"); } d.tplFactory>d.fields .list d-field>d.drop { cursor: grab; display: block; width: 100%; height: 100%; position: absolute; display: block; min-width: unset; min-height: unset; box-sizing: unset; box-shadow: unset; border-radius: unset; transition: unset; margin-right: unset; background: unset; } d-field>d.key { width: 156px; } d-field>d.name { width: 180px; } d-field>d.key input::placeholder { font-size: 12px; font-weight: 500; color: #bcbcbc; } d-field>d.name input::placeholder { font-size: 12px; font-weight: 500; color: #bcbcbc; } d-field>d.type { font-size: 10px; font-weight: 600; color: #7a7a7a; user-select: none; cursor: default; min-width: 100px; padding-left: 32px; background-repeat: no-repeat; background-position: 0px center; background-size: 20px; height: 20px; display: flex; align-items: center; transition: .2s ease; } d.tplFactory>d.fields>d>d.f d-field:hover d.type { transform: translateX(6px); } d-field>d.tool>d.a { box-shadow: 0px 0px 0px 2px #d8d8d8; } d.tplFactory>d.template>d.groups { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 25px; gap: 5px; padding-top: 2px; } d.tplFactory>d.template>d.groups>d.act.group { box-shadow: 0px 0px 0px 2px #d8d8d8; } d.tplFactory>d.template>d.groups>d.add { cursor: pointer; display: block; min-width: 36px; min-height: 36px; width: 36px; height: 36px; box-sizing: content-box; box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%); border-radius: 10px; transition: .3s; background-repeat: no-repeat; background-position: center; background-color: #fff; margin-right: 5px; background-size: 16px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23777' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='12' y1='5' x2='12' y2='19'%3e%3c/line%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e"); } window[name="addGroupFieldsFactory"]>content>wrap { padding: 0 20px 0px 20px; margin-top: -10px; } window[name="addGroupFieldsFactory"]>content>wrap field { padding-bottom: 0; } d.list.tplFactoryTransf.mc-sortable d-field>d.tool>d.drop:hover { box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 100%); } row.d0x3831 name { background-size: 19px; background-repeat: no-repeat; background-position: 0 center; padding: 3px 0 3px 25px; } row.a_child0x383.d0x3831 name { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2.5H3' stroke='%23444'%3E%3C/path%3E%3Cpath d='M12 6.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 10.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 14.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 18.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 22.5H3' stroke='%23eee'%3E%3C/path%3E%3C/svg%3E"); } row.ab_child0x383.d0x3831 name { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2.5H3' stroke='%23444'%3E%3C/path%3E%3Cpath d='M12 6.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 10.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 14.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 18.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 22.5H3' stroke='%23eee'%3E%3C/path%3E%3C/svg%3E"); } row.abc_child0x383.d0x3831 name { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2.5H3' stroke='%23444'%3E%3C/path%3E%3Cpath d='M12 6.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 10.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 14.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 18.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 22.5H3' stroke='%23eee'%3E%3C/path%3E%3C/svg%3E"); } row.c_child0x383.d0x3831 name { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2.5H3' stroke='%23444'%3E%3C/path%3E%3Cpath d='M12 6.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 10.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 14.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 18.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 22.5H3' stroke='%23eee'%3E%3C/path%3E%3C/svg%3E"); } row.abcf_child0x383.d0x3831 name { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2.5H3' stroke='%23444'%3E%3C/path%3E%3Cpath d='M12 6.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 10.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 14.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 18.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 22.5H3' stroke='%233b9417'%3E%3C/path%3E%3C/svg%3E"); } d-field>d.tool>d.multiLang.act { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='2' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5h7m7 0h-2.5M9 5h4.5M9 5V3m4.5 2c-.82 2.735-2.539 5.32-4.5 7.593M4 17.5c1.585-1.359 3.376-3.026 5-4.907m0 0C8 11.5 6.4 9.3 6 8.5m3 4.093l3 2.907M13.5 21l1.143-3m6.857 3l-1.143-3m-5.714 0l2.857-7.5 2.857 7.5m-5.714 0h5.714'%3E%3C/path%3E%3C/svg%3E"); } d-field>d.tool>d.multiLang { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5h7m7 0h-2.5M9 5h4.5M9 5V3m4.5 2c-.82 2.735-2.539 5.32-4.5 7.593M4 17.5c1.585-1.359 3.376-3.026 5-4.907m0 0C8 11.5 6.4 9.3 6 8.5m3 4.093l3 2.907M13.5 21l1.143-3m6.857 3l-1.143-3m-5.714 0l2.857-7.5 2.857 7.5m-5.714 0h5.714'%3E%3C/path%3E%3C/svg%3E"); } d-field>d.tool>d.tableShow.act { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='2' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5h8'%3E%3C/path%3E%3Cpath d='M13 9h5'%3E%3C/path%3E%3Cpath d='M13 15h8'%3E%3C/path%3E%3Cpath d='M13 19h5'%3E%3C/path%3E%3Cpath d='M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3Cpath d='M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3C/svg%3E"); } d-field>d.tool>d.tableShow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5h8'%3E%3C/path%3E%3Cpath d='M13 9h5'%3E%3C/path%3E%3Cpath d='M13 15h8'%3E%3C/path%3E%3Cpath d='M13 19h5'%3E%3C/path%3E%3Cpath d='M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3Cpath d='M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3C/svg%3E"); } d-field>d.tool>d.mosaicShow.act { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='2' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10.9V4.1C22 2.6 21.36 2 19.77 2H15.73C14.14 2 13.5 2.6 13.5 4.1V10.9C13.5 12.4 14.14 13 15.73 13H19.77C21.36 13 22 12.4 22 10.9Z'%3E%3C/path%3E%3Cpath d='M22 19.9V18.1C22 16.6 21.36 16 19.77 16H15.73C14.14 16 13.5 16.6 13.5 18.1V19.9C13.5 21.4 14.14 22 15.73 22H19.77C21.36 22 22 21.4 22 19.9Z'%3E%3C/path%3E%3Cpath d='M10.5 13.1V19.9C10.5 21.4 9.86 22 8.27 22H4.23C2.64 22 2 21.4 2 19.9V13.1C2 11.6 2.64 11 4.23 11H8.27C9.86 11 10.5 11.6 10.5 13.1Z'%3E%3C/path%3E%3Cpath d='M10.5 4.1V5.9C10.5 7.4 9.86 8 8.27 8H4.23C2.64 8 2 7.4 2 5.9V4.1C2 2.6 2.64 2 4.23 2H8.27C9.86 2 10.5 2.6 10.5 4.1Z'%3E%3C/path%3E%3C/svg%3E"); } d-field>d.tool>d.mosaicShow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10.9V4.1C22 2.6 21.36 2 19.77 2H15.73C14.14 2 13.5 2.6 13.5 4.1V10.9C13.5 12.4 14.14 13 15.73 13H19.77C21.36 13 22 12.4 22 10.9Z'%3E%3C/path%3E%3Cpath d='M22 19.9V18.1C22 16.6 21.36 16 19.77 16H15.73C14.14 16 13.5 16.6 13.5 18.1V19.9C13.5 21.4 14.14 22 15.73 22H19.77C21.36 22 22 21.4 22 19.9Z'%3E%3C/path%3E%3Cpath d='M10.5 13.1V19.9C10.5 21.4 9.86 22 8.27 22H4.23C2.64 22 2 21.4 2 19.9V13.1C2 11.6 2.64 11 4.23 11H8.27C9.86 11 10.5 11.6 10.5 13.1Z'%3E%3C/path%3E%3Cpath d='M10.5 4.1V5.9C10.5 7.4 9.86 8 8.27 8H4.23C2.64 8 2 7.4 2 5.9V4.1C2 2.6 2.64 2 4.23 2H8.27C9.86 2 10.5 2.6 10.5 4.1Z'%3E%3C/path%3E%3C/svg%3E"); } d-field>d.tool>d.idstock, d-field>d.tool>d.idselector { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 6.5H16'%3E%3C/path%3E%3Cpath d='M6 6.5H2'%3E%3C/path%3E%3Cpath d='M10 10C11.933 10 13.5 8.433 13.5 6.5C13.5 4.567 11.933 3 10 3C8.067 3 6.5 4.567 6.5 6.5C6.5 8.433 8.067 10 10 10Z'%3E%3C/path%3E%3Cpath d='M22 17.5H18'%3E%3C/path%3E%3Cpath d='M8 17.5H2'%3E%3C/path%3E%3Cpath d='M14 21C15.933 21 17.5 19.433 17.5 17.5C17.5 15.567 15.933 14 14 14C12.067 14 10.5 15.567 10.5 17.5C10.5 19.433 12.067 21 14 21Z'%3E%3C/path%3E%3C/svg%3E"); } d-field>d.tool>d.idscliprows { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 6.5H16'%3E%3C/path%3E%3Cpath d='M6 6.5H2'%3E%3C/path%3E%3Cpath d='M10 10C11.933 10 13.5 8.433 13.5 6.5C13.5 4.567 11.933 3 10 3C8.067 3 6.5 4.567 6.5 6.5C6.5 8.433 8.067 10 10 10Z'%3E%3C/path%3E%3Cpath d='M22 17.5H18'%3E%3C/path%3E%3Cpath d='M8 17.5H2'%3E%3C/path%3E%3Cpath d='M14 21C15.933 21 17.5 19.433 17.5 17.5C17.5 15.567 15.933 14 14 14C12.067 14 10.5 15.567 10.5 17.5C10.5 19.433 12.067 21 14 21Z'%3E%3C/path%3E%3C/svg%3E"); } d-field>d.tool>d.settings { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e"); } fieldset fieldset { padding: 5px 0; } d-field.h { opacity: .2; } d.tplFactory>d.fields .list>d.h * { pointer-events: none; } d.tplFactory>d.fields .list>d.h { pointer-events: none; } d.tplFactory>d.fields .list>d.h > d.n { opacity: .3; } textarea.svgfield { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23dbe4e7%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2016v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%2013a2%202%200%200%200%20.914%20-3.782a1.98%201.98%200%200%200%20-2.414%20.483%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%2020.777a8.942%208.942%200%200%201%20-2.48%20-.969%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%203.223a9.003%209.003%200%200%201%200%2017.554%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4.579%2017.093a8.961%208.961%200%200%201%20-1.227%20-2.592%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.124%2010.5c.16%20-.95%20.468%20-1.85%20.9%20-2.675l.169%20-.305%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M6.907%204.579a8.954%208.954%200%200%201%203.093%20-1.356%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 110px; background-repeat: no-repeat; background-position: 0 center; padding: 0px 0px 0px 110px; font-size: 10px; font-weight: 400; color: #939393; border: none; resize: none; height: 100px; } textarea.svgfield::placeholder { color: #ccc; } field[type="phone"] d.flag { width: 26px; height: 20px; overflow: hidden; border-radius: 3px; position: absolute; left: 37px; top: 0px; bottom: 0; margin: auto; position: absolute; border: 1px solid #e9eaea; z-index: 5; } field[type="phone"]>row input { padding: 10px 20px 10px 70px; } field[type="phone"] d.flag img { object-fit: cover; width: 100%; height: 100%; object-position: center; } field[type="phone"] d.tel { position: relative; } field[type="phone"] d.tel d.flag img[src=""] { display: none; } map { display: block; margin: 10px 0; border-radius: 10px; overflow: hidden; } field[type="comp"]>row.sehg6ertx, field[type="check"]>row.sehg6ertx { display: none; } field[type="comp"]>row.sehg6ertx.show, field[type="check"]>row.sehg6ertx.show { display: flex; } window.colorPicker>content>header { padding: 0 10px 0 20px; } field[type="color"] input { background-image: unset; } .a-color-picker { background-color: unset !important; } window.colorPicker>content { gap: 0; } window.colorPicker wrap { padding: 0; } window.colorPicker buttons { display: none; } field[type="color"]>row>f>d d.color { position: absolute; left: 6px; top: 6px; bottom: 0; width: 26px; height: 26px; background: #fff; border-radius: 50%; cursor: pointer; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23aaa' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'%3e%3c/path%3e%3c/svg%3e"); background-size: 18px; background-repeat: no-repeat; background-position: center; } field row d.galleryField.load>d { opacity: .3; filter: blur(1px); transition: .5s; } field row d.galleryField.load:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100px; height: 100px; z-index: 5; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; } field row d.galleryField.load, field row d.galleryField.load * { pointer-events: none; } field row d.galleryField d.img { width: 90px; height: 90px; background-color: #f4f7f8; border-radius: 8px; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: 60%; background-position: center; display: block; } field row d.galleryField { display: flex; gap: 10px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; } field row d.galleryField d.name { font-size: 14px; color: #444; font-weight: 500; height: 18px; display: flex; align-items: center; justify-content: center; } field row d.galleryField d.original { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; text-align: center; min-width: 80px; } field row d.galleryField d.size { font-size: 9px; color: #5eb73b; font-weight: 600; } d.galleryField input[type="file"] { display: none; } field row d.galleryField label img { width: 100%; } field row d.galleryField label img[src=""] { display: none; } field row d.galleryField d.list { display: flex; gap: 10px; flex-wrap: wrap; max-width: 390px; justify-content: flex-start; align-items: flex-start; position: relative; padding-bottom: 10px; } field row d.galleryField d.img l { width: 0; position: absolute; bottom: 0px; height: 2px; left: 0; background: #111111; display: none; z-index: 10; } field row d.galleryField d.img c { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; text-align: center; justify-content: center; align-items: center; color: #fff; font-size: 10px; font-weight: 600; z-index: 5; } field row d.galleryField d.img.load l { display: block; } field row d.galleryField d.img img { width: 100%; height: 100%; object-fit: contain; } field row d.mc-sortable-placeholder.img:before { display: none; } field row d.mc-sortable-placeholder.img { visibility: visible !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z'%3E%3C/path%3E%3Cpath d='M13 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V10'%3E%3C/path%3E%3Cpath d='M18 2V8L20 6'%3E%3C/path%3E%3Cpath d='M18 8L16 6'%3E%3C/path%3E%3Cpath d='M2.67004 18.9501L7.60004 15.6401C8.39004 15.1101 9.53004 15.1701 10.24 15.7801L10.57 16.0701C11.35 16.7401 12.61 16.7401 13.39 16.0701L17.55 12.5001C18.33 11.8301 19.59 11.8301 20.37 12.5001L22 13.9001'%3E%3C/path%3E%3C/svg%3E"); background-size: 50% !important; } field row d.galleryField d.img.new:before { content: ""; position: absolute; left: 2px; top: 3px; width: 20px; height: 20px; border-radius: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V5a2 2 0 012-2h10a2 2 0 012 2v16l-5.918-3.805a2 2 0 00-2.164 0L5 21z'%3E%3C/path%3E%3C/svg%3E"); background-size: 20px; background-repeat: no-repeat; background-position: center; } field row d.galleryField d.img x { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; background: #ffffff; border-radius: 5px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23888' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); background-size: 74%; background-repeat: no-repeat; background-position: center; cursor: pointer; } field row d.galleryField label { width: 90px; height: 90px; background-color: #f4f7f8; border-radius: 8px; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: 50%; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z'%3E%3C/path%3E%3Cpath d='M13 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V10'%3E%3C/path%3E%3Cpath d='M15.75 5H21.25'%3E%3C/path%3E%3Cpath d='M18.5 7.75V2.25'%3E%3C/path%3E%3Cpath d='M2.67004 18.9501L7.60004 15.6401C8.39004 15.1101 9.53004 15.1701 10.24 15.7801L10.57 16.0701C11.35 16.7401 12.61 16.7401 13.39 16.0701L17.55 12.5001C18.33 11.8301 19.59 11.8301 20.37 12.5001L22 13.9001'%3E%3C/path%3E%3C/svg%3E"); display: block; cursor: pointer; } field row d.galleryField .original label { cursor: pointer; } field row d.galleryField d label.load { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23aaa' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E"); } field row d.galleryField.set d>label { height: auto; } ps op.d-field d.name { background-size: 18px !important; background-position: 10px center !important; background-repeat: no-repeat !important; padding-left: 40px; } row.press-red radio.a { border: 2px solid #c70000; background: #c70000; box-shadow: 0px 0px 1px 2px #c70000; } row.press-red radio.a:before { background-color: #c70000; } /*=================================CHECK=================================*/ check, radio { border-radius: 32%; width: 20px; height: 20px; cursor: pointer; transition: all .25s ease; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 2px solid #e8e8e8; position: relative; overflow: hidden; background: #fff; } radio { border-radius: 40%; } check:hover, radio:hover { border-color: #9c9c9c; } check.a, radio.a { border-color: #111111; background-color: #111111; box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 90%); scale: 0.85; } check.a:before, radio.a:before { scale: 2; } check:before, radio:before { background: #111111; content: ""; position: absolute; inset: 0; margin: auto; scale: 0; border-radius: 50%; transition: all .3s ease; background-size: 47%; background-repeat: no-repeat; background-position: center; } check:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e"); } radio:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e"); } slider { display: flex; position: relative; border-radius: 10px; overflow: hidden; height: 38px; align-items: center; background: #f4f7f8; box-shadow: 0px 0px 0px 1px rgb(244 247 248); } d-field.selectedTools { box-shadow: 0px 0px 0px 1px #e7eef1; background-color: #f4f7f8; } slider>btn.a { background-color: unset; box-shadow: unset; } slider>btn { display: block; min-width: 36px; width: 100%; height: 38px; margin: auto; top: 0; bottom: 0; cursor: pointer; background-size: 17px; background-repeat: no-repeat; background-position: center; position: relative; z-index: 5; transition: all .3s ease; font-size: 14px; font-weight: 400; color: #ccc; box-sizing: border-box; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px; } slider>s, slider>h { position: absolute; top: 0; bottom: 0; height: 100%; transition: all .3s ease; background-color: #fff; box-shadow: 1px 3px 10px -1px rgb(0 0 0 / 15%); z-index: 3; pointer-events: none; } slider>h { box-shadow: none; background-color: #edf1f2; opacity: 0; z-index: 2; } slider:hover>h { opacity: 1; } slider>btn.a { background-color: #fff; box-shadow: 1px 3px 10px -1px rgb(0 0 0 / 15%); color: #111; } slider>btn:before { content: ""; position: absolute; transition: .5s; left: 0px; top: 0; bottom: 0; height: 50%; margin: auto; width: 1px; background: #e0e7e9; z-index: 0; opacity: 1; } slider>btn:first-child:before, slider>btn.a:before, slider>btn.a+btn:before { opacity: 0; } /*=================================SEL=================================*/ sel { background: rgb(244, 247, 248); border-radius: 10px; position: relative; transition: all .25s ease, height 0s; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } sel>.area>.search.set { font-weight: 500; } sel>.area d:not(:last-child):after { content: ","; } sel:hover, sel.act { background: rgba(255, 255, 255, 1); box-shadow: 0 5px 25px -4px rgba(0, 0, 0, .08); } sel>.area>.search.h { display: none; } sel:not(.act)>.area>.search { pointer-events: none; } sel>.area>.search:before { content: attr(placeholder); color: #ccc; margin: auto 0; pointer-events: none; transition: .2s; transition-delay: .5s; font-size: 12px; } sel>.area>.search:focus:before { opacity: 0; position: absolute; pointer-events: none; transition-delay: 0s; } sel>.area>.search.trd:before { transition-delay: 0s !important; } sel>.area>.search.f { width: 100%; } sel:not(.act)>.area>d+.search { display: none; } sel>.area>.search[contenteditable]:not(:focus) { font-size: 0; } sel>.area>.search { max-width: 100%; width: auto; position: relative; min-height: 34px; display: flex; justify-content: flex-start; align-items: center; outline: none; border: none; line-height: normal; font-family: montserrat; cursor: pointer; padding-left: 20px; position: relative; font-size: 12px; } sel>.area>.search[contenteditable] { white-space: nowrap; line-height: 34px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23ddd' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); background-size: 20px; background-repeat: no-repeat; background-position: 5px center; padding-left: 35px; overflow: hidden; cursor: auto; } sel.act { border-radius: 10px 10px 0px 0px; } sel>.icon { width: 40px; min-width: 40px; min-height: 25px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23111' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-size: 18px; background-repeat: no-repeat; background-position: center; transition: all .3s; align-self: stretch; } sel.act>.icon { transform: rotate(180deg); } sel.load, sel.load * { pointer-events: none; user-select: none; } sel>.loader { position: relative; width: 0; height: 22px; right: 7px; pointer-events: none; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; background: inherit; cursor: default; z-index: 600; transition: all .3s; overflow: hidden; opacity: 0; } sel>.area { margin-left: 10px; width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 0px 5px; min-height: 36px; margin-bottom: 3px; } sel.load>.loader { min-width: 22px; width: 22px; opacity: 1; } sel>.loader:after, sel .loader:before { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 100%; top: 0; content: ""; } sel>.loader:before { border: 1px dashed #000; border-radius: inherit; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid transparent; -webkit-animation: rotateInputLoading .8s linear infinite; animation: rotateInputLoading .8s linear infinite; opacity: .4; } sel>.loader:after { border: 1px solid #444; border-radius: inherit; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid transparent; -webkit-animation: rotateInputLoading .8s ease infinite; animation: rotateInputLoading .8s ease infinite; } sel>.area>.search.set:before { transition-delay: 0s; color: #111; } ps * { overflow: hidden; } fieldset field.fh { margin-bottom: -10px; } field.fh { height: 0 !important; padding: 0 !important; pointer-events: none !important; overflow: hidden; } ps.open { opacity: 1; transform: translateY(10px); pointer-events: auto; } ps { position: absolute; border-radius: 0px 0px 10px 10px; background: rgba(255, 255, 255, 1); box-shadow: 0px 14px 25px -4px rgba(0, 0, 0, .1); padding: 0; transition: .2s ease; opacity: 0; transform: translateY(0px); pointer-events: none; z-index: 100; display: flex; flex-direction: column; gap: 0px; } ps d.pw { flex-grow: 1; overflow: auto; padding: 0; padding: 10px 0; } ps op.f:not(.parent) { padding-bottom: 0; padding-top: 0; max-height: 0; min-height: 0; height: 0; overflow: hidden; opacity: 0; margin-bottom: 0; } ps op span.highlight { color: #333333; background: #f1e9d6; padding: 0px 0px; border-radius: 2px; } ps op>em { display: block; font-size: 0; width: 10px; min-width: 10px; max-width: 10px; position: relative; } ps op>em:before { content: ""; left: 0; right: 0; width: 100%; margin: auto; height: 0; border-bottom: 1px dotted #d2d2d2; display: block; } ps op>.name { width: 100%; text-align: left; font-weight: 500; padding: 0px 0 0px 10px; height: 100%; display: block; font-size: 12px; } ps op:hover { background: #f9f9f9; } ps op>check { min-width: 20px; width: 20px; height: 20px; pointer-events: none; } ps op { display: flex; justify-content: space-between; flex-direction: row; align-items: center; padding: 0 5px; gap: 5px; margin: 0 5px 3px 5px; border-radius: 5px; min-height: 30px; user-select: none; transition: .2s ease; cursor: pointer; } ps op:last-child { margin-bottom: 0; } ps op>im>img { width: 100%; height: 100%; object-fit: cover; } ps, ps * { overflow-x: hidden; } ps op im, ps op color { margin: 0 5px; display: block; overflow: hidden; border-radius: 4px; } ps op.parent.f.act { border-radius: 5px; border: none; } ps op.act { background: #f4f7f8; } ps op.parent { border-bottom: 1px solid #e9e9e9; border-radius: 0; } ps op.parent.act { border-radius: 5px; } ps op.parent:hover { border-radius: 5px; } ps op color { border-radius: 50%; } ps::-webkit-scrollbar { width: 4px; } ps::-webkit-scrollbar-thumb { background-color: #e4e5e5; border: 0; border-radius: 4px; } ps::-webkit-scrollbar-track { background: transparent; } ps op.disabled check { opacity: 0; } ps op.disabled { background: #f6f6f6; pointer-events: none; cursor: default; } ps op.disabled im, ps op.disabled color { opacity: .5; } ps op.disabled .name { color: #cccccc; } sel:not(.act)>.area>d>i { display: block; } sel>.area>d { position: relative; } ps op.disabled, ps op.disabled * { pointer-events: none; } d-field>d.key[system] { pointer-events: none; } d.tplFactory>d.fields>d>d.f d-field.not * { pointer-events: none; } d.tplFactory>d.fields>d>d.f d-field.not { pointer-events: none; opacity: .2; } d.tplFactory>d.fields>d>d.f d-field.not .drop { box-shadow: none; opacity: 0; } d-field.selectedTools>d.key[system] input { background: none; } d-field>d.key[system] input { pointer-events: none; background: #fff; border-radius: 0; box-shadow: 0px 4px 2px -5px #000; color: #ccc; } sel>.area>d.ost { position: relative; padding: 3px 8px 3px 6px; border-radius: 20px; border: 1px solid #e6eaec; font-size: 10px; font-weight: 500; margin: 4px 8px 4px 0px; display: block; user-select: none; background: #fff; } sel>.area>d>i { position: absolute; right: -13px; top: -8px; width: 15px; height: 15px; border-radius: 50%; background: #e7ebec; cursor: pointer; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); background-size: 11px; background-repeat: no-repeat; background-position: center; display: none; } sel>.area>d>i:hover { background-color: #111111; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23ddd' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); } field row.icon { font-size: 12px; font-weight: 600; padding: 3px 0 2px 25px; color: #777; } field[language] { display: none; } /*=================================FIELDSET=================================*/ fieldset { user-select: none; display: flex; flex-direction: column; gap: 10px; min-width: 0; border: 0; padding: 0; margin: 0; } field>row info code { display: block; color: #999; background: #ffffff; padding: 5px 10px; border-radius: 5px; line-height: normal; font-weight: 600; font-size: 10px; user-select: text; } field>row info { padding: 10px 20px 10px 60px; display: flex; flex-direction: column; justify-content: flex-start; gap: 5px; align-items: flex-start; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23aaa' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cline x1='12' y1='8' x2='12' y2='12'%3e%3c/line%3e%3cline x1='12' y1='16' x2='12.01' y2='16'%3e%3c/line%3e%3c/svg%3e"); background-size: 30px; background-repeat: no-repeat; background-position: 15px center; min-height: 50px; background-color: #f4f7f8; border-radius: 8px; font-size: 11px; font-weight: 500; color: #999; user-select: none; cursor: default; width: 100%; width: -moz-max-content; max-width: 100%; } fieldset d.sa705 { user-select: all; } field { display: flex; padding: 5px 0; font-size: 14px; position: relative; user-select: none; flex-direction: column; transition: .3s ease; gap: 10px; } field.err { pointer-events: none; border: 1px dashed #b91c1c; border-radius: 6px; min-height: 38px; display: flex; align-items: center; text-align: center; justify-content: center; color: #b91c1c; font-weight: 600; } fieldset>name { display: flex; font-size: 11px; font-weight: 600; color: #a0a0a0; gap: 5px; padding: 5px 0; } field>d { display: flex; width: 100%; } field add { min-width: 38px; max-width: 38px; height: 38px; display: block; background: #f4f7f8; border-radius: 10px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='12' y1='5' x2='12' y2='19'%3e%3c/line%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e"); background-size: 16px; background-repeat: no-repeat; background-position: center; } fieldset name { display: flex; gap: 7px; align-items: center; font-size: 10px; font-weight: 500; color: #a0a0a0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } fieldset name>small { display: block; font-size: 9px; background: #dcdcdc; border-radius: 3px; padding: 0 3px; color: #656565; font-weight: 600; } field>name { font-size: 11px; } field>row { display: flex; } field>row>f { width: 100%; gap: 5px; align-items: flex-end; } field>row>f>d { width: 100%; position: relative; } field>row>f>s, field>row>f>a, field>row>f>x { all: unset; display: block; width: 38px; min-width: 38px; height: 38px; background: #444; cursor: pointer; box-sizing: content-box; box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%); border-radius: 10px; background-repeat: no-repeat; background-position: center; background-color: #fff; background-size: 16px; } field>row:first-child>f>x, field>name+row>f>x { opacity: .2; pointer-events: none; } field>row textarea, field>row input { padding: 10px 20px 10px 40px; height: 38px; border: 1px solid #e9eaea; border-radius: 8px; background-size: 20px; background-repeat: no-repeat; background-position: 10px center; width: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.363 5.652l1.48-1.48a2 2 0 012.829 0l1.414 1.414a2 2 0 010 2.828l-1.48 1.48m-4.243-4.242l-9.616 9.615a2 2 0 00-.578 1.238l-.242 2.74a1 1 0 001.084 1.085l2.74-.242a2 2 0 001.24-.578l9.615-9.616m-4.243-4.242l4.243 4.242'%3E%3C/path%3E%3C/svg%3E"); outline: none; } field>row textarea { height: 100px; background-position: 10px 10px; } field>row>f>a { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='12' y1='5' x2='12' y2='19'%3e%3c/line%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e"); } field>row>f>x { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e"); } field>row>f>s { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23555' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l3 3l3 -3'%3E%3C/path%3E%3Cpath d='M12 15v6'%3E%3C/path%3E%3Cpath d='M15 6l-3 -3l-3 3'%3E%3C/path%3E%3Cpath d='M12 3v6'%3E%3C/path%3E%3C/svg%3E"); cursor: grab; } field[type="date time"], field[type="date time double"] { display: flex; flex-direction: column; } row.inline pos>.mcDatepicker.inline, row.inline pos>.mcDatepicker.inline d.mcDatepickerTime { padding-left: 0; } field>row.require input { border-color: #f8b0b0; } d.wrapEditor { width: 800px; height: 700px; } doc>tool { display: flex; } doc { display: flex; flex-direction: column; gap: 10px; } doc>content { display: block; width: 100%; height: 100%; flex-grow: 1; } field>row d.openEditorBtn { font-size: 12px; font-weight: 600; background: #f4f7f8; border-radius: 8px; padding: 8px 16px; cursor: pointer; transition: .2s ease; align-items: center; display: flex; justify-content: center; text-align: center; user-select: none; } field>row d.openEditorBtn:hover { background: #111; color: #fff; } field[type="range"]>row>f>d>d, field[type="text double"]>row>f>d>d { position: relative; } field[type="date time"]>row.inline>f>d>name { position: static; padding-left: 0; } field.emailField input { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23aaa' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='4'%3e%3c/circle%3e%3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'%3e%3c/path%3e%3c/svg%3e"); background-size: 18px; } field[name="pass"] input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3'%3E%3C/path%3E%3Cpath d='M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6'%3E%3C/path%3E%3Cpath d='M12 11v2a14 14 0 0 0 2.5 8'%3E%3C/path%3E%3Cpath d='M8 15a18 18 0 0 0 1.8 6'%3E%3C/path%3E%3Cpath d='M4.9 19a22 22 0 0 1 -.9 -7v-1a8 8 0 0 1 12 -6.95'%3E%3C/path%3E%3C/svg%3E"); background-size: 18px; } field[type="select"]>row>name, field[type="slider"]>row>name { display: flex; gap: 7px; align-items: center; font-size: 10px; font-weight: 500; color: #a0a0a0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 25px); padding-left: 12px; } field[type="range"]>row>f>d>d>name, field[type="text double"]>row>f>d>d>name, field[type="date time"]>row>f>d>name, field[type="date time double"]>row>f>d>name, field[type="textarea"]>row>f>d>name, field[type="text"]>row>f>d>name, field[type="name"]>row>f>d>name, field[type="video"]>row>f>d>name, field[type="color"]>row>f>d>name, field[type="phone"]>row>f>d>name, field[type="alias"]>row>f>d>name, field[type="pass"]>row>f>d>name, field[type="email"]>row>f>d>name, field[type="number"]>row>f>d>name, field[type="range"]>row>f>d>name, field[type="datetime"]>row>f>d>name, field[type="password"]>row>f>d>name { font-size: 10px; position: absolute; top: -6px; left: 21px; padding: 0 10px; font-weight: 500; color: #a0a0a0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 25px); z-index: 1; line-height: 11px; display: flex; justify-content: flex-start; align-items: center; gap: 5px; } field[type="range"]>row>f>d>d>name:before, field[type="text double"]>row>f>d>d>name:before, field[type="date time"]>row>f>d>name:before, field[type="date time double"]>row>f>d>name:before, field[type="text"]>row>f>d>name:before, field[type="name"]>row>f>d>name:before, field[type="video"]>row>f>d>name:before, field[type="color"]>row>f>d>name:before, field[type="textarea"]>row>f>d>name:before, field[type="number"]>row>f>d>name:before, field[type="pass"]>row>f>d>name:before, field[type="alias"]>row>f>d>name:before, field[type="email"]>row>f>d>name:before, field[type="phone"]>row>f>d>name:before, field[type="range"]>row>f>d>name:before, field[type="datetime"]>row>f>d>name:before, field[type="password"]>row>f>d>name:before { content: ""; left: 0; bottom: 4px; position: absolute; background: #fff; height: 1px; width: 100%; z-index: -1; } field[type="range"]>row.require>f>d>d>name, field[type="text double"]>row.require>f>d>d>name, field[type="date time"]>row.require>f>d>name, field[type="date time double"]>row.require>f>d>name, field[type="text"]>row.require>f>d>name, field[type="name"]>row.require>f>d>name, field[type="video"]>row.require>f>d>name, field[type="color"]>row.require>f>d>name, field[type="number"]>row.require>f>d>name, field[type="pass"]>row.require>f>d>name, field[type="alias"]>row.require>f>d>name, field[type="email"]>row.require>f>d>name, field[type="phone"]>row.require>f>d>name, field[type="range"]>row.require>f>d>name, field[type="datetime"]>row.require>f>d>name, field[type="password"]>row.require>f>d>name { color: #e07f7f; } field[type="range"]>row, field[type="date time"]>row, field[type="date time double"]>row, field[type="text"]>row, field[type="name"]>row, field[type="video"]>row, field[type="color"]>row, field[type="number"]>row, field[type="pass"]>row, field[type="alias"]>row, field[type="email"]>row, field[type="phone"]>row, field[type="datetime"]>row, field[type="password"]>row { flex-direction: column; padding: 5px 0 0px 0; position: relative; } field[type="range"]>row { display: flex; gap: 10px; flex-direction: row; } field>f>d input::placeholder { color: #dcdcdc; } field[type="date time double"]>row, field[type="date time double"]>row>f>d input { width: 100%; } field[type="range"]>row>f>d input { width: 140px; } field[type="date time double"]>row>f>d { width: 50%; position: relative; } field[type="range"].col>row, field[type="date time double"].col>row { flex-direction: column; gap: 5px; } field[type="range"].col>row>d, field[type="date time double"].col>row>d { width: 100%; } field[type="date time"]>row input, field[type="date time double"]>row input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1.3' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z'%3E%3C/path%3E%3C/svg%3E"); } field[type="comp"]:hover>check:not(.a), field[type="check"]:hover>check:not(.a), field[type="radio"]:hover>radio:not(.a) { border: 2px solid #9c9c9c; } field[type="comp"], field[type="check"], field[type="radio"] { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; overflow: hidden; } field[type="comp"]>row, field[type="check"]>row, field[type="radio"]>row { display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; cursor: pointer; justify-content: flex-end; } field[type="comp"]>row:hover>check:not(.a), field[type="check"]>row:hover>check:not(.a), field[type="radio"]>row:hover>radio:not(.a) { border: 2px solid #9c9c9c; } d.tplFactory>d.template>d.groups>d.group { cursor: pointer; box-sizing: content-box; box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%); border-radius: 10px; background-repeat: no-repeat; background-position: center; background-color: #fff; background-size: 16px; display: flex; text-align: center; user-select: none; overflow: hidden; transition: background .3s ease; position: relative; align-items: stretch; } d.tplFactory>d.template>d.groups>d.group>.name { font-family: oswald; color: #585858; font-size: 14px; padding: 10px 5px 10px 15px; } d.tplFactory>d.template>d.groups>d.group>d:last-child { width: 24px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23aaa' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e"); background-size: 16px; background-repeat: no-repeat; background-position: center; transition: background .3s ease; min-width: 24px; } d.tplFactory>d.template>d.groups>d.group>d:last-child:hover { background-color: #f4f7f8; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23777' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e"); } d-field>d.tool>d.settings.a { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%233b9417' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e"); box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%); } d-field>d.tool>d.settings.r { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23b91c1c' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e"); box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%); } field>d input.max_text_length { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 10h2a2 2 0 0 1 2 2v5h-3a2 2 0 1 1 0 -4h3'%3E%3C/path%3E%3Cpath d='M19 7h-3a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h1a2 2 0 0 0 2 -2v-3a2 2 0 0 0 -2 -2h-3'%3E%3C/path%3E%3C/svg%3E"); } field input[type="number"]::-webkit-inner-spin-button, field input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: textfield; margin: 0; } field input[type="number"]::-webkit-inner-spin-button:after, field input[type="number"]::-webkit-outer-spin-button:after { content: ""; } fieldset vars { display: block; } fieldset var { all: unset; display: block; overflow: hidden; padding: 0; } fieldset var.set { transition: height .3s ease; } field row d.galleryField d.img.load, field row d.galleryField d.img.load * { pointer-events: none; } field row d.galleryField d.img.load>x { display: none; } field row d.galleryField d.img.load>img { opacity: .5; filter: blur(10px); } field row d.galleryField d.img.load:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23111' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E"); z-index: 5; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .ratingline { display: flex; gap: 0; min-width: max-content; } .ratingline .str { width: 20px; height: 20px; cursor: pointer; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23999%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.587%208.236l2.598-5.232a.911.911%200%20011.63%200l2.598%205.232%205.808.844a.902.902%200%2001.503%201.542l-4.202%204.07.992%205.75c.127.738-.653%201.3-1.32.952L12%2018.678l-5.195%202.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902%200%2001.503-1.54l5.808-.845z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 20px; background-repeat: no-repeat; background-position: center 5px; opacity: 1; padding: 10px 12px 25px 12px; } .ratingline .str.v { background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2016%22%20randcolor%3D%22set%22%20stroke%3D%22%23ffb700%22%20stroke-width%3D%221%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23ffb700%22%20d%3D%22M3.612%2015.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173%206.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927%200l2.184%204.327l4.898.696c.441.062.612.636.282.95l-3.522%203.356l.83%204.73c.078.443-.36.79-.746.592L8%2013.187l-4.389%202.256z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } .ratingline .str.a { background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2016%22%20randcolor%3D%22set%22%20stroke%3D%22%23ffb700%22%20stroke-width%3D%221%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23ffb700%22%20d%3D%22M3.612%2015.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173%206.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927%200l2.184%204.327l4.898.696c.441.062.612.636.282.95l-3.522%203.356l.83%204.73c.078.443-.36.79-.746.592L8%2013.187l-4.389%202.256z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } field[type="rating"] row .ratingline .str.a.v:hover~.a { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23bbb%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.27997%2018.65L5.84997%2016.18C5.97997%2015.6%205.74997%2014.79%205.32997%2014.37L2.84997%2011.89C1.38997%2010.43%201.85997%208.95001%203.89997%208.61001L7.08997%208.08001C7.61997%207.99001%208.25997%207.52002%208.49997%207.03001L10.26%203.51001C11.21%201.60001%2012.77%201.60001%2013.73%203.51001L15.49%207.03001C15.6%207.26001%2015.81%207.48001%2016.04%207.67001%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20.1%208.60999C22.14%208.94999%2022.62%2010.43%2021.15%2011.89L18.67%2014.37C18.25%2014.79%2018.02%2015.6%2018.15%2016.18L18.86%2019.25C19.42%2021.68%2018.13%2022.62%2015.98%2021.35L12.99%2019.58C12.45%2019.26%2011.56%2019.26%2011.01%2019.58L8.02002%2021.35%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M22%202L2%2022%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } field[type="bind"] d.bind { display: flex; flex-direction: column; position: relative; box-shadow: 0px 0px 0px 1px #f4f7f8; border-radius: 8px; overflow: hidden; } field[type="bind"] d.bind input { border: none; padding: 7px 10px 7px 46px; margin: 0; line-height: normal; font-family: montserrat; font-size: 14px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); background-size: 18px; background-repeat: no-repeat; background-position: 15px center; background-color: #f4f7f8; border-radius: 10px 10px 0px 0px; transition: all .25s ease, height 0s; width: 100%; } field[type="bind"] d.bind input:hover, field[type="bind"] d.bind input:focus { background-color: rgba(255, 255, 255, 1); box-shadow: 0 5px 25px -4px rgba(0, 0, 0, .08); } field[type="bind"] d.bind .vars::-webkit-scrollbar { width: 0; height: 0; } field[type="bind"] d.bind .choice .empty { color: #ccc; padding: 10px 0px; font-size: 13px; } field[type="bind"] d.bind .choice d.v { text-align: left; padding: 0px 10px 0px 10px; background-color: rgba(255, 255, 255, 1); font-weight: 600; font-size: 12px; box-shadow: 0 -2px 0px -1px #f4f7f8; display: flex; align-items: normal; justify-content: space-between; position: relative; max-width: 280px; align-items: center; } field[type="bind"] d.bind .choice d.v .n { color: #5e5e5e; padding: 8px 0; } field[type="bind"] d.bind .choice d.v x { display: block; min-width: 20px; min-height: 28px; background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23777%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.74%209l-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%2001-2.244%202.077H8.084a2.25%202.25%200%2001-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%2000-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%20013.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%2000-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%2000-7.5%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 16px; background-repeat: no-repeat; background-position: center; cursor: pointer; } field[type="bind"] d.bind .choice d.v x:hover { background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23cc0000%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.74%209l-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%2001-2.244%202.077H8.084a2.25%202.25%200%2001-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%2000-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%20013.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%2000-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%2000-7.5%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } field[type="bind"] d.bind input::placeholder { color: #ccc; font-size: 12px; } field[type="bind"] d.bind .choice { border: none; padding: 0; margin: 0; line-height: normal; font-family: montserrat; background-color: #f4f7f8; transition: all .25s ease, height 0s; width: 100%; font-size: 12px; text-align: center; font-weight: 500; box-shadow: 0 -2px 0px -1px #e7eced; max-width: 100%; } field[type="bind"].load * { pointer-events: none; } field[type="bind"].load>* { opacity: 0.2; filter: blur(2px); pointer-events: none; } field[type="bind"]:before { position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; display: block; z-index: 5; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23aaa' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E"); background-size: 50px; background-repeat: no-repeat; background-position: center; top: 24px; opacity: 0; pointer-events: none; transition: .5s; } field[type="bind"]>* { transition: .3s ease; opacity: 1; } field[type="bind"].load:before { opacity: 1; } field[type="bind"] d.bind .vars { border: none; padding: 0px; height: 0; margin: 0; width: 100%; background-color: rgba(255, 255, 255, 1); box-shadow: 0 5px 25px -4px rgba(0, 0, 0, .08); transition: height .3s ease; z-index: 5; overflow: auto; max-height: 200px; } field[type="bind"] d.bind .vars d.v { padding: 7px 15px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; box-shadow: 0px 2px 0px -1px #f5f5f5; height: 28px; font-weight: 500; color: #777; max-width: 280px; } field[type="bind"] d.bind .vars d.v:hover { background: #f4f7f8; } field[type="bind"] d.bind .vars d.v:last-child { box-shadow: none; } field[type="bind"] d.bind .choice d.v d.im img { width: 100%; height: 100%; object-fit: contain; object-position: center; } field[type="bind"] d.bind .choice d.v d.im { width: 40px; height: 40px; position: relative; overflow: hidden; min-width: 50px; min-height: 50px; margin-right: 5px; } field row d.imageField d.thumbs label { width: 70px; height: 70px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M4 8v-2a2 2 0 0 1 2 -2h2'%3E%3C/path%3E%3Cpath d='M4 16v2a2 2 0 0 0 2 2h2'%3E%3C/path%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cpath d='M16 20h2a2 2 0 0 0 2 -2v-2'%3E%3C/path%3E%3C/svg%3E"); } field row d.imageField d.thumbs { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; max-width: 230px; } field row d.imageField { display: flex; gap: 10px; align-items: flex-start; position: relative; } field row d.imageField d.name { font-size: 14px; color: #444; font-weight: 500; height: 18px; display: flex; align-items: center; justify-content: center; } field row d.imageField d.original { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 150px; text-align: center; } field row d.imageField d.size { font-size: 9px; color: #5eb73b; font-weight: 600; } d.imageField input[type="file"] { display: none; } field row d.imageField label img { max-width: 100%; } field row d.imageField label img[src=""] { display: none; } field row d.imageField d.thumbs d.name { font-size: 11px; } field row d.imageField d.thumbs d.tw { display: flex; flex-direction: column; gap: 5px; text-align: center; } field row d.imageField d label.set { background: #f4f7f8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23999' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5l0 14'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3C/svg%3E"); background-size: 19px; background-repeat: repeat; background-position: center; } field row d.imageField label { width: 100%; height: 150px; background-color: #f4f7f8; border-radius: 8px; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: 60%; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' stroke-width='.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z'%3E%3C/path%3E%3Cpath d='M13 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V10'%3E%3C/path%3E%3Cpath d='M15.75 5H21.25'%3E%3C/path%3E%3Cpath d='M18.5 7.75V2.25'%3E%3C/path%3E%3Cpath d='M2.67004 18.9501L7.60004 15.6401C8.39004 15.1101 9.53004 15.1701 10.24 15.7801L10.57 16.0701C11.35 16.7401 12.61 16.7401 13.39 16.0701L17.55 12.5001C18.33 11.8301 19.59 11.8301 20.37 12.5001L22 13.9001'%3E%3C/path%3E%3C/svg%3E"); display: block; max-height: 250px; } field row d.imageField .original label { cursor: pointer; } field row d.imageField d label.load:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100px; height: 100px; z-index: 5; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; } field row d.imageField d>label.set { height: auto; } field row d.imageField d label.load>img { opacity: .4; filter: blur(4px); transition: .5s; } field row d.imageField d label.load, field row d.imageField d label.load * { pointer-events: none; } field row d.imageField .original d.media { position: absolute; left: 5px; z-index: 5; border-radius: 8px; padding: 4px 4px; font-size: 8px; color: #fff; font-weight: 600; background: #ffffff; text-transform: uppercase; width: 25px; height: 25px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); background-size: 14px; background-repeat: no-repeat; background-position: center; box-shadow: 1px 1px 6px -4px #444; bottom: 5px; cursor: pointer; } field row d.imageField .original d.media:hover { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); } field row d.imageField .original d.del { position: absolute; right: 5px; z-index: 5; border-radius: 5px; padding: 4px 4px; font-size: 8px; color: #fff; font-weight: 600; background: #ffffff; text-transform: uppercase; width: 25px; height: 25px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='3 6 5 6 21 6'%3e%3c/polyline%3e%3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3e%3c/path%3e%3c/svg%3e"); background-size: 14px; background-repeat: no-repeat; background-position: center; box-shadow: 1px 1px 6px -4px #444; bottom: 5px; cursor: pointer; display: none; } field row d.imageField .original d.del:hover { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='3 6 5 6 21 6'%3e%3c/polyline%3e%3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3e%3c/path%3e%3c/svg%3e"); } field row d.imageField .original label.set~d.del { display: block; } field row d.imageField d label.load l { width: 0; position: absolute; bottom: 0px; height: 2px; left: 0; background: #111111; display: none; z-index: 10; } field row d.imageField d label.load c { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; text-align: center; justify-content: center; align-items: center; color: #fff; font-size: 10px; font-weight: 600; z-index: 5; } field row d.imageField d label.load l { display: block; } field row d.imageField d label.load c { display: flex; } field row d.galleryField d.img.load c { display: flex; } field row d.imageField d label.load c { color: #444; } field row d.imageField d label.load { background: #fff; } field row d.imageField d label.load:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23111' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E"); z-index: 5; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } field row d.videoField d.thumbs label { width: 70px; height: 70px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M4 8v-2a2 2 0 0 1 2 -2h2'%3E%3C/path%3E%3Cpath d='M4 16v2a2 2 0 0 0 2 2h2'%3E%3C/path%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cpath d='M16 20h2a2 2 0 0 0 2 -2v-2'%3E%3C/path%3E%3C/svg%3E"); } field row d.videoField d.thumbs { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; max-width: 230px; } field row d.videoField { display: flex; gap: 10px; align-items: flex-start; position: relative; } field row d.videoField d.name { font-size: 14px; color: #444; font-weight: 500; height: 18px; display: flex; align-items: center; justify-content: center; } field row d.videoField d.original { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 150px; text-align: center; } field row d.videoField d.size { font-size: 9px; color: #5eb73b; font-weight: 600; } d.videoField input[type="file"] { display: none; } field row d.videoField label img { max-width: 100%; } field row d.videoField label img[src=""] { display: none; } field row d.videoField d.thumbs d.name { font-size: 11px; } field row d.videoField d.thumbs d.tw { display: flex; flex-direction: column; gap: 5px; text-align: center; } field row d.videoField d label.set { background: #f4f7f8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23999' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5l0 14'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3C/svg%3E"); background-size: 19px; background-repeat: repeat; background-position: center; } field row d.videoField label { width: 100%; height: 150px; background-color: #f4f7f8; border-radius: 8px; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: 60%; background-position: center; display: block; max-height: 250px; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23ccc%22%20stroke-width%3D%22.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22%2015V9C22%204%2020%202%2015%202H9C4%202%202%204%202%209V15C2%2020%204%2022%209%2022H15C20%2022%2022%2020%2022%2015Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2.52002%207.11011H21.48%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.52002%202.11011V6.97011%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15.48%202.11011V6.52011%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.75%2014.4501V13.2501C9.75%2011.7101%2010.84%2011.0801%2012.17%2011.8501L13.21%2012.4501L14.25%2013.0501C15.58%2013.8201%2015.58%2015.0801%2014.25%2015.8501L13.21%2016.4501L12.17%2017.0501C10.84%2017.8201%209.75%2017.1901%209.75%2015.6501V14.4501V14.4501Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } field row d.videoField .original label { cursor: pointer; } field row d.videoField d label.load:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100px; height: 100px; z-index: 5; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; } field row d.videoField d>label.set { height: auto; } field row d.videoField d label.load>img { opacity: .4; filter: blur(4px); transition: .5s; } field row d.videoField d label.load, field row d.videoField d label.load * { pointer-events: none; } field row d.videoField .original d.media { position: absolute; left: 5px; z-index: 5; border-radius: 8px; padding: 4px 4px; font-size: 8px; color: #fff; font-weight: 600; background: #ffffff; text-transform: uppercase; width: 25px; height: 25px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); background-size: 14px; background-repeat: no-repeat; background-position: center; box-shadow: 1px 1px 6px -4px #444; bottom: 5px; cursor: pointer; } field row d.videoField .original d.media:hover { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); } field row d.videoField .original d.del { position: absolute; right: 5px; z-index: 5; border-radius: 5px; padding: 4px 4px; font-size: 8px; color: #fff; font-weight: 600; background: #ffffff; text-transform: uppercase; width: 25px; height: 25px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='3 6 5 6 21 6'%3e%3c/polyline%3e%3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3e%3c/path%3e%3c/svg%3e"); background-size: 14px; background-repeat: no-repeat; background-position: center; box-shadow: 1px 1px 6px -4px #444; bottom: 5px; cursor: pointer; display: none; } field row d.videoField .original d.del:hover { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='3 6 5 6 21 6'%3e%3c/polyline%3e%3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3e%3c/path%3e%3c/svg%3e"); } field row d.videoField .original label.set~d.del { display: block; } field row d.videoField d label.load l { width: 0; position: absolute; bottom: 0px; height: 2px; left: 0; background: #111111; display: none; z-index: 10; } field row d.videoField d label.load c { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; text-align: center; justify-content: center; align-items: center; color: #fff; font-size: 10px; font-weight: 600; z-index: 5; } field row d.videoField d label.load l { display: block; } field row d.videoField d label.load c { display: flex; } field row d.galleryField d.img.load c { display: flex; } field row d.videoField d label.load c { color: #444; } field row d.videoField d label.load { background: #fff; } field row d.videoField d label.load:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23111' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E"); z-index: 5; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } d.timeline { display: flex; gap: 10px; } d.timeline d.date { min-width: 400px; } d.timeline d.date field.timeline_date { width: 100%; } d.timeline d.date field.timeline_date d.mcDatepicker { width: 100%; } d.timeline d.intrs { display: flex; flex-direction: row; flex-wrap: wrap; height: 340px; overflow-y: auto; min-width: 100%; max-width: 100%; gap: 1px; justify-content: space-between; } d.timeline d.intrs d.in { padding: 10px 0px; min-width: 65px; width: calc(33% - 1px); border-bottom: 1px solid #dde4e7; border-radius: 3px; cursor: pointer; display: flex; justify-content: center; align-items: center; } d.timeline d.intrs d.in:hover { background: #eef6f9; } d.timeline d.intrs d.in.a { background: #222 !important; color: #fff !important; } d.timeline d.date field.timeline_date, d.timeline d.date field.timeline_date row.inline, d.timeline d.date field.timeline_date row.inline d.mcDatepicker { padding-top: 0 !important; } d.timeline d.intrs d.d.in { pointer-events: none; background: #f0f0f0 !important; opacity: .5; cursor: default !important; } d.timeline .mcDatepickerBodyCells.days { grid-auto-rows: 50px; } d.timeline d.title { text-align: center; font-weight: 500; font-size: 19px; } d.timeline .mcDatepickerCell { margin: 1px; } field[name="timeline"] { min-height: 450px; } field[type="stock"] d.stock d.choice > d.v d.s { background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23222%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2248%22%20height%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%206.75a.75.75%200%20110-1.5.75.75%200%20010%201.5zM12%2012.75a.75.75%200%20110-1.5.75.75%200%20010%201.5zM12%2018.75a.75.75%200%20110-1.5.75.75%200%20010%201.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); display: block; min-width: 30px; min-height: 30px; background-size: 24px; background-repeat: no-repeat; background-position: left bottom 18px; cursor: pointer; opacity: .5; } field[type="stock"] d.stock d.choice {} field[type="stock"] d.stock d.choice d.name { padding: 5px 10px 5px 10px; color: #b5b5b5; font-weight: 500; font-size: 12px; background: #ffffff; width: max-content; width: -moz-max-content; margin-bottom: 5px; border-radius: 8px; max-width: 100%; } field[type="stock"] d.stock d.choice d.cols { display: flex; gap: 5px; } field[type="stock"] d.stock d.choice d.cols d.item { background: #fff; padding: 0; border-radius: 8px; position: relative; width: 100%; } field[type="stock"] d.stock d.choice d.cols d.item d.np { font-size: 10px; font-weight: 600; color: #b5b5b5; position: absolute; left: 0; top: 2px; right: 0; margin: auto; width: max-content; width: -moz-max-content; } field[type="stock"] d.stock d.choice d.cols d.item input[type="text"] { background: unset; padding: 16px 5px 8px 5px; text-align: center; font-size: 13px; font-weight: 500; color: #444; } field[type="stock"] d.stock d.choice > d.v { padding: 0px 10px 0px 10px; background: unset; width: 100%; max-width: 100%; background: #f4f7f8; } field[type="stock"] d.mc-sortable-placeholder { visibility: unset!important; opacity: 1!important; display: block!important; height: 40px!important; border-radius: 8px!important; background: #e7eced!important; } field[type="stock"] d.stock d.choice > d.v x { min-width: 26px; background-position: right bottom 22px; } field[type="stock"] d.stock, field[type="elector"] d.elector { display: flex; flex-direction: column; position: relative; box-shadow: 0px 0px 0px 1px #f4f7f8; border-radius: 8px; overflow: hidden; } field[type="stock"] d.stock input, field[type="elector"] d.elector input { border: none; padding: 7px 10px 7px 46px; margin: 0; line-height: normal; font-family: montserrat; font-size: 14px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); background-size: 18px; background-repeat: no-repeat; background-position: 15px center; background-color: #f4f7f8; border-radius: 10px 10px 0px 0px; transition: all .25s ease, height 0s; width: 100%; } field[type="stock"] d.stock input:hover, field[type="stock"] d.stock input:focus, field[type="elector"] d.elector input:hover, field[type="elector"] d.elector input:focus { background-color: rgba(255, 255, 255, 1); box-shadow: 0 5px 25px -4px rgba(0, 0, 0, .08); } field[type="stock"] d.stock .vars::-webkit-scrollbar, field[type="elector"] d.elector .vars::-webkit-scrollbar { width: 0; height: 0; } field[type="stock"] d.stock .choice .empty, field[type="elector"] d.elector .choice .empty { color: #ccc; padding: 10px 0px; font-size: 13px; } field[type="stock"] d.stock .choice d.v, field[type="elector"] d.elector .choice d.v { text-align: left; padding: 0px 10px 0px 28px; background-color: rgba(255, 255, 255, 1); font-weight: 600; font-size: 12px; box-shadow: 0 -2px 0px -1px #f4f7f8; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23999%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2013l4%204L19%207%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 17px; background-repeat: no-repeat; background-position: 5px center; display: flex; align-items: normal; justify-content: space-between; position: relative; } field[type="stock"] d.stock .choice d.v .n, field[type="elector"] d.elector .choice d.v .n { color: #5e5e5e; padding: 8px 0; } field[type="stock"] d.stock .choice d.v x, field[type="elector"] d.elector .choice d.v x { display: block; min-width: 20px; min-height: 28px; background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23777%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.74%209l-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%2001-2.244%202.077H8.084a2.25%202.25%200%2001-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%2000-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%20013.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%2000-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%2000-7.5%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 16px; background-repeat: no-repeat; background-position: center; cursor: pointer; } field[type="stock"] d.stock .choice d.v x:hover, field[type="elector"] d.elector .choice d.v x:hover { background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23cc0000%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.74%209l-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%2001-2.244%202.077H8.084a2.25%202.25%200%2001-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%2000-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%20013.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%2000-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%2000-7.5%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } field[type="stock"] d.stock input::placeholder, field[type="elector"] d.elector input::placeholder { color: #ccc; font-size: 12px; } field[type="stock"] d.stock .choice, field[type="elector"] d.elector .choice { border: none; padding: 0; margin: 0; line-height: normal; font-family: montserrat; background-color: #f4f7f8; transition: all .25s ease, height 0s; width: 100%; font-size: 12px; text-align: center; font-weight: 500; box-shadow: 0 -2px 0px -1px #e7eced; max-width: 100%; } field[type="stock"].load *, field[type="elector"].load * { pointer-events: none; } field[type="stock"].load>*, field[type="elector"].load>* { opacity: 0.2; filter: blur(2px); pointer-events: none; } field[type="stock"]:before, field[type="elector"]:before { position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; display: block; z-index: 5; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23aaa' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E"); background-size: 50px; background-repeat: no-repeat; background-position: center; top: 24px; opacity: 0; pointer-events: none; transition: .5s; } field[type="stock"]>*, field[type="elector"]>* { transition: .3s ease; opacity: 1; } field[type="stock"].load:before, field[type="elector"].load:before { opacity: 1; } field[type="stock"] d.stock .vars, field[type="elector"] d.elector .vars { border: none; padding: 0px; height: 0; margin: 0; width: 100%; background-color: rgba(255, 255, 255, 1); box-shadow: 0 5px 25px -4px rgba(0, 0, 0, .08); transition: height .3s ease; z-index: 5; overflow: auto; max-height: 200px; } field[type="stock"] d.stock .vars d.v, field[type="elector"] d.elector .vars d.v { padding: 7px 15px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; box-shadow: 0px 2px 0px -1px #f5f5f5; height: 28px; font-weight: 500; color: #777; max-width: 800px; } field[type="stock"] d.stock .choice d.v .n { width: 100%; } fieldset[name="seo"] { min-width: 400px; } field[type="stock"] d.stock .vars d.v:hover, field[type="elector"] d.elector .vars d.v:hover { background: #f4f7f8; } field[type="stock"] d.stock .vars d.v:last-child, field[type="elector"] d.elector .vars d.v:last-child { box-shadow: none; } field[type="cliprows"] d.cliprows d.сlpitem { display: flex; width: max-content; background: #f4f7f8; } field[type="cliprows"] d.cliprows d.сlpitem d.img img:before { content: ""; width: 100%; height: 100%; background-color: #f4f7f8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' stroke-width='.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z'%3E%3C/path%3E%3Cpath d='M13 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V10'%3E%3C/path%3E%3Cpath d='M15.75 5H21.25'%3E%3C/path%3E%3Cpath d='M18.5 7.75V2.25'%3E%3C/path%3E%3Cpath d='M2.67004 18.9501L7.60004 15.6401C8.39004 15.1101 9.53004 15.1701 10.24 15.7801L10.57 16.0701C11.35 16.7401 12.61 16.7401 13.39 16.0701L17.55 12.5001C18.33 11.8301 19.59 11.8301 20.37 12.5001L22 13.9001'%3E%3C/path%3E%3C/svg%3E"); display: block; background-position: center; background-size: 32px; background-repeat: no-repeat; } field[type="cliprows"] d.cliprows d.сlpitem d.img { position: relative; height: 40px; width: 50px; } field[type="cliprows"] d.cliprows d.сlpitem d.img img { width: 100%; height: 100%; object-fit: cover; display: block; inset: 0; margin: auto; position: absolute; scale: .9; border-radius: 4px; } field[type="cliprows"] d.cliprows d.сlpitem d.id { padding: 8px 6px; min-width: 32px; font-weight: 700; font-size: 9px; display: flex; justify-content: center; align-items: center; border-right: 1px solid #e9e9e9; } field[type="cliprows"] d.cliprows d.сlpitem d.edit:hover, field[type="cliprows"] d.cliprows d.сlpitem d.remove:hover { background-color: #e3e6e7; } field[type="cliprows"] d.cliprows d.сlpitem d.name { padding: 8px 6px; text-align: left; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; justify-content: flex-start; align-items: center; } field[type="cliprows"] d.cliprows d.сlpitem d.edit,field[type="cliprows"] d.cliprows d.сlpitem d.remove { cursor: pointer; width: 32px; height: 32px; background-size: 16px; background-repeat: no-repeat; background-position: center; } field[type="cliprows"] d.cliprows d.сlpitem d.edit { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11%202H9C4%202%202%204%202%209V15C2%2020%204%2022%209%2022H15C20%2022%2022%2020%2022%2015V13%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16.04%203.02001L8.16%2010.9C7.86%2011.2%207.56%2011.79%207.5%2012.22L7.07%2015.23C6.91%2016.32%207.68%2017.08%208.77%2016.93L11.78%2016.5C12.2%2016.44%2012.79%2016.14%2013.1%2015.84L20.98%207.96001C22.34%206.60001%2022.98%205.02001%2020.98%203.02001C18.98%201.02001%2017.4%201.66001%2016.04%203.02001Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14.91%204.1499C15.58%206.5399%2017.45%208.4099%2019.85%209.0899%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } field[type="cliprows"] d.cliprows d.сlpitem d.remove { background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%2018L18%206M6%206l12%2012%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 22px; } field[type="cliprows"] d.cliprows { display: flex; flex-direction: row; position: relative; border-radius: 8px; overflow: hidden; gap: 5px; } field[type="cliprows"] d.cliprows > d.addnew { width: 32px; height: auto; background: #f4f7f8; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%2012H18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%2018V6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 17px; background-repeat: no-repeat; background-position: center; border-radius: 8px 8px 0px 0px; cursor: pointer; transition: .2s; } field[type="cliprows"] d.cliprows > d.addnew:hover { background-color: #e6eaec; } field[type="cliprows"] d.cliprows input { border: none; padding: 7px 10px 7px 46px; margin: 0; line-height: normal; font-family: montserrat; font-size: 14px; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e"); background-size: 18px; background-repeat: no-repeat; background-position: 15px center; background-color: #f4f7f8; border-radius: 10px 10px 0px 0px; transition: all .25s ease, height 0s; width: 100%; } field[type="cliprows"] d.cliprows input:hover, field[type="cliprows"] d.cliprows input:focus { background-color: rgba(255, 255, 255, 1); box-shadow: 0 5px 25px -4px rgba(0, 0, 0, .08); } field[type="cliprows"] d.cliprows .vars::-webkit-scrollbar { width: 0; height: 0; } field[type="cliprows"] d.cliprows .choice .empty { color: #ccc; padding: 10px 0px; font-size: 13px; } field[type="cliprows"] d.cliprows .choice d.v { text-align: left; padding: 0px 10px 0px 28px; background-color: rgba(255, 255, 255, 1); font-weight: 600; font-size: 12px; box-shadow: 0 -2px 0px -1px #f4f7f8; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23999%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2013l4%204L19%207%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 17px; background-repeat: no-repeat; background-position: 5px center; display: flex; align-items: normal; justify-content: space-between; position: relative; max-width: 280px; } field[type="cliprows"] d.cliprows .choice d.v .n { color: #5e5e5e; padding: 8px 0; } field[type="cliprows"] d.cliprows .choice d.v x { display: block; min-width: 20px; min-height: 28px; background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23777%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.74%209l-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%2001-2.244%202.077H8.084a2.25%202.25%200%2001-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%2000-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%20013.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%2000-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%2000-7.5%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 16px; background-repeat: no-repeat; background-position: center; cursor: pointer; } field[type="cliprows"] d.cliprows .choice d.v x:hover { background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23cc0000%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.74%209l-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%2001-2.244%202.077H8.084a2.25%202.25%200%2001-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%2000-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%20013.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%2000-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%2000-7.5%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } field[type="cliprows"] d.cliprows input::placeholder { color: #ccc; font-size: 12px; } field[type="cliprows"] d.cliprows .choice { border: none; padding: 0; margin: 0; line-height: normal; font-family: montserrat; background-color: #f4f7f8; transition: all .25s ease, height 0s; width: 100%; font-size: 12px; text-align: center; font-weight: 500; box-shadow: 0 -2px 0px -1px #e7eced; max-width: 100%; } field[type="cliprows"].load * { pointer-events: none; } field[type="cliprows"].load>* { opacity: 0.2; filter: blur(2px); pointer-events: none; } field[type="cliprows"]:before { position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; display: block; z-index: 5; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23aaa' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E"); background-size: 50px; background-repeat: no-repeat; background-position: center; top: 24px; opacity: 0; pointer-events: none; transition: .5s; } field[type="cliprows"]>* { transition: .3s ease; opacity: 1; } field[type="cliprows"].load:before { opacity: 1; } field[type="cliprows"] d.cliprows .vars { border: none; padding: 0px; height: 0; margin: 0; width: 100%; background-color: rgba(255, 255, 255, 1); box-shadow: 0 5px 25px -4px rgba(0, 0, 0, .08); transition: height .3s ease; z-index: 5; overflow: auto; max-height: 200px; } field[type="cliprows"] d.cliprows .vars d.v { padding: 7px 15px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; box-shadow: 0px 2px 0px -1px #f5f5f5; height: 28px; font-weight: 500; color: #777; max-width: 280px; } field[type="cliprows"] d.cliprows .vars d.v:hover { background: #f4f7f8; } field[type="cliprows"] d.cliprows .vars d.v:last-child { box-shadow: none; } field[type="cliprows"] d.cliprows .choice.load { width: 100%; height: 28px; display: inline-block; background: rgb(244 247 248); overflow: hidden; margin-top: 5px; border: none; position: relative; border-radius: 0px 0px 8px 8px; } field[type="cliprows"] d.cliprows .choice.load::after { content: ''; width: 50%; height: 28px; background: #e6ebed; position: absolute; top: 0; left: 0; box-sizing: border-box; animation: hitZak .4s linear infinite alternate; } @keyframes hitZak { 0% {left: 0;transform: translateX(-1%);} 100% {left: 100%;transform: translateX(-99%);} } d.pictureField input[type="file"] { display: none; } d.pictureField > d.header { display: flex; gap: 10px; width: 100%; padding: 5px 10px; background: #eff3f7; border-radius: 6px; font-size: 10px; font-weight: 500; } d.pictureField { display: flex; flex-direction: column; gap: 8px; min-width: 440px; } d.pictureField > d.items { display: flex; flex-direction: column; gap: 10px; } d.pictureField > d.header * { color: #8ea0ae; } d.pictureField > d.items { display: flex; flex-direction: column; gap: 10px; } d.pictureField > d.items > d.item { display: flex; gap: 10px; align-items: flex-end; min-width: 385px; position: relative; } d.pictureField > d.items > d.item:not(:first-child) d.header { display: none!important; } d.pictureField > d.items > d.item:not(:first-child) d.picture { width: 82px; min-width: 82px; max-width: 82px; } d.pictureField > d.items > d.item > d.picture { display: flex; flex-direction: column; gap: 5px; width: 200px; min-width: 200px; } field[type="picture"] { width: max-content!important; } d.pictureField > d.items > d.item > d.picture > d.header { display: flex; gap: 10px; width: 100%; font-size: 10px; font-weight: 500; justify-content: flex-end; position: absolute; } d.pictureField > d.items > d.item > d.picture > label { display: flex; flex-direction: column; width: 100%; border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 0px 1px #e4e9ed; cursor: pointer; height: 100%; } d.pictureField > d.items > d.item > d.picture > label > img { width: 100%; height: auto; border-radius: 8px; min-height: 60px; } d.pictureField > d.items > d.item > d.picture > d.header * { color: #abb0b4; padding: 5px 0px; } d.pictureField > d.items.vars > d.item { display: flex!important; } d.pictureField > d.items > d.item > d.picture > d.header d.tinify.none { background-image:url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14%2010v-.2a1.8%201.8%200%200%200%20-1.8%20-1.8h-.4a1.8%201.8%200%200%200%20-1.8%201.8v4.4a1.8%201.8%200%200%200%201.8%201.8h.4a1.8%201.8%200%200%200%201.8%20-1.8v-.2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%203m0%203a3%203%200%200%201%203%20-3h12a3%203%200%200%201%203%203v12a3%203%200%200%201%20-3%203h-12a3%203%200%200%201%20-3%20-3z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-color: #cc0000; } d.pictureField > d.items > d.item > d.picture > d.header d.tinify { background-image:url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23999%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14%2010v-.2a1.8%201.8%200%200%200%20-1.8%20-1.8h-.4a1.8%201.8%200%200%200%20-1.8%201.8v4.4a1.8%201.8%200%200%200%201.8%201.8h.4a1.8%201.8%200%200%200%201.8%20-1.8v-.2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%203m0%203a3%203%200%200%201%203%20-3h12a3%203%200%200%201%203%203v12a3%203%200%200%201%20-3%203h-12a3%203%200%200%201%20-3%20-3z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } d.pictureField > d.items > d.item > d.picture > d.header d.vars { background-image:url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23999%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%2010h16%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2014h16%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9%2018l3%203l3%20-3%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9%206l3%20-3l3%203%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } d.pictureField > d.items > d.item > d.picture > d.header d.b.del { background-image: url("data:image/svg+xml, %3Csvg%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23999%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22css-i6dzq1%22%20randcolor%3D%22set%22%20width%3D%2248%22%20height%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%09%09%09%09%09%09%09%09%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%0A%09%09%09%09%09%09%09%09%09%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%0A%09%09%09%09%09%09%09%09%3C%2Fsvg%3E"); } d.pictureField > d.items > d.item > d.picture > d.header d.tinify, d.pictureField > d.items > d.item > d.picture > d.header d.vars, d.pictureField > d.items > d.item > d.picture > d.header d.b { background-color: #eff3f7; border-radius: 6px; padding: 5px 10px; background-size: 12px; background-repeat: no-repeat; background-position: center; transition: .2s; cursor: pointer; } d.pictureField > d.items > d.item > d.picture > d.header d.min { color: #555; padding: 5px 10px 5px 28px; border-radius: 4px; font-weight: 600; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23888%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%203c7.2%200%209%201.8%209%209s-1.8%209%20-9%209s-9%20-1.8%20-9%20-9s1.8%20-9%209%20-9z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%208v4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%2016h.01%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 20px; background-position: 0px center; background-repeat: no-repeat; } d.pictureField > d.items > d.item:not(:last-child) { border-bottom: 1px solid #e4e9ed; margin-bottom: 10px; padding-bottom: 20px; } d.pictureField > d.items > d.item:not(:first-child) { display: none; } d.pictureField > d.items > d.item > d.picture > d.header d.b:hover { background-color: #e0e5eb; } d.pictureField > d.items > d.item > d.picture > label > img[src=""] { height: 100%; min-height: 120px; } d.pictureField > d.items > d.item > d.picture > label > img[src=""]::before { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23e4e9ed%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2248%22%20height%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%208h.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%206a3%203%200%200%201%203%20-3h12a3%203%200%200%201%203%203v12a3%203%200%200%201%20-3%203h-12a3%203%200%200%201%20-3%20-3v-12z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2016l5%20-5c.928%20-.893%202.072%20-.893%203%200l5%205%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%2014l1%20-1c.928%20-.893%202.072%20-.893%203%200l3%203%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 48px; } d.pictureField > d.items > d.item > d.thumbs { display: flex; gap: 10px; } d.pictureField > d.items > d.item > d.thumbs > d.thumb { width: 82px; position: relative; } d.pictureField > d.items > d.item > d.thumbs > d.thumb d.name { font-size: 10px; font-weight: 600; padding: 5px 10px; position: absolute; left: 5px; top: 5px; background: #eff3f7; z-index: 2; border-radius: 6px; color: #8c9497; } d.pictureField > d.items > d.item > d.thumbs > d.thumb d.img { position: relative; z-index: 1; display: flex; flex-direction: column; width: 100%; border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 0px 1px #e4e9ed; min-height: 32px; height: 100%; } d.pictureField > d.items > d.item > d.thumbs > d.thumb d.img img { height: 100%; min-height: 60px; width: 100%; } d.pictureField > d.items > d.item > d.thumbs > d.thumb d.img img[src=""] { width: 100%; aspect-ratio: 1/1; } d.pictureField > d.items > d.item > d.thumbs > d.thumb d.img img[src=""]::before { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23e4e9ed%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2248%22%20height%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%208h.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%206a3%203%200%200%201%203%20-3h12a3%203%200%200%201%203%203v12a3%203%200%200%201%20-3%203h-12a3%203%200%200%201%20-3%20-3v-12z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2016l5%20-5c.928%20-.893%202.072%20-.893%203%200l5%205%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%2014l1%20-1c.928%20-.893%202.072%20-.893%203%200l3%203%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 28px; } d.pictureField > d.items > d.item > d.scale1x { font-size: 10px; font-weight: 600; padding: 5px 10px; position: absolute; left: 5px; top: 5px; background: #eff3f7; z-index: 4; border-radius: 6px; color: #8c9497; } d.pictureField.waiting * { pointer-events: none; } d.pictureField d.load.a { position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; background: rgb(255 255 255 / 90%); z-index: 7; scale: 1.01; } d.pictureField d.load.a d.prec { position: absolute; inset: 0; margin: auto; width: max-content; height: max-content; font-size: 30px; font-weight: 900; color: #111; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; } .ratingline d.str.negative { background-image: url("data:image/svg+xml,%3Csvg stroke='%23999' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' randcolor='set' width='48' height='48' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M7.5 15h2.25m8.024-9.75c.011.05.028.1.052.148.591 1.2.924 2.55.924 3.977a8.96 8.96 0 01-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398C20.613 14.547 19.833 15 19 15h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 00.303-.54m.023-8.25H16.48a4.5 4.5 0 01-1.423-.23l-3.114-1.04a4.5 4.5 0 00-1.423-.23H6.504c-.618 0-1.217.247-1.605.729A11.95 11.95 0 002.25 12c0 .434.023.863.068 1.285C2.427 14.306 3.346 15 4.372 15h3.126c.618 0 .991.724.725 1.282A7.471 7.471 0 007.5 19.5a2.25 2.25 0 002.25 2.25.75.75 0 00.75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 002.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384'%3E%3C/path%3E%3C/svg%3E"); } .ratingline d.str.negative.v:hover { background-image: url("data:image/svg+xml,%3Csvg stroke='%23cf1433' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' randcolor='set' width='48' height='48' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M7.5 15h2.25m8.024-9.75c.011.05.028.1.052.148.591 1.2.924 2.55.924 3.977a8.96 8.96 0 01-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398C20.613 14.547 19.833 15 19 15h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 00.303-.54m.023-8.25H16.48a4.5 4.5 0 01-1.423-.23l-3.114-1.04a4.5 4.5 0 00-1.423-.23H6.504c-.618 0-1.217.247-1.605.729A11.95 11.95 0 002.25 12c0 .434.023.863.068 1.285C2.427 14.306 3.346 15 4.372 15h3.126c.618 0 .991.724.725 1.282A7.471 7.471 0 007.5 19.5a2.25 2.25 0 002.25 2.25.75.75 0 00.75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 002.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384'%3E%3C/path%3E%3C/svg%3E"); } .ratingline d.str.negative.a { background-image: url("data:image/svg+xml,%3Csvg stroke='%23cf1433' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' randcolor='set' width='48' height='48' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M7.5 15h2.25m8.024-9.75c.011.05.028.1.052.148.591 1.2.924 2.55.924 3.977a8.96 8.96 0 01-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398C20.613 14.547 19.833 15 19 15h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 00.303-.54m.023-8.25H16.48a4.5 4.5 0 01-1.423-.23l-3.114-1.04a4.5 4.5 0 00-1.423-.23H6.504c-.618 0-1.217.247-1.605.729A11.95 11.95 0 002.25 12c0 .434.023.863.068 1.285C2.427 14.306 3.346 15 4.372 15h3.126c.618 0 .991.724.725 1.282A7.471 7.471 0 007.5 19.5a2.25 2.25 0 002.25 2.25.75.75 0 00.75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 002.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384'%3E%3C/path%3E%3C/svg%3E"); } .ratingline d.str.negative.v, .ratingline d.str.negative.o { background-image: url("data:image/svg+xml,%3Csvg stroke='%23ddd' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' randcolor='set' width='48' height='48' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M7.5 15h2.25m8.024-9.75c.011.05.028.1.052.148.591 1.2.924 2.55.924 3.977a8.96 8.96 0 01-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398C20.613 14.547 19.833 15 19 15h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 00.303-.54m.023-8.25H16.48a4.5 4.5 0 01-1.423-.23l-3.114-1.04a4.5 4.5 0 00-1.423-.23H6.504c-.618 0-1.217.247-1.605.729A11.95 11.95 0 002.25 12c0 .434.023.863.068 1.285C2.427 14.306 3.346 15 4.372 15h3.126c.618 0 .991.724.725 1.282A7.471 7.471 0 007.5 19.5a2.25 2.25 0 002.25 2.25.75.75 0 00.75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 002.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384'%3E%3C/path%3E%3C/svg%3E")!important; } field[name="stock"] { min-width: 350px; } field.require:after { content: "*"; color: #ccc; font-size: 12px; font-weight: 500; inset: initial; position: absolute; left: -10px; top: 0px; bottom: 0px; margin: auto 0; opacity: 1; width: 4px; height: 20px; display: flex; justify-content: center; align-items: center; line-height: 0; text-align: center; } field.require.empty:after { color: #de123c; font-size: 20px; font-weight: 500; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23de123c%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2019v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%2015v-10%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); content: ""; background-size: 24px; background-repeat: no-repeat; background-position: center; } ps op.d-field.bulb d.name, d-field[type="bulb"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.json d.name, d-field[type="json"]>d.type { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2248%22%20height%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%2016v-8l3%208v-8%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%208a2%202%200%200%201%202%202v4a2%202%200%201%201%20-4%200v-4a2%202%200%200%201%202%20-2z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M1%208h3v6.5a1.5%201.5%200%200%201%20-3%200v-.5%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7%2015a1%201%200%200%200%201%201h1a1%201%200%200%200%201%20-1v-2a1%201%200%200%200%20-1%20-1h-1a1%201%200%200%201%20-1%20-1v-2a1%201%200%200%201%201%20-1h1a1%201%200%200%201%201%201%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } ps op.d-field.set d.name, d-field[type="set"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 3h-4a2 2 0 0 0 -2 2v12a4 4 0 0 0 8 0v-12a2 2 0 0 0 -2 -2'%3E%3C/path%3E%3Cpath d='M13 7.35l-2 -2a2 2 0 0 0 -2.828 0l-2.828 2.828a2 2 0 0 0 0 2.828l9 9'%3E%3C/path%3E%3Cpath d='M7.3 13h-2.3a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h12'%3E%3C/path%3E%3Cpath d='M17 17l0 .01'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.info d.name, d-field[type="info"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9h.01'%3E%3C/path%3E%3Cpath d='M11 12h1v4h1'%3E%3C/path%3E%3Cpath d='M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.published d.name, d-field[type="published"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.name d.name, d-field[type="name"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 18v-8l-2 2'%3E%3C/path%3E%3Cpath d='M4 6v12'%3E%3C/path%3E%3Cpath d='M12 6v12'%3E%3C/path%3E%3Cpath d='M11 18h2'%3E%3C/path%3E%3Cpath d='M3 18h2'%3E%3C/path%3E%3Cpath d='M4 12h8'%3E%3C/path%3E%3Cpath d='M3 6h2'%3E%3C/path%3E%3Cpath d='M11 6h2'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.parent d.name, d-field[type="parent"]>d.type { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='21' y1='6' x2='3' y2='6'%3e%3c/line%3e%3cline x1='17' y1='10' x2='3' y2='10'%3e%3c/line%3e%3cline x1='17' y1='14' x2='3' y2='14'%3e%3c/line%3e%3cline x1='17' y1='18' x2='3' y2='18'%3e%3c/line%3e%3c/svg%3e") } ps op.d-field.link d.name, d-field[type="link"]>d.type { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3'%3e%3c/path%3e%3cline x1='8' y1='12' x2='16' y2='12'%3e%3c/line%3e%3c/svg%3e") } ps op.d-field.phone d.name, d-field[type="phone"]>d.type { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e") } ps op.d-field.email d.name, d-field[type="email"]>d.type { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='4'%3e%3c/circle%3e%3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'%3e%3c/path%3e%3c/svg%3e") } ps op.d-field.hash d.name, d-field[type="hash"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h-4v16h4'%3E%3C/path%3E%3Cpath d='M17 4h4v16h-4'%3E%3C/path%3E%3Cpath d='M8 16h.01'%3E%3C/path%3E%3Cpath d='M12 16h.01'%3E%3C/path%3E%3Cpath d='M16 16h.01'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.math d.name, d-field[type="math"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.rand d.name, d-field[type="rand"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-3.833 11a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0 -3zm-5 -5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0 -3z'%3E%3C/path%3E%3C/svg%3E") } d-field[type="text double"] > d.type { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m16%205%202.293-2.293a1%201%200%200%201%201.414%200l1.586%201.586a1%201%200%200%201%200%201.414L19%208m-3-3-5.707%205.707a1%201%200%200%200-.293.707V13a1%201%200%200%200%201%201h1.586a1%201%200%200%200%20.707-.293L19%208m-3-3%203%203M6%2014H5a2%202%200%200%200-2%202v0a2%202%200%200%200%202%202h14a2%202%200%200%201%202%202v0a2%202%200%200%201-2%202h-4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } d-field[type="add input"] > d.type { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%202H8C4%202%202%204%202%208V21C2%2021.55%202.45%2022%203%2022H16C20%2022%2022%2020%2022%2016V8C22%204%2020%202%2016%202Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.91%207.83991L7.72004%2013.0299C7.52004%2013.2299%207.33004%2013.6199%207.29004%2013.8999L7.01004%2015.8799C6.91004%2016.5999%207.41004%2017.0999%208.13004%2016.9999L10.11%2016.7199C10.39%2016.6799%2010.78%2016.4899%2010.98%2016.2899L16.17%2011.0999C17.06%2010.2099%2017.49%209.16991%2016.17%207.84991C14.85%206.51991%2013.81%206.93991%2012.91%207.83991Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.17%208.57983C12.61%2010.1498%2013.84%2011.3898%2015.42%2011.8298%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } ps op.d-field.input d.name, d-field[type="input"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.02 19.5H7.5C6.88 19.5 6.33 19.48 5.84 19.41C3.21 19.12 2.5 17.88 2.5 14.5V9.5C2.5 6.12 3.21 4.88 5.84 4.59C6.33 4.52 6.88 4.5 7.5 4.5H10.96'%3E%3C/path%3E%3Cpath d='M15.02 4.5H16.5C17.12 4.5 17.67 4.52 18.16 4.59C20.79 4.88 21.5 6.12 21.5 9.5V14.5C21.5 17.88 20.79 19.12 18.16 19.41C17.67 19.48 17.12 19.5 16.5 19.5H15.02'%3E%3C/path%3E%3Cpath d='M15 2V22'%3E%3C/path%3E%3Cpath d='M8 8.5V15.5'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.question d.name, d-field[type="question"]>d.type { background-image:url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%209h8%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%2013h6%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%2018h-1l-5%203v-3h-2a3%203%200%200%201%20-3%20-3v-8a3%203%200%200%201%203%20-3h12a3%203%200%200%201%203%203v4.5%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M19%2022v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M19%2019a2.003%202.003%200%200%200%20.914%20-3.782a1.98%201.98%200%200%200%20-2.414%20.483%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } ps op.d-field.stock d.name, d-field[type="stock"]>d.type { background-image:url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%207m-2%200a2%202%200%201%200%204%200a2%202%200%201%200%20-4%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%2015m-2%200a2%202%200%201%200%204%200a2%202%200%201%200%20-4%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18%206m-3%200a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M6%2018m-3%200a3%203%200%201%200%206%200a3%203%200%201%200%20-6%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9%2017l5%20-1.5%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M6.5%208.5l7.81%205.37%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7%207l8%20-1%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } ps op.d-field.table d.name, d-field[type="table"]>d.type { background-image:url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%205a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v14a2%202%200%200%201%20-2%202h-14a2%202%200%200%201%20-2%20-2v-14z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2010h18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%203v18%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } ps op.d-field.component d.name, d-field[type="component"]>d.type { background-image:url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%208m0%202a2%202%200%200%201%202%20-2h8a2%202%200%200%201%202%202v8a2%202%200%200%201%20-2%202h-8a2%202%200%200%201%20-2%20-2z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%2014.5l6.492%20-6.492%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13.496%2020l6.504%20-6.504l-6.504%206.504z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.586%2019.414l10.827%20-10.827%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%208v-2a2%202%200%200%200%20-2%20-2h-8a2%202%200%200%200%20-2%202v8a2%202%200%200%200%202%202h2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } ps op.d-field.textarea d.name, d-field[type="textarea"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' stroke-width='1.5' viewBox='0 0 20 20' %3E%3Cpath d='M17.25 14.5c.42 0 .75.34.75.75v.1a.75.75 0 0 1-.75.65H4.75a.75.75 0 1 1 0-1.5h12.5Zm0-5a.75.75 0 1 1 0 1.5h-8.5a.75.75 0 0 1-.75-.75v-.1a.75.75 0 0 1 .75-.65h8.5Zm-9-6.5c.4 0 .75.34.75.75v.1a.75.75 0 0 1-.75.65h-2.5v5.75a.75.75 0 0 1-1.5 0V4.5h-2.5a.76.76 0 0 1-.74-.65L1 3.75c0-.42.34-.75.75-.75h6.5Zm9 1.5a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1-.75-.75v-.1a.75.75 0 0 1 .75-.65h5.5Z'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.document d.name, d-field[type="document"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5H21'%3E%3C/path%3E%3Cpath d='M14 9.5H21'%3E%3C/path%3E%3Cpath d='M3 14.5H21'%3E%3C/path%3E%3Cpath d='M3 19.5H21'%3E%3C/path%3E%3Cpath d='M9.5 8.43V5.57C9.5 4.45 9.05 4 7.92 4H5.07C3.95 4 3.5 4.45 3.5 5.57V8.42C3.5 9.55 3.95 10 5.07 10H7.92C9.05 10 9.5 9.55 9.5 8.43Z'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.integer d.name, d-field[type="integer"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9a4 4 0 1 1 8 0c0 1.098 -.564 2.025 -1.159 2.815l-6.841 7.185h8'%3E%3C/path%3E%3Cpath d='M3 12h6'%3E%3C/path%3E%3Cpath d='M6 9v6'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.range d.name, d-field[type="range"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.755 17.283l-1.429-10A2 2 0 017.306 5h3.388a2 2 0 011.98 2.283l-1.429 10A2 2 0 019.265 19h-.53a2 2 0 01-1.98-1.717z'%3E%3C/path%3E%3Cpath d='M2 12h4m16 0H12'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.date-time d.name, d-field[type="date time"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.checkbox d.name, d-field[type="checkbox"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z'%3E%3C/path%3E%3Cpath d='M7.75 12L10.58 14.83L16.25 9.17004'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.radio d.name, d-field[type="radio"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z'%3E%3C/path%3E%3Cpath d='M7.75 12L10.58 14.83L16.25 9.17004'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.select d.name, d-field[type="select"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 15m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0'%3E%3C/path%3E%3Cpath d='M18.5 18.5l2.5 2.5'%3E%3C/path%3E%3Cpath d='M4 6h16'%3E%3C/path%3E%3Cpath d='M4 12h4'%3E%3C/path%3E%3Cpath d='M4 18h4'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.slider d.name, d-field[type="slider"]>d.type { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3crect x='1' y='5' width='22' height='14' rx='7' ry='7'%3e%3c/rect%3e%3ccircle cx='16' cy='12' r='3'%3e%3c/circle%3e%3c/svg%3e") } ps op.d-field.traffic d.name, d-field[type="traffic"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M7 21l3 -4'%3E%3C/path%3E%3Cpath d='M16 21l-2 -4l-3 -3l1 -6'%3E%3C/path%3E%3Cpath d='M6 12l2 -3l4 -1l3 3l3 1'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.seo d.name, d-field[type="seo"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3Cpath d='M3.268 12.043a7.017 7.017 0 0 0 6.634 4.957a7.012 7.012 0 0 0 7.043 -6.131a7 7 0 0 0 -5.314 -7.672a7.021 7.021 0 0 0 -8.241 4.403'%3E%3C/path%3E%3Cpath d='M3 4v4h4'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.button d.name, d-field[type="button"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z'%3E%3C/path%3E%3Cpath d='M12.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H12.9C14.4 10.5 15 9.86 15 8.27V4.23C15 2.64 14.4 2 12.9 2Z'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.code d.name, d-field[type="code"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 6L10 18.5M6.5 8.5L3 12l3.5 3.5M17.5 8.5L21 12l-3.5 3.5'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.layout d.name, d-field[type="layout"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l-8 4l8 4l8 -4l-8 -4'%3E%3C/path%3E%3Cpath d='M4 10l8 4l8 -4'%3E%3C/path%3E%3Cpath d='M4 18l8 4l8 -4'%3E%3C/path%3E%3Cpath d='M4 14l8 4l8 -4'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.picture d.name, d-field[type="picture"]>d.type, ps op.d-field.image d.name, d-field[type="image"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16c1.403-.234 3.637-.293 5.945.243M16 21c-1.704-2.768-4.427-4.148-7.055-4.757m0 0C10.895 13.985 14.558 12 21 12h1M8.5 7C8 7 7 7.3 7 8.5S8 10 8.5 10 10 9.7 10 8.5 9 7 8.5 7z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3C/svg%3E") } ps op.d-field.galery d.name, d-field[type="galery"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h4M9 6v12M9 6h6M9 18h6m0 0h4a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-4m0 12V6'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.video d.name, d-field[type="video"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15Z'%3E%3C/path%3E%3Cpath d='M2.52002 7.11011H21.48'%3E%3C/path%3E%3Cpath d='M8.52002 2.11011V6.97011'%3E%3C/path%3E%3Cpath d='M15.48 2.11011V6.52011'%3E%3C/path%3E%3Cpath d='M9.75 14.4501V13.2501C9.75 11.7101 10.84 11.0801 12.17 11.8501L13.21 12.4501L14.25 13.0501C15.58 13.8201 15.58 15.0801 14.25 15.8501L13.21 16.4501L12.17 17.0501C10.84 17.8201 9.75 17.1901 9.75 15.6501V14.4501V14.4501Z'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.file d.name, d-field[type="file"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.97 12V15.5C11.97 17.43 13.54 19 15.47 19C17.4 19 18.97 17.43 18.97 15.5V10C18.97 6.13 15.84 3 11.97 3C8.09997 3 4.96997 6.13 4.96997 10V16C4.96997 19.31 7.65997 22 10.97 22'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.rating d.name, d-field[type="rating"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.connect d.name, d-field[type="connect"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 0v10m0-10c0 2.333 1.4 7 7 7'%3E%3C/path%3E%3Ccircle cx='17' cy='17' r='3'%3E%3C/circle%3E%3C/svg%3E"); } ps op.d-field.multiple d.name, d-field[type="multiple"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='6' r='3'%3E%3C/circle%3E%3Ccircle cx='12' cy='18' r='3'%3E%3C/circle%3E%3Cpath d='M6 9v1a2 2 0 0 0 2 2h4m6-3v1a2 2 0 0 1-2 2h-4m0 0v3'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.menu d.name, d-field[type="menu"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l16 0'%3E%3C/path%3E%3Cpath d='M4 12l16 0'%3E%3C/path%3E%3Cpath d='M4 18l16 0'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.inherit d.name, d-field[type="inherit"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5h8'%3E%3C/path%3E%3Cpath d='M13 9h5'%3E%3C/path%3E%3Cpath d='M13 15h8'%3E%3C/path%3E%3Cpath d='M13 19h5'%3E%3C/path%3E%3Cpath d='M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3Cpath d='M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.user d.name, d-field[type="user"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0'%3E%3C/path%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3Cpath d='M21 21v-2a4 4 0 0 0 -3 -3.85'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.join d.name, d-field[type="join"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M12 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M19 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M5 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M12 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M5 8l0 8'%3E%3C/path%3E%3Cpath d='M12 8l0 8'%3E%3C/path%3E%3Cpath d='M19 8v2a2 2 0 0 1 -2 2h-12'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.color d.name, d-field[type="color"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25'%3E%3C/path%3E%3Cpath d='M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E") } ps op.d-field.colorize d.name, d-field[type="colorize"]>d.type { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.01%2018.0001L3%2013.9901C1.66%2012.6501%201.66%2011.32%203%209.98004L9.68%203.30005L17.03%2010.6501C17.4%2011.0201%2017.4%2011.6201%2017.03%2011.9901L11.01%2018.0101C9.69%2019.3301%208.35%2019.3301%207.01%2018.0001Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.35%201.94995L9.69%203.28992%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2.07%2011.92L17.19%2011.26%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2022H16%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18.85%2015C18.85%2015%2017%2017.01%2017%2018.24C17%2019.26%2017.83%2020.09%2018.85%2020.09C19.87%2020.09%2020.7%2019.26%2020.7%2018.24C20.7%2017.01%2018.85%2015%2018.85%2015Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } ps op.d-field.bind d.name, d-field[type="bind"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14.5a6 6 0 100-12 6 6 0 000 12z'%3E%3C/path%3E%3Cpath d='M16 21.5a6 6 0 100-12 6 6 0 000 12z'%3E%3C/path%3E%3Cpath d='M8 21.5a6 6 0 100-12 6 6 0 000 12z'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.map-yandex d.name, d-field[type="map yandex"]>d.type { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23777' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3e%3c/path%3e%3ccircle cx='12' cy='10' r='3'%3e%3c/circle%3e%3c/svg%3e"); } ps op.d-field.php-hook d.name, d-field[type="php hook"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.16001 22C3.98001 22 3.14001 19.47 4.50001 16.39L8.75001 6.74H8.45001C7.80001 6.74 7.20001 6.48 6.77001 6.05C6.33001 5.62 6.07001 5.02 6.07001 4.37C6.07001 3.07 7.13001 2 8.44001 2H15.55C16.21 2 16.8 2.27 17.23 2.7C17.79 3.26 18.07 4.08 17.86 4.95C17.59 6.03 16.55 6.74 15.44 6.74H15.28L19.5 16.4C20.85 19.48 19.97 22 15.83 22H8.16001Z'%3E%3C/path%3E%3Cpath d='M5.94 13.1201C5.94 13.1201 9 13.0001 12 14.0001C15 15.0001 17.83 13.1101 17.83 13.1101'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.test d.name, d-field[type="test"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5'%3E%3C/path%3E%3Cpath d='M12 6l0 12'%3E%3C/path%3E%3Cpath d='M16 16v-8h3a2 2 0 0 1 0 4h-3m3 0a2 2 0 0 1 0 4h-3'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.js-hook d.name, d-field[type="js hook"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23-.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0112 21c-2.773 0-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5 14.5'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.pass d.name, d-field[type="pass"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3'%3E%3C/path%3E%3Cpath d='M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6'%3E%3C/path%3E%3Cpath d='M12 11v2a14 14 0 0 0 2.5 8'%3E%3C/path%3E%3Cpath d='M8 15a18 18 0 0 0 1.8 6'%3E%3C/path%3E%3Cpath d='M4.9 19a22 22 0 0 1 -.9 -7v-1a8 8 0 0 1 12 -6.95'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.access d.name, d-field[type="access"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8v-2a2 2 0 0 1 2 -2h2'%3E%3C/path%3E%3Cpath d='M4 16v2a2 2 0 0 0 2 2h2'%3E%3C/path%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cpath d='M16 20h2a2 2 0 0 0 2 -2v-2'%3E%3C/path%3E%3Cpath d='M8 11m0 1a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3Cpath d='M10 11v-2a2 2 0 1 1 4 0v2'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.alias d.name, d-field[type="alias"]>d.type { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 17h-5.397a5 5 0 0 1 -4.096 -2.133l-.514 -.734a5 5 0 0 0 -4.096 -2.133h-3.897'%3E%3C/path%3E%3Cpath d='M21 7h-5.395a5 5 0 0 0 -4.098 2.135l-.51 .73a5 5 0 0 1 -4.097 2.135h-3.9'%3E%3C/path%3E%3Cpath d='M18 10l3 -3l-3 -3'%3E%3C/path%3E%3Cpath d='M18 20l3 -3l-3 -3'%3E%3C/path%3E%3C/svg%3E"); } ps op.d-field.cliprows d.name, d-field[type="cliprows"]>d.type { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021v-4a5%205%200%2000-5-5H3M12%2021v-4a5%205%200%20015-5h4M12%202v20%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M6%208l-4%204%204%204M16%206l-4-4-4%204M18%208l4%204-4%204%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } ps op.d-field.svg d.name, d-field[type="svg"]>d.type { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21%208h-2a2%202%200%200%200%20-2%202v4a2%202%200%200%200%202%202h2v-4h-1%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7%208h-3a1%201%200%200%200%20-1%201v2a1%201%200%200%200%201%201h2a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-3%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%208l1.5%208h1l1.5%20-8%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } ps op.d-field.timeline d.name, d-field[type="timeline"]>d.type { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.9601%2010.8301H12.9001L12.1401%2013.1201H14.4301C15.2701%2013.1201%2015.9601%2013.8001%2015.9601%2014.6501C15.9601%2015.4901%2015.2801%2016.1801%2014.4301%2016.1801H12.1401%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.54004%2016.17V10.8301L8.04004%2012.5001%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13.98%204.46997L12%202%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M19.0899%207.79999C20.1999%209.27999%2020.8899%2011.11%2020.8899%2013.11C20.8899%2018.02%2016.9099%2022%2011.9999%2022C7.08988%2022%203.10986%2018.02%203.10986%2013.11C3.10986%208.19999%207.08988%204.21997%2011.9999%204.21997C12.6799%204.21997%2013.3399%204.31002%2013.9799%204.46002%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } d.tableField { display: flex; align-items: baseline; justify-content: flex-start; gap: 0; flex-direction: column; position: relative; } d.tableField d.row { display: flex; flex-direction: row; gap: 0; width: 200px; position: relative; min-width: max-content; } d.tableField d.cf { position: absolute; margin: auto; width: 12px; height: 12px; background: #ccc; border-radius: 50%; cursor: pointer; background-size: 14px; background-repeat: no-repeat; background-position: center; z-index: 5; opacity: 0; transition: .2s; } d.tableField d.cf.rem.row { bottom: 0; top: 0; margin: auto; left: -7px; } d.tableField d.cf.add.row { bottom: -10px; left: -7px; } d.tableField d.cf.rem { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%2012H18%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } d.tableField d.cf.add { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%2012h6m6%200h-6m0%200V6m0%206v6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } d.tableField d.row d.cell { width: max-content; border: 1px solid #ffffff; border-left: 1px solid #ddd; border-top: 1px solid #ddd; position: relative; } d.tableField d.cf.add.col { right: -9px; top: -6px; } d.tableField d.cf.rem.col { left: 0; right: 0; margin: auto; top: -6px; } d.tableField d.row d.cell d.content { min-height: 40px; font-size: 14px; font-weight: 500; color: #555; padding: 15px; min-width: 200px; max-width: 200px; width: 200px; height: 100%; text-align: center; } d.tableField .row:hover d.cf { opacity: 1; } d.tableField d.row d.cell:last-child { border-right: 1px solid #ddd; } d.tableField d.row:has(+.addfieldrow:last-child) d.cell, d.tableField d.row:last-child d.cell { border-bottom: 1px solid #ddd; } d.tableField d.row d.cell:hover ui { opacity: 1; } d.tableField d.row:has(>.add+.cell:last-child) > .cell > d.cf.rem.col { display: none; } d.tableField > .row:last-child:first-child > d.cf.rem.row { display: none; } field[type="table"] d.tableField d.addfieldrow { margin: auto; width: max-content; display: flex; justify-content: flex-star; align-items: center; gap: 10px; } field[type="table"] d.tableField d.addfieldrow .add { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%2012h6m6%200h-6m0%200V6m0%206v6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); margin: auto; width: 12px; height: 12px; background-color: #ccc; border-radius: 50%; cursor: pointer; background-size: 14px; background-repeat: no-repeat; background-position: center; margin: 15px auto 15px auto; } field[type="table"] d.tableField d.addfieldrow .rem { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%2012H18%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); margin: auto; width: 12px; height: 12px; background-color: #ccc; border-radius: 50%; cursor: pointer; background-size: 14px; background-repeat: no-repeat; background-position: center; margin: 15px auto 15px auto; } field:has(>name+row:last-child) > row d.tableField d.addfieldrow d.rem { display: none; }form[mc] { position: relative; margin: 0; display: flex; flex-direction: column; gap: 12px;}form[mc].act > *:not(.formFooter) { opacity: .1;}form[mc].act > * { pointer-events: none;}form[mc].done field { pointer-events: none; opacity: .2; filter: blur(1px);}form[mc]:before { content: ""; width: 64px; height: 64px; left: 0; top: 0; bottom: 0; right: 0; margin: auto; position: absolute; z-index: 5; opacity: 0; transition: .5s; pointer-events: none; border-radius: 50%; border: 2px solid #c8c8c8; border-left-color: rgb(0 0 0 / 10%); transform: rotate(45deg); -webkit-animation: rotateLoadData .8s ease infinite; animation: rotateLoadData .8s ease infinite;}form[mc].act d.interForm { background-image: none; padding: 4px 0px 2px 4px;}form[mc].act d.interForm::before { display: 0;}@-webkit-keyframes rotateLoadData { 0% {transform: rotate(45deg)} to {transform: rotate(405deg)}}@keyframes rotateLoadData { 0% {transform: rotate(45deg)} to {transform: rotate(405deg)}}form[mc].act:before { opacity: 1;}form[mc]:hover field > .input > .name { display: block;}form[mc] field > .input input:focus + .name, form[mc] field > .input:hover input + .name { opacity: 1;}form[mc] .interForm { background-size: 19px; background-repeat: no-repeat; background-position: 0 center; padding-left: 30px; background-image: url("data:image/svg+xml,%3Csvg fill='%23a0a0a0' stroke-width='2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='24' height='24'%3E%3Cpath d='M 11 7 C 8.2504839 7 6 9.2504839 6 12 L 6 38 C 6 40.749516 8.2504839 43 11 43 L 39 43 C 41.749516 43 44 40.749516 44 38 L 44 12 C 44 9.2504839 41.749516 7 39 7 L 11 7 z M 11 9 L 39 9 C 40.668484 9 42 10.331516 42 12 L 42 38 C 42 39.668484 40.668484 41 39 41 L 11 41 C 9.3315161 41 8 39.668484 8 38 L 8 12 C 8 10.331516 9.3315161 9 11 9 z M 34 25 A 1.0001 1.0001 0 1 0 34 27 L 36 27 L 36 31 L 26.414062 31 L 28.707031 28.707031 A 1.0001 1.0001 0 0 0 27.980469 26.990234 A 1.0001 1.0001 0 0 0 27.292969 27.292969 L 23.380859 31.205078 A 1.0001 1.0001 0 0 0 23.376953 32.792969 A 1.0001 1.0001 0 0 0 23.382812 32.796875 L 27.292969 36.707031 A 1.0001 1.0001 0 1 0 28.707031 35.292969 L 26.414062 33 L 37 33 A 1.0001 1.0001 0 0 0 38 32 L 38 26 A 1.0001 1.0001 0 0 0 37 25 L 34 25 z'%3E%3C/path%3E%3C/svg%3E"); font-size: 10px; font-weight: 500; padding: 4px 0px 2px 25px; width: max-content; width: -moz-max-content; margin: auto; position: relative; color: var(--grey); cursor: pointer;}form[mc] .interForm:hover:before { width: 100%;}form[mc] .interForm:before { position: absolute; left: 0; top: 0; width: 0%; height: 100%; content: ""; transition: 1s; mix-blend-mode: color; background: var(--b);}form[mc].done .interForm { color: var(--b); font-weight: 600; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%233b9417' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e"); }form[mc].err .interForm { color: #cc0000; font-weight: 600; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23cc0000' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); }form[mc].err .interForm:before, form[mc].done .interForm:before { display: none;}form[mc].act .interForm:before { width: 100%;}form[mc] field > .input > .name { display: none; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; color: #000; position: absolute; width: 100px; border-radius: 35px 0px 0px 35px; padding: 10px 10px 10px 10px; left: -100px; text-align: right; opacity: 0; margin: -28px 0 0 0px; background: #fff; box-shadow: 0 15px 30px -8px rgba(0,0,0,.08); transition: .6s; overflow: hidden;}form[mc] field > .input.err .name { background: var(--c); color: #fff;}form[mc] field > .input input, form[mc] field > .input textarea { background-repeat: no-repeat; padding: 5px 10px 5px 28px; margin: 0; border: none; border-bottom: 1px solid var(--d); font-size: 14px; font-weight: 500; background-size: 15px; background-position: 0 center; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4'%3e%3c/path%3e%3cpath d='M13.5 6.5l4 4'%3e%3c/path%3e%3c/svg%3e"); }form[mc] field > form[mc] .input.err input { border-color: var(--c); background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23f1b1b1' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3e%3c/path%3e%3cline x1='12' y1='9' x2='12' y2='13'%3e%3c/line%3e%3cline x1='12' y1='17' x2='12.01' y2='17'%3e%3c/line%3e%3c/svg%3e"); }form[mc] .title { font-weight: 600; text-align: center;}layers { position: fixed; z-index: 500; display: block; inset: 0; margin: auto; pointer-events: none; } layers > layer { position: fixed; z-index: 500; display: block; inset: 0; margin: auto; opacity: 0; pointer-events: all; } layer.waiting > wrap > content, layer.waiting > wrap > content * { pointer-events: none!important; } layer > wrap:before { content: ""; opacity: 0; pointer-events: none; transition: opacity .3s; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E"); background-size: 60px; } layer.waiting > wrap:before { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 500; background-color: rgb(0 0 0 / 30%); display: block; content: ""; opacity: 1; } layers > layer > wrap { display: block; position: absolute; transform: translate(0); background: #fff; } layers > layer > wrap > header > d.headerwrap { display: flex; justify-content: space-between; white-space: nowrap; overflow: hidden; width: 100%; align-items: flex-start; box-shadow: 0px 1px 0px 0px #f5f5f5; } layers > layer > wrap > header:empty { display: none!important; } layers > layer > wrap > header > d.headerwrap:empty { display: none!important; } layers > layer > wrap > header { display: block; } layers > layer:not(.open), layers > layer:not(.open) * { pointer-events: none!important; } layers > layer > wrap > header > d.headerwrap d.title:last-child { width: 100%; } layers > layer.show { opacity: 1; } layers > layer.open > wrap { transform: translate(0)!important; } layers > layer > wrap > header > d.headerwrap d.title { padding: 0px 10px 0px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 60px); margin: auto; pointer-events: none; } layers > layer > wrap > header > d.headerwrap x { display: block; width: 60px; height: 45px; cursor: pointer; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23333%22%20stroke-width%3D%220.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2264%22%20height%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2012%207%207m5%205%205%205m-5-5%205-5m-5%205-5%205%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 32px; background-repeat: no-repeat; background-position: center; } html.openMcLayer, html.openMcLayer body { overflow: hidden; touch-action: none; overscroll-behavior-x: none; } layers > layer.mobile > wrap > d.boroda { position: absolute; width: 100%; } layers > layer > wrap > content { height: 100%; }mcmessage mcms .a>x { position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; cursor: pointer; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); background-size: 18px; background-repeat: no-repeat; background-position: center; } mcmessage::-webkit-scrollbar-thumb { background-color: transparent; border: 0; } mcmessage::-webkit-scrollbar { width: 0px; } mcmessage::-webkit-scrollbar-track { background: transparent; } mcmessage mcms { width: max-content; width: -moz-max-content; max-width: calc(100% - 60px); background: #fff; display: block; margin-bottom: 10px; display: block; border-radius: 5px; box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .08); padding: 20px 20px; backdrop-filter: blur(5px); background: #fff; margin: 0 30px 10px 30px; position: relative; right: -600px; transition: .3s ease; } mcms.open { right: 0; } mcmessage { position: fixed; width: max-content; width: -moz-max-content; max-width: 90vw; right: 10px; overflow: auto; display: block; top: 10px; max-height: calc(100vh - 10px); padding-bottom: 20px; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; user-select: none; z-index: 690; } mcmessage mcms .a>d:last-child { margin-bottom: 0; } mcmessage mcms .a>.title { font-weight: 500; margin: 0; font-size: unset; margin-bottom: 5px; padding-right: 20px; } mcmessage mcms .a>.message { font-weight: 600; margin: 0 0 15px 0; color: var(--red); max-width: calc(50vw - 200px); font-size: 14px; font-family: Jura; } mcmessage mcms .a>.lastSql { margin-bottom: 12px; background: var(--red); color: #fff; padding: 5px 10px; border-radius: 10px; font-family: Jura; user-select: text; word-wrap: break-word; font-size: 12px; font-weight: 600; position: relative; overflow: hidden; cursor: pointer; } mcmessage mcms .a>.lastSql.copied:before { content: ""; inset: 0; position: absolute; margin: auto; width: 100%; height: 100%; z-index: 5; background-color: rgb(255 255 255 / 90%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23b91c1c' stroke-width='1.2' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.97 12.25V16.75C16.97 20.5 15.47 22 11.72 22H7.22C3.47 22 1.97 20.5 1.97 16.75V12.25C1.97 8.5 3.47 7 7.22 7H11.72C15.47 7 16.97 8.5 16.97 12.25Z'%3E%3C/path%3E%3Cpath d='M21.97 5.85V9.15C21.97 11.9 20.87 13 18.12 13H16.97V12.25C16.97 8.5 15.47 7 11.72 7H10.97V5.85C10.97 3.1 12.07 2 14.82 2H18.12C20.87 2 21.97 3.1 21.97 5.85Z'%3E%3C/path%3E%3C/svg%3E"); background-size: 20px; background-repeat: no-repeat; background-position: center; transition: .3s; } @media screen and (max-width: 900px) { mcmessage { width: 100%; max-width: 100%; left: 0; right: 0; margin: auto; top: 10px; } mcmessage mcms { max-width: 100%; } mcmessage mcms .a>.message { max-width: 100%; } mcmessage mcms { margin: 0; max-width: 90vw; right: -105vw; } mcms.open { right: 5vw; } } mcmessage .catchErr * { font-family: monospace; font-weight: 300; font-size: 11px !important; } mcmessage .catchErr { font-family: monospace; font-size: 12px; color: #444; display: flex; flex-direction: column; gap: 5px; width: max-content; margin: 20px 30px; max-width: 100%; } mcmessage .catchErr .h1 { font-size: 16px; font-weight: bold; } mcmessage .catchErr .message { font-size: 13px; border-radius: 2px; background: #4f4f4f; color: #fff; padding: 3px 5px 3px 5px; user-select: all; white-space: break-spaces; max-width: 100%; } mcmessage .catchErr .file { font-size: 14px; margin: 5px 0; color: #fff; background: #d84e4e; padding: 4px 10px; border-radius: 8px; margin-top: 0; user-select: all; } mcmessage .catchErr .tracerow { display: flex; gap: 10px; margin-bottom: 5px; } mcmessage .catchErr .tracerow d.z.b { background: #ededed; border-radius: 6px; padding: 3px 20px; white-space: nowrap; display: flex; gap: 10px; user-select: all; } mcmessage mcms .a>.message d.catchErr { margin: 10px 0 0 0; } mcmessage mcms .a>.message d.catchErr d.h1 { display: none; } mcmessage .catchErr .tracerow d.z.a { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23e7083c%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.91003%2019.9201L15.43%2013.4001C16.2%2012.6301%2016.2%2011.3701%2015.43%2010.6001L8.91003%204.08008%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 17px; background-repeat: no-repeat; background-position: center right; } mcmessage .catchErr .tracerow:last-child { margin-bottom: 0; }.mcpicture { position: relative; background: #f7f7f7; overflow: hidden; } .mcpicture img { position: relative; border: 0; transition: opacity .2s; width: 100%; display: block; } .mcpicture img[type="base"] { display: none; } d.mcpicture.a img[type="base"] { display: block; } d.mcpicture.a.b img[type="thumb"] { display: none; } .mcpicture img:before { position: absolute; inset: 0; width: 100%; height: 100%; background: #f7f7f7; display: block; content: ""; } .mcpicture img[src=""], d.mcpicture img:not([src]) { opacity: 0; } .mcpicture img[type="thumb"] { position: absolute; top: 0; left: 0; } .mcpicture img[src=""] + .loader, .mcpicture img:not([src]) + .loader, .mcpicture.a.b .loader { display: none; } @keyframes mcpictureloader { 0% {background-position: 200% 0;} 100% {background-position: -200% 0;} } @-webkit-keyframes mcpictureloader { 0% {background-position: 200% 0;} 100% {background-position: -200% 0;} } .mcpicture .loader { background: linear-gradient( 90deg, rgb(255 255 255 / 0%) 25%, rgb(255 255 255 / 30%) 50%, rgb(255 255 255 / 0%) 75% ); background-size: 200% 100%; animation: mcpictureloader 2s infinite linear; -webkit-animation: mcpictureloader 2s infinite linear; transform: rotate(160deg) scale(2); position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; opacity: 1; transition: opacity .2s; pointer-events: none!important; will-change: transform, opacity; }popup, popup main { position: absolute; left: 0; top: 0; } html>body.wbsll { overflow: hidden !important; } popup, popup>back, popup>main, popup>main>menu, popup>main>wrap, popup>main>wrap>header, popup>main>wrap>header>i, popup>main>wrap>header>x, popup>main>wrap>content, popup>main>wrap>footer { display: block; }.mcRolldate { display: flex; justify-content: center; align-items: center; position: relative; height: 245px; overflow: hidden; color: #777; font-size: 14px; justify-content: space-around; padding: 0 20px; width: max-content; width: -moz-max-content; } .roll-column { overflow-y: scroll; text-align: center; height: 100%; padding: 0 10px; scroll-snap-type: y mandatory; position: relative; width: 100%; } .roll-item { height: 35px; line-height: 0; scroll-snap-align: center; cursor: pointer; display: flex; justify-content: center; align-items: center; white-space: nowrap; } .roll-item.active { font-weight: 700; color: #222; } .mcRolldate::after { content: ''; position: absolute; left: 0; right: 0; height: 35px; background: rgb(233 233 233 / 80%); z-index: -1; pointer-events: none; width: calc(100% - 20px); margin: auto; border-radius: 8px; } .mcRolldate .roll-column::-webkit-scrollbar-thumb { border: 0; } .mcRolldate .roll-column::-webkit-scrollbar { width: 0px; height: 0px; } d.roll-item.disabled { display: none; } d.roll-item.limit:not(.active) { display: none; } d.roll-item.active+d.roll-item+d.roll-item+d.roll-item { opacity: .2; } d.roll-item.active+d.roll-item+d.roll-item { opacity: .4; } d.roll-item.active+d.roll-item { opacity: .6; } d.roll-item.first+d.roll-item+d.roll-item { opacity: .6; } d.roll-item.first+d.roll-item { opacity: .4; } d.roll-item.first { opacity: .2; }* { --sheet2htools: 50px; --sheet2hpag: 50px; } sheet2 { width: max-content; min-width: 0; max-width: 100%; display: block; } sheet2 > tools { display: flex; justify-content: space-between; align-items: flex-start; overflow: hidden; overflow-x: auto; height: var(--sheet2htools); } sheet2 > wrap > content row d[key].colsalign_l a { margin: 0!important; text-align: left; } sheet2 > wrap > content row d[key] > d.cell d.sheetbind, sheet2 > wrap > content row d[key] > d.cell span.sauy4 { font-family: 'PT Sans Narrow'; } sheet2 > wrap > content row d[key].colsalign_r a { margin: 0!important; text-align: right; } sheet2 > tools > l, sheet2 > tools > r { display: flex; align-items: center; width: max-content; } sheet2 > wrap > content row d[key] > d.cell d.sheetbind { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%236a97cd%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2218%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2014.5a6%206%200%20100-12%206%206%200%20000%2012z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%2021.5a6%206%200%20100-12%206%206%200%20000%2012z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%2021.5a6%206%200%20100-12%206%206%200%20000%2012z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); padding-left: 26px; width: max-content; margin: auto; background-size: contain; background-repeat: no-repeat; background-position: 0 center; height: 18px; display: flex; justify-content: left; align-items: center; color: #555; pointer-events: none; } sheet2 > wrap > content row d[key="bind"] r { display: none !important; } sheet2 > wrap > content row d[key="bind"] { box-shadow: none !important; } sheet2 > wrap > content row d[key] > d.cell d.blub { pointer-events: none; } sheet2 > wrap > content row d[key] > d.cell d.blub .csd { opacity: 0; pointer-events: none; user-select: none; white-space: nowrap; height: 0; overflow: hidden; } sheet2 > wrap > content row d[key] > d.cell d.svg { width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; margin: auto; } sheet2 > wrap > content row d[key] > d.cell d.blub .csd.act { opacity: 1; height: unset; pointer-events: initial; display: block; } sheet2 > wrap > content row d[key] > d.cell d.blub .csd svg { width: 18px; height: 18px; display: inline-block; vertical-align: middle; } sheet2 > wrap > content row d[key] > d.cell d.blub .csd span.sauy4 { color: #555; } sheet2 > wrap > content row d[key] > d.cell d.contactMap span, sheet2 > wrap > content row d[key] > d.cell d.contactMap d { color: #555; } sheet2 > wrap > content row d[key] > d.cell d.contactMap { text-align: left; width: max-content; margin: auto; display: flex; flex-wrap: wrap; gap: 0px 5px; max-width: 100%; } sheet2 > tools d.widget { transition: width,opacity .3s; opacity: 0; pointer-events: none; width: 0; } sheet2 > tools d.widget:not(.a) * { pointer-events: none; } sheet2 > tools d.widget.wbtn { height: 40px; min-width: 0; background: #f4f7f8; margin: 0; background-size: 18px; background-repeat: no-repeat; background-position: center; border-radius: 8px; cursor: pointer; } sheet2 > tools d.widget.wbtn.closeback { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23444%22%20stroke-width%3D%221%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%206l-6%206l6%206%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > tools d.widget.wbtn.close { background-image: url("data:image/svg+xml, %3Csvg%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22css-i6dzq1%22%20randcolor%3D%22set%22%20width%3D%2218%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%09%09%09%09%09%09%09%09%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%0A%09%09%09%09%09%09%09%09%09%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%0A%09%09%09%09%09%09%09%09%3C%2Fsvg%3E"); background-size: 20px; } sheet2 > tools d.widget.wbtn.closeback { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%206l-6%206l6%206%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 22px; } sheet2 > tools d.widget.wbtn.bind { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2218%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2014.5a6%206%200%20100-12%206%206%200%20000%2012z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%2021.5a6%206%200%20100-12%206%206%200%20000%2012z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%2021.5a6%206%200%20100-12%206%206%200%20000%2012z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 18px; } sheet2 > tools d.widget.wbtn.add { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23666%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2218%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%205l0%2014%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5%2012l14%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 19px; } sheet2 > tools d.widget.wbtn.clone { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2218%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%204m0%202a2%202%200%200%201%202%20-2h8a2%202%200%200%201%202%202v8a2%202%200%200%201%20-2%202h-8a2%202%200%200%201%20-2%20-2z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%2016v2a2%202%200%200%201%20-2%202h-8a2%202%200%200%201%20-2%20-2v-8a2%202%200%200%201%202%20-2h2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 20px; } sheet2 > tools d.widget.wbtn.edit { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22%206.5H16%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M6%206.5H2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%2010C11.933%2010%2013.5%208.433%2013.5%206.5C13.5%204.567%2011.933%203%2010%203C8.067%203%206.5%204.567%206.5%206.5C6.5%208.433%208.067%2010%2010%2010Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M22%2017.5H18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%2017.5H2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%2021C15.933%2021%2017.5%2019.433%2017.5%2017.5C17.5%2015.567%2015.933%2014%2014%2014C12.067%2014%2010.5%2015.567%2010.5%2017.5C10.5%2019.433%2012.067%2021%2014%2021Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 19px; } sheet2 > tools d.widget.wbtn.remove { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23555%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21%205.97998C17.67%205.64998%2014.32%205.47998%2010.98%205.47998C9%205.47998%207.02%205.57998%205.04%205.77998L3%205.97998%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.5%204.97L8.72%203.66C8.88%202.71%209%202%2010.69%202H13.31C15%202%2015.13%202.75%2015.28%203.67L15.5%204.97%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18.85%209.14001L18.2%2019.21C18.09%2020.78%2018%2022%2015.21%2022H8.79002C6.00002%2022%205.91002%2020.78%205.80002%2019.21L5.15002%209.14001%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10.33%2016.5H13.66%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.5%2012.5H14.5%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 18px; } sheet2 > tools d.widget.wbtn.filters i:empty { display: none; } sheet2 > tools d.widget.wbtn.filters.a { background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2218%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%203c2.755%200%205.455.232%208.083.678.533.09.917.556.917%201.096v1.044a2.25%202.25%200%2001-.659%201.591l-5.432%205.432a2.25%202.25%200%2000-.659%201.591v2.927a2.25%202.25%200%2001-1.244%202.013L9.75%2021v-6.568a2.25%202.25%200%2000-.659-1.591L3.659%207.409A2.25%202.25%200%20013%205.818V4.774c0-.54.384-1.006.917-1.096A48.32%2048.32%200%200112%203z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 18px; position: relative; } sheet2 > tools d.widget.wbtn.settings { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%209.11011V14.8801C3%2017.0001%203%2017.0001%205%2018.3501L10.5%2021.5301C11.33%2022.0101%2012.68%2022.0101%2013.5%2021.5301L19%2018.3501C21%2017.0001%2021%2017.0001%2021%2014.8901V9.11011C21%207.00011%2021%207.00011%2019%205.65011L13.5%202.47011C12.68%201.99011%2011.33%201.99011%2010.5%202.47011L5%205.65011C3%207.00011%203%207.00011%203%209.11011Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%2015C13.6569%2015%2015%2013.6569%2015%2012C15%2010.3431%2013.6569%209%2012%209C10.3431%209%209%2010.3431%209%2012C9%2013.6569%2010.3431%2015%2012%2015Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > tools d.widget.wbtn.factory { background-size: 18px; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23888%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.05%2010.607l-7.07%207.07a2%202%200%20000%202.83v0a2%202%200%20002.828%200l7.07-7.072M17.193%2013.8l3.878%203.878a2%202%200%20010%202.828v0a2%202%200%2001-2.828%200l-6.209-6.208M6.733%205.904L4.61%206.61%202.49%203.075l1.414-1.414L7.44%203.782l-.707%202.122zm0%200l2.83%202.83%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10.05%2010.607c-.844-2.153-.679-4.978%201.061-6.718%201.74-1.74%204.95-2.121%206.717-1.06l-3.04%203.04-.283%203.111%203.111-.282%203.04-3.041c1.062%201.768.68%204.978-1.06%206.717-1.74%201.74-4.564%201.905-6.717%201.061%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } window[name="sheet2settings"]>content { background: #222; color: #fff; } window[name="sheet2settings"]>content>wrap>textarea { border: 0; width: 400px; height: 600px; font-size: 12px; font-weight: 500; font-family: monospace; background: #222; color: #59f752; padding: 0; line-height: 16px; } window[name="sheet2settings"]>content wrap { display: flex; gap: 24px; justify-content: flex-start; align-items: flex-end; flex-direction: row; border-radius: 0!important; } window[name="sheet2settings"]>content wrap textarea.example { color: #808080; } window[name="sheet2settings"]>content>wrap>textarea.red { color: #ff6969; } window[name="sheet2settings"]>content>header>tool>t.close { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); } window[name="sheet2settings"]>content>header>tool>t.close { background-color: unset; } window[name="sheet2settings"] buttons d.green.success.e13.btn { background: #111; color: #ddd; } window[name="sheet2settings"]>content header title { color: #fff; text-align: left; padding-left: 12px; } sheet2 > tools d.widget.wbtn.filters i { position: absolute; right: 3px; bottom: 7px; width: 16px; aspect-ratio: 1; background: #444; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; font-family: Montserrat; text-decoration: none; font-style: normal; font-size: 9px; font-weight: 600; border-radius: 50%; pointer-events: none; } sheet2 > tools d.widget.title { background-position: 20px center; padding: 0 10px 0 50px; background-size: 18px; background-repeat: no-repeat; font-weight: 400; font-size: 18px; color: #444; background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.862%204.487l1.687-1.688a1.875%201.875%200%20112.652%202.652L6.832%2019.82a4.5%204.5%200%2001-1.897%201.13l-2.685.8.8-2.685a4.5%204.5%200%20011.13-1.897L16.863%204.487zm0%200L19.5%207.125%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 18px; cursor: pointer; } sheet2 > tools d.widget.title:hover { text-decoration: underline; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2218%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.933%2013.041a8%208%200%201%201%20-9.925%20-8.788c3.899%20-1%207.935%201.007%209.425%204.747%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%204v5h-5%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 20px; } sheet2 > tools d.widget.count { background-size: 18px; background-repeat: no-repeat; font-weight: 400; font-size: 16px; color: #444; padding-right: 20px; } sheet2 > tools d.widget.a { opacity: 1; pointer-events: unset; min-width: 40px; width: max-content; } sheet2 > tools > l .widget.a { margin-right: 5px; } sheet2 > tools > r .widget.a { margin-left: 5px; } sheet2 > tools > l .widget.title { cursor: pointer; } sheet2 > pag { height: var(--sheet2hpag); width: 100%; display: flex; justify-content: center; align-items: center; transition: .3s; opacity: 1; user-select: none; } sheet2 > pag.hold, sheet2 > pag.hold * { pointer-events: none!important; } sheet2 > pag.hold { opacity: .5; } sheet2 > pag d.pagw { display: flex; justify-content: center; align-items: center; gap: 5px; } sheet2 > pag d.pagw d.page.dis { opacity: .5; pointer-events: none; } sheet2 > tools > r { justify-content: flex-end; text-align: right; } sheet2 > pag d.pagw d.page[item="next"] { background-image: url("data:image/svg+xml, %3Csvg%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22css-i6dzq1%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%09%09%09%09%09%09%09%09%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%3E%3C%2Fpolyline%3E%0A%09%09%09%09%09%09%09%09%3C%2Fsvg%3E"); background-size: 20px; } sheet2 > tools > l { justify-content: flex-start; text-align: left; } sheet2 > pag d.pagw d.page[item="prev"] { background-image: url("data:image/svg+xml, %3Csvg%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22css-i6dzq1%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%09%09%09%09%09%09%09%09%3Cpolyline%20points%3D%2215%2018%209%2012%2015%206%22%3E%3C%2Fpolyline%3E%0A%09%09%09%09%09%09%09%09%3C%2Fsvg%3E"); background-size: 20px; } sheet2 > pag d.pagw d.more { height: 40px; width: max-content; background: #f4f7f8; margin: 0; border-radius: 8px; cursor: pointer; transition: .3s; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 500; padding: 0 16px; } sheet2 > pag d.pagw d.more:hover, sheet2 > pag d.pagw d.page:hover { background-color: #edf0f2; } sheet2 > pag d.pagw d.dots { background-image: url("data:image/svg+xml, %3Csvg%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23aaa%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22css-i6dzq1%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%09%09%09%09%09%09%09%09%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%3E%3C%2Fcircle%3E%0A%09%09%09%09%09%09%09%09%09%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%3E%3C%2Fcircle%3E%0A%09%09%09%09%09%09%09%09%09%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%3E%3C%2Fcircle%3E%0A%09%09%09%09%09%09%09%09%3C%2Fsvg%3E"); width: 40px; height: 40px; background-size: 24px; background-repeat: no-repeat; background-position: center; } sheet2 > wrap { width: max-content; max-width: 100%; min-width: 0; position: relative; display: block; overflow: hidden; overflow-x: auto; height: calc(100% - var(--sheet2htools) - var(--sheet2hpag)); } sheet2 > wrap > header { display: flex; justify-content: flex-start; align-items: flex-start; width: max-content; user-select: none; } sheet2 > wrap > header > d { box-shadow: 0px 0px 0px 2px #ffffff; width: 120px; position: relative; min-width: 120px; max-width: 120px; transition: width .1s; will-change: width; } sheet2 > wrap > header > d > d.col > d.name { width: 100%; max-width: 100%; min-width: 0; height: max-content; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: "PT Sans Narrow", sans-serif; font-weight: 400; font-size: 14px; color: #555; } d.widget:not(.wbtn):empty { display: none; } sheet2 > tools d.widget.wbtn:hover { background-color: #e9edef; } sheet2 > wrap > header > d > .col:not(:has(i:active)):hover { background: #edf0f2; } sheet2 > wrap > header > d > .col { padding: 0 10px 0 30px; font-size: 12px; font-weight: 500; text-align: left; min-height: 30px; align-items: center; display: flex; justify-content: flex-start; background: #f4f7f8; border-radius: 8px; color: #373737; width: 100%; max-width: 100%; min-width: 0; position: relative; cursor: grab; } sheet2 > wrap.ordered header [key="mc_drag"] .col d.name { background: unset; } sheet2 > wrap.ordered header [key="mc_drag"], sheet2 > wrap.ordered header [key="mc_drag"] * { pointer-events: none; } sheet2 > wrap.ordered content [key="mc_drag"] { opacity: 0; } sheet2 > wrap.ordered content [key="mc_drag"], sheet2 > wrap.ordered content [key="mc_drag"] * { pointer-events: none; } sheet2 > wrap > header > d > .col > s { background-size: 18px; background-repeat: no-repeat; background-position: 7px center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='9 5 12 2 15 5' stroke='%23b2babe'/%3E%3Cpolyline points='15 19 12 22 9 19' stroke='%23a4aaad'/%3E%3C/svg%3E"); width: 30px; cursor: pointer; height: 100%; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 2; scale: 1; transition: .1s; } sheet2 > wrap > header > d.ASC > .col > s { background-size: 18px; background-position: 7px 5px; background-image: url("data:image/svg+xml,%3Csvg stroke='%23fa2d2d' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' randcolor='set' width='20' height='20' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' transform='rotate(180)' style='transform: rotate(180deg);'%3E%3Cpath d='M3 7H21'%3E%3C/path%3E%3Cpath d='M6 12H18'%3E%3C/path%3E%3Cpath d='M10 17H14'%3E%3C/path%3E%3C/svg%3E%0A"); } sheet2 > wrap > header > d.DESC > .col > s { background-size: 18px; background-position: 7px 5px; background-image:url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23fa2d2d%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%207H21%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M6%2012H18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%2017H14%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > wrap > header > d > .col i { position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: 20px; cursor: col-resize; z-index: 2; opacity: 0; transition: opacity .1s; } sheet2 > wrap > header > d > .col i:before { position: absolute; inset: 0; margin: auto; height: calc(100% - 10px); width: 4px; background: #97acb3; display: block; content: ""; border-radius: 10px; } sheet2 > wrap > header > d > .col i:hover { opacity: 1; } sheet2 > tools .widget input { border: 1px solid #e9edef; border-radius: 8px; padding: 0px 10px 0px 40px; font-size: 14px; font-weight: 400; height: 40px; width: 100px; text-align: center; line-height: 40px; color: #444; background-size: 20px; background-repeat: no-repeat; background-position: 10px center; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23ddd%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m14%206%202.293-2.293a1%201%200%200%201%201.414%200l2.586%202.586a1%201%200%200%201%200%201.414L18%2010m-4-4-9.707%209.707a1%201%200%200%200-.293.707V19a1%201%200%200%200%201%201h2.586a1%201%200%200%200%20.707-.293L18%2010m-4-4%204%204%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > tools d.widget.limit input { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23ddd%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%204m0%201a1%201%200%200%201%201%20-1h4a1%201%200%200%201%201%201v4a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%204m0%201a1%201%200%200%201%201%20-1h4a1%201%200%200%201%201%201v4a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2014m0%201a1%201%200%200%201%201%20-1h4a1%201%200%200%201%201%201v4a1%201%200%200%201%20-1%201h-4a1%201%200%200%201%20-1%20-1z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%2017h6m-3%20-3v6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); width: 80px; } sheet2 > tools d.widget.limit input::placeholder { color: #ddd; } sheet2 > tools .widget.search input { background-image: url("data:image/svg+xml, %3Csvg%20aria-hidden%3D%22true%22%20stroke%3D%22%23ddd%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21%2021l-5.197-5.197m0%200A7.5%207.5%200%20105.196%205.196a7.5%207.5%200%200010.607%2010.607z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 20px; width: 180px; text-align: left; } sheet2 > tools > l .widget select { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23ddd%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11%206h9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M11%2012h9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%2018h8%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2016a2%202%200%201%201%204%200c0%20.591%20-.5%201%20-1%201.5l-3%202.5h4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M6%2010v-6l-2%202%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); border: 1px solid #e9edef; border-radius: 8px; padding: 0px 10px 0px 40px; font-size: 14px; font-weight: 400; height: 40px; width: 140px; line-height: 40px; color: #444; background-size: 20px; background-repeat: no-repeat; background-position: 10px center; text-align: left; } sheet2 > tools > l .widget.language select { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23ddd%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2%205h7m7%200h-2.5M9%205h4.5M9%205V3m4.5%202c-.82%202.735-2.539%205.32-4.5%207.593M4%2017.5c1.585-1.359%203.376-3.026%205-4.907m0%200C8%2011.5%206.4%209.3%206%208.5m3%204.093l3%202.907M13.5%2021l1.143-3m6.857%203l-1.143-3m-5.714%200l2.857-7.5%202.857%207.5m-5.714%200h5.714%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 select, sheet2 ::picker(select) { appearance: base-select; background-color: #fff; cursor: pointer; } sheet2 select::picker-icon { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23999%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.9201%208.94995L13.4001%2015.47C12.6301%2016.24%2011.3701%2016.24%2010.6001%2015.47L4.08008%208.94995%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); content: ""; width: 16px; height: 100%; background-size: 14px; background-repeat: no-repeat; background-position: center; } sheet2 select::picker(select) { border-radius: 8px; border-color: #e9edef; margin-top: 2px; padding: 5px 0px; } sheet2 select option { color: #444; font-size: 14px; font-weight: 400; padding: 5px 10px 5px 10px; cursor: pointer; } sheet2 select option::checkmark { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2013l4%204L19%207%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 16px; content: ""; width: 16px; height: 16px; } sheet2 select option:hover { background: #f4f7f8; } sheet2.hold, sheet2.hold * { pointer-events: none!important; } sheet2.hold > wrap > content, sheet2.hold > wrap > header { opacity: .5; } sheet2 > wrap > content { display: block; padding: 10px 0 0 0; height: max-content; max-height: calc(100% - 30px); overflow: auto; width: max-content; transition: opacity .2s; opacity: 1; } sheet2 > wrap > content row { } sheet2 > wrap > content > row:first-child > cells { border-top: 0; } sheet2 > wrap > content row cells { display: flex; justify-content: flex-start; align-items: flex-start; width: max-content; align-items: normal; border: 0; } sheet2 > wrap > content row d[key] > d.cell d.sheet2imgcell:has(img[src=""]) { display: none; } sheet2 > wrap > content row cells { border-top: 1px solid #e9edef; } sheet2 > wrap > content row d[key] { border: 0; border-left: 1px solid #e9edef; } sheet2 > wrap > content row d[key="mc_checkbox"] + d { border-left: 1px solid #ffffff; } sheet2 > wrap > content row d[key="name"] { border-left: 1px solid #fff; } sheet2 > wrap > content row d[key] { position: relative; overflow: hidden; min-height: 24px; display: flex; justify-content: flex-start; align-items: center; padding: 0px 10px; min-width: 120px; max-width: 120px; width: 120px; } sheet2 > wrap > content row d[key] > d.cell d.sheet2imgcell { position: relative; border-radius: 4px; overflow: hidden; width: 40px; height: 40px; margin: 4px auto; pointer-events: none; } sheet2 > wrap > content row d[key] > d.cell d.sheet2imgcell img { width: 100%; height: 100%; object-fit: contain; display: block; } sheet2 > tools d.widget.aside { display: flex; gap: 5px; } sheet2 > tools d.widget.aside d.wbtn:hover { background-color: #e9edef; } sheet2 > tools d.widget.aside d.wbtn { height: 40px; width: 40px; background: #f4f7f8; margin: 0; background-size: 18px; background-repeat: no-repeat; background-position: center; border-radius: 8px; cursor: pointer; } sheet2 > tools d.widget.aside d.wbtn.edit { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%2019h4l10.5%20-10.5a2.828%202.828%200%201%200%20-4%20-4l-10.5%2010.5v4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.5%205.5l4%204%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4.5%2013.5l4%204%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M21%2015v4h-8l4%20-4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > tools d.widget.aside d.wbtn.add { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%205l0%2014%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5%2012l14%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > wrap > content row d[key] > d.cell a.tel.sheet2linkcell { display: flex; gap: 8px; align-items: center; justify-content: left; width: max-content; margin: auto; } sheet2 > wrap > content row d[key] > d.cell d.stars { display: flex; gap: 0; margin: auto; width: max-content; } sheet2 > wrap > content row d[key] > d.cell d.stars d { width: 20px; height: 15px; cursor: pointer; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23999%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.587%208.236l2.598-5.232a.911.911%200%20011.63%200l2.598%205.232%205.808.844a.902.902%200%2001.503%201.542l-4.202%204.07.992%205.75c.127.738-.653%201.3-1.32.952L12%2018.678l-5.195%202.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902%200%2001.503-1.54l5.808-.845z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 15px; background-repeat: no-repeat; background-position: center; opacity: 1; } sheet2 > wrap > content row d[key] > d.cell d.btns { display: flex; width: max-content; gap: 5px; margin: auto; } sheet2 > wrap > content row d[key] > d.cell d.btns d.btn { padding: 4px 6px; border-radius: 4px; font-size: 10px; font-weight: 600; white-space: nowrap; color: #555; background: #eaeff0; } sheet2 > wrap > content row d[key] > d.cell d.btns d.btn:hover { color: #ffffff; background: #444; } sheet2 > wrap > content row d[key] > d.cell d.stars d.a { background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2016%2016%22%20randcolor%3D%22set%22%20stroke%3D%22%23ffb700%22%20stroke-width%3D%221%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23ffb700%22%20d%3D%22M3.612%2015.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173%206.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927%200l2.184%204.327l4.898.696c.441.062.612.636.282.95l-3.522%203.356l.83%204.73c.078.443-.36.79-.746.592L8%2013.187l-4.389%202.256z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > wrap > content row d[key] > d.cell a.tel.sheet2linkcell d { color: #6a97cd; text-decoration: underline; } sheet2 > wrap > content row d[key] > d.cell a.tel.sheet2linkcell img { width: 21px; border-radius: 3px; box-shadow: 0px 0px 0px 1px #edf0f2; margin: 1px; } sheet2 > wrap > content row d[key] > d.cell a.sheet2linkcell { color: #6a97cd; text-decoration: underline; } sheet2 > wrap > content row d[key] > d.cell { width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: center; white-space: nowrap; user-select: none; font-family: "PT Sans Narrow", sans-serif; font-weight: 400; font-size: 14px; color: #555; } sheet2 > wrap > content row d[key] > d.cell a.sheet2linkcell { color: #6a97cd; text-decoration: underline; font-family: "PT Sans Narrow", sans-serif; font-weight: 400; font-size: 14px; } sheet2 > wrap > content row d[key] > r { display: none; position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; z-index: 2; cursor: crosshair; } sheet2 > wrap > content row d[key] > r:before { width: 8px; height: 8px; background: #446fb5; border-radius: 50%; content: ""; display: block; margin: 2px 2px; } sheet2 > wrap > content row cells d[key]:hover > r { display: block; } sheet2 > wrap > content row cells d[key]:hover { box-shadow: inset 0px 0px 0px 2px #9bb9ea; } sheet2 > wrap > header > d[key="mc_drag"] d.col s, sheet2 > wrap > header > d[key="mc_drag"] d.col i { display: none; } sheet2 > wrap > header > d[key="mc_drag"] d.col { padding: 0; cursor: default; } sheet2 > wrap > content row d[key="mc_drag"] r { display: none!important; } sheet2 > wrap > header > d[key="mc_drag"] d.col d.name { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%208l4%20-4l4%204%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7%204l0%209%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13%2016l4%204l4%20-4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M17%2010l0%2010%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-size: 16px; background-repeat: no-repeat; background-position: center; height: 30px; padding: 0; } sheet2 > wrap > content row d[key="mc_drag"] { border-left: 1px solid #fff!important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h-6a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h6'%3E%3C/path%3E%3Cpath d='M18 14v7'%3E%3C/path%3E%3Cpath d='M18 3v7'%3E%3C/path%3E%3Cpath d='M15 18l3 3l3 -3'%3E%3C/path%3E%3Cpath d='M15 6l3 -3l3 3'%3E%3C/path%3E%3C/svg%3E"); background-size: 16px; background-repeat: no-repeat; background-position: center; min-width: 30px; max-width: 30px; cursor: grab; box-shadow: unset !important; } sheet2 > wrap > header > d[key="mc_drag"] { min-width: 30px; max-width: 30px; } sheet2 > wrap > header > d[key="mc_drag"] d.col:hover { background: #f4f7f8; } sheet2 > wrap > header > d[key="id"] d.col i { display: none; } sheet2 > wrap > header > d[key="id"] d.col { cursor: default; } sheet2 > wrap > content row d[key="path"] r, sheet2 > wrap > content row d[key="alias"] r, sheet2 > wrap > content row d[key="id"] r { display: none!important; } sheet2 > wrap > header > d[key="id"] d.col d.name { height: 30px; padding: 0; display: flex; justify-content: flex-start; align-items: center; padding: 5px; } sheet2 > wrap > content row d[key="id"] { border-left: 1px solid #fff!important; min-width: 80px; max-width: 80px; cursor: default; box-shadow: unset !important; } sheet2 > wrap > header > d[key="id"] { min-width: 80px; max-width: 80px; } sheet2 > wrap > header > d[key="mc_checkbox"] d.col s, sheet2 > wrap > header > d[key="mc_checkbox"] d.col i { display: none; } sheet2 > wrap > header > d[key="mc_checkbox"] d.col { padding: 0; cursor: default; } sheet2 > wrap > content row d[key="mc_checkbox"] r { display: none!important; } sheet2 > wrap > header > d[key="mc_checkbox"] d.col d.name { width: 100%; height: 30px; padding: 0; display: flex; justify-content: center; align-items: center; } sheet2 > wrap > content row d[key="mc_checkbox"] { border-left: 1px solid #fff!important; min-width: 32px; max-width: 32px; cursor: default; padding: 0 5px; box-shadow: unset!important; } sheet2 > wrap > header > d[key="mc_checkbox"] { min-width: 32px; max-width: 32px; } sheet2 > wrap > header > d[key="mc_checkbox"] d.col:hover { background: #f4f7f8; } sheet2 > pag d.pagw d.page.a { background: #222; color: #f4f7f8; pointer-events: none; } sheet2 > pag d.pagw d.page { height: 40px; width: 40px; background: #f4f7f8; margin: 0; background-size: 18px; background-repeat: no-repeat; background-position: center; border-radius: 8px; cursor: pointer; transition: .3s; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 500; } sheet2 > tools d.widget.wbtn.export { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.5%2021h-7.5a2%202%200%200%201%20-2%20-2v-14a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v7.5%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2010h18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%203v18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M19%2016v6%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M22%2019l-3%203l-3%20-3%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > tools d.widget.wbtn.import { background-image:url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2021h-7a2%202%200%200%201%20-2%20-2v-14a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v8%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2010h18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%203v18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M19%2022v-6%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M22%2019l-3%20-3l-3%203%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > tools d.widget.datamode > d { box-shadow: inset 0px 0px 0px 1px #f4f7f8; display: flex; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; position: relative; } sheet2 > tools d.widget.datamode > d > d:not(.a) { background-color: #f4f7f8; } sheet2 > tools d.widget.datamode > d > d.a { pointer-events: none; } sheet2 > tools d.widget.datamode > d > d[mode="a"] { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%208m0%201a1%201%200%200%201%201%20-1h6a1%201%200%200%201%201%201v6a1%201%200%200%201%20-1%201h-6a1%201%200%200%201%20-1%20-1z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%2020v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%2020v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%2020v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2020v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2016v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2012v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%208v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%204v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%204v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%204v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%204v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%204v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%208v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%2012v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%2016v.01%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%2020v.01%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > tools d.widget.datamode > d > d[mode="b"] { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%206l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2010l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2014l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2018l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14.5%206l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14.5%2010l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14.5%2014l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14.5%2018l5.5%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > tools d.widget.datamode > d > d { width: 40px; height: 40px; background-size: 20px; background-repeat: no-repeat; background-position: center; cursor: pointer; } sheet2 > wrap > header d.mc-sortable-placeholder.sheet2-sortable-placeholder-col { height: 30px; border: 0; margin: 0; z-index: 1; } sheet2 > wrap > header > d[key="mc_drag"] .name, sheet2 > wrap > header > d[key="id"] .name, sheet2 > wrap > header > d[key="mc_checkbox"] .name { pointer-events: none; } sheet2 > wrap > content row.gograb.mc-sortable-helper { background: #f4f7f8; opacity: .4; } sheet2 > wrap > content row child { display: block; } sheet2 > wrap > content row.mc-sortable-placeholder.sheet2-sortable-placeholder-row { height: 40px; max-height: 40px; background: #eaeff0; width: 100%!important; border-radius: 8px; box-shadow: none; margin: 4px 0; display: block; } sheet2 > wrap > content row d[key] > d.cell d.loader { width: 100%; height: 5px; display: inline-block; position: relative; overflow: hidden; } sheet2 > wrap > content row d[key] > d.cell d.loader:before { content: ''; width: 70%; height: 100%; background: #f4f7f8; position: absolute; top: 0; left: 0; box-sizing: border-box; animation: sheet2loadercell 0.6s ease-in-out infinite alternate; border-radius: 8px; } @keyframes sheet2loadercell { 0% {transform: translateX(0%);} 100% {transform: translateX(40%);} } sheet2 > wrap > content row d[key] > d.cell d.seo { font-size: 10px; white-space: nowrap; text-align: left; width: max-content; margin: auto; } sheet2 > wrap > content row d[key] > d.cell d.seo d { color: #555; font-weight: 500; } sheet2 > wrap > content row d[key] > d.cell d.seo d.seorobots.a { color: #cc0000; } sheet2 > wrap > content row d[key] > d.cell d.published.a { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23ccc%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%2012m-2%200a2%202%200%201%200%204%200a2%202%200%201%200%20-4%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2%206m0%206a6%206%200%200%201%206%20-6h8a6%206%200%200%201%206%206v0a6%206%200%200%201%20-6%206h-8a6%206%200%200%201%20-6%20-6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-position: center right; } sheet2 > wrap > content row d[key] > d.cell d.published { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23CF1433%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012m-2%200a2%202%200%201%200%204%200a2%202%200%201%200%20-4%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2%206m0%206a6%206%200%200%201%206%20-6h8a6%206%200%200%201%206%206v0a6%206%200%200%201%20-6%206h-8a6%206%200%200%201%20-6%20-6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); width: 100%; height: 24px; background-size: 20px; background-repeat: no-repeat; background-position: center right; margin: auto; cursor: pointer; } sheet2 > wrap > content row d[key] > d.cell d.published.hold { pointer-events: none; opacity: .5; } sheet2 > wrap > content row d[key="name"] .cell span { display: block; width: 30px; min-width: 30px; height: 2px; border-radius: 6px; background: #d4dadb; } sheet2.hold tools { opacity: .5; } sheet2 > wrap > content row d[key] > d.cell d.colorbox { width: 18px; height: 18px; margin: auto; border-radius: 4px; border: 1px solid #f0f0f0; pointer-events: none; } sheet2 > wrap > content row d[key] > d.cell > d.colors .colorbox { margin: 0; } sheet2 > wrap > content row d[key] > d.cell > d.colors { display: flex; gap: 3px; justify-content: center; align-items: center; margin: auto; width: max-content; pointer-events: none; } /* CHECK-LITE CHECK-LITE CHECK-LITE CHECK-LITE CHECK-LITE */ sheet2 radio, window[name="sheet2Filters"] radio, sheet2 check, window[name="sheet2Filters"] check { width: 20px; height: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 2px solid #e8e8e8; position: relative; background: #fff; border-radius: unset; transition: unset; will-change: unset; overflow: unset; border-radius: 6px; } sheet2 radio:hover, window[name="sheet2Filters"] radio:hover, sheet2 check:hover, window[name="sheet2Filters"] check:hover { border-color: #9c9c9c; } sheet2 radio.a, window[name="sheet2Filters"] radio.a, sheet2 check.a, window[name="sheet2Filters"] check.a { background-color: #2382f0; scale: unset; box-shadow: unset; border-color: #2382f0; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e"); } sheet2 radio.a:before, window[name="sheet2Filters"] radio.a:before, sheet2 check.a:before, window[name="sheet2Filters"] check.a:before { display:none; } sheet2 radio:before, window[name="sheet2Filters"] radio:before, sheet2 check:before, window[name="sheet2Filters"] check:before { content: ""; position: absolute; inset: 0; margin: auto; transition: all .3s ease; background-size: 14px; background-repeat: no-repeat; background-position: center; scale: unset; background: unset; border-radius: unset; will-change: unset; } window[name="sheet2Filters"]>content { backdrop-filter: none; } window[name="sheet2Filters"] { transition: none; } sheet2.hold pag { opacity: .5; } sheet2 > wrap > content row.selected-menu > cells { box-shadow: inset 0px 0px 0px 5px #d8e8ed; } sheet2 > wrap > content row.selected-menu > cells d[key]:hover { box-shadow: none!important; } window.sheet2col buttons, window.sheet2row buttons { display: none; } window.sheet2col wrap, window.sheet2row wrap { padding: 10px 0px; } sheet2 > wrap > content row d[key].sheet2common { box-shadow: inset 0px 0px 0px 2px #ff8213!important; } window.sheet2col content, window.sheet2row content { border-radius: 8px; background: #f4f7f8; box-shadow: 0 1px 10px -4px rgb(0 0 0 / 36%); } window.sheet2col wrap d, window.sheet2row wrap d { padding: 10px 18px 10px 40px; font-size: 12px; font-weight: 500; cursor: pointer; color: #555; background-size: 15px; background-repeat: no-repeat; background-position: 15px center; } window.sheet2col wrap d d:hover, window.sheet2col wrap d.hide:hover { background-color: #e7ebec; } window.sheet2row wrap d.edit { background-image: url("data:image/svg+xml, %3Csvg%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22css-i6dzq1%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%09%09%09%09%09%09%09%09%3Cpath%20d%3D%22M17%203a2.828%202.828%200%201%201%204%204L7.5%2020.5%202%2022l1.5-5.5L17%203z%22%3E%3C%2Fpath%3E%0A%09%09%09%09%09%09%09%09%3C%2Fsvg%3E"); } window.sheet2row wrap d.clone { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%204m0%202a2%202%200%200%201%202%20-2h8a2%202%200%200%201%202%202v8a2%202%200%200%201%20-2%202h-8a2%202%200%200%201%20-2%20-2z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%2016v2a2%202%200%200%201%20-2%202h-8a2%202%200%200%201%20-2%20-2v-8a2%202%200%200%201%202%20-2h2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } window.sheet2row wrap d.remove { background-image: url("data:image/svg+xml, %3Csvg%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22css-i6dzq1%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%09%09%09%09%09%09%09%09%3Cpolyline%20points%3D%223%206%205%206%2021%206%22%3E%3C%2Fpolyline%3E%0A%09%09%09%09%09%09%09%09%09%3Cpath%20d%3D%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22%3E%3C%2Fpath%3E%0A%09%09%09%09%09%09%09%09%3C%2Fsvg%3E"); } sheet2 > wrap > content row dset { margin: 0; } sheet2 > wrap > content row dset:last-child { margin-bottom: 50px; display: block; border-top: 1px solid #e9edef; } sheet2 > wrap > content row dset set { padding: 5px 10px 5px 10px; border-radius: 0; background: #fff; width: max-content; max-width: calc(100% - 100px); margin: 0px 0 0 100px; transition: none; user-select: none; } sheet2 > wrap > content row dset set:before { display: none; } sheet2 > wrap > content row dset set d.content d { font-family: Montserrat!important; font-weight: 500!important; font-size: 12px!important; color: #555!important; } sheet2 > wrap > content row dset set:hover { background: #fff; transform: unset; } sheet2 > wrap > content row dset set d.count { font-size: 12px; color: #555; font-weight: 500; font-family: Montserrat; background: #f4f7f8; } sheet2 > wrap > content row dset set d.price { font-size: 12px; color: #555; font-weight: 500; font-family: Montserrat; height: 40px; background: #f4f7f8; } sheet2 > wrap > content row dset set d.additional { font-size: 12px; color: #555; font-weight: 500; font-family: Montserrat; height: 40px; align-items: center; justify-content: center; background: #f4f7f8; border: 0; box-shadow: none; } sheet2 > wrap > content row dset set d.additional d { font-size: 12px; color: #555; font-weight: 500; font-family: Montserrat; width: max-content; } sheet2 > wrap > content row dset set { border-bottom: 1px solid #e9edef; } window[name="sheet2Filters"]>content { border-radius: 8px; } sheet2 > tools d.widget.aside select { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23ddd%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%2015m-4%200a4%204%200%201%200%208%200a4%204%200%201%200%20-8%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18.5%2018.5l2.5%202.5%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%206h16%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2012h4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2018h4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } flex.sheet2wrap { height: 100%; } flex.sheet2wrap > sheet2 { height: 100%; width: 100%; } fieldset.sheet2Filters { width: 80vw; width: max-content; max-width: 90vw; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative; } fieldset.sheet2Filters field { max-width: 300px; width: max-content; } window.sheet2cellEdit>content { border-radius: 12px; gap: 0px; } window.sheet2cellEdit>content>wrap { padding: 0!important; } window.sheet2cellEdit>content h1 { font-size: 12px; font-weight: 500; color: #ffffff; max-width: 250px; margin: 0; background: #222; min-width: 100%; display: block; padding: 8px 15px; border-radius: 12px 12px 0px 0px; } window.sheet2cellEdit>content fieldset field > name, window.sheet2cellEdit>content fieldset field row d.imageField d.name { display: none; } window.sheet2cellEdit>content fieldset field[showmode="hide"] { display: block; } window.sheet2cellEdit>content d.fieldname { font-size: 12px; font-weight: 600; color: #222; max-width: 250px; margin: 0px 0 8px 0px; background: #eff3f7; min-width: 100%; display: block; padding: 7px 15px; } window.sheet2cellEdit>content field[language] { display: block; } window.sheet2cellEdit>content fieldset { padding: 0 15px 10px 15px; } window.sheet2col > content > wrap { padding: 0; } window.sheet2col > content > wrap d.align { display: flex; align-items: center; justify-content: space-between; padding: 0; border-bottom: 1px solid #dddddd; border-radius: 8px 8px 0px 0px; overflow: hidden; width: 100%; } window.sheet2col > content > wrap d.align d { width: 100%; height: 35px; background-size: 18px; background-repeat: no-repeat; background-position: center; padding: 0; } window.sheet2col > content > wrap d.align d.l { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%204.5H21%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%209.5H12.47%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2014.5H21%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2019.5H12.47%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } window.sheet2col > content > wrap d.align d.c { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%204.5H21%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7.26001%209.5H16.74%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2014.5H21%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7.26001%2019.5H16.74%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } window.sheet2col > content > wrap d.align d.r { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%204.5H21%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M11.53%209.5H21%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2014.5H21%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M11.53%2019.5H21%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } window.sheet2col > content > wrap d.aw { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.875%2012c.621%200%201.125%20.512%201.125%201.143v5.714c0%20.631%20-.504%201.143%20-1.125%201.143h-15.875a1%201%200%200%201%20-1%20-1v-5.857c0%20-.631%20.504%20-1.143%201.125%20-1.143h15.75z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9%2012v2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M6%2012v3%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%2012v3%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18%2012v3%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%2012v2%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%203v4%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%205h18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M21%203v4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } window.sheet2col > content > wrap d.hide { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23777%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%206.362A9.707%209.707%200%200%201%2012%205c6.307%200%209.367%205.683%209.91%206.808.06.123.06.261%200%20.385-.352.728-1.756%203.362-4.41%205.131M14%2018.8a9.93%209.93%200%200%201-2%20.2c-6.307%200-9.367-5.683-9.91-6.808a.44.44%200%200%201%200-.386c.219-.452.84-1.632%201.91-2.885m6%20.843A3%203%200%200%201%2014.236%2014M3%203l18%2018%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > wrap > content row d[key].colsalign_r { text-align: right; justify-content: flex-end; } sheet2 > wrap > content row d[key].colsalign_r d.cell { text-align: right; justify-content: flex-end; margin: unset; display: flex; } sheet2 > wrap > content row d[key].colsalign_r d.cell d { justify-content: flex-end; margin: unset; } sheet2 > wrap > content row d[key].colsalign_l { text-align: left; justify-content: flex-start; } sheet2 > wrap > content row d[key].colsalign_l d.cell { text-align: left; justify-content: flex-start; margin: unset; display: flex; } sheet2 > wrap > content row d[key].colsalign_l d.cell d { justify-content: flex-start; margin: unset; } sheet2 > wrap > content row d[key="name"] > d.cell { text-align: left; justify-content: left; display: flex; align-items: center; gap: 5px; } sheet2 > wrap > content row d[key] > d.cell d.la d.date { color: #555; } sheet2 > wrap > content row d[key] > d.cell d.la d.lastactivity { display: flex; min-width: 28px; min-height: 28px; position: relative; justify-content: center; align-items: center; margin-left: 0; } sheet2 > wrap > content row d[key] > d.cell d.la d.lastactivity:before { display: block; width: 6px; height: 6px; z-index: 1; border-radius: 50%; pointer-events: none; background-color: #e2e2e2; content: ""; position: absolute; left: 12px; top: 11px; margin: auto; } sheet2 > wrap > content row d[key] > d.cell d.la d.lastactivity.a:before { background-color: #73ca16; } sheet2 > wrap > content row d[key] > d.cell d.la d.lastactivity.a:after { content: ""; background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20class%3D%22iconify%20iconify--svg-spinners%22%20viewBox%3D%220%200%2024%2024%22%20randcolor%3D%22set%22%20stroke%3D%22%2373ca16%22%20stroke-width%3D%221%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23d665bc%22%20d%3D%22M12%2C1A11%2C11%2C0%2C1%2C0%2C23%2C12%2C11%2C11%2C0%2C0%2C0%2C12%2C1Zm0%2C20a9%2C9%2C0%2C1%2C1%2C9-9A9%2C9%2C0%2C0%2C1%2C12%2C21Z%22%20transform%3D%22matrix(0%200%200%200%2012%2012)%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20calcMode%3D%22spline%22%20dur%3D%221.2s%22%20keySplines%3D%22.52%2C.6%2C.25%2C.99%22%20repeatCount%3D%22indefinite%22%20type%3D%22translate%22%20values%3D%2212%2012%3B0%200%22%3E%3C%2FanimateTransform%3E%3CanimateTransform%20additive%3D%22sum%22%20attributeName%3D%22transform%22%20calcMode%3D%22spline%22%20dur%3D%221.2s%22%20keySplines%3D%22.52%2C.6%2C.25%2C.99%22%20repeatCount%3D%22indefinite%22%20type%3D%22scale%22%20values%3D%220%3B1%22%3E%3C%2FanimateTransform%3E%3Canimate%20attributeName%3D%22opacity%22%20calcMode%3D%22spline%22%20dur%3D%221.2s%22%20keySplines%3D%22.52%2C.6%2C.25%2C.99%22%20repeatCount%3D%22indefinite%22%20values%3D%221%3B0%22%3E%3C%2Fanimate%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); display: block; width: 32px; height: 32px; position: absolute; margin: auto; top: -2px; left: -1px; } sheet2 > wrap > content row d[key] > d.cell d.la { display: flex; gap: 5px; justify-content: center; align-items: center; } sheet2 > wrap > header > d[key="published"] > d.col d.name { width: 32px; height: 20px; background-image: url("data:image/svg+xml, %3Csvg%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23999%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22css-i6dzq1%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%09%09%09%09%09%09%09%09%3Cpath%20d%3D%22M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z%22%3E%3C%2Fpath%3E%0A%09%09%09%09%09%09%09%09%09%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%3E%3C%2Fcircle%3E%0A%09%09%09%09%09%09%09%09%3C%2Fsvg%3E"); background-size: 16px; background-repeat: no-repeat; background-position: 0px center; margin: 0; } sheet2 > wrap > header > d[key="published"] { max-width: 65px!important; min-width: 65px!important; width: 65px!important; } sheet2 > wrap > content row d[key="published"] { max-width: 65px!important; min-width: 65px!important; width: 65px!important; padding-right: 17px; } sheet2 > wrap > content row d[key="seo"] > d.cell d.seo { pointer-events: none; } sheet2 > wrap > content row d[key] > d.cell a, sheet2 > wrap > content row d[key] > d.cell a d { font-family: "PT Sans Narrow", sans-serif; font-weight: 400; font-size: 14px; color: #555; } sheet2 > wrap > content row d[key] > d.cell d.la d.date { font-family: "PT Sans Narrow", sans-serif; font-weight: 400; font-size: 14px; color: #555; } sheet2 > tools d.widget.wbtn.syncbl.a { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23999%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%2017.607c1.494-.585%203-1.918%203-4.607%200-4-3.333-5-5-5%200-2%200-6-6-6S6%206%206%208c-1.667%200-5%201-5%205%200%202.689%201.506%204.022%203%204.607M7.58%2019.487l1.768%201.768a4%204%200%20005.657%200l.354-.353%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7.934%2021.962l-.353-2.475%202.474.354-2.12%202.121zM16.298%2016.902l-1.768-1.768a4%204%200%2000-5.657%200l-.353.353%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15.944%2014.427l.354%202.475-2.475-.354%202.121-2.121z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > tools d.widget.wbtn.syncbl.a.ok { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%234CAF50%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2018l3%203%205-5%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%2017.607c1.494-.585%203-1.918%203-4.607%200-4-3.333-5-5-5%200-2%200-6-6-6S6%206%206%208c-1.667%200-5%201-5%205%200%202.689%201.506%204.022%203%204.607%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } window.sheet2col > content > wrap d.breaks { display: flex; justify-content: center; align-items: center; padding: 0; } window.sheet2col > content > wrap d.breaks d { width: 50%; height: 30px; border-bottom: 1px solid #dddddd; background-size: 20px; background-repeat: no-repeat; background-position: center; padding: 0; } window.sheet2col > content > wrap d.breaks d.a { border-right: 1px solid #dddddd; background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23888%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%206l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2010l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2014l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2018l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14.5%206l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14.5%2010l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14.5%2014l5.5%200%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14.5%2018l5.5%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } window.sheet2col > content > wrap d.breaks d.b { background-image: url("data:image/svg+xml, %3Csvg%20stroke%3D%22%23888%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20randcolor%3D%22set%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%207h14M5%2012h11c1%200%203%20.5%203%202.5S17.333%2017%2016.5%2017H12m-7%200h4m3%200%202-2m-2%202%202%202%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } sheet2 > wrap > content row d[key].breaks d.cell { margin: unset; display: block; white-space: break-spaces; flex-wrap: wrap; }windows { display: block; inset: 0; } window>content>buttons.waiting * { pointer-events: none; } window>content>buttons.waiting { opacity: 0.2; } windows>cl { display: block; position: fixed; width: 40px; height: 40px; z-index: 999999; background-size: 18px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='135' height='140' viewBox='0 0 135 140' fill='%23000'%3E%3Crect y='10' width='15' height='120' rx='6'%3E%3Canimate attributeName='height' begin='0.5s' dur='1s' values='120;110;100;90;80;70;60;50;40;140;120' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='y' begin='0.5s' dur='1s' values='10;15;20;25;30;35;40;45;50;0;10' calcMode='linear' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='30' y='10' width='15' height='120' rx='6'%3E%3Canimate attributeName='height' begin='0.25s' dur='1s' values='120;110;100;90;80;70;60;50;40;140;120' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='y' begin='0.25s' dur='1s' values='10;15;20;25;30;35;40;45;50;0;10' calcMode='linear' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='60' width='15' height='140' rx='6'%3E%3Canimate attributeName='height' begin='0s' dur='1s' values='120;110;100;90;80;70;60;50;40;140;120' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='y' begin='0s' dur='1s' values='10;15;20;25;30;35;40;45;50;0;10' calcMode='linear' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='90' y='10' width='15' height='120' rx='6'%3E%3Canimate attributeName='height' begin='0.25s' dur='1s' values='120;110;100;90;80;70;60;50;40;140;120' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='y' begin='0.25s' dur='1s' values='10;15;20;25;30;35;40;45;50;0;10' calcMode='linear' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='120' y='10' width='15' height='120' rx='6'%3E%3Canimate attributeName='height' begin='0.5s' dur='1s' values='120;110;100;90;80;70;60;50;40;140;120' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='y' begin='0.5s' dur='1s' values='10;15;20;25;30;35;40;45;50;0;10' calcMode='linear' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23000' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23000' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23000' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle fill='%23000' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-color: rgb(255 255 255 / 80%); backdrop-filter: blur(5px); } window.waiting>content>l { display: flex; } window>content>l { height: 80px; width: 80px; position: absolute; bottom: 22px; left: 0; justify-content: center; align-items: center; font-size: 15px; font-weight: 700; right: 0; top: 0; margin: auto; display: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23aaa' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E"); background-size: 80px; background-repeat: no-repeat; background-position: center; } window>content>buttons>.btn.remove_mini { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='3 6 5 6 21 6'%3e%3c/polyline%3e%3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3e%3c/path%3e%3c/svg%3e"); background-size: 16px; background-repeat: no-repeat; background-position: center; max-width: 30px; min-width: 30px; width: 30px; } window>content>buttons>.btn.remove_mini:hover { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='3 6 5 6 21 6'%3e%3c/polyline%3e%3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3e%3c/path%3e%3c/svg%3e"); background-size: 16px; background-repeat: no-repeat; background-position: center; } window[parent]>content { box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .18); } window.collapse-c>content>wrap { max-width: 0; max-height: 0; } collapse { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; position: fixed; width: max-content; width: -moz-max-content; top: 0; bottom: 0; margin: auto; z-index: 20; left: 90px; height: 500px; } window.collapse-a>menu { display: none; } window>menu { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; margin: 0; padding: 0; gap: 7px; backdrop-filter: blur(3px); border-radius: 20px; margin-top: 25px; } window>menu>item.square { display: flex; justify-content: center; align-items: center; gap: 10px; height: 40px; min-width: 40px; width: max-content; width: -moz-max-content; padding: 0 17px; border-radius: 8px; box-shadow: 0 10px 13px -8px rgba(0, 0, 0, .1); backdrop-filter: blur(5px); background: rgb(244 247 248); font-size: 10px; font-weight: 600; cursor: pointer; background-size: 18px; background-repeat: no-repeat; background-position: center; transition: all .3s ease; } window>menu>item { user-select: none; } window>menu>item.bookmark { display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 30px; min-width: 40px; width: max-content; width: -moz-max-content; padding: 0 17px; border-radius: 8px 0px 0px 8px; box-shadow: 0 10px 13px -8px rgba(0, 0, 0, .1); backdrop-filter: blur(5px); background: rgb(244 247 248); font-size: 10px; font-weight: 600; cursor: pointer; background-size: 18px; background-repeat: no-repeat; background-position: center; transition: all .3s ease; user-select: none; } window>menu>item.bookmark { display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 30px; min-width: 40px; width: max-content; width: -moz-max-content; padding: 0 17px; border-radius: 8px 0px 0px 8px; box-shadow: 0 10px 13px -8px rgba(0, 0, 0, .1); backdrop-filter: blur(5px); background: rgb(244 247 248); font-size: 10px; font-weight: 600; cursor: pointer; background-size: 18px; background-repeat: no-repeat; background-position: center; transition: all .3s ease; } window>menu>item.bookmark:before { content: ""; right: -10px; position: absolute; top: 0; height: 100%; width: 10px; background: #f3f6f7; transition: all .3s ease; } window>menu>item:not(.act).bookmark:hover:before, window>menu>item:not(.act):hover { background-color: #fff; } window>menu>item.act, window>menu>item.act.bookmark:before { background-color: #61bc3d; color: #fff; } window.t05 { transition: all 0.2s ease 0s; } window { position: absolute; width: max-content; width: -moz-max-content; height: max-content; height: -moz-max-content; z-index: 300; transition: all 0.5s ease 0s; opacity: 0; display: flex; justify-content: space-between; gap: 10px; align-items: stretch; } window.mc-draggable.mc-draggable-dragging { transition: unset; } window>content { display: flex; flex-direction: column; gap: 10px; height: 100%; border-radius: 26px; box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .08); backdrop-filter: blur(5px); background: rgb(255 255 255); max-width: 100%; max-height: inherit; z-index: 10; } window>menu+content { height: unset; } window>content>wrap { padding: 0px 20px 15px 20px; overflow: auto; max-height: inherit; display: flex; flex-direction: column; flex-shrink: 1; flex-grow: 1; } window>content>wrap::-webkit-scrollbar { width: 20px; height: 20px; } window>content>wrap::-webkit-scrollbar-thumb { background-color: #dddddd; border: 0; border-left: 18px solid white; border-radius: 0; border-top: 18px solid white; } window>content>wrap::-webkit-scrollbar-track { background: white; } confirm, backdrop { width: 100%; height: 100%; display: block; position: fixed; z-index: 300; inset: 0; } confirm {} window>content>header>tool>t:hover { background-color: #f6f6f6; } window>content>header>tool>t.maximize { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='15 3 21 3 21 9'%3e%3c/polyline%3e%3cpolyline points='9 21 3 21 3 15'%3e%3c/polyline%3e%3cline x1='21' y1='3' x2='14' y2='10'%3e%3c/line%3e%3cline x1='3' y1='21' x2='10' y2='14'%3e%3c/line%3e%3c/svg%3e"); } window.maximize>content>header>tool>t.maximize { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='4 14 10 14 10 20'%3e%3c/polyline%3e%3cpolyline points='20 10 14 10 14 4'%3e%3c/polyline%3e%3cline x1='14' y1='10' x2='21' y2='3'%3e%3c/line%3e%3cline x1='3' y1='21' x2='10' y2='14'%3e%3c/line%3e%3c/svg%3e"); } window>content>header>tool>t.close { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); } window>content>header>tool>t.collapse { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e"); } window.collapse-a>content>header>tool>t.collapse { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='7' y1='17' x2='17' y2='7'%3e%3c/line%3e%3cpolyline points='7 7 17 7 17 17'%3e%3c/polyline%3e%3c/svg%3e"); } window.collapse-a>content>header>tool>t.close { background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23aaa' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); } window>content>header>tool>t { width: 32px; height: 32px; border-radius: 6px; cursor: pointer; background-position: center; background-size: 16px; background-repeat: no-repeat; transition: .3s; } /*window>content>header>i { display: block; width: 32px; min-width: 32px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center;}*/ window>content>header>i { display: block; width: 80px; min-width: 80px; height: 30px; background-repeat: no-repeat; background-position: 10px center; background-image: url('/core/assets/img/a_logo_black.svg'); background-size: 60px; } window>content>buttons>.btn { max-width: 270px; } window>content>buttons { padding: 0px 20px 15px 20px; display: flex; justify-content: flex-end; gap: 20px; } window>content>header { display: flex; justify-content: space-between; gap: 30px; align-items: center; padding: 10px 10px 5px 10px; border-radius: 26px 26px 0 0; } window.maximize>content { max-width: 100%; max-height: 100%; width: 100%; height: 100%; border-radius: 0; } window.maximize { width: 100% !important; height: 100% !important; border-radius: 0 !important; inset: 0 !important; margin: auto !important; backdrop-filter: unset !important; position: fixed !important; max-width: 100vw !important; max-height: 100vh !important; max-width: 100dvw !important; max-height: 100dvh !important; transition: 1.0s !important; transform-origin: center; transform: scale(0); box-shadow: 0px 0px 180px 10px rgb(0 0 0 / 10%); } window[name="app_components"] > content { background: rgb(255 255 255 / 0%); } window[name="app_components"] > content d.mcComponents > d.list d.group { background: #ffffff00; } d.mcComponents > d.list > d.group > d.name > d.new { background-color: unset!important; } window.maximize.die { transition: .2s !important; transform: perspective(600px) rotateY(0deg) !important; } window.maximize.matrixopen { transform: scale(1); } window>content>header>tool { display: flex; justify-content: flex-end; gap: 10px; align-items: center; } window[name="mainConfirm"]>content>wrap { font-size: 14px; text-align: left; font-weight: 500; background: #ec8f32; display: flex; justify-content: center; align-items: center; margin: 0; color: #fff; padding: 12px 20px 12px 60px; border-radius: 26px 26px 0 0; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3e%3c/path%3e%3cline x1='12' y1='9' x2='12' y2='13'%3e%3c/line%3e%3cline x1='12' y1='17' x2='12.01' y2='17'%3e%3c/line%3e%3c/svg%3e"); background-size: 30px; background-position: 15px center; background-repeat: no-repeat; } window[name="mainConfirm"]>content { gap: 0; max-width: 290px; } window[name="mainConfirm"]>content>buttons { padding-top: 10px; } window[name="mainConfirm"]>content>buttons>.btn { padding: 5px; } window[name="mainConfirm"]>content>header { display: none; } window[name="mainConfirm"]>content>buttons { padding: 10px 10px 10px 10px; flex-direction: column; gap: 8px; } window[name="mainConfirm"]>content>buttons .btn { height: 40px; } window[name="mainConfirm-Danger"]>content>wrap { font-size: 12px; text-align: left; font-weight: 500; background: #b91c1c; display: flex; justify-content: center; align-items: center; margin: 0; color: #fff; padding: 12px 20px 12px 60px; border-radius: 26px 26px 0 0; background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3e%3c/path%3e%3cline x1='12' y1='9' x2='12' y2='13'%3e%3c/line%3e%3cline x1='12' y1='17' x2='12.01' y2='17'%3e%3c/line%3e%3c/svg%3e"); background-size: 30px; background-position: 15px center; background-repeat: no-repeat; } window[name="mainConfirm-Danger"]>content { gap: 0; max-width: 290px; } window[name="mainConfirm-Danger"]>content>buttons { padding-top: 10px; } window[name="mainConfirm-Danger"]>content>buttons>.btn { padding: 5px; } window[name="mainConfirm-Danger"]>content>header { display: none; } window[name="mainConfirm-Danger"]>content>buttons { padding: 10px 10px 10px 10px; flex-direction: column; gap: 8px; } window[name="mainConfirm-Danger"]>content>buttons .btn { height: 40px; } window[name="mainConfirm-Danger"]>content>buttons .btn.success:hover { background-color: #b91c1c; color: #fff; } window[name="mainConfirm-Danger"]>content>buttons .cancel.btn { background: #111; color: #fff; box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 50%); } window[name="mainConfirm-Danger"]>content>wrap>b { color: #fff; margin-bottom: 10px; font-size: 14px; text-align: left; display: block; width: 100%; } window.waiting_confirmation>content>header { background: #d85252; } window>content>header>title { display: block; font-weight: 500; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0px 0px 1px 0px; user-select: none; width: 100%; text-align: center; line-height: 30px; } window>content>header.drag>title { cursor: grab; } window>content>buttons .green.btn:hover { background: #5eb750; } window>content>buttons>.btn { width: 100%; } window.collapse-a { right: 100vw !important; left: 90px !important; border-radius: 0 26px 26px 0px; height: 32px !important; overflow: hidden; opacity: 0 !important; } window.collapse-a>content>header>i { display: none; } window.collapse-a>content>header>tool>.maximize { display: none; } window.collapse-a>content>header>title { font-size: 10px; font-weight: 600; padding: 0 0 0 20px; } window.collapse-a>content>header>tool { gap: 0px; } window.collapse-a>content>header { padding: 0; gap: 5px; } window.collapse-a.collapse-b { opacity: 1 !important; } window.collapse-a.collapse-b.collapse-c.collapse-d { opacity: 0 !important; transition: .2s !important; z-index: -5 !important; } window.collapse-a.collapse-b.collapse-c { margin-bottom: 2px !important; } window.collapse-b { position: static !important; margin: unset !important; } window.collapse-a.collapse-b.collapse-c.collapse-close { opacity: 0 !important; margin-left: -500px !important; } window.collapse-a.collapse-b.collapse-c>content { border-radius: 0 26px 26px 0; } window.waiting>content * { pointer-events: none; } window.waiting>content>buttons { opacity: 0; } window.waiting>content>wrap { opacity: 0.2; filter: blur(2px); }.liteSlider { overflow: hidden; overflow-x: auto; white-space: nowrap; display: flex; flex-wrap: nowrap; max-width: 100%;}.liteSlider::-webkit-scrollbar-thumb {background-color: transparent;border: 0;}.liteSlider::-webkit-scrollbar {width: 0;height: 0;}.liteSlider::-webkit-scrollbar-track {background: transparent;}.liteSlider_mousemove, .liteSlider_mousemove * {cursor: grab!important;}.liteSlider_mousemove *:not(.liteSlider) {pointer-events: none!important;}.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box } .noUi-target { position: relative } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1 } .noUi-connects { overflow: hidden; z-index: 0 } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto } .noUi-vertical .noUi-origin { top: -100%; width: 0 } .noUi-horizontal .noUi-origin { height: 0 } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute } .noUi-touch-area { height: 100%; width: 100% } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform .3s; transition: transform .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-horizontal { height: 4px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; right: -17px; top: -6px } .noUi-vertical { width: 18px } .noUi-vertical .noUi-handle { width: 28px; height: 34px; right: -6px; bottom: -17px } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto } .noUi-target { background: #efefef; border-radius: 10px; } .noUi-connects { border-radius: 3px } .noUi-connect { background: #222; } .noUi-draggable { cursor: ew-resize } .noUi-vertical .noUi-draggable { cursor: ns-resize } .noUi-handle { border: 3px solid #222; border-radius: 50%; background: #FFF; cursor: pointer; width: 16px!important; height: 16px!important; right: -12px!important; top: -6px!important; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB } .noUi-handle:after { left: 17px } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px } .noUi-vertical .noUi-handle:after { top: 17px } [disabled] .noUi-connect { background: #B8B8B8 } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box } .noUi-pips { position: absolute; color: #999 } .noUi-value { position: absolute; white-space: nowrap; text-align: center } .noUi-value-sub { color: #ccc; font-size: 10px } .noUi-marker { position: absolute; background: #CCC } .noUi-marker-sub { background: #AAA } .noUi-marker-large { background: #AAA } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100% } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%) } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px } .noUi-marker-horizontal.noUi-marker-sub { height: 10px } .noUi-marker-horizontal.noUi-marker-large { height: 15px } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100% } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%) } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px } .noUi-marker-vertical.noUi-marker-sub { width: 10px } .noUi-marker-vertical.noUi-marker-large { width: 15px } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120% } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120% } .noUi-horizontal .noUi-origin>.noUi-tooltip { -webkit-transform: translate(50%, 0); transform: translate(50%, 0); left: auto; bottom: 10px } .noUi-vertical .noUi-origin>.noUi-tooltip { -webkit-transform: translate(0, -18px); transform: translate(0, -18px); top: auto; right: 28px }@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}