@creaditor/newsletter-starterkit/dist/3622.creaditor.bundle.js

Creaditor Newsletter Editor - Starterkit for creating beautiful email newsletters

"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[3622],{53622:(a,i,e)=>{e.r(i),e.d(i,{CouchMark:()=>o});var s=e(56666),t=e(21293);class o extends t.oi{constructor(){super()}render(){return t.dy`<div class="pulser">
      <div class="pulse pulse1"></div>
      <div class="pulse pulse2"></div>
      <div class="pulse pulse4"></div>
    </div>`}}(0,s.Z)(o,"properties",{name:{}}),(0,s.Z)(o,"styles",t.iv`
    :host {
      position: relative;
      display: inline-block;
    }

    .pulse {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 30px;
      height: 30px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .pulse1 {
      border: 13px solid var(--primary);
      -webkit-animation: pulse1 2s linear infinite;
      -moz-animation: pulse1 2s linear infinite;
      animation: pulse1 2s linear infinite;
    }

    .pulse2 {
      border: 8px solid var(--primary);
      opacity: 0.2;
      -webkit-animation: pulse2 2s linear infinite;
      -moz-animation: pulse2 2s linear infinite;
      animation: pulse2 2s linear infinite;
    }

    .pulse3 {
      border: 10px solid var(--primary);
      opacity: 0.5;
      -webkit-animation: pulse3 2s linear infinite;
      -moz-animation: pulse3 2s linear infinite;
      animation: pulse3 2s linear infinite;
    }

    .pulse4 {
      border: 15px solid var(--primary);
      opacity: 0.1;
      -webkit-animation: pulse4 2s linear infinite;
      -moz-animation: pulse4 2s linear infinite;
      animation: pulse4 2s linear infinite;
      width: 30px;
      height: 30px;
    }

    /* moz */
    @-moz-keyframes pulse1 {
      0% {
        -moz-transform: scale(0);
        opacity: 0;
      }
      20% {
        -moz-transform: scale(0);
        opacity: 0;
      }
      40% {
        -moz-transform: scale(0.2);
        opacity: 0.4;
      }
      60% {
        -moz-transform: scale(0.4);
        opacity: 0.6;
      }
      100% {
        -moz-transform: scale(0.6);
        opacity: 0;
      }
    }

    @-moz-keyframes pulse2 {
      0% {
        -moz-transform: scale(0);
        opacity: 0;
      }
      25% {
        -moz-transform: scale(0.2);
        opacity: 0.7;
      }
      40% {
        -moz-transform: scale(0.4);
        opacity: 0.5;
      }
      65% {
        -moz-transform: scale(0.6);
        opacity: 0.3;
      }
      100% {
        -moz-transform: scale(0.8);
        opacity: 0;
      }
    }

    @-moz-keyframes pulse3 {
      0% {
        -moz-transform: scale(0.1);
        opacity: 0;
      }
      25% {
        -moz-transform: scale(0.3);
        opacity: 0.7;
      }
      50% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
      }
      75% {
        -moz-transform: scale(0.6);
        opacity: 0.3;
      }
      100% {
        -moz-transform: scale(0.66);
        opacity: 0;
      }
    }

    @-moz-keyframes pulse4 {
      0% {
        -moz-transform: scale(0.1);
        opacity: 0;
      }
      30% {
        -moz-transform: scale(0.3);
        opacity: 0.6;
      }
      80% {
        -moz-transform: scale(0.6);
        opacity: 0.4;
      }
      100% {
        -moz-transform: scale(0.8);
        opacity: 0;
      }
    }

    /* webkit */
    @-webkit-keyframes pulse1 {
      0% {
        -webkit-transform: scale(0);
        opacity: 0;
      }
      20% {
        -webkit-transform: scale(0);
        opacity: 0;
      }
      40% {
        -webkit-transform: scale(0.2);
        opacity: 0.4;
      }
      60% {
        -webkit-transform: scale(0.4);
        opacity: 0.6;
      }
      100% {
        -webkit-transform: scale(0.6);
        opacity: 0;
      }
    }

    @-webkit-keyframes pulse2 {
      0% {
        -webkit-transform: scale(0);
        opacity: 0;
      }
      25% {
        -webkit-transform: scale(0.2);
        opacity: 0.7;
      }
      40% {
        -webkit-transform: scale(0.4);
        opacity: 0.5;
      }
      65% {
        -webkit-transform: scale(0.6);
        opacity: 0.3;
      }
      100% {
        -webkit-transform: scale(0.8);
        opacity: 0;
      }
    }

    @-webkit-keyframes pulse3 {
      0% {
        -webkit-transform: scale(0.1);
        opacity: 0;
      }
      25% {
        -webkit-transform: scale(0.3);
        opacity: 0.7;
      }
      50% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
      }
      75% {
        -webkit-transform: scale(0.6);
        opacity: 0.3;
      }
      100% {
        -webkit-transform: scale(0.66);
        opacity: 0;
      }
    }

    @-webkit-keyframes pulse4 {
      0% {
        -webkit-transform: scale(0.1);
        opacity: 0;
      }
      30% {
        -webkit-transform: scale(0.3);
        opacity: 0.6;
      }
      80% {
        -webkit-transform: scale(0.6);
        opacity: 0.4;
      }
      100% {
        -webkit-transform: scale(0.8);
        opacity: 0;
      }
    }
  `),customElements.define("cdtr-couch-mark",o)}}]);