{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;;EAAA;AAUC;EACC;AAHF;AAMC;EACC;EACA;AAJF;AAOC;EACC;EACA;AALF;AAQC;EACC;EACA;EACA;AANF;AAWE;EACC;EACA;AATH;AAWG;;EAEC;EACA;AATJ;AAYG;EACC;EACA;EACA;AAVJ;AAcE;EACC;AAZH;AAgBC;EACC;AAdF;AAiBC;EACC;EACA;EACA;AAfF;AAkBC;EACC;EACA;EACA;AAhBF;AAkBE;EACC;AAhBH;AAoBC;EACC;AAlBF;AAqBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAnBH;AAuBC;EACC;AArBF;;AAyBA;EACC;EACA;AAtBD;;AAoBA;EACC;EACA;AAtBD,C","sources":["webpack://mosne-text-to-speech-block/./src/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.wp-block-mosne-text-to-speech {\n\t$el: &;\n\n\t&.has-background {\n\t\tpadding: 1rem;\n\t}\n\n\t&__title {\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 1rem;\n\t}\n\n\t&__content {\n\t\tdisplay: grid;\n\t\tgap: 1rem;\n\t}\n\n\t&__controls {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: 1rem;\n\t}\n\n\t&__button {\n\n\t\t&.wp-element-button {\n\t\t\tpadding: 0.5rem 1rem;\n\t\t\twhite-space: nowrap;\n\n\t\t\tsvg,\n\t\t\tspan {\n\t\t\t\tvertical-align: middle;\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tmargin-right: 0.25rem;\n\t\t\t\twidth: 1.25em;\n\t\t\t\theight: 1.25em;\n\t\t\t}\n\t\t}\n\n\t\t&[hidden] {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__label {\n\t\tmargin-right: 0.5rem;\n\t}\n\n\t&__select {\n\t\tfont-family: inherit;\n\t\tfont-weight: inherit;\n\t\tpadding: 0.25em 1.5em 0.25em 0.5em;\n\t}\n\n\t&__settings {\n\t\tdisplay: grid;\n\t\tgap: 0.5rem;\n\t\tpadding: 1rem 0;\n\n\t\t&[hidden] {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&.has-icon.hide-label .wp-element-button {\n\t\tposition: relative;\n\n\t\t//sr-only\n\t\tspan {\n\t\t\tposition: absolute;\n\t\t\tclip: rect(1px, 1px, 1px, 1px);\n\t\t\tclip-path: inset(50%);\n\t\t\theight: 1px;\n\t\t\twidth: 1px;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t&.has-label.hide-icon .wp-element-button svg {\n\t\tdisplay: none;\n\t}\n}\n\n::selection {\n\tbackground-color: var(--mosne-tts-highlight-bg, #ffeb3b);\n\tcolor: var(--mosne-tts-highlight-color, #000);\n}"],"names":[],"sourceRoot":""}