{"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;AAKE;EACC;AAHH;AAOE;EACC;AALH;AASC;EACC;EAEA;;;IAAA;AALF;AAUE;EACC;AARH;AAYE;EACC;AAVH;AAcC;EACC;AAZF;AAcE;EAEC;EACA;EACA;EACA;EACA;AAbH;AAkBG;EAEC;EACA;AAjBJ;AAoBG;EACC;EACA;AAlBJ;AAqBG;EACC;EACA;AAnBJ;AAwBG;EAEC;EACA;AAvBJ;AA0BG;EACC;EACA;AAxBJ;AA2BG;EACC;EACA;AAzBJ;;AA+BA;EACC;IACC;EA5BA;EA8BD;IACC;EA5BA;AACF;AA+BA;EACC;IACC;EA7BA;EA+BD;IACC;EA7BA;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\n\t\t& > .wp-block-storepress-marquee__item > *:not(.wp-block-group) {\n\t\t\twhite-space: var(--white-space);\n\t\t}\n\n\t\t// Apply whitespace on deep\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\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\n\t\t& > .wp-block-storepress-marquee__item > *:not(.wp-block-group) {\n\t\t\twhite-space: var(--white-space);\n\t\t}\n\n\t\t// Apply whitespace on deep\n\t\t& > .wp-block-storepress-marquee__item > * > * {\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":""}