/*! elementor-pro - v3.34.0 - 22-12-2025 */ "use strict"; (self["webpackChunkelementor_pro"] = self["webpackChunkelementor_pro"] || []).push([["slides"],{ /***/ "../modules/slides/assets/js/frontend/handlers/slides.js": /*!***************************************************************!*\ !*** ../modules/slides/assets/js/frontend/handlers/slides.js ***! \***************************************************************/ /***/ ((__unused_webpack_module, exports) => { Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; class SlidesHandler extends elementorModules.frontend.handlers.SwiperBase { getDefaultSettings() { return { selectors: { slider: '.elementor-slides-wrapper', slide: '.swiper-slide', slideInnerContents: '.swiper-slide-contents', activeSlide: '.swiper-slide-active', activeDuplicate: '.swiper-slide-duplicate-active' }, classes: { animated: 'animated', kenBurnsActive: 'elementor-ken-burns--active', slideBackground: 'swiper-slide-bg' }, attributes: { dataSliderOptions: 'slider_options', dataAnimation: 'animation' } }; } getDefaultElements() { const selectors = this.getSettings('selectors'), elements = { $swiperContainer: this.$element.find(selectors.slider) }; elements.$slides = elements.$swiperContainer.find(selectors.slide); return elements; } getSwiperOptions() { const elementSettings = this.getElementSettings(), swiperOptions = { autoplay: this.getAutoplayConfig(), grabCursor: true, initialSlide: this.getInitialSlide(), slidesPerView: 1, slidesPerGroup: 1, loop: 'yes' === elementSettings.infinite, speed: elementSettings.transition_speed, effect: elementSettings.transition, observeParents: true, observer: true, handleElementorBreakpoints: true, on: { slideChange: () => { this.handleKenBurns(); } } }; const showArrows = 'arrows' === elementSettings.navigation || 'both' === elementSettings.navigation, pagination = 'dots' === elementSettings.navigation || 'both' === elementSettings.navigation; if (showArrows) { swiperOptions.navigation = { prevEl: '.elementor-swiper-button-prev', nextEl: '.elementor-swiper-button-next' }; } if (pagination) { swiperOptions.pagination = { el: '.swiper-pagination', type: 'bullets', clickable: true }; } if (true === swiperOptions.loop) { swiperOptions.loopedSlides = this.getSlidesCount(); } if ('fade' === swiperOptions.effect) { swiperOptions.fadeEffect = { crossFade: true }; } return swiperOptions; } getAutoplayConfig() { const elementSettings = this.getElementSettings(); if ('yes' !== elementSettings.autoplay) { return false; } return { stopOnLastSlide: true, // Has no effect in infinite mode by default. delay: elementSettings.autoplay_speed, disableOnInteraction: 'yes' === elementSettings.pause_on_interaction }; } initSingleSlideAnimations() { const settings = this.getSettings(), animation = this.elements.$swiperContainer.data(settings.attributes.dataAnimation); this.elements.$swiperContainer.find('.' + settings.classes.slideBackground).addClass(settings.classes.kenBurnsActive); // If there is an animation, get the container of the slide's inner contents and add the animation classes to it if (animation) { this.elements.$swiperContainer.find(settings.selectors.slideInnerContents).addClass(settings.classes.animated + ' ' + animation); } } async initSlider() { const $slider = this.elements.$swiperContainer; if (!$slider.length) { return; } if (1 >= this.getSlidesCount()) { return; } const Swiper = elementorFrontend.utils.swiper; this.swiper = await new Swiper($slider, this.getSwiperOptions()); // Expose the swiper instance in the frontend $slider.data('swiper', this.swiper); // The Ken Burns effect will only apply on the specific slides that toggled the effect ON, // since it depends on an additional class besides 'elementor-ken-burns--active' this.handleKenBurns(); const elementSettings = this.getElementSettings(); if (elementSettings.pause_on_hover) { this.togglePauseOnHover(true); } const settings = this.getSettings(); const animation = $slider.data(settings.attributes.dataAnimation); if (!animation) { return; } this.swiper.on('slideChangeTransitionStart', function () { const $sliderContent = $slider.find(settings.selectors.slideInnerContents); $sliderContent.removeClass(settings.classes.animated + ' ' + animation).hide(); }); this.swiper.on('slideChangeTransitionEnd', function () { const $currentSlide = $slider.find(settings.selectors.slideInnerContents); $currentSlide.show().addClass(settings.classes.animated + ' ' + animation); }); } onInit() { elementorModules.frontend.handlers.Base.prototype.onInit.apply(this, arguments); if (2 > this.getSlidesCount()) { this.initSingleSlideAnimations(); return; } this.initSlider(); } getChangeableProperties() { return { pause_on_hover: 'pauseOnHover', pause_on_interaction: 'disableOnInteraction', autoplay_speed: 'delay', transition_speed: 'speed' }; } updateSwiperOption(propertyName) { if (0 === propertyName.indexOf('width')) { this.swiper.update(); return; } const elementSettings = this.getElementSettings(), newSettingValue = elementSettings[propertyName], changeableProperties = this.getChangeableProperties(); let propertyToUpdate = changeableProperties[propertyName], valueToUpdate = newSettingValue; // Handle special cases where the value to update is not the value that the Swiper library accepts switch (propertyName) { case 'autoplay_speed': propertyToUpdate = 'autoplay'; valueToUpdate = { delay: newSettingValue, disableOnInteraction: 'yes' === elementSettings.pause_on_interaction }; break; case 'pause_on_hover': this.togglePauseOnHover('yes' === newSettingValue); break; case 'pause_on_interaction': valueToUpdate = 'yes' === newSettingValue; break; } // 'pause_on_hover' is implemented by the handler with event listeners, not the Swiper library if ('pause_on_hover' !== propertyName) { this.swiper.params[propertyToUpdate] = valueToUpdate; } this.swiper.update(); } onElementChange(propertyName) { if (1 >= this.getSlidesCount()) { return; } const changeableProperties = this.getChangeableProperties(); if (Object.prototype.hasOwnProperty.call(changeableProperties, propertyName)) { this.updateSwiperOption(propertyName); this.swiper.autoplay.start(); } } onEditSettingsChange(propertyName) { if (1 >= this.getSlidesCount()) { return; } if ('activeItemIndex' === propertyName) { this.swiper.slideToLoop(this.getEditSettings('activeItemIndex') - 1); this.swiper.autoplay.stop(); } } } exports["default"] = SlidesHandler; /***/ }) }]); //# sourceMappingURL=slides.bcd16bbde90338846bd7.bundle.js.map/* jQuery UI - v1.11.4 - 2015-12-05* http://jqueryui.com* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px* Copyright jQuery Foundation and other contributors; Licensed MIT* Changes: Add CSS scope (.updraft-container) to prevent CSS conflict with other plugins that use jQuery UI too except for .ui-front and .ui-widget-overlay*/.updraft-container{position:absolute;top:0;width:1px;height:1px;z-index:99999}.updraft-container .ui-helper-hidden{display:none}.updraft-container .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.updraft-container .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.updraft-container .ui-helper-clearfix:before,.updraft-container .ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.updraft-container .ui-helper-clearfix:after{clear:both}.updraft-container .ui-helper-clearfix{min-height:0}.updraft-container .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:alpha(opacity=0)}.ui-front{z-index:100}.updraft-container .ui-state-disabled{cursor:default !important}.updraft-container .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.updraft-container .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.updraft-container .ui-resizable{position:relative}.updraft-container .ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.updraft-container .ui-resizable-disabled .ui-resizable-handle,.updraft-container .ui-resizable-autohide .ui-resizable-handle{display:none}.updraft-container .ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.updraft-container .ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.updraft-container .ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.updraft-container .ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.updraft-container .ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.updraft-container .ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.updraft-container .ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.updraft-container .ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.updraft-container .ui-selectable{-ms-touch-action:none;touch-action:none}.updraft-container .ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.updraft-container .ui-sortable-handle{-ms-touch-action:none;touch-action:none}.updraft-container .ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.updraft-container .ui-accordion .ui-accordion-icons{padding-left:2.2em}.updraft-container .ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.updraft-container .ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.updraft-container .ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.updraft-container .ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.updraft-container .ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.updraft-container .ui-button,.updraft-container .ui-button:link,.updraft-container .ui-button:visited,.updraft-container .ui-button:hover,.updraft-container .ui-button:active{text-decoration:none}.updraft-container .ui-button-icon-only{width:2.2em}.updraft-container button.ui-button-icon-only{width:2.4em}.updraft-container .ui-button-icons-only{width:3.4em}.updraft-container button.ui-button-icons-only{width:3.7em}.updraft-container .ui-button .ui-button-text{display:block;line-height:normal}.updraft-container .ui-button-text-only .ui-button-text{padding:.4em 1em}.updraft-container .ui-button-icon-only .ui-button-text,.updraft-container .ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.updraft-container .ui-button-text-icon-primary .ui-button-text,.updraft-container .ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.updraft-container .ui-button-text-icon-secondary .ui-button-text,.updraft-container .ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.updraft-container .ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}.updraft-container input.ui-button{padding:.4em 1em}.updraft-container .ui-button-icon-only .ui-icon,.updraft-container .ui-button-text-icon-primary .ui-icon,.updraft-container .ui-button-text-icon-secondary .ui-icon,.updraft-container .ui-button-text-icons .ui-icon,.updraft-container .ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.updraft-container .ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.updraft-container .ui-button-text-icon-primary .ui-button-icon-primary,.updraft-container .ui-button-text-icons .ui-button-icon-primary,.updraft-container .ui-button-icons-only .ui-button-icon-primary{left:.5em}.updraft-container .ui-button-text-icon-secondary .ui-button-icon-secondary,.updraft-container .ui-button-text-icons .ui-button-icon-secondary,.updraft-container .ui-button-icons-only .ui-button-icon-secondary{right:.5em}.updraft-container .ui-buttonset{margin-right:7px}.updraft-container .ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}.updraft-container input.ui-button::-moz-focus-inner,.updraft-container button.ui-button::-moz-focus-inner{border:0;padding:0}.updraft-container .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.updraft-container .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.updraft-container .ui-datepicker .ui-datepicker-prev,.updraft-container .ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.updraft-container .ui-datepicker .ui-datepicker-prev-hover,.updraft-container .ui-datepicker .ui-datepicker-next-hover{top:1px}.updraft-container .ui-datepicker .ui-datepicker-prev{left:2px}.updraft-container .ui-datepicker .ui-datepicker-next{right:2px}.updraft-container .ui-datepicker .ui-datepicker-prev-hover{left:1px}.updraft-container .ui-datepicker .ui-datepicker-next-hover{right:1px}.updraft-container .ui-datepicker .ui-datepicker-prev span,.updraft-container .ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.updraft-container .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.updraft-container .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.updraft-container .ui-datepicker select.ui-datepicker-month,.updraft-container .ui-datepicker select.ui-datepicker-year{width:45%}.updraft-container .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.updraft-container .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.updraft-container .ui-datepicker td{border:0;padding:1px}.updraft-container .ui-datepicker td span,.updraft-container .ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.updraft-container .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.updraft-container .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.updraft-container .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.updraft-container .ui-datepicker.ui-datepicker-multi{width:auto}.updraft-container .ui-datepicker-multi .ui-datepicker-group{float:left}.updraft-container .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.updraft-container .ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.updraft-container .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.updraft-container .ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.updraft-container .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.updraft-container .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.updraft-container .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.updraft-container .ui-datepicker-row-break{clear:both;width:100%;font-size:0}.updraft-container .ui-datepicker-rtl{direction:rtl}.updraft-container .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.updraft-container .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.updraft-container .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.updraft-container .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.updraft-container .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.updraft-container .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.updraft-container .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.updraft-container .ui-datepicker-rtl .ui-datepicker-group{float:right}.updraft-container .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.updraft-container .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.updraft-container .ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.updraft-container .ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative;height:auto;font-size:inherit;font-weight:inherit;line-height:inherit}.updraft-container .ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.updraft-container .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.updraft-container .ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.updraft-container .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.updraft-container .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.updraft-container .ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.updraft-container .ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.updraft-container .ui-draggable .ui-dialog-titlebar{cursor:move}.updraft-container .ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.updraft-container .ui-menu .ui-menu{position:absolute}.updraft-container .ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.updraft-container .ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.updraft-container .ui-menu .ui-state-focus,.updraft-container .ui-menu .ui-state-active{margin:-1px}.updraft-container .ui-menu-icons{position:relative}.updraft-container .ui-menu-icons .ui-menu-item{padding-left:2em}.updraft-container .ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.updraft-container .ui-menu .ui-menu-icon{left:auto;right:0}.updraft-container .ui-progressbar{height:2em;text-align:left;overflow:hidden}.updraft-container .ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.updraft-container .ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:.25}.updraft-container .ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.updraft-container .ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.updraft-container .ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.updraft-container .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.updraft-container .ui-selectmenu-open{display:block}.updraft-container .ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.updraft-container .ui-selectmenu-button span.ui-icon{right:.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.updraft-container .ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:.4em 2.1em .4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.updraft-container .ui-slider{position:relative;text-align:left}.updraft-container .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.updraft-container .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.updraft-container .ui-slider.ui-state-disabled .ui-slider-handle,.updraft-container .ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit;filter:inherit}.updraft-container .ui-slider-horizontal{height:.8em}.updraft-container .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.updraft-container .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.updraft-container .ui-slider-horizontal .ui-slider-range-min{left:0}.updraft-container .ui-slider-horizontal .ui-slider-range-max{right:0}.updraft-container .ui-slider-vertical{width:.8em;height:100px}.updraft-container .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.updraft-container .ui-slider-vertical .ui-slider-range{left:0;width:100%}.updraft-container .ui-slider-vertical .ui-slider-range-min{bottom:0}.updraft-container .ui-slider-vertical .ui-slider-range-max{top:0}.updraft-container .ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.updraft-container .ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.updraft-container .ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.updraft-container .ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.updraft-container .ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.updraft-container .ui-spinner-up{top:0}.updraft-container .ui-spinner-down{bottom:0}.updraft-container .ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.updraft-container .ui-tabs{position:relative;padding:.2em}.updraft-container .ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.updraft-container .ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.updraft-container .ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.updraft-container .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.updraft-container .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.updraft-container .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.updraft-container .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.updraft-container .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.updraft-container .ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.updraft-container .ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #AAA;box-shadow:0 0 5px #AAA}.updraft-container body .ui-tooltip{border-width:2px}.updraft-container .ui-widget{font-family:trebuchet ms,tahoma,verdana,arial,sans-serif;font-size:1.1em}.updraft-container .ui-widget .ui-widget{font-size:1em}.updraft-container .ui-widget input,.updraft-container .ui-widget select,.updraft-container .ui-widget textarea,.updraft-container .ui-widget button{font-family:trebuchet ms,tahoma,verdana,arial,sans-serif;font-size:1em}.updraft-container .ui-widget-content{border:1px solid #DDD;background:#EEE url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.updraft-container .ui-widget-content a{color:#333}.updraft-container .ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#FFF;font-weight:bold}.updraft-container .ui-widget-header a{color:#FFF}.updraft-container .ui-state-default,.updraft-container .ui-widget-content .ui-state-default,.updraft-container .ui-widget-header .ui-state-default{border:1px solid #CCC;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#2b2b2b}.updraft-container .ui-state-default a,.updraft-container .ui-state-default a:link,.updraft-container .ui-state-default a:visited{color:#1c94c4;text-decoration:none}.updraft-container .ui-state-hover,.updraft-container .ui-widget-content .ui-state-hover,.updraft-container .ui-widget-header .ui-state-hover,.updraft-container .ui-state-focus,.updraft-container .ui-widget-content .ui-state-focus,.updraft-container .ui-widget-header .ui-state-focus{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.updraft-container .ui-state-hover a,.updraft-container .ui-state-hover a:hover,.updraft-container .ui-state-hover a:link,.updraft-container .ui-state-hover a:visited,.updraft-container .ui-state-focus a,.updraft-container .ui-state-focus a:hover,.updraft-container .ui-state-focus a:link,.updraft-container .ui-state-focus a:visited{color:#c77405;text-decoration:none}.updraft-container .ui-state-active,.updraft-container .ui-widget-content .ui-state-active,.updraft-container .ui-widget-header .ui-state-active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.updraft-container .ui-state-active a,.updraft-container .ui-state-active a:link,.updraft-container .ui-state-active a:visited{color:#eb8f00;text-decoration:none}.updraft-container .ui-state-highlight,.updraft-container .ui-widget-content .ui-state-highlight,.updraft-container .ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.updraft-container .ui-state-highlight a,.updraft-container .ui-widget-content .ui-state-highlight a,.updraft-container .ui-widget-header .ui-state-highlight a{color:#363636}.updraft-container .ui-state-error,.updraft-container .ui-widget-content .ui-state-error,.updraft-container .ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#FFF}.updraft-container .ui-state-error a,.updraft-container .ui-widget-content .ui-state-error a,.updraft-container .ui-widget-header .ui-state-error a{color:#FFF}.updraft-container .ui-state-error-text,.updraft-container .ui-widget-content .ui-state-error-text,.updraft-container .ui-widget-header .ui-state-error-text{color:#FFF}.updraft-container .ui-priority-primary,.updraft-container .ui-widget-content .ui-priority-primary,.updraft-container .ui-widget-header .ui-priority-primary{font-weight:bold}.updraft-container .ui-priority-secondary,.updraft-container .ui-widget-content .ui-priority-secondary,.updraft-container .ui-widget-header .ui-priority-secondary{opacity:.7;filter:alpha(opacity=70);font-weight:normal}.updraft-container .ui-state-disabled,.updraft-container .ui-widget-content .ui-state-disabled,.updraft-container .ui-widget-header .ui-state-disabled{opacity:.35;filter:alpha(opacity=35);background-image:none}.updraft-container .ui-state-disabled .ui-icon{filter:alpha(opacity=35)}.updraft-container .ui-icon{width:16px;height:16px}.updraft-container .ui-icon,.updraft-container .ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.updraft-container .ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.updraft-container .ui-state-default .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.updraft-container .ui-state-hover .ui-icon,.updraft-container .ui-state-focus .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.updraft-container .ui-state-active .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.updraft-container .ui-state-highlight .ui-icon{background-image:url("images/ui-icons_228ef1_256x240.png")}.updraft-container .ui-state-error .ui-icon,.updraft-container .ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240.png")}.updraft-container .ui-icon-blank{background-position:16px 16px}.updraft-container .ui-icon-carat-1-n{background-position:0 0}.updraft-container .ui-icon-carat-1-ne{background-position:-16px 0}.updraft-container .ui-icon-carat-1-e{background-position:-32px 0}.updraft-container .ui-icon-carat-1-se{background-position:-48px 0}.updraft-container .ui-icon-carat-1-s{background-position:-64px 0}.updraft-container .ui-icon-carat-1-sw{background-position:-80px 0}.updraft-container .ui-icon-carat-1-w{background-position:-96px 0}.updraft-container .ui-icon-carat-1-nw{background-position:-112px 0}.updraft-container .ui-icon-carat-2-n-s{background-position:-128px 0}.updraft-container .ui-icon-carat-2-e-w{background-position:-144px 0}.updraft-container .ui-icon-triangle-1-n{background-position:0 -16px}.updraft-container .ui-icon-triangle-1-ne{background-position:-16px -16px}.updraft-container .ui-icon-triangle-1-e{background-position:-32px -16px}.updraft-container .ui-icon-triangle-1-se{background-position:-48px -16px}.updraft-container .ui-icon-triangle-1-s{background-position:-64px -16px}.updraft-container .ui-icon-triangle-1-sw{background-position:-80px -16px}.updraft-container .ui-icon-triangle-1-w{background-position:-96px -16px}.updraft-container .ui-icon-triangle-1-nw{background-position:-112px -16px}.updraft-container .ui-icon-triangle-2-n-s{background-position:-128px -16px}.updraft-container .ui-icon-triangle-2-e-w{background-position:-144px -16px}.updraft-container .ui-icon-arrow-1-n{background-position:0 -32px}.updraft-container .ui-icon-arrow-1-ne{background-position:-16px -32px}.updraft-container .ui-icon-arrow-1-e{background-position:-32px -32px}.updraft-container .ui-icon-arrow-1-se{background-position:-48px -32px}.updraft-container .ui-icon-arrow-1-s{background-position:-64px -32px}.updraft-container .ui-icon-arrow-1-sw{background-position:-80px -32px}.updraft-container .ui-icon-arrow-1-w{background-position:-96px -32px}.updraft-container .ui-icon-arrow-1-nw{background-position:-112px -32px}.updraft-container .ui-icon-arrow-2-n-s{background-position:-128px -32px}.updraft-container .ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.updraft-container .ui-icon-arrow-2-e-w{background-position:-160px -32px}.updraft-container .ui-icon-arrow-2-se-nw{background-position:-176px -32px}.updraft-container .ui-icon-arrowstop-1-n{background-position:-192px -32px}.updraft-container .ui-icon-arrowstop-1-e{background-position:-208px -32px}.updraft-container .ui-icon-arrowstop-1-s{background-position:-224px -32px}.updraft-container .ui-icon-arrowstop-1-w{background-position:-240px -32px}.updraft-container .ui-icon-arrowthick-1-n{background-position:0 -48px}.updraft-container .ui-icon-arrowthick-1-ne{background-position:-16px -48px}.updraft-container .ui-icon-arrowthick-1-e{background-position:-32px -48px}.updraft-container .ui-icon-arrowthick-1-se{background-position:-48px -48px}.updraft-container .ui-icon-arrowthick-1-s{background-position:-64px -48px}.updraft-container .ui-icon-arrowthick-1-sw{background-position:-80px -48px}.updraft-container .ui-icon-arrowthick-1-w{background-position:-96px -48px}.updraft-container .ui-icon-arrowthick-1-nw{background-position:-112px -48px}.updraft-container .ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.updraft-container .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.updraft-container .ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.updraft-container .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.updraft-container .ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.updraft-container .ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.updraft-container .ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.updraft-container .ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.updraft-container .ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.updraft-container .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.updraft-container .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.updraft-container .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.updraft-container .ui-icon-arrowreturn-1-w{background-position:-64px -64px}.updraft-container .ui-icon-arrowreturn-1-n{background-position:-80px -64px}.updraft-container .ui-icon-arrowreturn-1-e{background-position:-96px -64px}.updraft-container .ui-icon-arrowreturn-1-s{background-position:-112px -64px}.updraft-container .ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.updraft-container .ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.updraft-container .ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.updraft-container .ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.updraft-container .ui-icon-arrow-4{background-position:0 -80px}.updraft-container .ui-icon-arrow-4-diag{background-position:-16px -80px}.updraft-container .ui-icon-extlink{background-position:-32px -80px}.updraft-container .ui-icon-newwin{background-position:-48px -80px}.updraft-container .ui-icon-refresh{background-position:-64px -80px}.updraft-container .ui-icon-shuffle{background-position:-80px -80px}.updraft-container .ui-icon-transfer-e-w{background-position:-96px -80px}.updraft-container .ui-icon-transferthick-e-w{background-position:-112px -80px}.updraft-container .ui-icon-folder-collapsed{background-position:0 -96px}.updraft-container .ui-icon-folder-open{background-position:-16px -96px}.updraft-container .ui-icon-document{background-position:-32px -96px}.updraft-container .ui-icon-document-b{background-position:-48px -96px}.updraft-container .ui-icon-note{background-position:-64px -96px}.updraft-container .ui-icon-mail-closed{background-position:-80px -96px}.updraft-container .ui-icon-mail-open{background-position:-96px -96px}.updraft-container .ui-icon-suitcase{background-position:-112px -96px}.updraft-container .ui-icon-comment{background-position:-128px -96px}.updraft-container .ui-icon-person{background-position:-144px -96px}.updraft-container .ui-icon-print{background-position:-160px -96px}.updraft-container .ui-icon-trash{background-position:-176px -96px}.updraft-container .ui-icon-locked{background-position:-192px -96px}.updraft-container .ui-icon-unlocked{background-position:-208px -96px}.updraft-container .ui-icon-bookmark{background-position:-224px -96px}.updraft-container .ui-icon-tag{background-position:-240px -96px}.updraft-container .ui-icon-home{background-position:0 -112px}.updraft-container .ui-icon-flag{background-position:-16px -112px}.updraft-container .ui-icon-calendar{background-position:-32px -112px}.updraft-container .ui-icon-cart{background-position:-48px -112px}.updraft-container .ui-icon-pencil{background-position:-64px -112px}.updraft-container .ui-icon-clock{background-position:-80px -112px}.updraft-container .ui-icon-disk{background-position:-96px -112px}.updraft-container .ui-icon-calculator{background-position:-112px -112px}.updraft-container .ui-icon-zoomin{background-position:-128px -112px}.updraft-container .ui-icon-zoomout{background-position:-144px -112px}.updraft-container .ui-icon-search{background-position:-160px -112px}.updraft-container .ui-icon-wrench{background-position:-176px -112px}.updraft-container .ui-icon-gear{background-position:-192px -112px}.updraft-container .ui-icon-heart{background-position:-208px -112px}.updraft-container .ui-icon-star{background-position:-224px -112px}.updraft-container .ui-icon-link{background-position:-240px -112px}.updraft-container .ui-icon-cancel{background-position:0 -128px}.updraft-container .ui-icon-plus{background-position:-16px -128px}.updraft-container .ui-icon-plusthick{background-position:-32px -128px}.updraft-container .ui-icon-minus{background-position:-48px -128px}.updraft-container .ui-icon-minusthick{background-position:-64px -128px}.updraft-container .ui-icon-close{background-position:-80px -128px}.updraft-container .ui-icon-closethick{background-position:-96px -128px}.updraft-container .ui-icon-key{background-position:-112px -128px}.updraft-container .ui-icon-lightbulb{background-position:-128px -128px}.updraft-container .ui-icon-scissors{background-position:-144px -128px}.updraft-container .ui-icon-clipboard{background-position:-160px -128px}.updraft-container .ui-icon-copy{background-position:-176px -128px}.updraft-container .ui-icon-contact{background-position:-192px -128px}.updraft-container .ui-icon-image{background-position:-208px -128px}.updraft-container .ui-icon-video{background-position:-224px -128px}.updraft-container .ui-icon-script{background-position:-240px -128px}.updraft-container .ui-icon-alert{background-position:0 -144px}.updraft-container .ui-icon-info{background-position:-16px -144px}.updraft-container .ui-icon-notice{background-position:-32px -144px}.updraft-container .ui-icon-help{background-position:-48px -144px}.updraft-container .ui-icon-check{background-position:-64px -144px}.updraft-container .ui-icon-bullet{background-position:-80px -144px}.updraft-container .ui-icon-radio-on{background-position:-96px -144px}.updraft-container .ui-icon-radio-off{background-position:-112px -144px}.updraft-container .ui-icon-pin-w{background-position:-128px -144px}.updraft-container .ui-icon-pin-s{background-position:-144px -144px}.updraft-container .ui-icon-play{background-position:0 -160px}.updraft-container .ui-icon-pause{background-position:-16px -160px}.updraft-container .ui-icon-seek-next{background-position:-32px -160px}.updraft-container .ui-icon-seek-prev{background-position:-48px -160px}.updraft-container .ui-icon-seek-end{background-position:-64px -160px}.updraft-container .ui-icon-seek-start{background-position:-80px -160px}.updraft-container .ui-icon-seek-first{background-position:-80px -160px}.updraft-container .ui-icon-stop{background-position:-96px -160px}.updraft-container .ui-icon-eject{background-position:-112px -160px}.updraft-container .ui-icon-volume-off{background-position:-128px -160px}.updraft-container .ui-icon-volume-on{background-position:-144px -160px}.updraft-container .ui-icon-power{background-position:0 -176px}.updraft-container .ui-icon-signal-diag{background-position:-16px -176px}.updraft-container .ui-icon-signal{background-position:-32px -176px}.updraft-container .ui-icon-battery-0{background-position:-48px -176px}.updraft-container .ui-icon-battery-1{background-position:-64px -176px}.updraft-container .ui-icon-battery-2{background-position:-80px -176px}.updraft-container .ui-icon-battery-3{background-position:-96px -176px}.updraft-container .ui-icon-circle-plus{background-position:0 -192px}.updraft-container .ui-icon-circle-minus{background-position:-16px -192px}.updraft-container .ui-icon-circle-close{background-position:-32px -192px}.updraft-container .ui-icon-circle-triangle-e{background-position:-48px -192px}.updraft-container .ui-icon-circle-triangle-s{background-position:-64px -192px}.updraft-container .ui-icon-circle-triangle-w{background-position:-80px -192px}.updraft-container .ui-icon-circle-triangle-n{background-position:-96px -192px}.updraft-container .ui-icon-circle-arrow-e{background-position:-112px -192px}.updraft-container .ui-icon-circle-arrow-s{background-position:-128px -192px}.updraft-container .ui-icon-circle-arrow-w{background-position:-144px -192px}.updraft-container .ui-icon-circle-arrow-n{background-position:-160px -192px}.updraft-container .ui-icon-circle-zoomin{background-position:-176px -192px}.updraft-container .ui-icon-circle-zoomout{background-position:-192px -192px}.updraft-container .ui-icon-circle-check{background-position:-208px -192px}.updraft-container .ui-icon-circlesmall-plus{background-position:0 -208px}.updraft-container .ui-icon-circlesmall-minus{background-position:-16px -208px}.updraft-container .ui-icon-circlesmall-close{background-position:-32px -208px}.updraft-container .ui-icon-squaresmall-plus{background-position:-48px -208px}.updraft-container .ui-icon-squaresmall-minus{background-position:-64px -208px}.updraft-container .ui-icon-squaresmall-close{background-position:-80px -208px}.updraft-container .ui-icon-grip-dotted-vertical{background-position:0 -224px}.updraft-container .ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.updraft-container .ui-icon-grip-solid-vertical{background-position:-32px -224px}.updraft-container .ui-icon-grip-solid-horizontal{background-position:-48px -224px}.updraft-container .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.updraft-container .ui-icon-grip-diagonal-se{background-position:-80px -224px}.updraft-container .ui-corner-all,.updraft-container .ui-corner-top,.updraft-container .ui-corner-left,.updraft-container .ui-corner-tl{border-top-left-radius:4px}.updraft-container .ui-corner-all,.updraft-container .ui-corner-top,.updraft-container .ui-corner-right,.updraft-container .ui-corner-tr{border-top-right-radius:4px}.updraft-container .ui-corner-all,.updraft-container .ui-corner-bottom,.updraft-container .ui-corner-left,.updraft-container .ui-corner-bl{border-bottom-left-radius:4px}.updraft-container .ui-corner-all,.updraft-container .ui-corner-bottom,.updraft-container .ui-corner-right,.updraft-container .ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:alpha(opacity=50)}.updraft-container .ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000;opacity:.2;filter:alpha(opacity=20);border-radius:5px} /*# sourceMappingURL=jquery-ui.custom-v1.11.4-1-26-7.min.css.map */ /** * FrontEdit - Live Frontend Block Editor - Complete Styles * Reorganized with CSS Variables for Better Maintainability */ /* * Varela Round is bundled with this plugin under the SIL Open Font License 1.1. * See ../fonts/OFL.txt for the complete license and attribution. */ @font-face { font-family: 'Varela Round'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/VarelaRound-Regular.ttf') format('truetype'); } /* ============================================ CSS VARIABLES ============================================ */ :root { /* ===== COLORS ===== */ /* Backgrounds */ --mwp-sfe-bg-darkest: #1a1a1a; --mwp-sfe-bg-dark: #2a2a2a; --mwp-sfe-bg-medium: #333; --mwp-sfe-bg-light: #444; /* Borders */ --mwp-sfe-border-dark: #333; --mwp-sfe-border-medium: #444; /* Brand Colors */ --mwp-sfe-primary: #2196F3; --mwp-sfe-primary-dark: #1976D2; --mwp-sfe-primary-darker: #1565C0; /* Status Colors */ --mwp-sfe-success: #00a32a; --mwp-sfe-success-dark: #008a20; --mwp-sfe-warning: #f56e28; --mwp-sfe-warning-dark: #d95f20; --mwp-sfe-failure: #dc3232; --mwp-sfe-failure-dark: #b52828; /* Text Colors */ --mwp-sfe-text-light: white; --mwp-sfe-text-muted: #999; /* Alpha Colors */ --mwp-sfe-primary-alpha-10: rgba(33, 150, 243, 0.1); --mwp-sfe-primary-alpha-20: rgba(33, 150, 243, 0.2); --mwp-sfe-primary-alpha-25: rgba(33, 150, 243, 0.25); --mwp-sfe-primary-alpha-40: rgba(33, 150, 243, 0.4); --mwp-sfe-warning-alpha-10: rgba(245, 110, 40, 0.1); --mwp-sfe-warning-alpha-40: rgba(245, 110, 40, 0.4); --mwp-sfe-success-alpha-10: rgba(0, 163, 42, 0.1); --mwp-sfe-success-alpha-40: rgba(0, 163, 42, 0.4); --mwp-sfe-failure-alpha-40: rgba(220, 50, 50, 0.4); --mwp-sfe-black-alpha-10: rgba(0, 0, 0, 0.1); --mwp-sfe-black-alpha-25: rgba(0, 0, 0, 0.25); --mwp-sfe-black-alpha-40: rgba(0, 0, 0, 0.4); --mwp-sfe-black-alpha-80: rgba(0, 0, 0, 0.8); --mwp-sfe-white-alpha-10: rgba(255, 255, 255, 0.1); --mwp-sfe-white-alpha-20: rgba(255, 255, 255, 0.2); --mwp-sfe-white-alpha-30: rgba(255, 255, 255, 0.3); /* ===== SPACING ===== */ --mwp-sfe-gap-tiny: 2px; --mwp-sfe-gap-small: 4px; --mwp-sfe-gap-medium: 10px; --mwp-sfe-gap-large: 20px; --mwp-sfe-padding-small: 4px; --mwp-sfe-padding-medium: 10px; --mwp-sfe-padding-large: 20px; --mwp-sfe-padding-button-v: 7px; --mwp-sfe-padding-button-h: 14px; --mwp-sfe-padding-editor-btn: 3px; /* ===== SIZING ===== */ --mwp-sfe-button-height: 30px; --mwp-sfe-button-size: 30px; --mwp-sfe-button-inner-size: 28px; --mwp-sfe-icon-size: 18px; --mwp-sfe-spinner-size: 14px; --mwp-sfe-success-icon-size: 24px; /* ===== BORDER RADIUS ===== */ --mwp-sfe-radius-small: 3px; --mwp-sfe-radius-medium: 4px; --mwp-sfe-radius-large: 6px; --mwp-sfe-radius-xlarge: 8px; /* ===== TRANSITIONS ===== */ --mwp-sfe-transition-instant: 0.1s ease; --mwp-sfe-transition-fast: 0.2s ease; --mwp-sfe-transition-medium: 0.3s ease; --mwp-sfe-transition-slow: 0.6s linear infinite; --mwp-sfe-transition-position: top 0.2s ease, left 0.2s ease; --mwp-sfe-transition-size: width 0.2s ease, height 0.2s ease; /* ===== Z-INDEX ===== */ --mwp-sfe-z-dropdown: 1; --mwp-sfe-z-element-active: 1234; --mwp-sfe-z-tooltip: 1234; --mwp-sfe-z-overlay: 12345; --mwp-sfe-z-preview: 123456; --mwp-sfe-z-actions: 123456; --mwp-sfe-z-toolbar: 123456; --mwp-sfe-z-success: 1234567; --mwp-sfe-z-mode-toggle: 12345678; /* ===== TYPOGRAPHY ===== */ --mwp-sfe-font-size-tiny: 10px; --mwp-sfe-font-size-small: 12px; --mwp-sfe-font-size-medium: 14px; --mwp-sfe-font-size-large: 16px; --mwp-sfe-font-family: 'Varela Round', sans-serif; /* ===== SHADOWS ===== */ --mwp-sfe-shadow-light: 0 0 12px var(--mwp-sfe-black-alpha-10); --mwp-sfe-shadow-medium: 0 0 12px var(--mwp-sfe-black-alpha-40); --mwp-sfe-shadow-dark: 0 0 12px var(--mwp-sfe-black-alpha-80); --mwp-sfe-shadow-elevated: 0 4px 12px var(--mwp-sfe-black-alpha-40), 0 0 0 1px var(--mwp-sfe-white-alpha-10); --mwp-sfe-shadow-success: 0 4px 12px var(--mwp-sfe-success-alpha-40), 0 0 0 1px var(--mwp-sfe-success-alpha-10); --mwp-sfe-shadow-comment: 0 4px 20px var(--mwp-sfe-primary-alpha-40); --mwp-sfe-shadow-warning: 0 4px 20px var(--mwp-sfe-warning-alpha-40); --mwp-sfe-shadow-failure: 0 4px 20px var(--mwp-sfe-failure-alpha-40); } /* ============================================ BODY STATES ============================================ */ body.mwp-sfe-editing-in-progress { position: relative; } /* ============================================ OVERLAY SYSTEM ============================================ */ .mwp-sfe-overlay-container { position: absolute; pointer-events: none; opacity: 1; overflow: visible; z-index: var(--mwp-sfe-z-overlay); transition: opacity var(--mwp-sfe-transition-fast); } .mwp-sfe-overlay { border-radius: var(--mwp-sfe-radius-xlarge); box-sizing: border-box; } /* No border radius when element is active */ .mwp-sfe-overlay.mwp-sfe-overlay-active { border-radius: unset; } /* Status Overlays (Always Visible) */ .mwp-sfe-overlay-status { position: absolute; pointer-events: none; opacity: 1; outline: 3px dotted var(--mwp-sfe-success); transition: opacity var(--mwp-sfe-transition-fast), outline-color var(--mwp-sfe-transition-fast); } .mwp-sfe-overlay-status[data-status="pending"] { outline-color: var(--mwp-sfe-warning); } .mwp-sfe-overlay-status[data-status="comment-only"] { outline-color: var(--mwp-sfe-primary); } /* Keep standard green status outlines fully suppressed during any live editor session so preview/edit toggles cannot flash them back on via inline opacity. */ body.mwp-sfe-is-editing .mwp-sfe-overlay-status:not([data-status="pending"]):not([data-status="comment-only"]) { opacity: 0 !important; transition: none !important; } /* Comment and draft active sessions should suppress every background status outline so preview toggles cannot briefly reveal blue/orange overlays. */ body.mwp-sfe-is-editing.mwp-sfe-mode-commenting .mwp-sfe-overlay-status, body.mwp-sfe-is-editing.mwp-sfe-mode-draft .mwp-sfe-overlay-status { opacity: 0 !important; transition: none !important; } /* Hover Overlay (Moving Blue Outline) */ .mwp-sfe-overlay-hover { position: absolute; pointer-events: none; opacity: 0; outline: 3px solid var(--mwp-sfe-primary); outline-offset: 4px; border-radius: var(--mwp-sfe-radius-xlarge); transition: top var(--mwp-sfe-transition-fast), left var(--mwp-sfe-transition-fast), width var(--mwp-sfe-transition-fast), height var(--mwp-sfe-transition-fast), opacity var(--mwp-sfe-transition-fast); } /* Active Overlays (Editing States) */ .mwp-sfe-overlay-active { position: absolute; pointer-events: none; opacity: 0; transition: opacity var(--mwp-sfe-transition-fast), box-shadow var(--mwp-sfe-transition-fast); } .mwp-sfe-overlay-active[data-mode="editing"] { box-shadow: var(--mwp-sfe-shadow-success), inset 0 0 0 9999px transparent; } /* Commenting always uses blue - whether the element also has an edit handler or not. */ .mwp-sfe-overlay-active[data-mode="commenting"] { box-shadow: 0 4px 12px var(--mwp-sfe-primary-alpha-40), 0 0 0 1px var(--mwp-sfe-primary-alpha-20), inset 0 0 0 9999px transparent; } .mwp-sfe-overlay-active[data-mode="draft-editing"], .mwp-sfe-overlay-active[data-mode="draft-preview"] { box-shadow: 0 4px 12px var(--mwp-sfe-warning-alpha-40), 0 0 0 1px var(--mwp-sfe-warning-alpha-10), inset 0 0 0 9999px transparent; } @media print { .mwp-sfe-overlay-container { display: none !important; } } /* ============================================ ELEMENT STATES ============================================ */ [data-mwp-sfe-bound="1"], [data-mwp-sfe-bound="1"] * { cursor: pointer !important; } [data-mwp-sfe-bound="1"].mwp-sfe-element-active, [data-mwp-sfe-bound="1"].mwp-sfe-element-active * { cursor: auto !important; pointer-events: auto !important; } /* Hide all children in collapsed core/details */ .wp-block-details:not([open]) > :not(summary) { display: none !important; } /* ============================================ EDITING INTERACTION LOCK mwp-sfe-is-editing is added to body for ANY active mode: regular editing, comment mode, and draft preview. This prevents page links and other non-plugin content from being interactable while the user is in any mode. ============================================ */ body.mwp-sfe-is-editing * { pointer-events: none; } /* Always restore the active element and plugin chrome. */ body.mwp-sfe-is-editing .mwp-sfe-element-active, body.mwp-sfe-is-editing .mwp-sfe-element-active *, body.mwp-sfe-is-editing .mwp-sfe-inline-toolbar, body.mwp-sfe-is-editing .mwp-sfe-inline-toolbar *, body.mwp-sfe-is-editing .mwp-sfe-inline-actions, body.mwp-sfe-is-editing .mwp-sfe-inline-actions *, body.mwp-sfe-is-editing .mwp-sfe-mode-toggle-bar, body.mwp-sfe-is-editing .mwp-sfe-mode-toggle-bar *, body.mwp-sfe-is-editing .mwp-abe-shadow-host, body.mwp-sfe-is-editing .mwp-abe-global-modal, body.mwp-sfe-is-editing .mwp-abe-global-modal *, body.mwp-sfe-is-editing .mwp-sfe-grip-bar, body.mwp-sfe-is-editing .mwp-sfe-grip-bar * { pointer-events: auto; } /* The post-lock modal can open while an editor remains active. It is its own interactive surface, so the page-wide edit lock must not swallow its buttons. */ body.mwp-sfe-is-editing .mwp-sfe-post-lock-modal, body.mwp-sfe-is-editing .mwp-sfe-post-lock-modal * { pointer-events: auto !important; cursor: auto !important; } body.mwp-sfe-is-editing .mwp-sfe-post-lock-modal button { cursor: pointer !important; } /* When an ABE modal is open, it becomes the only interactive surface. This keeps the page, editor chrome, and drawer locked underneath the modal while still letting the modal close button and panel content work. */ body.mwp-abe-modal-open * { pointer-events: none; } body.mwp-abe-modal-open .mwp-abe-global-modal, body.mwp-abe-modal-open .mwp-abe-global-modal * { pointer-events: auto !important; } /* ============================================ POST LOCK MODAL Mirrors the shared frontend modal treatment while staying independent from ABE branding and feature-specific markup. ============================================ */ .mwp-sfe-post-lock-modal { position: fixed; inset: 0; z-index: var(--mwp-sfe-z-mode-toggle); opacity: 0; pointer-events: none; transition: opacity var(--mwp-sfe-transition-fast); } .mwp-sfe-post-lock-modal, .mwp-sfe-post-lock-modal * { box-sizing: border-box; font-family: var(--mwp-sfe-font-family) !important; font-weight: normal !important; } .mwp-sfe-post-lock-modal.is-open { opacity: 1; pointer-events: auto; } .mwp-sfe-post-lock-backdrop { position: absolute; inset: 0; background: rgba(7, 11, 18, 0.58); backdrop-filter: blur(10px); } .mwp-sfe-post-lock-dialog { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 24px; } .mwp-sfe-post-lock-panel { width: min(400px, 95vw); border: 1px solid var(--mwp-sfe-border-dark); border-radius: var(--mwp-sfe-radius-xlarge); background: var(--mwp-sfe-bg-darkest); box-shadow: var(--mwp-sfe-shadow-elevated); overflow: hidden; transform: translateY(24px) scale(0.98); transition: transform var(--mwp-sfe-transition-fast); } .mwp-sfe-post-lock-modal.is-open .mwp-sfe-post-lock-panel { transform: translateY(0) scale(1); } .mwp-sfe-post-lock-header { padding: 18px var(--mwp-sfe-padding-large); border-bottom: 1px solid var(--mwp-sfe-border-dark); } .mwp-sfe-post-lock-title { margin: 0; color: var(--mwp-sfe-text-light); font-size: 24px; line-height: 1.15; } .mwp-sfe-post-lock-body { display: flex; flex-direction: column; gap: var(--mwp-sfe-gap-large); padding: 24px var(--mwp-sfe-padding-large); } .mwp-sfe-post-lock-copy { margin: 0; color: var(--mwp-sfe-text-muted); font-size: var(--mwp-sfe-font-size-medium); line-height: 1.6; } .mwp-sfe-post-lock-actions { display: flex; justify-content: flex-end; gap: var(--mwp-sfe-gap-medium); } /* Batch editing (regular editor active, NOT comment or draft mode): restore pointer-events for switchable bound elements so users can switch targets. Pending drafts (.mwp-sfe-status-pending) and comment-only elements (.mwp-sfe-status-comment-only) are excluded - their status overlays own the cursor and click behavior (see overlay rules below). */ body.mwp-sfe-is-editing.mwp-sfe-batch-session-active:not(.mwp-sfe-active-preview):not(.mwp-sfe-mode-commenting):not(.mwp-sfe-mode-draft) [data-mwp-sfe-bound="1"]:not(.mwp-sfe-status-pending):not(.mwp-sfe-status-comment-only), body.mwp-sfe-is-editing.mwp-sfe-batch-session-active:not(.mwp-sfe-active-preview):not(.mwp-sfe-mode-commenting):not(.mwp-sfe-mode-draft) [data-mwp-sfe-bound="1"]:not(.mwp-sfe-status-pending):not(.mwp-sfe-status-comment-only) * { pointer-events: auto; } /* Lift the active batch-edit block above unrelated overlapping page blocks so later DOM siblings cannot steal hover/click hit-testing inside the active block's painted area. This remains narrow to regular batch editing only and preserves inner block/component interaction because the full active subtree stays inside the lifted stacking context. */ body.mwp-sfe-is-editing.mwp-sfe-batch-session-active:not(.mwp-sfe-active-preview):not(.mwp-sfe-mode-commenting):not(.mwp-sfe-mode-draft) [data-mwp-sfe-bound="1"].mwp-sfe-element-active { position: relative; z-index: var(--mwp-sfe-z-element-active) !important; } /* Nested switchable elements inside the currently-active element (e.g. a text block visually on top of a Cover block) need cursor:pointer restored, because .mwp-sfe-element-active * { cursor: auto !important } is broad enough to reach those inner nodes via descendant matching. Locked types are still excluded. */ body.mwp-sfe-is-editing.mwp-sfe-batch-session-active:not(.mwp-sfe-active-preview):not(.mwp-sfe-mode-commenting):not(.mwp-sfe-mode-draft) [data-mwp-sfe-bound="1"].mwp-sfe-element-active [data-mwp-sfe-bound="1"]:not(.mwp-sfe-element-active):not(.mwp-sfe-status-pending):not(.mwp-sfe-status-comment-only), body.mwp-sfe-is-editing.mwp-sfe-batch-session-active:not(.mwp-sfe-active-preview):not(.mwp-sfe-mode-commenting):not(.mwp-sfe-mode-draft) [data-mwp-sfe-bound="1"].mwp-sfe-element-active [data-mwp-sfe-bound="1"]:not(.mwp-sfe-element-active):not(.mwp-sfe-status-pending):not(.mwp-sfe-status-comment-only) * { cursor: pointer !important; } /* Locked element overlays (pending draft, comment-only) in a batch edit session. The overlay must absorb the cursor and block clicks so the active editor is not accidentally closed. IMPORTANT: status overlays are created with pointer-events:none as an inline style (JS constructor), so !important is required here to override it - this is intentional and must not be removed. The underlying element stays pointer-events:none from the body rule above, so no element click handler fires. Clicks on the overlay land on data-mwp-sfe-control territory and are silently swallowed by the global click handler. */ body.mwp-sfe-is-editing.mwp-sfe-batch-session-active:not(.mwp-sfe-active-preview):not(.mwp-sfe-mode-commenting):not(.mwp-sfe-mode-draft) [data-mwp-sfe-bound="1"].mwp-sfe-status-pending, body.mwp-sfe-is-editing.mwp-sfe-batch-session-active:not(.mwp-sfe-active-preview):not(.mwp-sfe-mode-commenting):not(.mwp-sfe-mode-draft) [data-mwp-sfe-bound="1"].mwp-sfe-status-comment-only { pointer-events: auto; cursor: not-allowed !important; } body.mwp-sfe-is-editing.mwp-sfe-batch-session-active:not(.mwp-sfe-active-preview):not(.mwp-sfe-mode-commenting):not(.mwp-sfe-mode-draft) .mwp-sfe-overlay-status[data-status="pending"], body.mwp-sfe-is-editing.mwp-sfe-batch-session-active:not(.mwp-sfe-active-preview):not(.mwp-sfe-mode-commenting):not(.mwp-sfe-mode-draft) .mwp-sfe-overlay-status[data-status="comment-only"] { pointer-events: none !important; cursor: not-allowed !important; } /* ============================================ GLOBAL TYPOGRAPHY & SELECTION ============================================ */ .mwp-sfe-inline-toolbar *, .mwp-sfe-inline-actions *, .mwp-sfe-mode-toggle-bar * { font-family: var(--mwp-sfe-font-family) !important; } .mwp-sfe-inline-toolbar *::selection, .mwp-sfe-inline-actions *::selection, .mwp-sfe-inline-editor *::selection, .mwp-sfe-editing-active *::selection, .mwp-sfe-inline-comment-textarea *::selection { background-color: var(--mwp-sfe-primary) !important; color: var(--mwp-sfe-text-light) !important; } /* ============================================ TOOLBAR & ACTION BAR - CORE STYLES ============================================ */ .mwp-sfe-inline-toolbar, .mwp-sfe-inline-actions, .mwp-sfe-inline-preview, .mwp-sfe-inline-success, .mwp-sfe-inline-pending-wrapper { position: fixed; } .mwp-sfe-inline-toolbar, .mwp-sfe-inline-actions, .mwp-sfe-inline-preview, .mwp-sfe-inline-pending-wrapper { opacity: 1; transition: opacity var(--mwp-sfe-transition-fast); } .mwp-sfe-inline-toolbar { display: inline-flex; flex-wrap: wrap; background: var(--mwp-sfe-bg-darkest); border: 1px solid var(--mwp-sfe-border-dark); border-radius: var(--mwp-sfe-radius-xlarge); padding: var(--mwp-sfe-padding-medium); box-shadow: var(--mwp-sfe-shadow-elevated); animation: mwp-sfe-slide-down var(--mwp-sfe-transition-fast); user-select: none; -webkit-user-select: none; -moz-user-select: none; z-index: var(--mwp-sfe-z-toolbar) !important; } .mwp-sfe-inline-actions { display: flex; flex-wrap: wrap; gap: var(--mwp-sfe-gap-medium); padding: var(--mwp-sfe-padding-medium); background: var(--mwp-sfe-bg-darkest); border: 1px solid var(--mwp-sfe-border-dark); border-radius: var(--mwp-sfe-radius-xlarge); box-shadow: var(--mwp-sfe-shadow-elevated); animation: mwp-sfe-slide-up var(--mwp-sfe-transition-fast); z-index: var(--mwp-sfe-z-actions) !important; } /* ============================================ TRANSITION CONTROL ============================================ */ /* Default: Always transition position, size, and opacity */ .mwp-sfe-inline-actions, .mwp-sfe-inline-toolbar { transition: var(--mwp-sfe-transition-size), var(--mwp-sfe-transition-position), opacity var(--mwp-sfe-transition-fast), pointer-events 0s ease 0.2s; } /* Suppress position transitions during scroll/resize tracking. */ .mwp-sfe-inline-actions.mwp-sfe-no-position-transition, .mwp-sfe-inline-toolbar.mwp-sfe-no-position-transition { transition: var(--mwp-sfe-transition-size), opacity var(--mwp-sfe-transition-fast), pointer-events 0s ease 0.2s; } /* ============================================ TOOLBAR & ACTION BAR - ANIMATIONS ============================================ */ .mwp-sfe-inline-toolbar.mwp-sfe-closing { animation: mwp-sfe-slide-up-reverse var(--mwp-sfe-transition-fast) forwards; } .mwp-sfe-inline-actions.mwp-sfe-closing { animation: mwp-sfe-slide-down-reverse var(--mwp-sfe-transition-fast) forwards; } @keyframes mwp-sfe-slide-down { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @keyframes mwp-sfe-slide-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes mwp-sfe-slide-down-reverse { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(10px); } } @keyframes mwp-sfe-slide-up-reverse { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-10px); } } /* ============================================ BUTTONS ============================================ */ .mwp-sfe-inline-editor .mwp-sfe-btn { cursor: pointer; } .mwp-sfe-btn { box-sizing: border-box; position: relative; color: var(--mwp-sfe-text-light); flex: 1; font-size: var(--mwp-sfe-font-size-medium); width: auto; height: var(--mwp-sfe-button-height); line-height: 1; border-radius: var(--mwp-sfe-radius-medium); padding: var(--mwp-sfe-padding-button-v) var(--mwp-sfe-padding-button-h); cursor: pointer; transition: background var(--mwp-sfe-transition-fast); text-wrap: nowrap; z-index: 0; } .mwp-sfe-btn::before { content: ""; position: absolute; inset: 0; background: transparent; border-radius: var(--mwp-sfe-radius-small); z-index: -1; } /* Button States */ .mwp-sfe-btn:disabled { cursor: not-allowed; color: var(--mwp-sfe-text-muted); } .mwp-sfe-btn:disabled:not([mwp-sfe-btn-loading="true"])::before { background: var(--mwp-sfe-black-alpha-25); pointer-events: none; } /* Animated Border for Loading State */ @supports (background: conic-gradient(from 0deg, red, blue)) { .mwp-sfe-btn[mwp-sfe-btn-loading="true"] { color: var(--mwp-sfe-text-muted); border-color: transparent !important; background: var(--mwp-sfe-bg-light) !important; isolation: isolate; /* Create new stacking context */ z-index: 0; } .mwp-sfe-btn[mwp-sfe-btn-loading="true"]::before { content: ''; position: absolute; inset: -1px; background: conic-gradient( from calc(var(--angle) - (var(--spread) * 0.5)), transparent 0deg, var(--mwp-sfe-primary-dark), var(--mwp-sfe-primary), var(--mwp-sfe-primary-darker), transparent var(--spread) ); animation: syncRotate 1s linear infinite; z-index: -2; border-radius: inherit; } .mwp-sfe-btn[mwp-sfe-btn-loading="true"]::after { content: ''; position: absolute; inset: 2px; /* Inner thick border spacing */ background: var(--mwp-sfe-bg-light) !important; border-radius: var(--mwp-sfe-radius-small); z-index: -1; } /* Inner backgrounds based on button type to preserve button styles */ .mwp-sfe-btn-primary-inline[mwp-sfe-btn-loading="true"]::after, .mwp-sfe-btn-save-inline[mwp-sfe-btn-loading="true"]::after, .mwp-sfe-btn-submit-inline[mwp-sfe-btn-loading="true"]::after { background: linear-gradient(135deg, var(--mwp-sfe-primary-dark) 0%, var(--mwp-sfe-primary-darker) 100%); } .mwp-sfe-btn-secondary-inline[mwp-sfe-btn-loading="true"]::after, .mwp-sfe-btn-cancel-inline[mwp-sfe-btn-loading="true"]::after, .mwp-sfe-btn-back-edit[mwp-sfe-btn-loading="true"]::after, .mwp-sfe-btn-close-pending[mwp-sfe-btn-loading="true"]::after { background: var(--mwp-sfe-bg-light); } } /* Primary Buttons */ @property --mwp-sfe-btn-grad-start { syntax: ""; inherits: false; initial-value: #2196F3; } @property --mwp-sfe-btn-grad-end { syntax: ""; inherits: false; initial-value: #1976D2; } /* Primary Buttons */ .mwp-sfe-btn-primary-inline, .mwp-sfe-btn-save-inline, .mwp-sfe-btn-submit-inline { --mwp-sfe-btn-grad-start: var(--mwp-sfe-primary); --mwp-sfe-btn-grad-end: var(--mwp-sfe-primary-dark); background: linear-gradient( 135deg, var(--mwp-sfe-btn-grad-start) 0%, var(--mwp-sfe-btn-grad-end) 100% ); border: 1px solid var(--mwp-sfe-primary-darker); transition: --mwp-sfe-btn-grad-start var(--mwp-sfe-transition-fast), --mwp-sfe-btn-grad-end var(--mwp-sfe-transition-fast); } .mwp-sfe-btn-primary-inline:hover, .mwp-sfe-btn-save-inline:hover, .mwp-sfe-btn-submit-inline:hover { --mwp-sfe-btn-grad-start: var(--mwp-sfe-primary-dark); --mwp-sfe-btn-grad-end: var(--mwp-sfe-primary-darker); } .mwp-sfe-btn-primary-inline:disabled, .mwp-sfe-btn-save-inline:disabled, .mwp-sfe-btn-submit-inline:disabled { --mwp-sfe-btn-grad-start: var(--mwp-sfe-primary-dark); --mwp-sfe-btn-grad-end: var(--mwp-sfe-primary-darker); } /* Secondary Buttons */ .mwp-sfe-btn-secondary-inline, .mwp-sfe-btn-cancel-inline, .mwp-sfe-btn-back-edit, .mwp-sfe-btn-close-pending { background: var(--mwp-sfe-bg-medium); border: 1px solid var(--mwp-sfe-border-medium); } .mwp-sfe-btn-secondary-inline:hover, .mwp-sfe-btn-cancel-inline:hover, .mwp-sfe-btn-back-edit:hover, .mwp-sfe-btn-close-pending:hover { background: var(--mwp-sfe-bg-light); border: 1px solid var(--mwp-sfe-border-medium); } .mwp-sfe-btn-secondary-inline:disabled, .mwp-sfe-btn-cancel-inline:disabled, .mwp-sfe-btn-back-edit:disabled, .mwp-sfe-btn-close-pending:disabled { background: var(--mwp-sfe-bg-light); } .mwp-sfe-inline-actions .mwp-sfe-btn:focus { outline: 2px solid var(--mwp-sfe-primary); outline-offset: 2px; } /* ============================================ SUCCESS MESSAGE ============================================ */ .mwp-sfe-inline-success { position: fixed !important; top: 25% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: min(600px, 95vw) !important; z-index: var(--mwp-sfe-z-success) !important; margin: 0 !important; display: flex; justify-content: center; align-items: center; width: auto; padding: 16px 24px; background: linear-gradient(135deg, var(--mwp-sfe-success) 0%, var(--mwp-sfe-success-dark) 100%); border-radius: var(--mwp-sfe-radius-xlarge); box-shadow: var(--mwp-sfe-shadow-success); animation: mwp-sfe-success-in 0.25s ease; transition: none !important; } /* Discard / deny variant */ .mwp-sfe-inline-discard { background: linear-gradient(135deg, var(--mwp-sfe-failure) 0%, var(--mwp-sfe-failure-dark) 100%) !important; box-shadow: var(--mwp-sfe-shadow-failure) !important; } /* Draft submit / warning variant */ .mwp-sfe-inline-warning { background: linear-gradient(135deg, var(--mwp-sfe-warning) 0%, var(--mwp-sfe-warning-dark) 100%) !important; box-shadow: var(--mwp-sfe-shadow-warning) !important; } /* Comment submit / comment variant */ .mwp-sfe-inline-comment { background: linear-gradient(135deg, var(--mwp-sfe-primary-dark) 0%, var(--mwp-sfe-primary-darker) 100%) !important; box-shadow: var(--mwp-sfe-shadow-comment) !important; } .mwp-sfe-inline-success-message, .mwp-sfe-inline-preview, .mwp-sfe-inline-pending-wrapper { z-index: var(--mwp-sfe-z-success) !important; } @keyframes mwp-sfe-success-in { from { opacity: 0; transform: translateY(-10px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } .mwp-sfe-inline-success-message { display: flex; justify-content: center; align-items: center; gap: var(--mwp-sfe-gap-medium); } .mwp-sfe-inline-success-message svg { width: var(--mwp-sfe-success-icon-size); height: var(--mwp-sfe-success-icon-size); stroke: var(--mwp-sfe-text-light); animation: mwp-sfe-check-draw 0.5s ease 0.2s; flex-shrink: 0; } .mwp-sfe-inline-success-message span { font-family: var(--mwp-sfe-font-family) !important; width: 100%; color: var(--mwp-sfe-text-light); font-size: var(--mwp-sfe-font-size-medium); } @keyframes mwp-sfe-check-draw { from { stroke-dasharray: 100; stroke-dashoffset: 100; } to { stroke-dasharray: 100; stroke-dashoffset: 0; } } /* ============================================ SINGLE-ELEMENT SELECTION ============================================ */ .mwp-sfe-single-element-row { display: flex; flex-direction: column; gap: var(--mwp-sfe-gap-small); } .mwp-sfe-single-element-header { font-size: var(--mwp-sfe-font-size-tiny); color: var(--mwp-sfe-text-muted); margin-bottom: var(--mwp-sfe-gap-tiny); line-height: 1.2; } .mwp-sfe-single-element-buttons { display: flex; gap: var(--mwp-sfe-gap-medium); flex-wrap: wrap; } /* ============================================ MULTI-ELEMENT SELECTION ============================================ */ .mwp-sfe-multi-element-wrapper { display: flex; flex-direction: column; gap: var(--mwp-sfe-gap-medium); width: 100%; } .mwp-sfe-multi-element-container { display: flex; flex-direction: column; gap: var(--mwp-sfe-gap-small); width: 100%; } .mwp-sfe-multi-element-row { display: flex; flex-direction: column; gap: var(--mwp-sfe-gap-small); padding: var(--mwp-sfe-padding-small); border: 2px solid transparent; border-radius: var(--mwp-sfe-radius-large); transition: border-color var(--mwp-sfe-transition-fast), background-color var(--mwp-sfe-transition-fast); cursor: pointer; } .mwp-sfe-multi-element-row:hover { background-color: var(--mwp-sfe-primary-alpha-10); } .mwp-sfe-multi-element-row.mwp-sfe-focused { border-color: var(--mwp-sfe-primary); background-color: var(--mwp-sfe-primary-alpha-10); } .mwp-sfe-multi-element-header { font-size: var(--mwp-sfe-font-size-tiny); color: var(--mwp-sfe-text-muted); margin-bottom: var(--mwp-sfe-gap-tiny); line-height: 1.2; } .mwp-sfe-multi-element-buttons { display: flex; gap: var(--mwp-sfe-gap-medium); flex-wrap: wrap; } .mwp-sfe-multi-element-instructions { font-size: var(--mwp-sfe-font-size-tiny); color: var(--mwp-sfe-text-muted); text-align: center; padding-top: var(--mwp-sfe-gap-small); border-top: 1px solid var(--mwp-sfe-border-dark); line-height: 1.4; } /* ============================================ COMMENT FORM ============================================ */ .mwp-sfe-inline-actions .mwp-sfe-inline-comment-form { display: flex; flex-direction: column; gap: var(--mwp-sfe-gap-medium); width: 300px; } .mwp-sfe-inline-actions .mwp-sfe-inline-comment-textarea { width: auto; resize: vertical; height: 120px; min-height: 60px; max-height: 360px; } .mwp-sfe-inline-actions .mwp-sfe-inline-comment-actions, .mwp-sfe-inline-actions .mwp-sfe-inline-media-upload-actions { display: flex; gap: var(--mwp-sfe-gap-medium); } .mwp-sfe-inline-actions .mwp-sfe-text-entry { line-height: 1.5; background: var(--mwp-sfe-bg-dark); border: 1px solid var(--mwp-sfe-border-medium); outline: none !important; color: var(--mwp-sfe-text-light); padding: var(--mwp-sfe-padding-medium); border-radius: var(--mwp-sfe-radius-medium); font-size: var(--mwp-sfe-font-size-medium); box-shadow: inset var(--mwp-sfe-shadow-light); transition: background var(--mwp-sfe-transition-instant), box-shadow var(--mwp-sfe-transition-instant), border-color var(--mwp-sfe-transition-fast); } .mwp-sfe-inline-actions .mwp-sfe-text-entry:focus { border-color: var(--mwp-sfe-primary); background: var(--mwp-sfe-bg-light); color: var(--mwp-sfe-text-light); box-shadow: inset var(--mwp-sfe-shadow-medium); } /* ============================================ MEDIA EDITOR ============================================ */ .mwp-sfe-inline-actions .mwp-sfe-inline-media-editor { display: flex; flex-direction: column; gap: var(--mwp-sfe-gap-medium); width: 300px; } /* Drop Zone */ .mwp-sfe-inline-actions .mwp-sfe-media-upload-drop-zone { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; cursor: pointer; line-height: 1.5; text-align: center; height: 150px; background: var(--mwp-sfe-bg-dark); border: 2px dashed var(--mwp-sfe-border-medium); color: var(--mwp-sfe-text-light); padding: var(--mwp-sfe-gap-large); border-radius: var(--mwp-sfe-radius-large); font-size: var(--mwp-sfe-font-size-large); z-index: 0; isolation: isolate; overflow: hidden; box-shadow: inset var(--mwp-sfe-shadow-light); transition: background var(--mwp-sfe-transition-instant), box-shadow var(--mwp-sfe-transition-instant), border-color var(--mwp-sfe-transition-fast); } .mwp-sfe-inline-actions .mwp-sfe-media-upload-drop-zone:focus, .mwp-sfe-inline-actions .mwp-sfe-media-upload-drop-zone:hover { border-color: var(--mwp-sfe-primary); background: var(--mwp-sfe-bg-light); box-shadow: inset var(--mwp-sfe-shadow-medium); transition: background var(--mwp-sfe-transition-instant), box-shadow var(--mwp-sfe-transition-instant), border-color var(--mwp-sfe-transition-fast); } .mwp-sfe-media-upload-drop-zone.mwp-sfe-is-dragging:hover, .mwp-sfe-media-upload-drop-zone.mwp-sfe-is-uploading:hover { border-style: solid; background: var(--mwp-sfe-bg-light) !important; box-shadow: inset var(--mwp-sfe-shadow-medium); cursor: default; } .mwp-sfe-media-upload-drop-zone.mwp-sfe-is-dragging, .mwp-sfe-media-upload-drop-zone.mwp-sfe-is-uploading { border-style: solid; background: var(--mwp-sfe-bg-light); box-shadow: inset var(--mwp-sfe-shadow-medium); animation: pulseBorder 1.5s infinite; } @keyframes pulseBorder { 0% { border-color: var(--mwp-sfe-border-medium); } 50% { border-color: var(--mwp-sfe-primary); } 100% { border-color: var(--mwp-sfe-border-medium); } } /* Animated Upload Border */ @supports (background: conic-gradient(from 0deg, red, blue)) { .mwp-sfe-media-upload-drop-zone.mwp-sfe-is-uploading { border: none; pointer-events: none; padding: 22px; } @property --spread { syntax: ''; initial-value: 270deg; inherits: false; } @property --angle { syntax: ''; initial-value: 0deg; inherits: false; } .mwp-sfe-media-upload-drop-zone.mwp-sfe-is-uploading::before { content: ''; position: absolute; inset: 0; background: conic-gradient( from calc(var(--angle) - (var(--spread) * 0.5)), transparent 0deg, var(--mwp-sfe-primary-dark), var(--mwp-sfe-primary), var(--mwp-sfe-primary-darker), transparent var(--spread) ); animation: syncRotate 1.5s linear infinite; z-index: -2; } .mwp-sfe-media-upload-drop-zone.mwp-sfe-is-uploading::after { content: ''; position: absolute; inset: 2px; background: var(--mwp-sfe-bg-light); border-radius: var(--mwp-sfe-radius-small); z-index: -1; } @keyframes syncRotate { 0% { --angle: 0deg; --spread: 270deg; } 25% { --angle: 90deg; --spread: 180deg; } 50% { --angle: 180deg; --spread: 270deg; } 75% { --angle: 270deg; --spread: 180deg; } 100% { --angle: 360deg; --spread: 270deg; } } } /* ============================================ MEDIA LIBRARY ============================================ */ .mwp-sfe-inline-media-library { display: flex; flex-direction: column; gap: var(--mwp-sfe-gap-medium); width: 300px; } .mwp-sfe-media-library-header { font-size: var(--mwp-sfe-font-size-medium); color: var(--mwp-sfe-text-light); } .mwp-sfe-media-library-message { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; text-align: center; height: 300px; color: var(--mwp-sfe-text-muted); padding: var(--mwp-sfe-gap-large); } .mwp-sfe-media-library-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); grid-auto-rows: max-content; gap: var(--mwp-sfe-gap-medium); overflow-y: auto; background: var(--mwp-sfe-bg-dark); border: 1px solid var(--mwp-sfe-border-medium); border-radius: var(--mwp-sfe-radius-large); min-height: 300px; max-height: 301px; padding: var(--mwp-sfe-padding-medium); scrollbar-color: var(--mwp-sfe-bg-darkest) var(--mwp-sfe-bg-light); } .mwp-sfe-media-library-item { position: relative; width: 100%; aspect-ratio: 1; background: var(--mwp-sfe-bg-darkest); border: 2px solid var(--mwp-sfe-border-medium); border-radius: var(--mwp-sfe-radius-medium); cursor: pointer; overflow: hidden; transition: all var(--mwp-sfe-transition-fast); display: flex; flex-direction: column; } .mwp-sfe-media-library-item:hover, .mwp-sfe-media-library-item:focus { border-color: var(--mwp-sfe-primary); transform: scale(1.05); outline: none; } .mwp-sfe-media-library-item img { width: 100%; height: 100%; object-fit: cover; } .mwp-sfe-media-library-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: var(--mwp-sfe-bg-darkest); } .mwp-sfe-media-library-item-title { position: absolute; bottom: 0; left: 0; right: 0; background: var(--mwp-sfe-black-alpha-80); color: var(--mwp-sfe-text-light); font-size: var(--mwp-sfe-font-size-tiny); padding: var(--mwp-sfe-padding-small); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ============================================ RICH TEXT EDITOR TOOLBAR ============================================ */ .mwp-sfe-editor-toolbar { display: flex; flex-wrap: wrap; gap: var(--mwp-sfe-gap-medium); } .mwp-sfe-editor-content { outline: none; word-break: break-word; } .mwp-sfe-list-item-text { display: inline; min-width: 1px; } .mwp-sfe-ghost-component { display: none !important; } .mwp-sfe-editable-component.mwp-sfe-ghost-component { cursor: text; display: block !important; } body.mwp-sfe-preview-mode .mwp-sfe-ghost-component, body.mwp-sfe-active-preview .mwp-sfe-ghost-component { display: none !important; } /* Preview should reflect front-end output: never render placeholder UI/text. */ body.mwp-sfe-preview-mode .mwp-sfe-rich-text-placeholder, body.mwp-sfe-active-preview .mwp-sfe-rich-text-placeholder { display: none !important; } body.mwp-sfe-preview-mode .mwp-sfe-rich-text-placeholder::after, body.mwp-sfe-active-preview .mwp-sfe-rich-text-placeholder::after { content: none !important; } .mwp-sfe-rich-text-has-placeholder > .mwp-sfe-rich-text-placeholder, .mwp-sfe-rich-text-has-placeholder li > .mwp-sfe-rich-text-placeholder, .mwp-sfe-editable-component > .mwp-sfe-rich-text-placeholder, .mwp-sfe-editor-content > .mwp-sfe-rich-text-placeholder, body.mwp-sfe-is-editing .mwp-sfe-element-active .mwp-sfe-rich-text-placeholder { pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; } .mwp-sfe-rich-text-has-placeholder > .mwp-sfe-rich-text-placeholder::after, .mwp-sfe-rich-text-has-placeholder li > .mwp-sfe-rich-text-placeholder::after, .mwp-sfe-editable-component > .mwp-sfe-rich-text-placeholder::after, .mwp-sfe-editor-content > .mwp-sfe-rich-text-placeholder::after, body.mwp-sfe-is-editing .mwp-sfe-element-active .mwp-sfe-rich-text-placeholder::after { content: attr(data-rich-text-placeholder); opacity: 0.62; } /* ============================================ BUTTON GROUPS ============================================ */ .mwp-sfe-editor-toolbar .mwp-sfe-btn-group { display: flex; vertical-align: middle; gap: var(--mwp-sfe-gap-tiny); } /* ============================================ EDITOR BUTTONS ============================================ */ .mwp-sfe-editor-toolbar .mwp-sfe-editor-btn { display: inline-block; width: var(--mwp-sfe-button-size); height: var(--mwp-sfe-button-size); padding: var(--mwp-sfe-padding-editor-btn); background: transparent; border: 1px solid transparent; border-radius: var(--mwp-sfe-radius-medium); cursor: pointer; transition: opacity var(--mwp-sfe-transition-instant), background var(--mwp-sfe-transition-fast), border-color var(--mwp-sfe-transition-fast); } .mwp-sfe-editor-toolbar .mwp-sfe-editor-btn svg { float: left; margin: -1px; } .mwp-sfe-editor-toolbar .mwp-sfe-editor-btn:hover { background: var(--mwp-sfe-primary-alpha-25); border-color: transparent; } .mwp-sfe-editor-toolbar .mwp-sfe-editor-btn.mwp-sfe-editor-btn-active { background: var(--mwp-sfe-primary-alpha-25); border-color: var(--mwp-sfe-primary-alpha-25); } .mwp-sfe-editor-toolbar .mwp-sfe-editor-btn:disabled { opacity: 0.5; background: none; cursor: auto; } /* Text-Based Buttons */ .mwp-sfe-editor-toolbar .mwp-sfe-editor-btn-text { color: var(--mwp-sfe-text-light); font-size: var(--mwp-sfe-font-size-medium); line-height: 1; white-space: nowrap; width: 100%; padding: 0 6px; } /* ============================================ DROPDOWNS ============================================ */ .mwp-sfe-editor-toolbar .mwp-sfe-dropdown { position: relative; display: block; width: var(--mwp-sfe-button-size); height: var(--mwp-sfe-button-size); z-index: var(--mwp-sfe-z-dropdown); } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-content { display: none; position: absolute; font-size: var(--mwp-sfe-font-size-medium); margin-top: -1px; top: 100%; left: 0; background: var(--mwp-sfe-bg-darkest); border: 1px solid var(--mwp-sfe-border-dark); border-radius: var(--mwp-sfe-radius-medium); box-shadow: 0 4px 12px var(--mwp-sfe-black-alpha-40); padding: var(--mwp-sfe-padding-small); } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-content.mwp-sfe-show { display: block; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-content button { height: var(--mwp-sfe-button-inner-size); width: var(--mwp-sfe-button-inner-size); padding: 2px var(--mwp-sfe-padding-small); border-radius: var(--mwp-sfe-radius-small); cursor: pointer; } /* Heading Level Dropdown */ .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level { width: 96px; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level .mwp-sfe-dropdown-content.mwp-sfe-show { min-width: 100%; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level .mwp-sfe-dropdown-toggle { position: absolute; display: flex; align-items: center; width: 100%; padding-left: 6px; cursor: pointer; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level button { display: block; color: var(--mwp-sfe-text-light); font-size: var(--mwp-sfe-font-size-medium); line-height: 1.65; white-space: nowrap; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level .mwp-sfe-dropdown-content button { width: 100%; height: 100%; min-height: var(--mwp-sfe-button-inner-size); text-align: left; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level .mwp-sfe-dropdown-toggle span { display: flex; flex-wrap: nowrap; align-items: center; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level .mwp-sfe-dropdown-toggle svg { position: relative; width: var(--mwp-sfe-icon-size); } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level [data-format="Heading 1"] { font-size: 2em !important; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level [data-format="Heading 2"] { font-size: 1.7em !important; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level [data-format="Heading 3"] { font-size: 1.4em !important; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level [data-format="Heading 4"] { font-size: 1.2em !important; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level [data-format="Heading 5"] { font-size: 1em !important; } .mwp-sfe-editor-toolbar .mwp-sfe-dropdown-heading-level [data-format="Heading 6"] { font-size: .8em !important; } /* ============================================ LINK TOOLTIP / UI ============================================ */ .mwp-sfe-link-ui-wrapper *::selection { background-color: var(--mwp-sfe-primary); color: var(--mwp-sfe-text-light); } .mwp-sfe-link-ui-wrapper span.mwp-sfe-link-preview-wrap { align-content: center; } .mwp-sfe-link-ui-wrapper a { color: var(--mwp-sfe-primary); } .mwp-sfe-link-ui-wrapper a:hover { color: var(--mwp-sfe-primary-dark); } .mwp-sfe-link-ui-wrapper { width: auto; } .mwp-sfe-link-edit { flex-wrap: wrap; gap: var(--mwp-sfe-gap-medium); } .mwp-sfe-link-view { flex-wrap: wrap; color: var(--mwp-sfe-text-light); font-size: var(--mwp-sfe-font-size-medium); gap: var(--mwp-sfe-gap-medium); height: min-content; } .mwp-sfe-link-view span { line-height: 1; } .mwp-sfe-link-preview { line-height: 1; align-self: center; } .mwp-sfe-link-actions { display: flex; gap: var(--mwp-sfe-gap-medium); } .mwp-sfe-link-url { display: flex; flex-direction: column; width: 180px; } .mwp-sfe-inline-actions .mwp-sfe-link-url-entry { line-height: 1 !important; height: auto !important; width: auto !important; background: var(--mwp-sfe-bg-dark) !important; border: 1px solid var(--mwp-sfe-border-medium) !important; outline: none !important; color: var(--mwp-sfe-text-light) !important; padding: var(--mwp-sfe-padding-small) !important; border-radius: var(--mwp-sfe-radius-medium) !important; padding-right: 0 !important; } .mwp-sfe-inline-actions .mwp-sfe-link-url-entry:focus { border-color: var(--mwp-sfe-primary) !important; background: var(--mwp-sfe-bg-light) !important; color: var(--mwp-sfe-text-light) !important; } .mwp-sfe-inline-actions .mwp-sfe-link-url-entry *::selection { background-color: var(--mwp-sfe-primary) !important; color: var(--mwp-sfe-text-light) !important; } .mwp-sfe-link-options { display: flex; flex-direction: row; gap: var(--mwp-sfe-gap-medium); margin-top: var(--mwp-sfe-gap-medium); font-size: var(--mwp-sfe-font-size-small); color: var(--mwp-sfe-text-light); } .mwp-sfe-link-options label { line-height: 1; margin: 0; } /* ============================================ SVG ICON STYLES ============================================ */ .mwp-sfe-fill { fill: var(--mwp-sfe-text-light); } .mwp-sfe-stroke { stroke: var(--mwp-sfe-text-light); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; fill: none; } .mwp-sfe-thin { stroke-width: 1; } /* ============================================ MODE TOGGLE BAR ============================================ */ .mwp-sfe-mode-toggle-bar { position: fixed; top: 42px; right: 10px; z-index: var(--mwp-sfe-z-mode-toggle); display: flex; flex-direction: column; gap: var(--mwp-sfe-gap-small); padding: var(--mwp-sfe-padding-medium); background: var(--mwp-sfe-bg-darkest); border: 1px solid var(--mwp-sfe-border-dark); border-radius: var(--mwp-sfe-radius-xlarge); box-shadow: var(--mwp-sfe-shadow-elevated); font-family: var(--mwp-sfe-font-family) !important; animation: mwp-sfe-slide-up var(--mwp-sfe-transition-fast); user-select: none; -webkit-user-select: none; overflow: visible; } .mwp-sfe-mode-toggle-header { font-size: var(--mwp-sfe-font-size-tiny); color: var(--mwp-sfe-text-muted); line-height: 1.2; margin-bottom: var(--mwp-sfe-gap-tiny); } .mwp-sfe-mode-toggle-buttons { display: flex; gap: var(--mwp-sfe-gap-medium); } /* Make toggle bar buttons non-flex-grow so they size to content */ .mwp-sfe-mode-toggle-buttons .mwp-sfe-btn { flex: 0 0 auto; } /* ============================================ GRIP BAR ============================================ */ .mwp-sfe-grip-bar { position: fixed; display: inline-grid; grid-auto-flow: column; align-items: center; justify-content: center; gap: var(--mwp-sfe-gap-small); width: 52px; height: 18px; padding: 0 8px; opacity: 0; transform: translate(-50%, 0); transform-origin: center bottom; transition: opacity var(--mwp-sfe-transition-fast) 0.5s, transform var(--mwp-sfe-transition-fast) 0.5s; cursor: grab; touch-action: none; z-index: calc(var(--mwp-sfe-z-mode-toggle) - 1); } .mwp-sfe-grip-bar-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--mwp-sfe-text-muted); } .mwp-sfe-grip-bar[data-mwp-sfe-grip-owner="mode-toggle-bar"] { border: 1px solid var(--mwp-sfe-border-dark); border-bottom: none; border-radius: var(--mwp-sfe-radius-xlarge) var(--mwp-sfe-radius-xlarge) 0 0; background: var(--mwp-sfe-bg-darkest); box-shadow: var(--mwp-sfe-shadow-elevated); } .mwp-sfe-grip-bar.mwp-sfe-is-visible { opacity: 1; transform: translate(-50%, -100%); transition-delay: 0s; } .mwp-sfe-grip-bar.mwp-sfe-is-dragging { cursor: grabbing; } .mwp-sfe-grip-bar.mwp-sfe-is-dragging:hover { transition: none; } /* ============================================ ACTION BAR DOCK STATE ============================================ */ .mwp-sfe-inline-actions.mwp-sfe-state-dock { /* Sit on the same z-layer as the mode-toggle bar so it visually groups with it and renders above page content. */ z-index: var(--mwp-sfe-z-mode-toggle) !important; transition: opacity var(--mwp-sfe-transition-fast); } /* ============================================ PREVIEW MODE (global - no active editor) ============================================ */ body.mwp-sfe-preview-mode .mwp-sfe-overlay-container, body.mwp-sfe-preview-mode .mwp-sfe-inline-preview, body.mwp-sfe-preview-mode .mwp-sfe-inline-pending-wrapper, body.mwp-sfe-preview-mode .mwp-sfe-inline-actions, body.mwp-sfe-preview-mode .mwp-sfe-inline-toolbar { opacity: 0 !important; pointer-events: none !important; transition: opacity var(--mwp-sfe-transition-fast) !important; } body.mwp-sfe-preview-mode [data-mwp-sfe-bound="1"], body.mwp-sfe-preview-mode [data-mwp-sfe-bound="1"] *, body.mwp-sfe-preview-mode .mwp-sfe-editing-disabled, body.mwp-sfe-preview-mode .mwp-sfe-editing-disabled * { cursor: auto !important; } /* ============================================ ACTIVE PREVIEW MODE (editor open but previewing) The editor is kept alive; only the editing UI is hidden and the active element is locked down. The .mwp-sfe-is-editing body class keeps everything else non-interactive. ============================================ */ body.mwp-sfe-active-preview .mwp-sfe-overlay-container, body.mwp-sfe-active-preview .mwp-sfe-inline-toolbar, body.mwp-sfe-active-preview .mwp-sfe-inline-actions { opacity: 0 !important; pointer-events: none !important; transition: opacity var(--mwp-sfe-transition-fast) !important; } /* Keep active editor locked down. */ body.mwp-sfe-active-preview .mwp-sfe-element-active, body.mwp-sfe-active-preview .mwp-sfe-element-active *, body.mwp-sfe-active-preview .mwp-sfe-inline-toolbar *, body.mwp-sfe-active-preview .mwp-sfe-inline-actions * { pointer-events: none !important; } /* In active preview, restore normal page interactions except editor chrome. */ body.mwp-sfe-active-preview * { pointer-events: auto !important; } /* Push the active element below the editing overlay so clicks pass to the overlay rather than into the contenteditable. */ body.mwp-sfe-active-preview .mwp-sfe-element-active { z-index: 1 !important; } body.mwp-sfe-active-preview [data-mwp-sfe-bound="1"]:not(.mwp-sfe-element-active), body.mwp-sfe-active-preview [data-mwp-sfe-bound="1"]:not(.mwp-sfe-element-active) *, body.mwp-sfe-active-preview .mwp-sfe-editing-disabled, body.mwp-sfe-active-preview .mwp-sfe-editing-disabled * { cursor: auto !important; } body.mwp-sfe-preview-mode .mwp-abe-block-sparkle, :host-context(body.mwp-sfe-preview-mode) .mwp-abe-launcher, :host-context(body.mwp-sfe-preview-mode) .mwp-abe-modal, :host-context(body.mwp-sfe-preview-mode) .mwp-abe-drawer, body.mwp-sfe-active-preview .mwp-abe-block-sparkle, :host-context(body.mwp-sfe-active-preview) .mwp-abe-launcher, :host-context(body.mwp-sfe-active-preview) .mwp-abe-modal, :host-context(body.mwp-sfe-active-preview) .mwp-abe-drawer { opacity: 0 !important; pointer-events: none !important; transition: opacity var(--mwp-sfe-transition-fast) !important; } :host-context(body.mwp-sfe-preview-mode) .mwp-abe-launcher, :host-context(body.mwp-sfe-active-preview) .mwp-abe-launcher { transform: translateY(8px) scale(0.92); } :host-context(body.mwp-sfe-preview-mode) .mwp-abe-drawer, :host-context(body.mwp-sfe-active-preview) .mwp-abe-drawer { transform: translateY(24px); } :host-context(body.mwp-sfe-preview-mode) .mwp-abe-modal-panel, :host-context(body.mwp-sfe-active-preview) .mwp-abe-modal-panel { opacity: 0 !important; transform: translateY(24px) scale(0.98); pointer-events: none !important; transition: opacity var(--mwp-sfe-transition-fast) !important; } Bloomora.co.id https://validator.w3.org/feed/docs/rss2.html Dein Rodeoslots Login Schlüssel zum Glück Ingresa a Thor Fortune Casino y Gana al Instante Gambloria Casino dein Spielparadies Gratowin odkrywa nowe horyzonty współczesnych wygranych Симни си го spingranny казино за побрза победа Betonred Play The Ultimate Thrill Awaits Geslaagd_navigeren_met_de_chicken_road_app_vereist_scherpe_reflexen_en_slimme_ta 5Gringos aplikácia rýchlejšia ako svetlo Claim Free Spins Boost Your Bankroll Instantly Login to FatPirate Casino Unlock Treasure Play Bold Claim Your Betalice No Deposit Free Play Speel Slim Win Groot bij BDMBET Promoties Effiziente_Nutzung_von_Bonusangeboten_und_maximaler_Spielspaß_mit_felixspin_fü Einzigartige_Strategien_für_sicheres_Spielen_und_hohe_Gewinne_mit_fezbet_online Attraktive_Spielwelten_eröffnen_sich_mit_casino_slotexo_für_risikobereite_Nutz Αξιοπρόσεκτη_μέθοδος_rocky_spin_για_βελτίωση_τη Estrategias_ganadoras_y_análisis_profundo_con_pokerenchile_app_para_jugadores_e Fantastische_kansen_rond_casino_slotrush_bieden_uitzonderlijke_spanning Diversión_asegurada_y_resultados_óptimos_con_latri_bet_en_el_mundo_del_juego_d Spännande_trafikspel_och_https_chicken-road-sweden_se_för_djärva_kycklingar Erlebnis_vegasnow_co_at_für_sicheres_Online-Glück_und_faire_Bedingungen_entdec Genuine_excitement_surrounds_https_casinosclassic_org_and_the_future_of_online_g Atenção_e_habilidade_definem_a_jornada_em_https_roadchicken-pt_com_um_teste_de Αξιολόγηση_προσφορών_και_τυχερών_παιχνιδιώ Potential_growth_unlocked_around_fortunicas_co_uk_for_savvy_investors Einzigartige_Einrichtungsideen_entdecken_mit_spinanias_com_de_für_stilvolles_Wo Fondamentali_strategie_con_diva-spin_it_com_per_risultati_sorprendenti_e_duratur Essential_guidance_for_informed_choices_with_bet-label_eu_and_strategic_betting Les méthodes de dépôt chez Casino Spinaura Zkušenosti_hráčů_s_platformou_22bet_review_review_22bet_a_kompletní_přehle Increíble_hazaña_con_chickenroad_esquiva_el_tráfico_y_alcanza_récords_de_sup Mochi Wellness Recommendations: Find Real Patient Enjoy & Reviews Zkušenosti_s_platformou_22bet_a_srovnání_s_dalšími_sázkovými_kancelářem Genuine_access_to_instant-casinoaustralia_com_unlocks_exclusive_casino_entertain Informationen_entdecken_rund_um_hugobets_com_de_für_erfahrene_Sportfans favorite article 719568 favorite article 719568 Sky Betters Win Big With Smarter Football Odds Claim Napoléons Royal Bonus Without Wagering Traps Grand Mondial Jackpots Deliver Unmatched Windfalls Daily Luna Casino Sveriges Hem för Jackpotruscher Unlock Gamdom Free Spins Code Secret Rewards Now SpinCity Casino Login Thrills Unlocked Now Fast Aussie Cashouts Best Online Payout Totalappen som forenkler alt på ett sted Unohda arpajaiset, voodoo-unelmat ovat täällä Bet Smarter Win Bigger With Livebet UKs Edge Spin Totbet Slots Without Paying a Cent Juego Express Sorprende a Todos Sin Demora Home