{"version":3,"file":"blob/style-index.css","mappings":";;;AAAA;;;;;EAAA;AAMA;EACI;EACA;EAEH;EACA;EACG;EACA;EACA;EACA;EACH;EACA;EACA;EACA;EACA;AAAD;AAEC;EACC;AAAF;AAGC;EACC;AADF;AAIC;EACC;AAFF;AAKC;EACC;AAHF;;AAOA;EACC;IACC;EAJA;EAMD;IACC;EAJA;EAMD;IACC;EAJA;EAMD;IACC;EAJA;EAMD;IACC;EAJA;EAMD;IACC;EAJA;EAMD;IACC;EAJA;EAMD;IACC;EAJA;EAMD;IACC;EAJA;AACF;AAOA;EACC;IACC;EALA;EAOD;IACC;EALA;EAOD;IACC;EALA;EAOD;IACC;EALA;EAOD;IACC;EALA;EAOD;IACC;EALA;EAOD;IACC;EALA;EAOD;IACC;EALA;EAOD;IACC;EALA;AACF;AAQA;EACC;IACC;EANA;EAQD;IACC;EANA;EAQD;IACC;EANA;EAQD;IACC;EANA;EAQD;IACC;EANA;EAQD;IACC;EANA;EAQD;IACC;EANA;EAQD;IACC;EANA;EAQD;IACC;EANA;AACF,C","sources":["webpack://wpopus/./src/blob/style.scss"],"sourcesContent":["/**\r\n * The following styles get applied both on the front of your site\r\n * and in the editor.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n.wp-block-wpopus-blob {\r\n    --wpopus-blob-size: 150px;\r\n    --wpopus-blob-pause-on-hover: \"running\";\r\n    \r\n\twidth: var(--wpopus-blob-size);\r\n\theight: var(--wpopus-blob-size);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n\tmargin: auto;\r\n\tbackground-color: var(--wp--preset--color--primary);\r\n\tborder-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\r\n\tbox-shadow: 0 0 5px #ffffff80 inset;\r\n\toverflow: hidden;\r\n\r\n\t&:hover {\r\n\t\tanimation-play-state: var(--wpopus-blob-pause-on-hover);\r\n\t}\r\n\r\n\t&.wpopus-blob-1 {\r\n\t\tanimation: wpopus-blob 20s infinite;\r\n\t}\r\n\r\n\t&.wpopus-blob-2 {\r\n\t\tanimation: wpopus-blobTwo 20s infinite;\r\n\t}\r\n\r\n\t&.wpopus-blob-3 {\r\n\t\tanimation: wpopus-blobThree 20s infinite;\r\n\t}\r\n}\r\n\r\n@keyframes wpopus-blob {\r\n\t10% {\r\n\t\tborder-radius: 50% 50% 53% 47% / 26% 69% 31% 74%;\r\n\t}\r\n\t20% {\r\n\t\tborder-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\r\n\t}\r\n\t30% {\r\n\t\tborder-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;\r\n\t}\r\n\t40% {\r\n\t\tborder-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;\r\n\t}\r\n\t50% {\r\n\t\tborder-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;\r\n\t}\r\n\t60% {\r\n\t\tborder-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;\r\n\t}\r\n\t70% {\r\n\t\tborder-radius: 50% 50% 53% 47% / 72% 69% 31% 28%;\r\n\t}\r\n\t80% {\r\n\t\tborder-radius: 50% 50% 20% 80% / 25% 80% 20% 75%;\r\n\t}\r\n\t90% {\r\n\t\tborder-radius: 67% 33% 47% 53% / 37% 20% 80% 63%;\r\n\t}\r\n}\r\n\r\n@keyframes wpopus-blobTwo {\r\n\t10% {\r\n\t\tborder-radius: 40% 60% 70% 30% / 50% 40% 60% 50%;\r\n\t}\r\n\t20% {\r\n\t\tborder-radius: 60% 40% 50% 50% / 40% 70% 30% 60%;\r\n\t}\r\n\t30% {\r\n\t\tborder-radius: 50% 50% 40% 60% / 60% 30% 70% 40%;\r\n\t}\r\n\t40% {\r\n\t\tborder-radius: 45% 55% 65% 35% / 55% 60% 40% 50%;\r\n\t}\r\n\t50% {\r\n\t\tborder-radius: 60% 40% 55% 45% / 40% 50% 60% 50%;\r\n\t}\r\n\t60% {\r\n\t\tborder-radius: 50% 50% 40% 60% / 60% 40% 50% 50%;\r\n\t}\r\n\t70% {\r\n\t\tborder-radius: 35% 65% 50% 50% / 50% 70% 30% 60%;\r\n\t}\r\n\t80% {\r\n\t\tborder-radius: 55% 45% 65% 35% / 60% 40% 50% 60%;\r\n\t}\r\n\t90% {\r\n\t\tborder-radius: 50% 50% 40% 60% / 50% 60% 40% 50%;\r\n\t}\r\n}\r\n\r\n@keyframes wpopus-blobThree {\r\n\t10% {\r\n\t\tborder-radius: 60% 40% 50% 50% / 50% 60% 40% 50%;\r\n\t}\r\n\t20% {\r\n\t\tborder-radius: 50% 50% 70% 30% / 40% 60% 70% 60%;\r\n\t}\r\n\t30% {\r\n\t\tborder-radius: 40% 60% 50% 50% / 70% 30% 50% 50%;\r\n\t}\r\n\t40% {\r\n\t\tborder-radius: 70% 30% 40% 60% / 50% 50% 60% 40%;\r\n\t}\r\n\t50% {\r\n\t\tborder-radius: 50% 50% 60% 40% / 60% 40% 50% 50%;\r\n\t}\r\n\t60% {\r\n\t\tborder-radius: 30% 70% 50% 50% / 50% 70% 30% 50%;\r\n\t}\r\n\t70% {\r\n\t\tborder-radius: 50% 50% 30% 70% / 40% 60% 40% 60%;\r\n\t}\r\n\t80% {\r\n\t\tborder-radius: 60% 40% 50% 50% / 50% 40% 60% 50%;\r\n\t}\r\n\t90% {\r\n\t\tborder-radius: 40% 60% 70% 30% / 60% 50% 50% 40%;\r\n\t}\r\n}\r\n\r\n"],"names":[],"sourceRoot":""}