body,html{height:100%}:root{--workarea-padding:30px 30px 52px 30px;--elements-labels:none;--elements-hightlight-width:3px;--elements-margin:0;--elements-padding:0;--elements-min-height:100px;--elements-placeholder-width:5px;--section-color:#55d6c2;--row-color:#ef476f;--col-color:#ffd23f;--widget-color:#540d6e}#template{display:none}.clearfix:after{content:"";display:table;clear:both}.container{margin-right:auto;margin-left:auto;width:100%;max-width:1180px;padding-right:20px;padding-left:20px}.hide-text{text-indent:101%;padding:0;overflow:hidden;white-space:nowrap}.visually-hidden{margin:-1px;width:1px;height:1px;border:0;padding:0;position:absolute;clip:rect(0 0 0 0);overflow:hidden}.app{display:flex;height:100%;overflow:hidden;transition:all .15s ease}.app.is-blured{filter:blur(5px);opacity:.5}.legend{margin:0 0 20px;padding:10px;display:flex;justify-content:center}.l-item{margin:0 5px;padding:2px 10px;color:#fff;font-size:12px}.l-label{color:#282828}.l-section{background:var(--section-color)}.l-row{background:var(--row-color)}.l-col{background:var(--col-color)}.l-widget{background:var(--widget-color)}.workarea{padding:var(--workarea-padding);position:relative;flex:1 0 auto;overflow:auto;display:flex;flex-direction:column;align-items:center}.workarea .toolbar{padding:10px 0;position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fff}.workarea .toolbar-option{margin:0 7px;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;-ms-align-items:center;align-items:center;border:2px solid #333;color:#333;user-select:none;cursor:pointer}.workarea .toolbar-option.is-active{background:#333;color:#fff}.workarea .switch-outline{color:#333;width:32px;height:32px;border-radius:50%;border:2px solid #333;display:flex;justify-content:center;align-items:center;position:absolute;bottom:10px;right:80px;user-select:none;cursor:pointer}.workarea .switch-outline.is-active{color:#fff;background:#333}.sidebar{max-width:250px;width:100%;border:1px solid #e6e6e6;background:#f3f3f3;color:#333;overflow:hidden;transition:margin .3s ease-in-out}.sidebar.is-hidden{margin-left:-250px}.sidebar form{margin:20px 0 0;padding:0 20px}.sidebar .form-control{border-color:#f3f3f3}.sidebar__content{display:flex}.sidebar__content.overflow{overflow:hidden}.sidebar-settings{flex:1 0 100%;transform:translateX(-100%);transition:transform .3s ease-in-out;overflow:auto;max-height:calc(100vh - 130px)}.sidebar-settings.is-hidden{transform:translateX(100%)}.sidebar-settings .back{padding:0 0 0 20px;margin-bottom:10px;cursor:pointer;user-select:none;color:#6c757d;font-size:14px}.sidebar-toggle{position:fixed;bottom:10px;left:20px;font-size:14px;z-index:10}.accordion-item{margin-bottom:1px}.accordion-item__title{padding:5px 20px;background:#333;color:#fff;user-select:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.accordion-item__title .options{display:flex}.accordion-item__title .options .option{margin-left:1rem}.accordion-item__content{padding:20px;display:none}.accordion-item__content .settings-group{margin-bottom:30px}.accordion-item__content .settings-group:last-child{margin-bottom:0}.accordion-item__content .settings-group h6{font-weight:700}.accordion-item__content .settings-group__row{margin-bottom:15px}.accordion-item__content .settings-group__row:last-child{margin-bottom:0}.accordion-item__content .settings-group__row label{font-size:14px}.accordion-item.is-active .accordion-item__content{display:block}.ew-element{outline:0 solid #fff;transition:outline .6s ease .3s}.ew-element .ew-element__content{transition:opacity .15s ease}.ew-element.has-opacity .ew-element__content{opacity:.3}.ew-element.placeholder:after{content:"";position:absolute;z-index:10}.ew-element img{max-width:100%;height:auto}.ew-section.is-outline{outline:1px solid var(--section-color)}.ew-section.placeholder-top:after{top:0}.ew-section.placeholder-bottom:after,.ew-section.placeholder-top:after{left:0;right:0;height:var(--elements-placeholder-width);background:var(--section-color)}.ew-section.placeholder-bottom:after{bottom:0}.ew-section:before{content:"section"}.ew-section.highlight{box-shadow:0 0 0 var(--elements-hightlight-width) var(--section-color)}.ew-row{display:flex}.ew-row.is-outline{outline:1px solid var(--row-color)}.ew-row:before{content:"row"}.ew-row.highlight{box-shadow:0 0 0 var(--elements-hightlight-width) var(--row-color)}.ew-row.placeholder-top:after{top:0}.ew-row.placeholder-bottom:after,.ew-row.placeholder-top:after{left:0;right:0;height:var(--elements-placeholder-width);background:var(--row-color)}.ew-row.placeholder-bottom:after{bottom:0}.ew-col{flex:1 1 auto}.ew-col.is-outline{outline:1px solid var(--col-color)}.ew-col:before{content:"col"}.ew-col.highlight{box-shadow:0 0 0 var(--elements-hightlight-width) var(--col-color)}.ew-col.placeholder-left:after{left:0}.ew-col.placeholder-left:after,.ew-col.placeholder-right:after{top:0;bottom:0;width:var(--elements-placeholder-width);background:var(--col-color)}.ew-col.placeholder-right:after{right:0}.ew-widget.is-outline{outline:1px solid var(--widget-color)}.ew-widget:before{content:"widget"}.ew-widget.highlight{box-shadow:0 0 0 var(--elements-hightlight-width) var(--widget-color)}.ew-widget.placeholder-top:after{top:0}.ew-widget.placeholder-bottom:after,.ew-widget.placeholder-top:after{left:0;right:0;height:var(--elements-placeholder-width);background:var(--widget-color)}.ew-widget.placeholder-bottom:after{bottom:0}.ew-col,.ew-row,.ew-section,.ew-widget{margin:var(--elements-margin) 0;padding:var(--elements-padding);position:relative;min-height:var(--elements-min-height)}.ew-col:before,.ew-row:before,.ew-section:before,.ew-widget:before{position:absolute;top:0;left:0;padding:0 3px;background:#333;color:#fff;font-size:10px;display:var(--elements-labels)}.show-outline .ew-section{outline:1px solid var(--section-color)}.show-outline .ew-row{outline:1px solid var(--row-color)}.show-outline .ew-col{outline:1px solid var(--col-color)}.show-outline .ew-widget{outline:1px solid var(--widget-color)}.ew-options-wrapper{position:absolute;top:10px;right:10px;display:flex;justify-content:flex-end;align-items:center;transition:opacity .15s ease;opacity:0;z-index:100}.ew-options-wrapper:hover{opacity:1!important;min-width:175px;z-index:101}.ew-options-wrapper:hover .ew-options:before{opacity:1;height:21px}.ew-options-wrapper .ew-options{color:#fff;display:flex;justify-content:flex-end;border-radius:12px;position:relative;overflow:hidden}.ew-options-wrapper .ew-options:before{content:attr(data-label);padding:3px 8px 2px;border-radius:12px 12px 0 0;font-size:11px;color:#fff;background:inherit;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);opacity:0;height:0;min-width:60px;text-align:center;transition:all .15s ease-in-out .15s;z-index:-1}.ew-options-wrapper .ew-options.is-hidden{display:none}.ew-options-wrapper .ew-options:first-child{z-index:10}.ew-options-wrapper .ew-options:nth-child(2){z-index:9}.ew-options-wrapper .ew-options:nth-child(3){z-index:8}.ew-options-wrapper .ew-options:nth-child(4){z-index:7}.ew-options-wrapper .ew-options:nth-child(5){z-index:6}.ew-options-wrapper .ew-options:nth-child(6){z-index:5}.ew-options-wrapper .ew-options:not(:last-child){margin-right:-18px}.ew-options-wrapper .ew-options--section{background:var(--section-color)}.ew-options-wrapper .ew-options--row{background:var(--row-color)}.ew-options-wrapper .ew-options--col{background:var(--col-color)}.ew-options-wrapper .ew-options--widget{background:var(--widget-color)}.ew-options-wrapper .ew-options-trigger{width:24px;height:24px;display:flex;justify-content:center;align-items:center;color:#fff;position:relative;z-index:2;user-select:none;cursor:pointer}.ew-options-wrapper .ew-options-buttons{display:flex;align-items:center;width:0;overflow:hidden;transition:width .15s ease-in-out}.ew-options-wrapper .ew-options-buttons .option-btn{margin:0 5px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;color:#fff;user-select:none;cursor:pointer}.ew-options-wrapper .ew-options.is-expanded{display:flex;margin-right:0;z-index:1;overflow:visible}.ew-options-wrapper .ew-options.is-expanded:not(:first-child){padding-left:25px}.ew-options-wrapper .ew-options.is-expanded:not(:last-child){padding-right:25px}.ew-options-wrapper .ew-options.is-expanded+.ew-options{margin-right:0;margin-left:-18px}.ew-options-wrapper .ew-options.is-expanded>.ew-options-trigger{display:none}.ew-options-wrapper .ew-options.is-expanded>.ew-options-buttons{width:76px}.ew-options-wrapper--alt .ew-options{flex-direction:column}.ew-options-wrapper--alt .ew-options:hover .ew-options-buttons{height:93px}.ew-options-wrapper--alt .ew-options-buttons{padding-top:3px;height:0;position:absolute;top:100%;left:50%;flex-direction:column;transform:translate(-50%);width:auto!important;z-index:11}.ew-options-wrapper--alt .ew-options-buttons .option-btn{margin:3px 0;width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50%}.ew-options-wrapper--alt .ew-options--section .ew-options-buttons .option-btn{background:var(--section-color)}.ew-options-wrapper--alt .ew-options--row .ew-options-buttons .option-btn{background:var(--row-color)}.ew-options-wrapper--alt .ew-options--col .ew-options-buttons .option-btn{background:var(--col-color)}.ew-options-wrapper--alt .ew-options--widget .ew-options-buttons .option-btn{background:var(--widget-color)}.btn-add{width:54px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease}.btn-add,.btn-add .btn-add__inner{color:#fff;display:flex;justify-content:center;align-items:center;user-select:none;cursor:pointer;z-index:2}.btn-add .btn-add__inner{width:24px;height:24px;border-radius:50%;background:#2975ea}.btn-add--section .btn-add__inner{background:var(--section-color)}.btn-add--row .btn-add__inner{background:var(--row-color)}.btn-add--col .btn-add__inner{background:var(--col-color)}.btn-add--widget .btn-add__inner{background:var(--widget-color)}.btn-add--center{width:54px;height:54px}.btn-add--center .btn-add__inner{width:36px;height:36px}.btn-add--left{right:100%;left:auto;transform:translateY(-50%);justify-content:flex-end;align-items:center;width:40px;height:54px}.btn-add--left .btn-add__inner{border-radius:50% 0 0 50%}.btn-add--right{left:100%;transform:translateY(-50%);justify-content:flex-start;align-items:center;width:40px;height:54px}.btn-add--right .btn-add__inner{border-radius:0 50% 50% 0}.btn-add--top{bottom:100%;top:auto;transform:translate(-50%);justify-content:center;align-items:flex-end}.btn-add--top .btn-add__inner{border-radius:50% 50% 0 0}.btn-add--bottom{top:100%;bottom:auto;transform:translate(-50%);justify-content:center;align-items:flex-start}.btn-add--bottom .btn-add__inner{border-radius:0 0 50% 50%}.ew-col:hover>.btn-add--col,.ew-col:hover>.btn-add--widget,.ew-row:hover>.btn-add--row,.ew-section:hover>.btn-add--section,.ew-widget:hover>.btn-add--widget{opacity:1;visibility:visible}.ew-col:not(:hover)>.btn-add--col,.ew-col:not(:hover)>.btn-add--widget,.ew-row:not(:hover)>.btn-add--row,.ew-section:not(:hover)>.btn-add--section,.ew-widget:not(:hover)>.btn-add--widget{opacity:0!important;visibility:hidden}.button-group{display:flex;justify-content:center;position:absolute;left:50%;transform:translate(-50%);opacity:0;visibility:hidden;transition:opacity .15s ease;z-index:2}.button-group.is-open{opacity:1;transform:translate(-50%)}.button-group.is-open .btn-expand .fa-plus{transform:rotate(45deg)}.button-group.is-open .buttons{display:flex;opacity:1}.button-group.is-open .buttons .btn-add{opacity:1!important}.button-group .btn-add{flex:1 1 auto;position:static;transform:none;transition:opacity .15s ease-in-out}.button-group .btn-add+.btn-add{width:24px;padding-left:3px;padding-right:10px;box-sizing:content-box}.button-group .btn-add:nth-last-child(2){width:24px;padding-left:10px;padding-right:3px;box-sizing:content-box}.button-group .btn-expand{margin:0;display:flex;justify-content:center;align-items:center;width:24px;height:24px;background:#999;border-radius:50%;color:#fff;cursor:pointer;display:none}.button-group .btn-expand .fa-plus{transition:transform .15s ease-in-out}.button-group .buttons{display:none;opacity:0;transition:opacity .15s ease-in-out 5s;justify-content:center;align-items:center;display:flex;opacity:1;margin-right:0}.button-group .buttons .btn-add{opacity:1!important}.button-group--bottom{top:100%;bottom:auto}.button-group--bottom .btn-add,.button-group--bottom .btn-expand{justify-content:center;align-items:flex-start}.button-group--bottom .btn-add .btn-add__inner,.button-group--bottom .btn-expand .btn-add__inner{border-radius:0 0 50% 50%}.button-group--top{top:auto;bottom:100%}.button-group--top .btn-add,.button-group--top .btn-expand{justify-content:center;align-items:flex-end}.button-group--top .btn-add .btn-add__inner,.button-group--top .btn-expand .btn-add__inner{border-radius:50% 50% 0 0}.ew-col:hover>.button-group,.ew-row:hover>.button-group,.ew-section:hover>.button-group,.ew-widget:hover>.button-group{visibility:visible}.ew-col:not(:hover)>.button-group,.ew-row:not(:hover)>.button-group,.ew-section:not(:hover)>.button-group,.ew-widget:not(:hover)>.button-group{opacity:0;visibility:hidden}.tree{padding:10px 20px;border-radius:6px;border:1px solid #f3f3f3;transition:transform .3s ease-in-out;flex:1 0 100%;overflow:auto;max-height:calc(100vh - 130px)}.tree.is-hidden{transform:translateX(calc(-100% - 20px))}.tree .list--tree{margin:0;padding:0;list-style-type:none}.tree .list--tree .list--tree{padding-left:15px}.tree .list--tree .tree-item{border-radius:6px;padding:4px 8px;user-select:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;transition:margin .15s ease}.tree .list--tree .tree-item.is-active,.tree .list--tree .tree-item:hover{background:#e6e6e6;box-shadow:0 -4px 4px -4px #e6e6e6,0 4px 4px -4px #e6e6e6}.tree .list--tree .tree-item.is-active .tree-item__options{transform:translateX(0)}.tree .list--tree .tree-item__name{padding-left:15px;position:relative;white-space:nowrap}.tree .list--tree .tree-item__name:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tree .list--tree .tree-item__options{margin-left:15px;display:flex;transform:translateX(calc(100% + 8px));transition:transform .15s ease}.tree .list--tree .tree-item__options .tree-option{margin-right:5px;width:24px;height:24px;border-radius:50%;font-size:14px;display:flex;justify-content:center;align-items:center;color:#fff}.tree .list--tree .tree-item__options .tree-option:last-child{margin-right:0}.tree .list--tree .tree-item__options .tree-option:hover{text-decoration:none}.tree .list--tree .tree-item--section .tree-item__name:before,.tree .list--tree .tree-item--section .tree-item__options .tree-option{background:var(--section-color)}.tree .list--tree .tree-item--row .tree-item__name:before,.tree .list--tree .tree-item--row .tree-item__options .tree-option{background:var(--row-color)}.tree .list--tree .tree-item--col .tree-item__name:before,.tree .list--tree .tree-item--col .tree-item__options .tree-option{background:var(--col-color)}.tree .list--tree .tree-item--widget .tree-item__name:before,.tree .list--tree .tree-item--widget .tree-item__options .tree-option{background:var(--widget-color)}.workarea-iframe{border:none;flex-grow:1;margin:-30px;width:100%;padding-bottom:50px}.widget-browser{width:800px;position:fixed;top:50%;left:50%;transform:translate(-50%,-200%);opacity:0;border-radius:12px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.18);transition:transform .4s ease-in-out,opacity .3s ease .1s}.widget-browser.is-visible{transform:translate(-50%,-50%);opacity:1}.widget-browser .headline{border-radius:12px 12px 0 0;padding:15px 20px;background:#333;color:#fff;position:relative}.widget-browser .headline__title{margin:0;font-weight:400}.widget-browser .headline__close{color:#fff;position:absolute;top:50%;right:20px;transform:translateY(-50%);user-select:none;cursor:pointer;font-size:24px}.widget-browser .body{padding:0 20px 20px}.widget-browser .widget-list-wrap{overflow:auto;max-height:calc(100vh - 300px)}.widget-browser .widget-list{margin:0 -7px 20px;display:flex;flex-wrap:wrap}.widget-browser .widget-list .item{margin:7px;padding:15px;border-radius:6px;border:2px solid #f3f3f3;text-align:center;display:flex;flex-direction:column;flex:0 0 calc(33.333% - 14px);user-select:none;cursor:pointer;position:relative}.widget-browser .widget-list .item .add{border-radius:50%;width:60px;height:60px;background:#fff;color:var(--widget-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;font-size:24px;display:none}.widget-browser .widget-list .item:hover{background:var(--widget-color)}.widget-browser .widget-list .item:hover .add{display:flex}.widget-browser .widget-list .item:hover .item__icon{color:#fff;opacity:.2}.widget-browser .widget-list .item:hover .item__name{color:#fff!important;opacity:.2}.widget-browser .widget-list .item__icon{display:flex;justify-content:center;align-items:center;font-size:72px;min-height:90px;color:var(--widget-color)}.widget-browser .widget-list .item__icon--image{margin-bottom:10px}.widget-browser .widget-list .item__icon img{max-width:100%;height:auto}.widget-browser .form--filter{margin:10px 0}.ew-widget-settings{position:absolute;top:6px;left:calc(100% - 40px);z-index:9999;display:none}.ew-widget-settings .form-row{margin:0 0 20px}.ew-widget-settings .form-row label{font-size:12px;white-space:nowrap;color:#999;margin-bottom:5px;width:100%}.ew-widget-settings .form-row .form-control{padding:4px 8px;font-size:12px;height:auto;width:100%;box-sizing:border-box}.ew-widget-settings .tabs{display:flex}.ew-widget-settings .tabs-nav{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end}.ew-widget-settings .tabs-nav__item{margin-bottom:3px;border-radius:50%;padding:6px;background:#2975ea;color:#fff;box-shadow:inset -5px 0 5px rgba(22,45,61,.27),-5px 0 5px rgba(22,45,61,.27);user-select:none;cursor:pointer}.ew-widget-settings .tabs-nav__item i{transform:scale(.7);transition:transform .15s ease}.ew-widget-settings .tabs-nav__item.is-active{border-radius:50% 0 0 50%;background:#fff;color:#2975ea;box-shadow:-5px 0 5px rgba(22,45,61,.27);font-size:16px}.ew-widget-settings .tabs-nav__item.is-active i{transform:none}.ew-widget-settings .tabs-content{padding:25px 15px 15px;width:250px;background:#fff;border-radius:0 8px 8px 8px;box-shadow:0 0 18px 0 rgba(22,45,61,.27);position:relative}.ew-widget-settings .tabs-content__pane{display:none}.ew-widget-settings .tabs-content__pane.is-active{display:block}.ew-widget-settings .tabs-content .label{font-size:12px;background-color:#2975ea;position:absolute;top:0;left:25px;right:25px;transform:translateY(-50%);line-height:1;text-align:center;cursor:pointer;color:#fff;padding:5px 15px;border-radius:20px}.ew-widget-settings .tabs .pane-tabs-nav{margin:0 -5px 10px;display:flex;position:relative;justify-content:center}.ew-widget-settings .tabs .pane-tabs-nav__item{padding:0 5px 2px;font-size:12px;user-select:none;cursor:pointer;border-bottom:2px solid #fff;transition:all .15s ease}.ew-widget-settings .tabs .pane-tabs-nav__item.is-active{color:#2975ea;border-color:#2975ea}.ew-widget-settings .tabs .pane-tabs-content__pane{display:none}.ew-widget-settings .tabs .pane-tabs-content__pane.is-active{display:block}.ew-widget-settings--left{left:auto;right:6px}.ew-widget-settings--left .tabs-nav{order:2}.ew-widget-settings--left .tabs-nav__item{box-shadow:inset 5px 0 5px rgba(22,45,61,.27),5px 0 5px rgba(22,45,61,.27)}.ew-widget-settings--left .tabs-nav__item.is-active{border-radius:0 50% 50% 0;box-shadow:5px 0 5px rgba(22,45,61,.27)}.ew-widget-settings--left .tabs-content{border-radius:8px 0 8px 8px}