/*! 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 BonusKong Meister Geheimtipps für unschlagbare Boni Džekpot Tezama Zaboravite Casino Srce Bija Brže Infinity Casin Vyhrajte s Gaminator bonusem teď Unlock Casinonic Free Play Codes Without a Deposit Winaura Unlocks Digital Fortune Beyond Luck Spino Gambino codici sconto segreti svelati ora Accès Rapide et Sécurisé à Oscars Pin Jeux 🎰 Oscarspin Jackpots Jagen & Winnen Slotoking Casino: Підтримка Платіжних Методів Sensible Medical insurance Preparations Букмекерская контора Melbet имеет официальный сайт, доступ к которому можно получить по адресу Мелбет ком. Мелбет (как любой востребованный азартный сайт), предлагает своим пользователям различные бонусы и акционные предложения. Internet Casinos Schweiz im Check Content Review 747-322810-85c4acb0bf5e How cryptocurrency enhances your gaming at NeoSpin Casino: Tips for Australian players Sign Up Now Get Your Malina Casino Bonus Code Prenesi OnlySpins Casino in zavrti srečo VIPZino bonuscode gids zonder valkuilen Bonus sans dépôt pour gagner au spin de riche Unlock Your Free Gransino Bonus Code Now Truco Spingranny Código Sin Depósito 5gringos Casino Spannende Pluspunkt Aktionen Jetzt Win Big Dreams at Wonderluck Casino Gambloria Casino Online — Gana en Grande desde España BDM Casino Auszahlung ohne Verzögerung Liraluck Sport Câștiguri Imediate Fără Riscuri Malina Casino App Download Unlock Instant Play Thrills Moonwin Casino True Player Experiences Casinia Casino Gana con Juego Envolvente Lucky Fox Realm Your Gateway to Fortune Win a Spot with Bold Smart Strategies Vinn gratisspinn uten innskudd hos Vinci Spin Unlock LuckyStart Casino Generous Bonus Secrets Luckyones Review Is Your Pocket Navigator Lukkicasino Unleashes Fortune in Every Spin Winbet Casino Deep Dive Your Ultimate Guide Lucky Circus Bonus Code Unlocks Fun Casoola No Deposit Instant Free Play Access Play Zilla Casino Hacks Unleash Big Wins 7Bit Casino Review High Volatility Thrills Echtgeld slots ohne Einzahlung erleben Buran il ritorno dello shuttle sovietico dimenticato Bonusuri Bine Venit la Ladbrokes Casino Particular_atmósfera_se_construye_con_sol_casino_ofreciendo_experiencias_inolvi Founding of YouTube A Short History (3) Pratiques_innovantes_et_betify_pour_optimiser_vos_enjeux_sportifs_et_vos_straté-63804704 pin up casino и криптовалюты: новые возможности для игроков Parlak_fırsatlar_sunan_Sweet_Bonanza_deneyimi_şanslı_kombinasyonlarla_kazanc Intégrale_évaluation_des_opportunités_et_fortunethor_fr_pour_bâtir_un_capita Oyunseverler_için_eşsiz_bir_deneyim_sunan_Sweet_Bonanza_fırsatlarını_kaçı Home