<?php
    // prevent direct file access
	if( !defined( 'ABSPATH' ) ) exit;

    // page transition
    function pixe_get_transition_data($template_settings = array()){
        static $settings;
        if( empty($template_settings) ) return $settings;
        
        // main settings
        $settings = pixe_get_main_settings('page-transition');
        
        // template settings
        if( !empty($template_settings['transition']['enable-preloader']) ){
            $settings = $template_settings['transition'];
        }

        // post settings
        if( is_page() || is_single() ){
            $is_preview = empty($_GET['pixe_preview'])? false: true; // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Nonce not required: request performs read-only query.
            $editor_settings = pixe_get_builder_settings(get_the_ID(), $is_preview);

            if( !empty($editor_settings['transition']['enable-preloader']) ){
                $settings = $editor_settings['transition'];
            }
        }

        return $settings;
    }
    function pixe_get_transition($template_settings){
        $settings = pixe_get_transition_data();

        if( !empty($settings['enable-preloader']) ){
            $type = empty($settings['type'])? '': $settings['type'];

            echo '<div class="pixe-page-transition pixe-in-start" id="pixe-page-transition" ';
            echo empty($settings['duration'])? '': ' data-duration="' . esc_attr($settings['duration']) . '" ';
            echo empty($settings['delay'])? '': ' data-delay="' . esc_attr($settings['delay']) . '" ';
            echo '>';
            echo '<div class="pixe-overlay" ></div>';
            if( $type == 'css' ){
                if( !empty($settings['style']) ){
                    pixe_print_preload_animation_html($settings['style']);
                }
            }else if( ($type == 'icon' || $type == 'image') && !empty($settings[$type]) ){
                $data = array(
                    'type' => 'icon',
                    'value' => $settings[$type]
                );
                pixe_get_icon($data, array('class' => 'pixe-preload-icon'), true);
            }
            echo '</div>';
            
            ob_start();
            pixe_print_transition_script();
            wp_add_inline_script('pixe-inline', ob_get_clean());
        }
    }
    function pixe_print_transition_script(){
?>
(function($){
    $(window).on('pageshow', function(){
        var container = $('#pixe-page-transition');
        var duration = parseInt(container.attr('data-duration'));
        var delay = parseInt(container.attr('data-delay')) || 0;

        // delay
        setTimeout(function(){

            // prevent breaking on back button
            if( container.hasClass('pixe-out') ){
                container.removeClass('pixe-out pixe-out-start');
                container.addClass('pixe-in-start');

                setTimeout(function(){
                    container.addClass('pixe-in');
                }, 10);
            }else{
                container.addClass('pixe-in');
            }

            // after finish animation
            if( !duration ){ duration = 800; }
            setTimeout(function(){
                container.removeClass('pixe-in-start pixe-in');
                container.addClass('pixe-out-start');
            }, duration);
            
        }, delay);

        // out animation
        $(document.body).on('click', 'a', function(e){
			var link = $(this);
			
            if( e.ctrlKey ) return;
            if( link.is('[href^="tel:"], [href^="mailto:"], [href^="#"], [href^="mailto:"], [target="_blank"], [download]') ) return;
            if( link.is('.pixe-lightbox') ) return;
            if( link.is('.remove, .ajax_add_to_cart, .comment-reply-link') ) return;
            if( link.prop("hash") && $(link.prop("hash")).length ) return;
        
			container.addClass('pixe-out');
		});
    });
})(jQuery);
<?php
    }

    function pixe_print_preload_animation_core_style(){
?>
.pixe-page-transition{ display: flex; align-items: center; justify-content: center;
    position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; }
.pixe-page-transition.pixe-in,
.pixe-page-transition.pixe-out{ transition: opacity 800ms, transform 800ms; }
.pixe-page-transition.pixe-out-start{ opacity: 0; pointer-events: none; }
.pixe-page-transition.pixe-out-start .pixe-icon,
.pixe-page-transition.pixe-out-start .pixe-css-icon{ display: none; }
.pixe-page-transition .pixe-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; }
.pixe-page-transition .pixe-uib-container,
.pixe-page-transition .pixe-preload-icon{ position: relative; }
<?php
    }
    function pixe_print_preload_animation_style($settings){
        if( empty($settings['enable-preloader']) ) return;

        ob_start();
        pixe_print_preload_animation_core_style();
        wp_add_inline_style('pixe-inline', ob_get_clean());

        $type = empty($settings['type'])? '': $settings['type'];
        
        // user settings
        if( !empty($settings['css']) ){
            wp_add_inline_style('pixe-inline', wp_strip_all_tags($settings['css']));
        }
        
        // icon & image animation
        if( $type == 'icon' || $type == 'image' ){
            if( !empty($settings[$type]) && !empty($settings['icon-effect']) ){
                wp_add_inline_style('pixe-inline', wp_strip_all_tags(pixe_animation_css($settings['icon-effect'])));
            }

        // custom css animation
        }else if( $type == 'css' ){
            if( !empty($settings['style']) ){
                switch($settings['style']){
                    case 'bouncy-arc':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-bouncy-arc{--uib-size:70px;--uib-color:black;--uib-speed:1.65s;--uib-cube-size:calc(var(--uib-size) / 5.5);--uib-arc-1:-80deg;--uib-arc-2:80deg;display:flex;align-items:flex-start;justify-content:center;width:var(--uib-size);height:calc(var(--uib-size) * .51)}.pixe-uib-bouncy-arc .pixe-uib-cube{width:var(--uib-cube-size);height:calc(var(--uib-size) * .5);transform-origin:center bottom;transform:rotate(var(var(--uib-arc-1)));animation:pixe-uib-bca-metronome var(--uib-speed) linear infinite}.pixe-uib-bouncy-arc .pixe-uib-cube::after{content:"";display:block;width:var(--uib-cube-size);height:var(--uib-cube-size);background-color:var(--uib-color);border-radius:25%;animation:pixe-uib-bca-morph var(--uib-speed) linear infinite;transition:background-color .3s}@keyframes pixe-uib-bca-metronome{0%,100%{transform:rotate(var(--uib-arc-1))}5%{transform:rotate(var(--uib-arc-1));animation-timing-function:ease-out}50%{transform:rotate(var(--uib-arc-2))}55%{transform:rotate(var(--uib-arc-2));animation-timing-function:ease-out}}@keyframes pixe-uib-bca-morph{0%,100%,5%{transform:scaleX(.75) scaleY(1.25);transform-origin:center left}12.5%{transform:scaleX(1.5);transform-origin:center left}27.5%,77.5001%,95%{transform:scaleX(1);transform-origin:center left}27.5001%,42.5%,77.5%{transform:scaleX(1);transform-origin:center right}50%,52.5%{transform:scaleX(.75) scaleY(1.25);transform-origin:center right;animation-timing-function:ease-in}65%{transform:scaleX(1.5);transform-origin:center right}}');
                        break;
                    case 'bouncy':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-bouncy{--uib-size:45px;--uib-color:black;--uib-speed:1.75s;display:flex;align-items:flex-end;padding-bottom:calc(var(--uib-size) * .2);justify-content:space-between;width:var(--uib-size);height:calc(var(--uib-size) * .6)}.pixe-uib-bouncy .pixe-uib-cube{flex-shrink:0;width:calc(var(--uib-size) * .2);height:calc(var(--uib-size) * .2);animation:pixe-uib-bc-jump var(--uib-speed) ease-in-out infinite}.pixe-uib-bouncy .pixe-uib-cube-inner{display:block;height:100%;width:100%;border-radius:25%;background-color:var(--uib-color);transform-origin:center bottom;animation:pixe-uib-bc-morph var(--uib-speed) ease-in-out infinite;transition:background-color .3s}.pixe-uib-bouncy .pixe-uib-cube:nth-child(2),.pixe-uib-bouncy .pixe-uib-cube:nth-child(2) .cube__inner{animation-delay:calc(var(--uib-speed) * -.36)}.pixe-uib-bouncy .pixe-uib-cube:nth-child(3),.pixe-uib-bouncy .pixe-uib-cube:nth-child(3) .cube__inner{animation-delay:calc(var(--uib-speed) * -.2)}@keyframes pixe-uib-bc-jump{0%{transform:translateY(0)}30%{transform:translateY(0);animation-timing-function:ease-out}50%{transform:translateY(-200%);animation-timing-function:ease-in}75%{transform:translateY(0);animation-timing-function:ease-in}}@keyframes pixe-uib-bc-morph{0%,10%,100%,40%,70%,85%{transform:scaleY(1)}20%,25%{transform:scaleY(.6) scaleX(1.3);animation-timing-function:ease-in-out}30%{transform:scaleY(1.15) scaleX(.9);animation-timing-function:ease-in-out}75%{transform:scaleY(.8) scaleX(1.2)}}');
                        break;
                    case 'cardio':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-cardio{--uib-size:45px;--uib-color:black;--uib-speed:1.75s;--uib-bg-opacity:.1;height:31.25px;width:50px;transform-origin:center;overflow:visible}.pixe-uib-cardio .pixe-uib-car{stroke:var(--uib-color);stroke-dasharray:100;stroke-dashoffset:0;stroke-linecap:round;stroke-linejoin:round;animation:pixe-uib-cdo-travel var(--uib-speed) ease-in-out infinite,pixe-uib-cdo-fade var(--uib-speed) ease-out infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s}.pixe-uib-cardio .pixe-uib-track{stroke-linecap:round;stroke-linejoin:round;stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes pixe-uib-cdo-travel{0%{stroke-dashoffset:100}75%{stroke-dashoffset:0}}@keyframes pixe-uib-cdo-fade{0%,100%{opacity:0}20%,55%{opacity:1}}');
                        break;
                    case 'chaotic-orbit':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-chaotic-orbit{--uib-size:35px;--uib-color:black;--uib-speed:1.5s;--uib-dot-size:calc(var(--uib-size) * 0.4);position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size);animation:pixe-uib-cotob-rotate calc(var(--uib-speed) * 1.667) infinite linear}.pixe-uib-chaotic-orbit::after,.pixe-uib-chaotic-orbit::before{content:"";position:absolute;height:var(--uib-dot-size);width:var(--uib-dot-size);border-radius:50%;background-color:var(--uib-color);flex-shrink:0;transition:background-color .3s}.pixe-uib-chaotic-orbit::before{animation:pixe-uib-cotob-orbit var(--uib-speed) linear infinite}.pixe-uib-chaotic-orbit::after{animation:pixe-uib-cotob-orbit var(--uib-speed) linear calc(var(--uib-speed)/ -2) infinite}@keyframes pixe-uib-cotob-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pixe-uib-cotob-orbit{0%,100%{transform:translateX(calc(var(--uib-size) * .25)) scale(.73684);opacity:.65}5%{transform:translateX(calc(var(--uib-size) * .235)) scale(.684208);opacity:.58}10%{transform:translateX(calc(var(--uib-size) * .182)) scale(.631576);opacity:.51}15%{transform:translateX(calc(var(--uib-size) * .129)) scale(.578944);opacity:.44}20%{transform:translateX(calc(var(--uib-size) * .076)) scale(.526312);opacity:.37}25%{transform:translateX(0) scale(.47368);opacity:.3}30%{transform:translateX(calc(var(--uib-size) * -.076)) scale(.526312);opacity:.37}35%{transform:translateX(calc(var(--uib-size) * -.129)) scale(.578944);opacity:.44}40%{transform:translateX(calc(var(--uib-size) * -.182)) scale(.631576);opacity:.51}45%{transform:translateX(calc(var(--uib-size) * -.235)) scale(.684208);opacity:.58}50%{transform:translateX(calc(var(--uib-size) * -.25)) scale(.73684);opacity:.65}55%{transform:translateX(calc(var(--uib-size) * -.235)) scale(.789472);opacity:.72}60%{transform:translateX(calc(var(--uib-size) * -.182)) scale(.842104);opacity:.79}65%{transform:translateX(calc(var(--uib-size) * -.129)) scale(.894736);opacity:.86}70%{transform:translateX(calc(var(--uib-size) * -.076)) scale(.947368);opacity:.93}75%{transform:translateX(0) scale(1);opacity:1}80%{transform:translateX(calc(var(--uib-size) * .076)) scale(.947368);opacity:.93}85%{transform:translateX(calc(var(--uib-size) * .129)) scale(.894736);opacity:.86}90%{transform:translateX(calc(var(--uib-size) * .182)) scale(.842104);opacity:.79}95%{transform:translateX(calc(var(--uib-size) * .235)) scale(.789472);opacity:.72}}');
                        break;
                    case 'dot-pulse':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-dot-pulse{--uib-size:43px;--uib-color:black;--uib-speed:1.3s;--uib-dot-size:calc(var(--uib-size) * 0.24);position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--uib-dot-size);width:var(--uib-size)}.pixe-uib-dot-pulse::before{animation:pixe-uib-dp-pulse var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.375) infinite}.pixe-uib-dot-pulse::after{animation:pixe-uib-dp-pulse var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.125) infinite}.pixe-uib-dot-pulse .pixe-uib-dot,.pixe-uib-dot-pulse::after,.pixe-uib-dot-pulse::before{content:"";display:block;height:var(--uib-dot-size);width:var(--uib-dot-size);border-radius:50%;background-color:var(--uib-color);transform:scale(0);transition:background-color .3s}.pixe-uib-dot-pulse .pixe-uib-dot{animation:pixe-uib-dp-pulse var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.25) infinite both}@keyframes pixe-uib-dp-pulse{0%,100%{transform:scale(0)}50%{transform:scale(1)}}');
                        break;
                    case 'dot-spinner':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-dot-spinner{--uib-size:40px;--uib-color:black;--uib-speed:.9s;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.pixe-uib-dot-spinner .pixe-uib-dot{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.pixe-uib-dot-spinner .pixe-uib-dot::before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:pixe-uib-dspn-pulse calc(var(--uib-speed) * 1.111) ease-in-out infinite;transition:background-color .3s}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(2){transform:rotate(45deg)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(2)::before{animation-delay:calc(var(--uib-speed) * -.875)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(3){transform:rotate(90deg)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(3)::before{animation-delay:calc(var(--uib-speed) * -.75)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(4){transform:rotate(135deg)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(4)::before{animation-delay:calc(var(--uib-speed) * -.625)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(5){transform:rotate(180deg)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(5)::before{animation-delay:calc(var(--uib-speed) * -.5)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(6){transform:rotate(225deg)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(6)::before{animation-delay:calc(var(--uib-speed) * -.375)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(7){transform:rotate(270deg)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(7)::before{animation-delay:calc(var(--uib-speed) * -.25)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(8){transform:rotate(315deg)}.pixe-uib-dot-spinner .pixe-uib-dot:nth-child(8)::before{animation-delay:calc(var(--uib-speed) * -.125)}@keyframes pixe-uib-dspn-pulse{0%,100%{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}');
                        break;
                    case 'dot-stream':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-dot-stream{--uib-size:60px;--uib-color:black;--uib-speed:2.5s;--uib-dot-size:calc(var(--uib-size) * 0.18);position:relative;display:flex;align-items:center;justify-content:space-between;width:var(--uib-size);height:var(--uib-dot-size)}.pixe-uib-dot-stream .pixe-uib-dot{position:absolute;top:calc(50% - var(--uib-dot-size)/ 2);left:calc(0px - var(--uib-dot-size)/ 2);display:block;height:var(--uib-dot-size);width:var(--uib-dot-size);border-radius:50%;background-color:var(--uib-color);animation:pixe-uib-dst-stream var(--uib-speed) linear infinite both;transition:background-color .3s}.pixe-uib-dot-stream .pixe-uib-dot:nth-child(2){animation-delay:calc(var(--uib-speed) * -.2)}.pixe-uib-dot-stream .pixe-uib-dot:nth-child(3){animation-delay:calc(var(--uib-speed) * -.4)}.pixe-uib-dot-stream .pixe-uib-dot:nth-child(4){animation-delay:calc(var(--uib-speed) * -.6)}.pixe-uib-dot-stream .pixe-uib-dot:nth-child(5){animation-delay:calc(var(--uib-speed) * -.8)}@keyframes pixe-uib-dst-stream{0%,100%{transform:translateX(0) scale(0)}50%{transform:translateX(calc(var(--uib-size) * .5)) scale(1)}99.999%{transform:translateX(calc(var(--uib-size))) scale(0)}}');
                        break;
                    case 'dot-wave':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-dot-wave{--uib-size:47px;--uib-color:black;--uib-speed:1s;--uib-dot-size:calc(var(--uib-size) * 0.18);display:flex;align-items:flex-end;justify-content:space-between;height:calc(var(--uib-size) * .5);width:var(--uib-size)}.pixe-uib-dot-wave .pixe-uib-dot{flex-shrink:0;width:calc(var(--uib-size) * .17);height:calc(var(--uib-size) * .17);border-radius:50%;background-color:var(--uib-color);transition:background-color .3s}.pixe-uib-dot-wave .pixe-uib-dot:first-child{animation:pixe-uib-dw-jump var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.45) infinite}.pixe-uib-dot-wave .pixe-uib-dot:nth-child(2){animation:pixe-uib-dw-jump var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.3) infinite}.pixe-uib-dot-wave .pixe-uib-dot:nth-child(3){animation:pixe-uib-dw-jump var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.15) infinite}.pixe-uib-dot-wave .pixe-uib-dot:nth-child(4){animation:pixe-uib-dw-jump var(--uib-speed) ease-in-out infinite}@keyframes pixe-uib-dw-jump{0%,100%{transform:translateY(0)}50%{transform:translateY(-200%)}}');
                        break;
                    case 'grid':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-grid{--uib-size:60px;--uib-color:black;--uib-speed:1.5s;--uib-dot-size:calc(var(--uib-size) * 0.1);position:relative;display:flex;align-items:center;justify-content:flex-start;height:calc(var(--uib-size) * .64);width:calc(var(--uib-size) * .64)}.pixe-uib-grid .pixe-uib-dot{--uib-d1:-0.48;--uib-d2:-0.4;--uib-d3:-0.32;--uib-d4:-0.24;--uib-d5:-0.16;--uib-d6:-0.08;--uib-d7:-0;position:absolute;bottom:calc(var(--uib-bottom) + var(--uib-dot-size)/ 2);right:calc(var(--uib-right) + var(--uib-dot-size)/ 2);display:flex;align-items:center;justify-content:flex-start;height:var(--uib-dot-size);width:var(--uib-dot-size);animation:pixe-uib-g-jump var(--uib-speed) ease-in-out infinite;opacity:var(--uib-scale);will-change:transform;backface-visibility:hidden}.pixe-uib-grid .pixe-uib-dot::before{content:"";height:100%;width:100%;background-color:var(--uib-color);border-radius:50%;transform:scale(var(--uib-scale));transition:background-color .3s}.pixe-uib-grid .pixe-uib-dot:first-child{--uib-bottom:24%;--uib-right:-35%;animation-delay:calc(var(--uib-speed) * var(--uib-d1))}.pixe-uib-grid .pixe-uib-dot:nth-child(2){--uib-bottom:16%;--uib-right:-6%;animation-delay:calc(var(--uib-speed) * var(--uib-d2))}.pixe-uib-grid .pixe-uib-dot:nth-child(3){--uib-bottom:8%;--uib-right:23%;animation-delay:calc(var(--uib-speed) * var(--uib-d3));--uib-scale:0.98}.pixe-uib-grid .pixe-uib-dot:nth-child(4){--uib-bottom:-1%;--uib-right:51%;animation-delay:calc(var(--uib-speed) * var(--uib-d4))}.pixe-uib-grid .pixe-uib-dot:nth-child(5){--uib-bottom:38%;--uib-right:-17.5%;animation-delay:calc(var(--uib-speed) * var(--uib-d2))}.pixe-uib-grid .pixe-uib-dot:nth-child(6){--uib-bottom:30%;--uib-right:10%;animation-delay:calc(var(--uib-speed) * var(--uib-d3))}.pixe-uib-grid .pixe-uib-dot:nth-child(7){--uib-bottom:22%;--uib-right:39%;animation-delay:calc(var(--uib-speed) * var(--uib-d4))}.pixe-uib-grid .pixe-uib-dot:nth-child(8){--uib-bottom:14%;--uib-right:67%;animation-delay:calc(var(--uib-speed) * var(--uib-d5))}.pixe-uib-grid .pixe-uib-dot:nth-child(9){--uib-bottom:53%;--uib-right:-0.8%;animation-delay:calc(var(--uib-speed) * var(--uib-d3))}.pixe-uib-grid .pixe-uib-dot:nth-child(10){--uib-bottom:44.5%;--uib-right:27%;animation-delay:calc(var(--uib-speed) * var(--uib-d4))}.pixe-uib-grid .pixe-uib-dot:nth-child(11){--uib-bottom:36%;--uib-right:55.7%;animation-delay:calc(var(--uib-speed) * var(--uib-d5))}.pixe-uib-grid .pixe-uib-dot:nth-child(12){--uib-bottom:28.7%;--uib-right:84.3%;animation-delay:calc(var(--uib-speed) * var(--uib-d6))}.pixe-uib-grid .pixe-uib-dot:nth-child(13){--uib-bottom:66.8%;--uib-right:15%;animation-delay:calc(var(--uib-speed) * var(--uib-d4))}.pixe-uib-grid .pixe-uib-dot:nth-child(14){--uib-bottom:58.8%;--uib-right:43%;animation-delay:calc(var(--uib-speed) * var(--uib-d5))}.pixe-uib-grid .pixe-uib-dot:nth-child(15){--uib-bottom:50%;--uib-right:72%;animation-delay:calc(var(--uib-speed) * var(--uib-d6))}.pixe-uib-grid .pixe-uib-dot:nth-child(16){--uib-bottom:42%;--uib-right:100%;animation-delay:calc(var(--uib-speed) * var(--uib-d7))}.pixe-uib-grid .pixe-uib-dot:nth-child(2),.pixe-uib-grid .pixe-uib-dot:nth-child(8){--uib-scale:0.96}.pixe-uib-grid .pixe-uib-dot:first-child,.pixe-uib-grid .pixe-uib-dot:nth-child(7){--uib-scale:0.94}.pixe-uib-grid .pixe-uib-dot:nth-child(12),.pixe-uib-grid .pixe-uib-dot:nth-child(6){--uib-scale:0.92}.pixe-uib-grid .pixe-uib-dot:nth-child(11),.pixe-uib-grid .pixe-uib-dot:nth-child(5){--uib-scale:0.9}.pixe-uib-grid .pixe-uib-dot:nth-child(10),.pixe-uib-grid .pixe-uib-dot:nth-child(16){--uib-scale:0.88}.pixe-uib-grid .pixe-uib-dot:nth-child(15),.pixe-uib-grid .pixe-uib-dot:nth-child(9){--uib-scale:0.86}.pixe-uib-grid .pixe-uib-dot:nth-child(14){--uib-scale:0.84}.pixe-uib-grid .pixe-uib-dot:nth-child(13){--uib-scale:0.82}@keyframes pixe-uib-g-jump{0%,100%{transform:translateY(120%)}50%{transform:translateY(-120%)}}');
                        break;
                    case 'hatch':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-hatch .pixe-uib-line,.pixe-uib-hatch::after,.pixe-uib-hatch::before{position:absolute;width:var(--uib-stroke-px);height:var(--uib-stroke-px);background-color:var(--uib-color);transition:background-color .3s}.pixe-uib-hatch{--uib-size:28;--uib-color:black;--uib-speed:3.5s;--uib-stroke:4;--uib-mult:calc(var(--uib-size) / var(--uib-stroke));--uib-stroke-px:calc(var(--uib-stroke) * 1px);--uib-size-px:calc(var(--uib-size) * 1px);position:relative;height:var(--uib-size-px);width:var(--uib-size-px)}.pixe-uib-hatch .pixe-uib-line{top:calc(50% - var(--uib-stroke-px)/ 2);left:calc(50% - var(--uib-stroke-px)/ 2);animation:pixe-uib-h-center-line var(--uib-speed) ease infinite}.pixe-uib-hatch::after,.pixe-uib-hatch::before{content:"";animation:pixe-uib-h-explore var(--uib-speed) ease infinite}.pixe-uib-hatch::after{animation-delay:calc(var(--uib-speed) * -.5)}@keyframes pixe-uib-h-center-line{0%,100%,25%,50%,75%{transform:scaleX(1) scaleY(1)}12.5%,62.5%{transform:scaleX(var(--uib-mult)) scaleY(1)}37.5%,87.5%{transform:scaleX(1) scaleY(var(--uib-mult))}}@keyframes pixe-uib-h-explore{0%,100%{transform:scaleX(1) scaleY(1) translate(0,0);transform-origin:top left;top:0;left:0}12.5%{transform:scaleX(var(--uib-mult)) scaleY(1) translate(0,0);transform-origin:top left;top:0;left:0}12.50001%{transform:scaleX(var(--uib-mult)) scaleY(1) translate(0,0);transform-origin:top right;top:0;left:initial;right:0}25%{transform:scaleX(1) scaleY(1) translate(0,0);transform-origin:top right;top:0;left:initial;right:0}37.5%{transform:scaleX(1) scaleY(var(--uib-mult)) translate(0,0);transform-origin:top right;top:0;left:initial;right:0}37.5001%{transform:scaleX(1) scaleY(var(--uib-mult)) translate(0,0);transform-origin:bottom right;top:initial;bottom:0;left:initial;right:0}50%{transform:scaleX(1) scaleY(1) translate(0,0);transform-origin:bottom right;top:initial;bottom:0;left:initial;right:0}62.5%{transform:scaleX(var(--uib-mult)) scaleY(1) translate(0,0);transform-origin:bottom right;top:initial;bottom:0;left:initial;right:0}62.5001%{transform:scaleX(var(--uib-mult)) scaleY(1) translate(0,0);transform-origin:bottom left;top:initial;bottom:0;left:0}75%{transform:scaleX(1) scaleY(1) translate(0,0);transform-origin:bottom left;top:initial;bottom:0;left:0}87.5%{transform:scaleX(1) scaleY(var(--uib-mult)) translate(0,0);transform-origin:bottom left;top:initial;bottom:0;left:0}87.5001%{transform:scaleX(1) scaleY(var(--uib-mult)) translate(0,0);transform-origin:top left;top:0;left:0}}');
                        break;
                    case 'helix':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-helix{--uib-size:45px;--uib-color:black;--uib-speed:2.5s;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size)}.pixe-uib-helix .pixe-uib-slice{position:relative;height:calc(var(--uib-size)/ 6);width:100%}.pixe-uib-helix .pixe-uib-slice::after,.pixe-uib-helix .pixe-uib-slice::before{--uib-a:calc(var(--uib-speed) / -2);--uib-b:calc(var(--uib-speed) / -6);content:"";position:absolute;top:0;left:calc(50% - var(--uib-size)/ 12);height:100%;width:calc(100% / 6);border-radius:50%;background-color:var(--uib-color);flex-shrink:0;animation:pixe-uib-hl-orbit var(--uib-speed) linear infinite;transition:background-color .3s}.pixe-uib-helix .pixe-uib-slice:first-child::after{animation-delay:var(--uib-a)}.pixe-uib-helix .pixe-uib-slice:nth-child(2)::before{animation-delay:var(--uib-b)}.pixe-uib-helix .pixe-uib-slice:nth-child(2)::after{animation-delay:calc(var(--uib-a) + var(--uib-b))}.pixe-uib-helix .pixe-uib-slice:nth-child(3)::before{animation-delay:calc(var(--uib-b) * 2)}.pixe-uib-helix .pixe-uib-slice:nth-child(3)::after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 2)}.pixe-uib-helix .pixe-uib-slice:nth-child(4)::before{animation-delay:calc(var(--uib-b) * 3)}.pixe-uib-helix .pixe-uib-slice:nth-child(4)::after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 3)}.pixe-uib-helix .pixe-uib-slice:nth-child(5)::before{animation-delay:calc(var(--uib-b) * 4)}.pixe-uib-helix .pixe-uib-slice:nth-child(5)::after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 4)}.pixe-uib-helix .pixe-uib-slice:nth-child(6)::before{animation-delay:calc(var(--uib-b) * 5)}.pixe-uib-helix .pixe-uib-slice:nth-child(6)::after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 5)}@keyframes pixe-uib-hl-orbit{0%,100%{transform:translateX(calc(var(--uib-size) * .25)) scale(.73684);opacity:.65}5%{transform:translateX(calc(var(--uib-size) * .235)) scale(.684208);opacity:.58}10%{transform:translateX(calc(var(--uib-size) * .182)) scale(.631576);opacity:.51}15%{transform:translateX(calc(var(--uib-size) * .129)) scale(.578944);opacity:.44}20%{transform:translateX(calc(var(--uib-size) * .076)) scale(.526312);opacity:.37}25%{transform:translateX(0) scale(.47368);opacity:.3}30%{transform:translateX(calc(var(--uib-size) * -.076)) scale(.526312);opacity:.37}35%{transform:translateX(calc(var(--uib-size) * -.129)) scale(.578944);opacity:.44}40%{transform:translateX(calc(var(--uib-size) * -.182)) scale(.631576);opacity:.51}45%{transform:translateX(calc(var(--uib-size) * -.235)) scale(.684208);opacity:.58}50%{transform:translateX(calc(var(--uib-size) * -.25)) scale(.73684);opacity:.65}55%{transform:translateX(calc(var(--uib-size) * -.235)) scale(.789472);opacity:.72}60%{transform:translateX(calc(var(--uib-size) * -.182)) scale(.842104);opacity:.79}65%{transform:translateX(calc(var(--uib-size) * -.129)) scale(.894736);opacity:.86}70%{transform:translateX(calc(var(--uib-size) * -.076)) scale(.947368);opacity:.93}75%{transform:translateX(0) scale(1);opacity:1}80%{transform:translateX(calc(var(--uib-size) * .076)) scale(.947368);opacity:.93}85%{transform:translateX(calc(var(--uib-size) * .129)) scale(.894736);opacity:.86}90%{transform:translateX(calc(var(--uib-size) * .182)) scale(.842104);opacity:.79}95%{transform:translateX(calc(var(--uib-size) * .235)) scale(.789472);opacity:.72}}');
                        break;
                    case 'hourglasses':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-hourglasses .pixe-uib-half::after,.pixe-uib-hourglasses .pixe-uib-half::before{content:"";background-color:var(--uib-color);height:100%;width:100%;transition:background-color .3s}.pixe-uib-hourglasses{--uib-size:45px;--uib-color:black;--uib-speed:1.75s;--uib-bg-opacity:.1;position:relative;display:flex;flex-direction:column;height:var(--uib-size);width:var(--uib-size);transform:rotate(45deg);animation:pixe-uib-hg-rotate calc(var(--uib-speed) * 2) ease-in-out infinite}.pixe-uib-hourglasses .pixe-uib-half{--uib-half-size:calc(var(--uib-size) * 0.435);position:absolute;display:flex;align-items:center;justify-content:center;width:var(--uib-half-size);height:var(--uib-half-size);overflow:hidden;isolation:isolate}.pixe-uib-hourglasses .pixe-uib-half:first-child{top:8.25%;left:8.25%;border-radius:50% 50% calc(var(--uib-size)/ 15)}.pixe-uib-hourglasses .pixe-uib-half:last-child{bottom:8.25%;right:8.25%;transform:rotate(180deg);align-self:flex-end;border-radius:50% 50% calc(var(--uib-size)/ 15)}.pixe-uib-hourglasses .pixe-uib-half::before{position:absolute;top:0;left:0;opacity:var(--uib-bg-opacity)}.pixe-uib-hourglasses .pixe-uib-half::after{position:relative;z-index:1;display:block;transform:rotate(45deg) translate(-3%,50%) scaleX(1.2);transform-origin:bottom right;border-radius:0 0 calc(var(--uib-size)/ 20) 0;animation:pixe-uib-hg-flow calc(var(--uib-speed) * 2) linear infinite both}@keyframes pixe-uib-hg-flow{0%{transform:rotate(45deg) translate(-3%,50%) scaleX(1.2)}30%{transform:rotate(45deg) translate(115%,50%) scaleX(1.2)}30.001%,50%{transform:rotate(0) translate(-85%,-85%) scaleX(1)}100%,80%{transform:rotate(0) translate(0,0) scaleX(1)}}@keyframes pixe-uib-hg-rotate{0%,30%{transform:rotate(45deg)}50%,80%{transform:rotate(225deg)}100%{transform:rotate(405deg)}}');
                        break;
                    case 'infinity':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-infinity{--uib-size:55px;--uib-color:black;--uib-speed:1.3s;--uib-bg-opacity:.1;height:calc(var(--uib-size) * (2.1 / 5));width:var(--uib-size);transform-origin:center;overflow:visible}.pixe-uib-infinity .pixe-uib-car{fill:none;stroke:var(--uib-color);stroke-dasharray:15,85;stroke-dashoffset:0;stroke-linecap:round;animation:pixe-uib-ifnt-travel var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s}.pixe-uib-infinity .pixe-uib-track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes pixe-uib-ifnt-travel{0%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}');
                        break;
                    case 'jelly-triangle':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-jelly-triangle{--uib-size:30px;--uib-color:black;--uib-speed:1.75s;position:relative;height:var(--uib-size);width:var(--uib-size);filter:url("#uib-jelly-triangle-ooze")}.pixe-uib-jelly-triangle .pixe-uib-dot,.pixe-uib-jelly-triangle::after,.pixe-uib-jelly-triangle::before{content:"";position:absolute;width:33%;height:33%;background-color:var(--uib-color);border-radius:100%;will-change:transform;transition:background-color .3s}.pixe-uib-jelly-triangle .pixe-uib-dot{top:6%;left:30%;animation:pixe-uib-jtag-grow var(--uib-speed) ease infinite}.pixe-uib-jelly-triangle::before{bottom:6%;right:0;animation:pixe-uib-jtag-grow var(--uib-speed) ease calc(var(--uib-speed) * -.666) infinite}.pixe-uib-jelly-triangle::after{bottom:6%;left:0;animation:pixe-uib-jtag-grow var(--uib-speed) ease calc(var(--uib-speed) * -.333) infinite}.pixe-uib-jelly-triangle .pixe-uib-traveler{position:absolute;top:6%;left:30%;width:33%;height:33%;background-color:var(--uib-color);border-radius:100%;animation:pixe-uib-jtag-triangulate var(--uib-speed) ease infinite;transition:background-color .3s}.pixe-uib-jelly-triangle .pixe-uib-svg{width:0;height:0;position:absolute}@keyframes pixe-uib-jtag-triangulate{0%,100%{transform:none}33.333%{transform:translate(120%,175%)}66.666%{transform:translate(-95%,175%)}}@keyframes pixe-uib-jtag-grow{0%,100%,85%{transform:scale(1.5)}50%,60%{transform:scale(0)}}');
                        break;
                    case 'jelly':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-jelly{--uib-size:40px;--uib-color:black;--uib-speed:.9s;position:relative;height:calc(var(--uib-size)/ 2);width:var(--uib-size);filter:url("#uib-jelly-ooze");animation:pixe-uib-jl-rotate calc(var(--uib-speed) * 2) linear infinite;will-change:transform}.pixe-uib-jelly::after,.pixe-uib-jelly::before{content:"";position:absolute;top:0;left:25%;width:50%;height:100%;background-color:var(--uib-color);border-radius:100%;will-change:transform;transition:background-color .3s}.pixe-uib-jelly::before{animation:pixe-uib-jl-shift-left var(--uib-speed) ease infinite}.pixe-uib-jelly::after{animation:pixe-uib-jl-shift-right var(--uib-speed) ease infinite}.pixe-uib-jelly .pixe-uib-svg{width:0;height:0;position:absolute}@keyframes pixe-uib-jl-rotate{0%,100%,49.999%{transform:none}50%,99.999%{transform:rotate(90deg)}}@keyframes pixe-uib-jl-shift-left{0%,100%{transform:translateX(0)}50%{transform:scale(.65) translateX(-75%)}}@keyframes pixe-uib-jl-shift-right{0%,100%{transform:translateX(0)}50%{transform:scale(.65) translateX(75%)}}');
                        break;
                    case 'line-wobble':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-line-wobble::after,.pixe-uib-line-wobble::before{content:"";height:100%;width:100%;background-color:var(--uib-color);transition:background-color .3s}.pixe-uib-line-wobble{--uib-size:80px;--uib-color:black;--uib-speed:1.75s;--uib-stroke:5px;--uib-bg-opacity:.1;position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-stroke);width:var(--uib-size);border-radius:calc(var(--uib-stroke)/ 2);overflow:hidden;transform:translate3d(0,0,0)}.pixe-uib-line-wobble::before{position:absolute;top:0;left:0;opacity:var(--uib-bg-opacity)}.pixe-uib-line-wobble::after{border-radius:calc(var(--uib-stroke)/ 2);animation:pixe-uib-lwb-wobble var(--uib-speed) ease-in-out infinite;transform:translateX(-95%)}@keyframes pixe-uib-lwb-wobble{0%,100%{transform:translateX(-95%)}50%{transform:translateX(95%)}}');
                        break;
                    case 'mirage':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-mirage{--uib-size:60px;--uib-color:black;--uib-speed:2.6s;--uib-dot-size:calc(var(--uib-size) * 0.23);position:relative;display:flex;align-items:center;justify-content:space-between;width:var(--uib-size);height:var(--uib-dot-size);filter:url("#uib-jelly-ooze")}.pixe-uib-mirage .pixe-uib-dot{position:absolute;top:calc(50% - var(--uib-dot-size)/ 2);left:calc(0px - var(--uib-dot-size)/ 2);display:block;height:var(--uib-dot-size);width:var(--uib-dot-size);border-radius:50%;background-color:var(--uib-color);animation:pixe-uib-mr-stream var(--uib-speed) linear infinite both;transition:background-color .3s}.pixe-uib-mirage .pixe-uib-dot:nth-child(2){animation-delay:calc(var(--uib-speed) * -.2)}.pixe-uib-mirage .pixe-uib-dot:nth-child(3){animation-delay:calc(var(--uib-speed) * -.4)}.pixe-uib-mirage .pixe-uib-dot:nth-child(4){animation-delay:calc(var(--uib-speed) * -.6)}.pixe-uib-mirage .pixe-uib-dot:nth-child(5){animation-delay:calc(var(--uib-speed) * -.8)}@keyframes pixe-uib-mr-stream{0%,100%{transform:translateX(0) scale(0)}50%{transform:translateX(calc(var(--uib-size) * .5)) scale(1)}99.999%{transform:translateX(calc(var(--uib-size))) scale(0)}}');
                        break;
                    case 'miyagi':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-miyagi .pixe-uib-line:first-child,.pixe-uib-miyagi .pixe-uib-line:nth-child(2){animation-delay:calc(var(--uib-speed) * -.375)}.pixe-uib-miyagi{--uib-size:35px;--uib-color:black;--uib-speed:.9s;--uib-stroke:3.5px;position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size)}.pixe-uib-miyagi .pixe-uib-line{position:absolute;top:calc(50% - var(--uib-stroke)/ 2);left:0;height:var(--uib-stroke);width:100%;border-radius:calc(var(--uib-stroke)/ 2);background-color:var(--uib-color);animation:pixe-uib-myg-rotate var(--uib-speed) ease-in-out infinite alternate;transition:background-color .3s}.pixe-uib-miyagi .pixe-uib-line:nth-child(2){opacity:.8}.pixe-uib-miyagi .pixe-uib-line:nth-child(3){animation-delay:calc(var(--uib-speed) * -.3);opacity:.6}.pixe-uib-miyagi .pixe-uib-line:nth-child(4){animation-delay:calc(var(--uib-speed) * -.225);opacity:.4}.pixe-uib-miyagi .pixe-uib-line:nth-child(5){animation-delay:calc(var(--uib-speed) * -.15);opacity:.2}.pixe-uib-miyagi .pixe-uib-line:nth-child(6){animation-delay:calc(var(--uib-speed) * -.075);opacity:.1}@keyframes pixe-uib-myg-rotate{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}');
                        break;
                    case 'momentum':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-momentum{--uib-size:40px;--uib-color:black;--uib-speed:1.1s;position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size);animation:pixe-uib-mmt-rotate var(--uib-speed) linear infinite}.pixe-uib-momentum::after,.pixe-uib-momentum::before{content:"";height:25%;width:25%;border-radius:50%;background-color:var(--uib-color);transition:background-color .3s}.pixe-uib-momentum::before{animation:pixe-uib-mmt-wobble2 calc(var(--uib-speed) * 1.25) ease-in-out infinite;margin-right:10%}.pixe-uib-momentum::after{animation:pixe-uib-mmt-wobble calc(var(--uib-speed) * 1.25) ease-in-out infinite}@keyframes pixe-uib-mmt-wobble{0%,100%{transform:translateX(0)}50%{transform:translateX(calc(var(--uib-size) * .2)) scale(1.1)}}@keyframes pixe-uib-mmt-wobble2{0%,100%{transform:translateX(0)}50%{transform:translateX(calc(var(--uib-size) * -.2)) scale(1.1)}}@keyframes pixe-uib-mmt-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}');
                        break;
                    case 'orbit':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-orbit{--uib-size:35px;--uib-color:black;--uib-speed:1.5s;--uib-dot-size:calc(var(--uib-size) * 0.4);position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-dot-size);width:var(--uib-size)}.pixe-uib-orbit::after,.pixe-uib-orbit::before{content:"";position:absolute;height:var(--uib-dot-size);width:var(--uib-dot-size);border-radius:50%;background-color:var(--uib-color);flex-shrink:0;transition:background-color .3s}.pixe-uib-orbit::before{animation:pixe-uib-ob-orbit var(--uib-speed) linear infinite}.pixe-uib-orbit::after{animation:pixe-uib-ob-orbit var(--uib-speed) linear calc(var(--uib-speed)/ -2) infinite}@keyframes pixe-uib-ob-orbit{0%,100%{transform:translateX(calc(var(--uib-size) * .25)) scale(.73684);opacity:.65}5%{transform:translateX(calc(var(--uib-size) * .235)) scale(.684208);opacity:.58}10%{transform:translateX(calc(var(--uib-size) * .182)) scale(.631576);opacity:.51}15%{transform:translateX(calc(var(--uib-size) * .129)) scale(.578944);opacity:.44}20%{transform:translateX(calc(var(--uib-size) * .076)) scale(.526312);opacity:.37}25%{transform:translateX(0) scale(.47368);opacity:.3}30%{transform:translateX(calc(var(--uib-size) * -.076)) scale(.526312);opacity:.37}35%{transform:translateX(calc(var(--uib-size) * -.129)) scale(.578944);opacity:.44}40%{transform:translateX(calc(var(--uib-size) * -.182)) scale(.631576);opacity:.51}45%{transform:translateX(calc(var(--uib-size) * -.235)) scale(.684208);opacity:.58}50%{transform:translateX(calc(var(--uib-size) * -.25)) scale(.73684);opacity:.65}55%{transform:translateX(calc(var(--uib-size) * -.235)) scale(.789472);opacity:.72}60%{transform:translateX(calc(var(--uib-size) * -.182)) scale(.842104);opacity:.79}65%{transform:translateX(calc(var(--uib-size) * -.129)) scale(.894736);opacity:.86}70%{transform:translateX(calc(var(--uib-size) * -.076)) scale(.947368);opacity:.93}75%{transform:translateX(0) scale(1);opacity:1}80%{transform:translateX(calc(var(--uib-size) * .076)) scale(.947368);opacity:.93}85%{transform:translateX(calc(var(--uib-size) * .129)) scale(.894736);opacity:.86}90%{transform:translateX(calc(var(--uib-size) * .182)) scale(.842104);opacity:.79}95%{transform:translateX(calc(var(--uib-size) * .235)) scale(.789472);opacity:.72}}');
                        break;
                    case 'pin-wheel':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-pin-wheel{--uib-size:35px;--uib-color:black;--uib-speed:.9s;--uib-stroke:3.5px;position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size)}.pixe-uib-pin-wheel .pixe-uib-line{position:absolute;top:calc(50% - var(--uib-stroke)/ 2);left:0;height:var(--uib-stroke);width:100%;border-radius:calc(var(--uib-stroke)/ 2);background-color:var(--uib-color);animation:pixe-uib-pw-rotate var(--uib-speed) ease-in-out infinite;transition:background-color .3s}.pixe-uib-pin-wheel .pixe-uib-line:first-child{animation-delay:calc(var(--uib-speed) * -.375)}.pixe-uib-pin-wheel .pixe-uib-line:nth-child(2){animation-delay:calc(var(--uib-speed) * -.375);opacity:.8}.pixe-uib-pin-wheel .pixe-uib-line:nth-child(3){animation-delay:calc(var(--uib-speed) * -.3);opacity:.6}.pixe-uib-pin-wheel .pixe-uib-line:nth-child(4){animation-delay:calc(var(--uib-speed) * -.225);opacity:.4}.pixe-uib-pin-wheel .pixe-uib-line:nth-child(5){animation-delay:calc(var(--uib-speed) * -.15);opacity:.2}.pixe-uib-pin-wheel .pixe-uib-line:nth-child(6){animation-delay:calc(var(--uib-speed) * -.075);opacity:.1}@keyframes pixe-uib-pw-rotate{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}');
                        break;
                    case 'ping':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-ping{--uib-size:45px;--uib-color:black;--uib-speed:2s;position:relative;height:var(--uib-size);width:var(--uib-size)}.pixe-uib-ping::after,.pixe-uib-ping::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:50%;background-color:var(--uib-color);animation:pixe-uib-p-pulse var(--uib-speed) linear infinite;transform:scale(0);opacity:0;transition:background-color .3s}.pixe-uib-ping::after{animation-delay:calc(var(--uib-speed) / -2)}@keyframes pixe-uib-p-pulse{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}');
                        break;
                    case 'pulsar':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-pulsar{--uib-size:40px;--uib-color:black;--uib-speed:1.75s;position:relative;height:var(--uib-size);width:var(--uib-size)}.pixe-uib-pulsar::after,.pixe-uib-pulsar::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:50%;background-color:var(--uib-color);animation:pixe-uib-ps-pulse var(--uib-speed) ease-in-out infinite;transform:scale(0);transition:background-color .3s}.pixe-uib-pulsar::after{animation-delay:calc(var(--uib-speed) / -2)}@keyframes pixe-uib-ps-pulse{0%,100%{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:.25}}');
                        break;
                    case 'quantum':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-quantum{--uib-size:45px;--uib-color:black;--uib-speed:1.75s;position:relative;height:var(--uib-size);width:var(--uib-size);animation:pixe-uib-qt-rotate calc(var(--uib-speed) * 4) linear infinite}.pixe-uib-quantum .pixe-uib-particle{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.pixe-uib-quantum .pixe-uib-particle:first-child{--uib-delay:0;transform:rotate(8deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(2){--uib-delay:-0.4;transform:rotate(36deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(3){--uib-delay:-0.9;transform:rotate(72deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(4){--uib-delay:-0.5;transform:rotate(90deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(5){--uib-delay:-0.3;transform:rotate(144deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(6){--uib-delay:-0.2;transform:rotate(180deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(7){--uib-delay:-0.6;transform:rotate(216deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(8){--uib-delay:-0.7;transform:rotate(252deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(9){--uib-delay:-0.1;transform:rotate(300deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(10){--uib-delay:-0.8;transform:rotate(324deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(11){--uib-delay:-1.2;transform:rotate(335deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(12){--uib-delay:-0.5;transform:rotate(290deg)}.pixe-uib-quantum .pixe-uib-particle:nth-child(13){--uib-delay:-0.2;transform:rotate(240deg)}.pixe-uib-quantum .pixe-uib-particle::before{content:"";position:absolute;height:17.5%;width:17.5%;border-radius:50%;background-color:var(--uib-color);flex-shrink:0;transition:background-color .3s;--uib-d:calc(var(--uib-delay) * var(--uib-speed));animation:pixe-uib-qt-orbit var(--uib-speed) linear var(--uib-d) infinite}@keyframes pixe-uib-qt-orbit{0%,100%{transform:translate(calc(var(--uib-size) * .5)) scale(.73684);opacity:.65}5%{transform:translate(calc(var(--uib-size) * .4)) scale(.684208);opacity:.58}10%{transform:translate(calc(var(--uib-size) * .3)) scale(.631576);opacity:.51}15%{transform:translate(calc(var(--uib-size) * .2)) scale(.578944);opacity:.44}20%{transform:translate(calc(var(--uib-size) * .1)) scale(.526312);opacity:.37}25%{transform:translate(0) scale(.47368);opacity:.3}30%{transform:translate(calc(var(--uib-size) * -.1)) scale(.526312);opacity:.37}35%{transform:translate(calc(var(--uib-size) * -.2)) scale(.578944);opacity:.44}40%{transform:translate(calc(var(--uib-size) * -.3)) scale(.631576);opacity:.51}45%{transform:translate(calc(var(--uib-size) * -.4)) scale(.684208);opacity:.58}50%{transform:translate(calc(var(--uib-size) * -.5)) scale(.73684);opacity:.65}55%{transform:translate(calc(var(--uib-size) * -.4)) scale(.789472);opacity:.72}60%{transform:translate(calc(var(--uib-size) * -.3)) scale(.842104);opacity:.79}65%{transform:translate(calc(var(--uib-size) * -.2)) scale(.894736);opacity:.86}70%{transform:translate(calc(var(--uib-size) * -.1)) scale(.947368);opacity:.93}75%{transform:translate(0) scale(1);opacity:1}80%{transform:translate(calc(var(--uib-size) * .1)) scale(.947368);opacity:.93}85%{transform:translate(calc(var(--uib-size) * .2)) scale(.894736);opacity:.86}90%{transform:translate(calc(var(--uib-size) * .3)) scale(.842104);opacity:.79}95%{transform:translate(calc(var(--uib-size) * .4)) scale(.789472);opacity:.72}}@keyframes pixe-uib-qt-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}');
                        break;
                    case 'reuleaux':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-reuleaux{--uib-size:37px;--uib-color:black;--uib-speed:.9s;--uib-bg-opacity:.1;height:var(--uib-size);width:var(--uib-size);transform-origin:center;overflow:visible}.pixe-uib-reuleaux .pixe-uib-car{fill:none;stroke:var(--uib-color);stroke-dasharray:15,85;stroke-dashoffset:0;stroke-linecap:round;animation:pixe-uib-rl-travel var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s}.pixe-uib-reuleaux .pixe-uib-track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity);transition:stroke .5s}@keyframes pixe-uib-rl-travel{0%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}');
                        break;
                    case 'ring':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-ring{--uib-size:40px;--uib-color:black;--uib-speed:2s;--uib-bg-opacity:0;height:var(--uib-size);width:var(--uib-size);transform-origin:center;animation:pixe-uib-r-rotate var(--uib-speed) linear infinite;will-change:transform;overflow:visible}.pixe-uib-ring .pixe-uib-car{fill:none;stroke:var(--uib-color);stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:pixe-uib-r-stretch calc(var(--uib-speed) * .75) ease-in-out infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s}.pixe-uib-ring .pixe-uib-track{fill:none;stroke:var(--uib-color);opacity:var(--uib-bg-opacity);transition:stroke .5s}@keyframes pixe-uib-r-rotate{100%{transform:rotate(360deg)}}@keyframes pixe-uib-r-stretch{0%{stroke-dasharray:0,150;stroke-dashoffset:0}50%{stroke-dasharray:75,150;stroke-dashoffset:-25}100%{stroke-dashoffset:-100}}');
                        break;
                    case 'ring2':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-ring2{--uib-size:40px;--uib-color:black;--uib-speed:.8s;--uib-bg-opacity:0.1;height:var(--uib-size);width:var(--uib-size);transform-origin:center;animation:pixe-uib-r2-rotate var(--uib-speed) linear infinite;will-change:transform;overflow:visible}.pixe-uib-ring2 .pixe-uib-car{fill:none;stroke:var(--uib-color);stroke-dasharray:25,75;stroke-dashoffset:0;stroke-linecap:round;transition:stroke .5s}.pixe-uib-ring2 .pixe-uib-track{fill:none;stroke:var(--uib-color);opacity:var(--uib-bg-opacity);transition:stroke .5s}@keyframes pixe-uib-r2-rotate{100%{transform:rotate(360deg)}}');
                        break;
                    case 'spiral':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-spiral{--uib-size:40px;--uib-color:black;--uib-speed:.9s;--uib-center:calc(var(--uib-size) / 2 - var(--uib-size) / 5 / 2);position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size);animation:pixe-uib-spr-rotate calc(var(--uib-speed) * 3) linear infinite}.pixe-uib-spiral .pixe-uib-dot{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.pixe-uib-spiral .pixe-uib-dot::before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);animation:pixe-uib-spr-oscillate var(--uib-speed) ease-in-out infinite alternate;transition:background-color .3s}.pixe-uib-spiral .pixe-uib-dot:first-child::before{transform:translateX(var(--uib-center))}.pixe-uib-spiral .pixe-uib-dot:nth-child(2){transform:rotate(45deg)}.pixe-uib-spiral .pixe-uib-dot:nth-child(2)::before{transform:translateX(var(--uib-center));animation-delay:calc(var(--uib-speed) * -.125)}.pixe-uib-spiral .pixe-uib-dot:nth-child(3){transform:rotate(90deg)}.pixe-uib-spiral .pixe-uib-dot:nth-child(3)::before{transform:translateX(var(--uib-center));animation-delay:calc(var(--uib-speed) * -.25)}.pixe-uib-spiral .pixe-uib-dot:nth-child(4){transform:rotate(135deg)}.pixe-uib-spiral .pixe-uib-dot:nth-child(4)::before{transform:translateX(var(--uib-center));animation-delay:calc(var(--uib-speed) * -.375)}.pixe-uib-spiral .pixe-uib-dot:nth-child(5){transform:rotate(180deg)}.pixe-uib-spiral .pixe-uib-dot:nth-child(5)::before{transform:translateX(var(--uib-center));animation-delay:calc(var(--uib-speed) * -.5)}.pixe-uib-spiral .pixe-uib-dot:nth-child(6){transform:rotate(225deg)}.pixe-uib-spiral .pixe-uib-dot:nth-child(6)::before{transform:translateX(var(--uib-center));animation-delay:calc(var(--uib-speed) * -.625)}.pixe-uib-spiral .pixe-uib-dot:nth-child(7){transform:rotate(270deg)}.pixe-uib-spiral .pixe-uib-dot:nth-child(7)::before{transform:translateX(var(--uib-center));animation-delay:calc(var(--uib-speed) * -.75)}.pixe-uib-spiral .pixe-uib-dot:nth-child(8){transform:rotate(315deg)}.pixe-uib-spiral .pixe-uib-dot:nth-child(8)::before{transform:translateX(var(--uib-center));animation-delay:calc(var(--uib-speed) * -.875)}@keyframes pixe-uib-spr-oscillate{0%{transform:translateX(var(--uib-center)) scale(0);opacity:.25}100%{transform:translateX(0) scale(1);opacity:1}}@keyframes pixe-uib-spr-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}');
                        break;
                    case 'square':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-square{--uib-size:35px;--uib-color:black;--uib-speed:1.2s;--uib-bg-opacity:.1;height:var(--uib-size);width:var(--uib-size);transform-origin:center;will-change:transform;overflow:visible}.pixe-uib-square .pixe-uib-car{fill:none;stroke:var(--uib-color);stroke-dasharray:25,75;stroke-dashoffset:0;animation:pixe-uib-sq-travel var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s}.pixe-uib-square .pixe-uib-track{fill:none;stroke:var(--uib-color);opacity:var(--uib-bg-opacity);transition:stroke .5s}@keyframes pixe-uib-sq-travel{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}');
                        break;
                    case 'squircle':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-squircle{--uib-size:37px;--uib-color:black;--uib-speed:.9s;--uib-bg-opacity:.1;height:var(--uib-size);width:var(--uib-size);transform-origin:center;overflow:visible}.pixe-uib-squircle .pixe-uib-car{fill:none;stroke:var(--uib-color);stroke-dasharray:15,85;stroke-dashoffset:0;stroke-linecap:round;animation:pixe-uib-sqc-travel var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s}.pixe-uib-squircle .pixe-uib-track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity);transition:stroke .5s}@keyframes pixe-uib-sqc-travel{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}');
                        break;
                    case 'tail-chase':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-tail-chase{--uib-size:40px;--uib-color:black;--uib-speed:1.5s;--dot-size:calc(var(--uib-size) * 0.17);position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size);animation:pixe-uib-tc-smooth-rotate calc(var(--uib-speed) * 1.8) linear infinite}.pixe-uib-tail-chase .pixe-uib-dot{position:absolute;top:0;left:0;display:flex;align-items:flex-start;justify-content:center;height:100%;width:100%;animation:pixe-uib-tc-rotate var(--uib-speed) ease-in-out infinite}.pixe-uib-tail-chase .pixe-uib-dot::before{content:"";height:var(--dot-size);width:var(--dot-size);border-radius:50%;background-color:var(--uib-color);transition:background-color .3s}.pixe-uib-tail-chase .pixe-uib-dot:nth-child(2),.pixe-uib-tail-chase .pixe-uib-dot:nth-child(2)::before{animation-delay:calc(var(--uib-speed) * -.835 * .5)}.pixe-uib-tail-chase .pixe-uib-dot:nth-child(3),.pixe-uib-tail-chase .pixe-uib-dot:nth-child(3)::before{animation-delay:calc(var(--uib-speed) * -.668 * .5)}.pixe-uib-tail-chase .pixe-uib-dot:nth-child(4),.pixe-uib-tail-chase .pixe-uib-dot:nth-child(4)::before{animation-delay:calc(var(--uib-speed) * -.501 * .5)}.pixe-uib-tail-chase .pixe-uib-dot:nth-child(5),.pixe-uib-tail-chase .pixe-uib-dot:nth-child(5)::before{animation-delay:calc(var(--uib-speed) * -.334 * .5)}.pixe-uib-tail-chase .pixe-uib-dot:nth-child(6),.pixe-uib-tail-chase .pixe-uib-dot:nth-child(6)::before{animation-delay:calc(var(--uib-speed) * -.167 * .5)}@keyframes pixe-uib-tc-rotate{0%{transform:rotate(0)}100%,65%{transform:rotate(360deg)}}@keyframes pixe-uib-tc-smooth-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}');
                        break;
                    case 'tailspin':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-tailspin{--uib-size:40px;--uib-color:black;--uib-speed:.9s;--uib-stroke:5px;--mask-size:calc(var(--uib-size) / 2 - var(--uib-stroke));position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size);-webkit-mask:radial-gradient(circle var(--mask-size),transparent 99%,#000 100%);mask:radial-gradient(circle var(--mask-size),transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,var(--uib-color));animation:pixe-uib-tsp-spin calc(var(--uib-speed)) linear infinite;border-radius:50%}@keyframes pixe-uib-tsp-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}');
                        break;
                    case 'trefoil':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-trefoil{--uib-size:40px;--uib-color:black;--uib-speed:1.4s;--uib-bg-opacity:.1;height:var(--uib-size);width:var(--uib-size);transform-origin:center;overflow:visible}.pixe-uib-trefoil .pixe-uib-car{fill:none;stroke:var(--uib-color);stroke-dasharray:15,85;stroke-dashoffset:0;stroke-linecap:round;animation:pixe-uib-tf-travel var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s}.pixe-uib-trefoil .pixe-uib-track{stroke:var(--uib-color);opacity:var(--uib-bg-opacity);transition:stroke .5s}@keyframes pixe-uib-tf-travel{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}');
                        break;
                    case 'trio':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-trio{--uib-size:40px;--uib-color:black;--uib-speed:1.3s;--uib-dot-size:25%;position:relative;display:inline-block;height:var(--uib-size);width:var(--uib-size);animation:pixe-uib-to-spin var(--uib-speed) infinite linear}.pixe-uib-trio .pixe-uib-dot{position:absolute;left:calc(50% - var(--uib-dot-size)/ 2);height:100%;width:var(--uib-dot-size)}.pixe-uib-trio .pixe-uib-dot:after{content:"";position:absolute;top:0;left:0;height:0%;width:100%;padding-bottom:100%;background-color:var(--uib-color);border-radius:50%;transition:background-color .3s}.pixe-uib-trio .pixe-uib-dot:first-child{transform:rotate(120deg)}.pixe-uib-trio .pixe-uib-dot:first-child::after,.pixe-uib-trio .pixe-uib-dot:nth-child(2)::after,.pixe-uib-trio .pixe-uib-dot:nth-child(3)::after{animation:pixe-uib-to-wobble var(--uib-speed) infinite ease-in-out}.pixe-uib-trio .pixe-uib-dot:nth-child(2){transform:rotate(-120deg)}@keyframes pixe-uib-to-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pixe-uib-to-wobble{0%,100%{transform:translateY(0)}50%{transform:translateY(65%)}}');
                        break;
                    case 'waveform':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-waveform{--uib-size:35px;--uib-color:black;--uib-speed:1s;--uib-stroke:3.5px;display:flex;align-items:center;justify-content:space-between;width:var(--uib-size);height:calc(var(--uib-size) * .9)}.pixe-uib-waveform .pixe-uib-bar{width:var(--uib-stroke);height:100%;background-color:var(--uib-color);transition:background-color .3s}.pixe-uib-waveform .pixe-uib-bar:first-child{animation:pixe-uib-wf-grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.45) infinite}.pixe-uib-waveform .pixe-uib-bar:nth-child(2){animation:pixe-uib-wf-grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.3) infinite}.pixe-uib-waveform .pixe-uib-bar:nth-child(3){animation:pixe-uib-wf-grow var(--uib-speed) ease-in-out calc(var(--uib-speed) * -.15) infinite}.pixe-uib-waveform .pixe-uib-bar:nth-child(4){animation:pixe-uib-wf-grow var(--uib-speed) ease-in-out infinite}@keyframes pixe-uib-wf-grow{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}');
                        break;
                    case 'wobber':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-wobber{--uib-size:45px;--uib-color:black;--uib-speed:.9s;position:relative;display:flex;align-items:center;justify-content:flex-start;height:calc(var(--uib-size) * .25);width:var(--uib-size)}.pixe-uib-wobber::before{content:"";height:calc(var(--uib-size) * .25);width:25%;border-radius:50%;animation:pixe-uib-wb-wobble var(--uib-speed) calc(var(--uib-speed) * -.1) ease-in-out infinite;transform:translate(0,calc(var(--uib-size) * -.4));background-color:var(--uib-color);transition:background-color .3s}@keyframes pixe-uib-wb-wobble{0%,100%{transform:translateX(0)}50%{transform:translateX(calc(var(--uib-size) * .75))}}');
                        break;
                    case 'zoomies':
                        wp_add_inline_style('pixe-inline', '.pixe-uib-zoomies::after,.pixe-uib-zoomies::before{content:"";height:100%;width:100%;background-color:var(--uib-color);transition:background-color .3s}.pixe-uib-zoomies{--uib-size:80px;--uib-color:black;--uib-speed:1.4s;--uib-stroke:5px;--uib-bg-opacity:.1;position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-stroke);width:var(--uib-size);border-radius:calc(var(--uib-stroke)/ 2);overflow:hidden;transform:translate3d(0,0,0)}.pixe-uib-zoomies::before{position:absolute;top:0;left:0;opacity:var(--uib-bg-opacity)}.pixe-uib-zoomies::after{border-radius:calc(var(--uib-stroke)/ 2);animation:pixe-uib-zm-zoom var(--uib-speed) ease-in-out infinite;transform:translateX(-100%)}@keyframes pixe-uib-zm-zoom{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}');
                        break;
                }
            }
        }
    }
    function pixe_print_preload_animation_html($type){

        switch($type){
            case 'bouncy-arc':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-bouncy-arc"><div class="pixe-uib-cube"></div></div>';
                break;
            case 'bouncy':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-bouncy"><div class="pixe-uib-cube"><div class="pixe-uib-cube-inner"></div></div><div class="pixe-uib-cube"><div class="pixe-uib-cube-inner"></div></div><div class="pixe-uib-cube"><div class="pixe-uib-cube-inner"></div></div></div>';
                break;
            case 'cardio':
                echo '<svg class="pixe-css-icon pixe-uib-container pixe-uib-cardio" x="0px" y="0px" viewBox="0 0 50 31.25" height="31.25" width="50" preserveAspectRatio="xMidYMid meet" ><path class="pixe-uib-track" stroke-width="4" fill="none" pathlength="100" d="M0.625 21.5 h10.25 l3.75 -5.875 l7.375 15 l9.75 -30 l7.375 20.875 v0 h10.25" /><path class="pixe-uib-car" stroke-width="4"  fill="none" pathlength="100" d="M0.625 21.5 h10.25 l3.75 -5.875 l7.375 15 l9.75 -30 l7.375 20.875 v0 h10.25" /></svg>';
                break;
            case 'chaotic-orbit':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-chaotic-orbit"></div>';
                break;
            case 'dot-pulse':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-dot-pulse"><div class="pixe-uib-dot" ></div></div>';
                break;
            case 'dot-spinner':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-dot-spinner"><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div></div>';
                break;
            case 'dot-stream':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-dot-stream"><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div></div>';
                break;
            case 'dot-wave':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-dot-wave"><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div></div>';
                break;
            case 'grid':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-grid"><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div></div>';
                break;
            case 'hatch':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-hatch"><div class="pixe-uib-line"></div></div>';
                break;
            case 'helix':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-helix"><div class="pixe-uib-slice"></div><div class="pixe-uib-slice"></div><div class="pixe-uib-slice"></div><div class="pixe-uib-slice"></div><div class="pixe-uib-slice"></div><div class="pixe-uib-slice"></div></div>';
                break;
            case 'hourglasses':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-hourglasses"><div class="pixe-uib-half"></div><div class="pixe-uib-half"></div></div>';
                break;
            case 'infinity':
                echo '<svg class="pixe-css-icon pixe-uib-container pixe-uib-infinity" x="0px" y="0px" viewBox="0 0 55 23.1" height="23.1" width="55" preserveAspectRatio="xMidYMid meet"><path class="pixe-uib-track" fill="none" stroke-width="4" pathlength="100" d="M26.7,12.2c3.5,3.4,7.4,7.8,12.7,7.8c5.5,0,9.6-4.4,9.6-9.5C49,5,45.1,1,39.8,1c-5.5,0-9.5,4.2-13.1,7.8l-3.4,3.3c-3.6,3.6-7.6,7.8-13.1,7.8C4.9,20,1,16,1,10.5C1,5.4,5.1,1,10.6,1c5.3,0,9.2,4.5,12.7,7.8L26.7,12.2z"/><path class="pixe-uib-car" fill="none" stroke-width="4" pathlength="100" d="M26.7,12.2c3.5,3.4,7.4,7.8,12.7,7.8c5.5,0,9.6-4.4,9.6-9.5C49,5,45.1,1,39.8,1c-5.5,0-9.5,4.2-13.1,7.8l-3.4,3.3c-3.6,3.6-7.6,7.8-13.1,7.8C4.9,20,1,16,1,10.5C1,5.4,5.1,1,10.6,1c5.3,0,9.2,4.5,12.7,7.8L26.7,12.2z" /></svg>';
                break;
            case 'jelly-triangle':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-jelly-triangle"><div class="pixe-uib-dot"></div><div class="pixe-uib-traveler"></div><svg width="0" height="0" class="pixe-uib-svg"><filter id="uib-jelly-triangle-ooze"><feGaussianBlur in="SourceGraphic" stdDeviation="3.333" result="blur" /><feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="ooze" /><feBlend in="SourceGraphic" in2="ooze" /></filter></svg></div>';
                break;
            case 'jelly':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-jelly"><svg width="0" height="0" class="pixe-uib-svg"><filter id="uib-jelly-ooze"><feGaussianBlur in="SourceGraphic" stdDeviation="5" result="blur" /><feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="ooze" /><feBlend in="SourceGraphic" in2="ooze" /></filter></svg></div>';
                break;
            case 'line-wobble':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-line-wobble"></div>';
                break;
            case 'mirage':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-mirage"><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><svg width="0" height="0" class="pixe-uib-svg"><filter id="uib-jelly-ooze"><feGaussianBlur in="SourceGraphic" stdDeviation="3" result="blur" /><feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="ooze" /><feBlend in="SourceGraphic" in2="ooze" /></filter></svg></div>';
                break;
            case 'miyagi':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-miyagi"><div class="pixe-uib-line"></div><div class="pixe-uib-line"></div><div class="pixe-uib-line"></div><div class="pixe-uib-line"></div><div class="pixe-uib-line"></div><div class="pixe-uib-line"></div></div>';
                break;
            case 'momentum':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-momentum"></div>';
                break;
            case 'orbit':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-orbit"></div>';
                break;
            case 'pin-wheel':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-pin-wheel"><div class="pixe-uib-line"></div><div class="pixe-uib-line"></div><div class="pixe-uib-line"></div><div class="pixe-uib-line"></div><div class="pixe-uib-line"></div><div class="pixe-uib-line"></div></div>';
                break;
            case 'ping':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-ping"></div>';
                break;
            case 'pulsar':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-pulsar"></div>';
                break;
            case 'quantum':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-quantum"><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div><div class="pixe-uib-particle"></div></div>';
                break;
            case 'reuleaux':
                echo '<svg class="pixe-css-icon pixe-uib-container pixe-uib-reuleaux" x="0px" y="0px" viewBox="0 0 37 37" height="37" width="37" preserveAspectRatio="xMidYMid meet" ><path class="pixe-uib-track" fill="none" stroke-width="5" pathLength="100" d="M36.63 31.746 c0 -13.394 -7.3260000000000005 -25.16 -18.13 -31.375999999999998 C7.696 6.66 0.37 18.352 0.37 31.746 c5.328 3.108 11.544 4.8839999999999995 18.13 4.8839999999999995 S31.301999999999996 34.854 36.63 31.746z"></path><path class="pixe-uib-car" fill="none" stroke-width="5" pathLength="100" d="M36.63 31.746 c0 -13.394 -7.3260000000000005 -25.16 -18.13 -31.375999999999998 C7.696 6.66 0.37 18.352 0.37 31.746 c5.328 3.108 11.544 4.8839999999999995 18.13 4.8839999999999995 S31.301999999999996 34.854 36.63 31.746z"></path></svg>';
                break;
            case 'ring':
                echo '<svg class="pixe-css-icon pixe-uib-container pixe-uib-ring" viewBox="0 0 40 40" height="40" width="40" ><circle class="pixe-uib-track"cx="20" cy="20" r="17.5" pathlength="100" stroke-width="5px" fill="none" /><circle class="pixe-uib-car"cx="20" cy="20" r="17.5" pathlength="100" stroke-width="5px" fill="none" /></svg>';
                break;
            case 'ring2':
                echo '<svg class="pixe-css-icon pixe-uib-container pixe-uib-ring2" viewBox="0 0 40 40" height="40" width="40" ><circle class="pixe-uib-track"cx="20" cy="20" r="17.5" pathlength="100" stroke-width="5px" fill="none" /><circle class="pixe-uib-car"cx="20" cy="20" r="17.5" pathlength="100" stroke-width="5px" fill="none" /></svg>';
                break;
            case 'spiral':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-spiral"><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div></div>';
                break;
            case 'square':
                echo '<svg class="pixe-css-icon pixe-uib-container pixe-uib-square" viewBox="0 0 35 35" height="35" width="35" ><rect class="pixe-uib-track"x="2.5" y="2.5" fill="none" stroke-width="5px" width="32.5" height="32.5"/><rect class="pixe-uib-car"x="2.5" y="2.5" fill="none" stroke-width="5px" width="32.5" height="32.5"pathlength="100"/></svg>';
                break;
            case 'squircle':
                echo '<svg class="pixe-css-icon pixe-uib-container pixe-uib-squircle" x="0px" y="0px" viewBox="0 0 37 37" height="37" width="37" preserveAspectRatio="xMidYMid meet"><path class="pixe-uib-track" fill="none" stroke-width="5" pathLength="100" d="M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"></path><path class="pixe-uib-car" fill="none" stroke-width="5" pathLength="100" d="M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"></path></svg>';
                break;
            case 'tail-chase':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-tail-chase"><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div></div>';
                break;
            case 'tailspin':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-tailspin"></div>';
                break;
            case 'trefoil':
                echo '<svg class="pixe-css-icon pixe-uib-container pixe-uib-trefoil" x="0px" y="0px" viewBox="0 0 40 40" height="40" width="40" preserveAspectRatio="xMidYMid meet"><path class="pixe-uib-track" fill="none" stroke-width="4" pathLength="100" d="M29.760000000000005 18.72 c0 7.28 -3.9200000000000004 13.600000000000001 -9.840000000000002 16.96 c -2.8800000000000003 1.6800000000000002 -6.24 2.64 -9.840000000000002 2.64 c -3.6 0 -6.88 -0.96 -9.76 -2.64 c0 -7.28 3.9200000000000004 -13.52 9.840000000000002 -16.96 c2.8800000000000003 -1.6800000000000002 6.24 -2.64 9.76 -2.64 S26.880000000000003 17.040000000000003 29.760000000000005 18.72 c5.84 3.3600000000000003 9.76 9.68 9.840000000000002 16.96 c -2.8800000000000003 1.6800000000000002 -6.24 2.64 -9.76 2.64 c -3.6 0 -6.88 -0.96 -9.840000000000002 -2.64 c -5.84 -3.3600000000000003 -9.76 -9.68 -9.76 -16.96 c0 -7.28 3.9200000000000004 -13.600000000000001 9.76 -16.96 C25.84 5.120000000000001 29.760000000000005 11.440000000000001 29.760000000000005 18.72z"></path><path class="pixe-uib-car" fill="none" stroke-width="4" pathLength="100" d="M29.760000000000005 18.72 c0 7.28 -3.9200000000000004 13.600000000000001 -9.840000000000002 16.96 c -2.8800000000000003 1.6800000000000002 -6.24 2.64 -9.840000000000002 2.64 c -3.6 0 -6.88 -0.96 -9.76 -2.64 c0 -7.28 3.9200000000000004 -13.52 9.840000000000002 -16.96 c2.8800000000000003 -1.6800000000000002 6.24 -2.64 9.76 -2.64 S26.880000000000003 17.040000000000003 29.760000000000005 18.72 c5.84 3.3600000000000003 9.76 9.68 9.840000000000002 16.96 c -2.8800000000000003 1.6800000000000002 -6.24 2.64 -9.76 2.64 c -3.6 0 -6.88 -0.96 -9.840000000000002 -2.64 c -5.84 -3.3600000000000003 -9.76 -9.68 -9.76 -16.96 c0 -7.28 3.9200000000000004 -13.600000000000001 9.76 -16.96 C25.84 5.120000000000001 29.760000000000005 11.440000000000001 29.760000000000005 18.72z"></path></svg>';
                break;
            case 'trio':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-trio"><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div><div class="pixe-uib-dot"></div></div>';
                break;
            case 'waveform':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-waveform"><div class="pixe-uib-bar"></div><div class="pixe-uib-bar"></div><div class="pixe-uib-bar"></div><div class="pixe-uib-bar"></div></div>';
                break;
            case 'wobber':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-wobber"></div>';
                break;
            case 'zoomies':
                echo '<div class="pixe-css-icon pixe-uib-container pixe-uib-zoomies"></div>';
                break;
        }
    }