{"version":3,"file":"marquee/style-index.css","mappings":";;;AAAA;;;;;EAAA;AAOA;EACC;AAAD;AAEC;EACC;EACA;EACA;EACA;AAAF;AAGC;EACC;AADF;AAGE;EACC;EACA;AADH;AAIE;EACC;EACA;AAFH;AAKE;EACC;EACA;AAHH;AAME;EACC;EACA;AAJH;AAOE;EACC;AALH;AAQE;EACC;AANH;AASE;EACC;AAPH;AAWC;EACC;IACC;EATD;EAWA;IACC;EATD;AACF;AAYC;EACC;IACC;EAVD;EAYA;IACC;EAVD;AACF,C","sources":["webpack://wpopus/./src/marquee/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.wpopus-marquee {\n\t--wpopus-marquee-speed: 10s;\n\n\t.wpopus-marquee-wrapper {\n\t\twidth: 100%;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.wpopus-marquee-content {\n\t\tdisplay: flex;\n\n\t\t&.left {\n\t\t\tanimation: wpopus-horizontal-marquee var(--wpopus-marquee-speed) linear infinite;\n\t\t\tanimation-direction: normal;\n\t\t}\n\n\t\t&.right {\n\t\t\tanimation: wpopus-horizontal-marquee var(--wpopus-marquee-speed) linear infinite;\n\t\t\tanimation-direction: reverse;\n\t\t}\n\n\t\t&.top {\n\t\t\tanimation: wpopus-vertical-marquee var(--wpopus-marquee-speed) linear infinite;\n\t\t\tanimation-direction: normal;\n\t\t}\n\n\t\t&.bottom {\n\t\t\tanimation: wpopus-vertical-marquee var(--wpopus-marquee-speed) linear infinite;\n\t\t\tanimation-direction: reverse;\n\t\t}\n\n\t\t&.pause-on-hover:hover {\n\t\t\tanimation-play-state: paused; /* Pause animation on hover */\n\t\t}\n\n\t\t&.stop {\n\t\t\tanimation-play-state: paused; /* Pause animation on hover */\n\t\t}\n\n\t\t* {\n\t\t\twhite-space: nowrap !important;\n\t\t}\n\t}\n\n\t@keyframes wpopus-horizontal-marquee {\n\t\tfrom {\n\t\t\ttransform: translate(100%, 0);\n\t\t}\n\t\tto {\n\t\t\ttransform: translate(-100%, 0);\n\t\t}\n\t}\n\n\t@keyframes wpopus-vertical-marquee {\n\t\tfrom {\n\t\t\ttransform: translate(0, 100%);\n\t\t}\n\t\tto {\n\t\t\ttransform: translate(0%, -100%);\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}