{"version":3,"file":"marquee/view.css","mappings":";;;AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;EACA;AAHD;AAKC;EACC;AAHF;AAMC;EACC;EACA;EACA;AAJF;AAKE;EAJD;IAKE;EAFD;EAGC;IACC;EADF;AACF;AAKC;EACC;AAHF;AAIE;EACC;AAFH;AAMC;EACC;AAJF;AAKE;EACC;EACA;AAHH;AAOC;EACC;AALF;AAOE;EAEC;EACA;EACA;EACA;EACA;AANH;AAWG;EAEC;EACA;AAVJ;AAaG;EACC;EACA;AAXJ;AAcG;EACC;EACA;AAZJ;AAiBG;EAEC;EACA;AAhBJ;AAmBG;EACC;EACA;AAjBJ;AAoBG;EACC;EACA;AAlBJ;;AAwBA;EACC;IACC;EArBA;EAuBD;IACC;EArBA;AACF;AAwBA;EACC;IACC;EAtBA;EAwBD;IACC;EAtBA;AACF,C","sources":["webpack://marquee-block/./src/marquee/view.scss"],"sourcesContent":[".wp-block-storepress-marquee {\n\t--animation-direction: normal;\n\t--content-gap: 40px;\n\t--animation-speed: 10s;\n\t--overlay-color: transparent;\n\t--white-space: wrap;\n\t--animation-play-state: paused;\n\n\t--animation-name: storepress-marquee-animation-x;\n\t--_animation-transform: calc(-100% - var(--content-gap));\n\n\tposition: relative;\n\n\tdisplay: flex;\n\talign-items: center;\n\n\tgap: var(--content-gap);\n\toverflow: clip;\n\n\t&:hover > .wp-block-storepress-marquee__item {\n\t\tanimation-play-state: var(--animation-play-state);\n\t}\n\n\t& > .wp-block-storepress-marquee__item {\n\t\tflex: 1 0 100%; // flex-grow flex-shrink flex-basis\n\t\tanimation: var(--animation-name) var(--animation-speed) linear infinite;\n\t\tanimation-direction: var(--animation-direction);\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\tanimation: none !important;\n\t\t\t&.mirror {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.orientation-x {\n\t\tflex-direction: row;\n\t\t& > .wp-block-storepress-marquee__item > * {\n\t\t\twhite-space: var(--white-space);\n\t\t}\n\t}\n\n\t&.orientation-y {\n\t\tflex-direction: column;\n\t\t& > .wp-block-storepress-marquee__item {\n\t\t\t/*animation-delay: -3s;*/\n\t\t\twhite-space: var(--white-space);\n\t\t}\n\t}\n\n\t&.has-overlay-color {\n\t\tisolation: isolate;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\tcontent: \"\";\n\t\t\tz-index: 1;\n\t\t\tinset: 0;\n\t\t}\n\n\t\t&.orientation-x {\n\n\t\t\t&::before,\n\t\t\t&::after {\n\t\t\t\twidth: 10%;\n\t\t\t\theight: 100%;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tbackground: linear-gradient(270deg, transparent 0%, var(--overlay-color) 100%);\n\t\t\t\tmargin-inline: 0 auto;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tbackground: linear-gradient(90deg, transparent 0%, var(--overlay-color) 100%);\n\t\t\t\tmargin-inline: auto 0;\n\t\t\t}\n\t\t}\n\n\t\t&.orientation-y {\n\t\t\t&::before,\n\t\t\t&::after {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 10%;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tbackground: linear-gradient(0deg, transparent 0%, var(--overlay-color) 100%);\n\t\t\t\tmargin-block: 0 auto;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tbackground: linear-gradient(180deg, transparent 0%, var(--overlay-color) 100%);\n\t\t\t\tmargin-block: auto 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@keyframes storepress-marquee-animation-x {\n\tfrom {\n\t\ttransform: translateX(0);\n\t}\n\tto {\n\t\ttransform: translateX(var(--_animation-transform));\n\t}\n}\n\n@keyframes storepress-marquee-animation-y {\n\tfrom {\n\t\ttransform: translateY(0);\n\t}\n\tto {\n\t\ttransform: translateY(var(--_animation-transform));\n\t}\n}\n"],"names":[],"sourceRoot":""}