{"version":3,"file":"index.css","mappings":";;;AAAA;;;;;EAAA;AAOA;AAYA;AACA;EACC;AAXD;AAYC;EACC;AAVF;;AAcA;EACC;EACA;EACA;EACA;AAXD;;AAkBC;EACC,cAxBa;AASf;AAkBC;EACC,mBA3Bc;EA4Bd;AAhBF;AAiBE;EACC,qBA7BuB;AAc1B;AAiBE;EAEC,cAxCK;AAwBR;AAoBC;EACC;EACA;EACA;EACA;EACA;EACA;EACG;EACA;EACA,aArDG;EAsDH,cAtDG;EAuDN;EACG;AAlBL;AAmBE;EAEC,cA3DK;AAyCR;AAuBE;EACC,qBA5DY;EA6DZ,cAhEY;EAiEZ;AArBH;AAuBE;EACC,mBAhEa;EAiEb,WApEa;AA+ChB;;AA0BA;AACA;EAGC;EACA,cA/Ec;EAgFd;EACA;EACA;EAEA;EAuIA;AAhKD;AA0BC;EACC;EACA;EACA,sBAvFc;AA+DhB;AA0BC;EACC,yBAxFa;EAyFb,WA3Fc;EA4Fd;EACA;EACA;AAxBF;AA0BC;EACI,iCArGG;EAsGH,cArGG;EAsGH;AAxBL;AA0BC;EAGC;AAxBF;AAyBE;EACC,qBAxGY;EAyGZ;EACA;AAvBH;AAyBE;EACC,mBA5Ga;EA6Gb,qBA5GuB;AAqF1B;AAyBE;EACC;AAvBH;AA0BC;EACC;AAxBF;AAyBE;EACC,qBAvHY;EAwHZ;EACA;AAvBH;AA2BE;EACC;EACA;AAzBH;AA2BE;EACC;EACA;EACA;AAzBH;AA4BC;EACC,cA3Ia;AAiHf;AA4BG;EACC;EACA;EACA;AA1BJ;AA8BC;EACC;AA5BF;AA6BE;EACC;AA3BH;AA6BE;EACC,qBAvJY;EAwJZ;EACA;AA3BH;AA8BC;EACC;EACA;EACA;AA5BF;AA+BC;EACC;AA7BF;AA+BC;EACC;EACA,qBAtKc;EAuKd;EACA,cA9KM;EA+KN;EACA;EACA;AA7BF;AA+BE;EACC;EACA,qBA/Ka;EAgLb;EACA,cAvLK;EAwLL;EACA;AA7BH;AAgCE;EACC;EACA,qBAxLa;EAyLb;EACA,cAhMK;EAiML;EACA;AA9BH;AAiCC;EACC;AA/BF;AAiCC;EACC;AA/BF;AAgCE;EACC;AA9BH;AAiCC;EACC;AA/BF;AAmCG;EACC;AAjCJ;AA2CC;EACC;EACA;EACA;EACA;AAzCF;AA4CC;EACC;AA1CF;AA2CE;EACC;AAzCH;AA6CC;EACC;EACA;EACA;AA3CF;AA8CC;EACC;AA5CF;AA6CE;EACC;AA3CH;AA+CC;EACC;EACA;EACA;AA7CF;AA8CE;EACC;AA5CH;AAgDC;EACC;EACA;EACA;AA9CF;AAiDC;EACC;EACA;EACA;EACA;AA/CF;AAkDC;EACC;EACA;EACA;EACA;AAhDF;AAmDC;EACC;EACA;EACA;EACA;AAjDF;AAoDC;EACC;EACA;EACA;EACA;AAlDF;;AAuDA;AAUC;EACC;AA7DF;AAgEI;EACC,mBA/SW;EAgTX,qBAjTU;AAmPf;AAgEI;EACC;EACA;AA9DL;AAkEI;EACC,mBAzTW;EA0TX,qBA3TU;AA2Pf;AAiEK;EACC;EACA;EACA;EACA;AA/DN;AAkEI;EACC;EACA;AAhEL;AAsEC;EACC;EACA;AApEF;AAuEC;EACC,iCAvVM;EAwVN,cAvVM;EAwVN;AArEF;AAwEC;EACC;EACA;EACA;AAtEF;AAyEC;EACC;EACA;EACA;EACA;AAvEF;AA0EC;EACC;AAxEF;AA2EC;EACC;EACA;EACA;EACA;EACA;AAzEF;AA0EE;EACC;EACA;AAxEH;AA0EE;EACC,mBA/EmB;EAgFnB,cAxXK;EAyXL,qBAhF0B;EAiF1B;AAxEH;AA0EE;EACC,mBAlFa;AAUhB;AA0EI;EACC;EACA;EACA,yBAvFW;AAehB;AA8EI;EACC;EACA;EACA,yBA3YG;AA+TR;AAgFE;EACC;AA9EH;AAgFI;EACC;AA9EL;AAkFE;EACC;EACA;AAhFH;AAoFC;EACC;EACA;EACA;EACA;EACA;EACA;AAlFF;AAqFC;EACC;EACA;EACA;AAnFF;AAsFC;EACC;EACA;AApFF;AAqFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAnFH;AAoFG;EACC;EACA;AAlFJ;AAuFC;EACC;EACA;EACA;AArFF;AA4FC;EACC;AA1FF;AA4FG;EACC;AA1FJ;AA4FG;EACC;AA1FJ;AAgGE;EACC,cA/cuB;AAiX1B;;AAqGC;EAEC;AAnGF;;AAuGA;AACA;EACC;IACC;IACA;IACA;EApGA;EAqGA;IACC;EAnGD;EAoGC;IACC;EAlGF;EAuGD;IACC;IACA;IACA;EArGA;EAsGA;IACC;IACA;IACA;EApGD;EAsGA;IACC;EApGD;EAsGA;IACC;IACA;EApGD;EAwGD;IACC;IACA;EAtGA;EAyGD;IACC;EAvGA;AACF;AA0GA;EACC;IACC;IACA;IACA;EAxGA;EAyGA;IACC;EAvGD;EAwGC;IACC;EAtGF;EAyGA;IACC;IACA;EAvGD;EA2GD;IACC;IACA;IACA;EAzGA;EA4GD;IACC;IACA;IACA;EA1GA;EA2GA;IACC;IACA;IACA;IACA;EAzGD;EA2GA;IACC;EAzGD;AACF,C","sources":["webpack://libsyn-podcasting-block/./src/editor.scss"],"sourcesContent":["/**\n * #.# Editor Styles\n *\n * CSS for just Backend enqueued after style.scss\n * which makes it higher in priority.\n */\n\n/* Vars */\n$libsyn-block: wp-block-create-block-libsyn-podcasting-block;\n$black: rgb(41, 41, 41);\n$white: #f4f4f4;\n$libsyn4-green: #82a532;\n$libsyn4-blue: #23282d;\n$libsyn4-white: #fff;\n$libsyn4-green-highlight: #75942D;\n$libsyn5-teal: #008080;\n$libsyn5-green: #42a568;\n$libsyn5-green-highlight: #6ba342;\n\n/* Global Styles */\n.editor-block-inspector__card {\n\tmargin-bottom: 4px;\n\t.editor-block-inspector__card-title {\n\t\tfont-weight: 700;\n\t}\n}\n\n%wp-style-colors {\n\t--wp-admin-theme-color: #82a532;\n\t--wp-admin-theme-color-darker-10: #75942D;\n\t--wp-admin-theme-color-darker-20: #6ba342;\n\t--wp-admin-border-width-focus: 2px;\n}\n\n%components-button {\n\n\t@extend %wp-style-colors;\n\n\t&:hover {\n\t\tcolor: $libsyn5-teal;\n\t}\n\n\t&.is-primary {\n\t\tbackground: $libsyn5-green;\n\t\tfont-weight: bold !important;\n\t\t&:active {\n\t\t\tborder-color: $libsyn5-green-highlight;\n\t\t}\n\t\t&:hover {\n\t\t\t// background-image: linear-gradient(to left,$libsyn5-green-highlight, $libsyn5-teal);\n\t\t\tcolor: $white;\n\t\t}\n\t}\n\n\t&.is-secondary {\n\t\tbackground: #6ba342;\n\t\tbackground-image: linear-gradient(to right,$libsyn5-green-highlight, $libsyn5-teal);\n\t\tbox-shadow: none;\n\t\tborder: none;\n\t\ttext-decoration: none;\n\t\ttext-shadow: none;\n\t    font-weight: bold;\n\t    text-transform: uppercase;\n\t    fill: $white;\n\t    color: $white;\n\t\tpadding: 3px 6px;\n\t    border-radius: 1px 1px 1px 1px;\n\t\t&:hover {\n\t\t\t// background-image: linear-gradient(to left,$libsyn5-green-highlight, $libsyn5-teal);\n\t\t\tcolor: $white;\n\t\t}\n\t}\n\n\t&.is-default {\n\t\t&:focus {\n\t\t\tborder-color: $libsyn5-teal;\n\t\t\tcolor: $libsyn4-blue;\n\t\t\tbox-shadow: 0 0 0 1px $libsyn5-teal;\n\t\t}\n\t\t&.is-toggled {\n\t\t\tbackground: $libsyn5-green;\n\t\t\tcolor: $libsyn4-white;\n\t\t}\n\t}\n}\n\n/* Block Styles */\n.#{$libsyn-block}  {\n\t@extend %wp-style-colors;\n\n\tborder: 0.2rem solid $libsyn4-blue;\n\tcolor: $libsyn4-blue;\n\tmargin: 0 auto;\n\tmax-width: 740px;\n\tpadding: inherit;\n\n\t/* Block Child Styles */\n\tfieldset {\n\t\tborder: solid 1px $libsyn5-teal;\n\t\tpadding: 3px 6px;\n\t\tbackground-color: $libsyn4-white;\n\t}\n\tlegend {\n\t\tbackground-color: $libsyn5-teal;\n\t\tcolor: $libsyn4-white;\n\t\tfont: 1.2rem 'Fira Sans', sans-serif;\n\t\tpadding: 3px 6px;\n\t\tborder: solid 1px $libsyn5-teal;\n\t}\n\tlegend {\n\t    background-color: $black;\n\t    color: $white;\n\t    padding: 3px 6px;\n\t}\n\tinput {\n\t\t-webkit-box-sizing: border-box;\n\t\t-moz-box-sizing: border-box;\n\t\tbox-sizing: border-box;\n\t\t&[type]:not([type=\"hidden\"]):not([type=\"button\"]):not([type=\"submit\"]):not([type=\"checkbox\"]):not([role=\"combobox\"]):focus {\n\t\t\tborder-color: $libsyn5-teal;\n\t\t\tbox-shadow: 0 0 0 1px $libsyn5-teal;\n\t\t\toutline: 2px solid transparent;\n\t\t}\n\t\t&[type=\"checkbox\"]:checked, &[type=\"radio\"]:checked {\n\t\t\tbackground: $libsyn5-green;\n\t\t\tborder-color: $libsyn5-green-highlight;\n\t\t}\n\t\t&[type=\"text\"], &[type=\"url\"] {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\ttextarea {\n\t\twidth: 100%;\n\t\t&:focus {\n\t\t\tborder-color: $libsyn5-teal;\n\t\t\tbox-shadow: 0 0 0 1px $libsyn5-teal;\n\t\t\toutline: 2px solid transparent;\n\t\t}\n\t}\n\tselect {\n\t\t&:hover {\n\t\t\toutline: 2px solid transparent !important;\n\t\t\tcolor: $libsyn4-blue !important;\n\t\t}\n\t\t&:focus {\n\t\t\tborder-color: $libsyn5-teal !important;\n\t\t\tcolor: $libsyn4-blue !important;\n\t\t\tbox-shadow: 0 0 0 1px $libsyn5-teal !important;\n\t\t}\n\t}\n\tbutton {\n\t\tcolor: $libsyn4-blue;\n\t\t.is-default {\n\t\t\t&:focus {\n\t\t\t\tborder-color: $libsyn5-teal !important;\n\t\t\t\tcolor: $libsyn4-blue !important;\n\t\t\t\tbox-shadow: 0 0 0 1px $libsyn5-teal !important;\n\t\t\t}\n\t\t}\n\t}\n\t.rw-widget-container {\n\t\tborder: 1px solid #7e8993;\n\t\tinput[type=\"text\"] {\n\t\t\tborder: 0;\n\t\t}\n\t\t.rw-state-focus, .rw-state-focus:hover {\n\t\t\tborder-color: $libsyn5-teal;\n\t\t\tbox-shadow: 0 0 0 1px $libsyn5-teal;\n\t\t\toutline: 2px solid transparent;\n\t\t}\n\t}\n\t.rw-state-focus > .rw-widget-container, .rw-widget-container > .rw-state-focus:hover, .components-form-token-field__input-container.is-active {\n\t\tborder-color: $libsyn5-teal !important;\n\t\tbox-shadow: 0 0 0 1px $libsyn5-teal !important;\n\t\toutline: 2px solid transparent !important;\n\t}\n\n\t.libsyn-block {\n\t\tpadding: 1rem;\n\t}\n\t.button-primary {\n\t\tbackground: $libsyn5-green none repeat scroll 0 0;\n\t\tborder-color: $libsyn5-green;\n\t\tbox-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);\n\t\tcolor: $white;\n\t\tmargin-top: 2px;\n\t\ttext-decoration: none;\n\t\ttext-shadow: 0 -1px 1px $libsyn5-green-highlight, 1px 0 1px $libsyn5-green-highlight, 0 1px 1px $libsyn5-green-highlight, -1px 0 1px $libsyn5-green-highlight;\n\n\t\t&:hover {\n\t\t\tbackground: $libsyn5-green-highlight none repeat scroll 0 0;\n\t\t\tborder-color: $libsyn5-green;\n\t\t\tbox-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);\n\t\t\tcolor: $white;\n\t\t\ttext-decoration: none;\n\t\t\ttext-shadow: 0 -1px 1px $libsyn5-green-highlight, 1px 0 1px $libsyn5-green-highlight, 0 1px 1px $libsyn5-green-highlight, -1px 0 1px $libsyn5-green-highlight;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: $libsyn5-green-highlight none repeat scroll 0 0;\n\t\t\tborder-color: $libsyn5-green;\n\t\t\tbox-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);\n\t\t\tcolor: $white;\n\t\t\ttext-decoration: none;\n\t\t\ttext-shadow: 0 -1px 1px $libsyn5-green-highlight, 1px 0 1px $libsyn5-green-highlight, 0 1px 1px $libsyn5-green-highlight, -1px 0 1px $libsyn5-green-highlight;\n\t\t}\n\t}\n\t.libsyn-dots {\n\t\tpadding: 0 18% 0 0;\n\t}\n\t.libsyn-input-element {\n\t\tmargin-bottom: 1.4rem;\n\t\tlegend {\n\t\t\tfont: .8rem 'Fira Sans', sans-serif;\n\t\t}\n\t}\n\t.libsyn-upload-media-preview {\n\t\ttext-align: center;\n\t}\n\t.components-form-toggle {\n\t\t&.is-checked {\n\t\t\t.components-form-toggle__track {\n\t\t\t\tbackground-color: $libsyn5-green-highlight !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.components-button {\n\t\t@extend %components-button;\n\t}\n\n\t/* Block Form Grid */\n\t.libsyn-input-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 20% 80%;\n\t\tgrid-gap: 5px;\n\t\tmax-width: 99%;\n\t}\n\n\t.libsyn-input-grid label {\n\t\ttext-align: right;\n\t\t&:after {\n\t\t\tcontent: \" \";\n\t\t}\n\t}\n\n\t.libsyn-input-grid-3 {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 20% 66% 10% 2%;\n\t\tgrid-gap: 5px;\n\t}\n\n\t.libsyn-input-grid-3 label {\n\t\ttext-align: right;\n\t\t&:after {\n\t\t\tcontent: \" \";\n\t\t}\n\t}\n\n\t.libsyn-input-grid-2 {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 82% 16% 2%;\n\t\tgrid-gap: 2px;\n\t\t&:after {\n\t\t\tcontent: \" \";\n\t\t}\n\t}\n\n\t.libsyn-input-grid-2 {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 82% 16% 2%;\n\t\tgrid-gap: 2px;\n\t}\n\n\t.libsyn-upload-buttons-grid {\n\t\tdisplay: grid;\n\t\tgrid-gap: 1px;\n\t\tmargin-bottom: 1em;\n\t\tmax-width: 450px;\n\t}\n\n\t.libsyn-upload-buttons-grid-a {\n\t\tgrid-column-start: 1;\n\t\tgrid-column-end: 2;\n\t\tgrid-row-start: 1;\n\t\tgrid-row-end: 1;\n\t}\n\n\t.libsyn-upload-buttons-grid-b {\n\t\tgrid-column-start: 2;\n\t\tgrid-column-end: 3;\n\t\tgrid-row-start: 1;\n\t\tgrid-row-end: 1;\n\t}\n\n\t.libsyn-upload-buttons-grid-c {\n\t\tgrid-columm-start: 3;\n\t\tgrid-column-end: 4;\n\t\tgrid-row-start: 1;\n\t\tgrid-row-end: 1;\n\t}\n\n}\n\n/* Block Tables */\n$libsyn-table: libsyn_destinations;\n$libsyn-table-header: #3b3c46;\n$libsyn-table-header-border: #a6a6a7;\n$libsyn-table-border: #d9d9d9;\n$libsyn-row-bg: #f4f2f1;\n\n.#{$libsyn-table} {\n\t@extend %wp-style-colors;\n\t\n\tdiv {\n\t\tbox-sizing: border-box;\n\t\tinput {\n\t\t\t&[type=\"radio\"] {\n\t\t\t\t&:checked {\n\t\t\t\t\tbackground: $libsyn5-green;\n\t\t\t\t\tborder-color: $libsyn5-teal;\n\t\t\t\t}\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0 0 2px #fff, 0 0 0 4px $libsyn5-green-highlight;\n\t\t\t\t\toutline: 2px solid transparent;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&[type=\"checkbox\"] {\n\t\t\t\t&:checked {\n\t\t\t\t\tbackground: $libsyn5-green;\n\t\t\t\t\tborder-color: $libsyn5-teal;\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcontent: url(\"data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIwLjYsNS43Yy0wLjUtMC41LTEuMy0wLjUtMS44LDBMOSwxNS41bC0yLjQtMy4yYy0wLjQtMC42LTEuMy0wLjctMS44LTAuMmgwYy0wLjYsMC40LTAuNywxLjMtMC4yLDEuOAoJbDMuMyw0LjNjMC4xLDAuMiwwLjMsMC4zLDAuNSwwLjRjMCwwLDAsMCwwLDBjMC4xLDAsMC4xLDAsMC4yLDAuMWMwLDAsMCwwLDAuMSwwYzAsMCwwLjEsMCwwLjEsMGMwLDAsMC4xLDAsMC4xLDBjMCwwLDAuMSwwLDAuMSwwCgljMC4xLDAsMC4xLDAsMC4yLDBjMCwwLDAsMCwwLjEsMGMwLjEsMCwwLjEsMCwwLjItMC4xYzAsMCwwLDAsMCwwYzAuMS0wLjEsMC4zLTAuMSwwLjQtMC4yTDIwLjYsNy41QzIxLjEsNywyMS4xLDYuMiwyMC42LDUuN3oiLz4KPC9zdmc+\");\n\t\t\t\t\t\tmargin: -0.1575rem 0 0 -0.1575rem;\n\t\t\t\t\t\theight: 1.3125rem;\n\t\t\t\t\t\twidth: 1.3125rem;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0 0 2px #fff, 0 0 0 4px $libsyn5-green-highlight;\n\t\t\t\t\toutline: 2px solid transparent;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfieldset {\n\t\tborder: 1px solid $black;\n\t\tpadding: 4px;\n\t}\n\n\tlegend {\n\t\tbackground-color: $black;\n\t\tcolor: $white;\n\t\tpadding: 3px 6px;\n\t}\n\n\t.libsyn-destinations-download-availability-container {\n\t\tmargin-top: 1em;\n\t\tmargin-bottom: .2em;\n\t\tpadding: 2px 4px;\n\t}\n\n\t.table-container {\n\t\tdisplay: block;\n\t\tmargin-top: 1rem;\n\t\twidth: 100%;\n\t\tmax-width: 1200px;\n\t}\n\n\t.flag-icon {\n\t\tmargin-right: 0.1em;\n\t}\n\n\t.flex-table {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 5% 25% 35% 35%;\n\t\tgrid-template-rows: 100% auto;\n\t\tborder-left: solid 1px $libsyn-table-border;\n\t\ttransition: 0.5s;\n\t\t&:first-of-type {\n\t\t\tborder-top: solid 1px $libsyn-table-header-border;\n\t\t\tborder-left: solid 1px $libsyn-table-header-border;\n\t\t}\n\t\t&:first-of-type .flex-row {\n\t\t\tbackground: $libsyn-table-header;\n\t\t\tcolor: $white;\n\t\t\tborder-color: $libsyn-table-header-border;\n\t\t\tfont-size: larger;\n\t\t}\n\t\t&.row:nth-child(odd) .flex-row {\n\t\t\tbackground: $libsyn-row-bg;\n\t\t\t.components-datetime {\n\t\t\t\tfieldset {\n\t\t\t\t\tborder: none;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tbackground-color: $libsyn-row-bg;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&.row:nth-child(even) .flex-row {\n\t\t\t.components-datetime {\n\t\t\t\tfieldset {\n\t\t\t\t\tborder: none;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:hover {\n\t\t\ttransition: 500ms;\n\t\t\t.components-datetime {\n\t\t\t\tfieldset {\n\t\t\t\t\tbackground-color: #f5f5f5;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.radio-input {\n\t\t\ttext-align: left;\n\t\t\tpadding-left: 7%;\n\t\t}\n\t}\n\n\t.flex-row {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tpadding: 0.3em;\n\t\tborder-right: solid 1px $libsyn-table-border;\n\t\tborder-bottom: solid 1px $libsyn-table-border;\n\t}\n\n\t.rowspan {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 25% 75%;\n\t\tgrid-template-rows: 100%;\n\t}\n\n\t.column {\n\t\twidth: 100%;\n\t\tpadding: 0;\n\t\t.flex-row {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fill, 33.3%);\n\t\t\tgrid-template-rows: 100% 100% 100%;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tborder-bottom: solid 1px $libsyn-table-border;\n\t\t\t&:hover {\n\t\t\t\tbackground: #f5f5f5;\n\t\t\t\ttransition: 500ms;\n\t\t\t}\n\t\t}\n\t}\n\n\t.flex-cell {\n\t\ttext-align: center;\n\t\tpadding: 0.5em 0.5em;\n\t\tborder-right: solid 1px $libsyn-table-border;\n\t}\n\n\t.components-button {\n\t\t@extend %components-button;\n\t}\n\n\t.components-datetime {\n\t\tmargin-top: 6px;\n\t\t.components-button {\n\t\t\t&.is-primary {\n\t\t\t\tbackground-image: linear-gradient(to right,$libsyn5-green-highlight, $libsyn5-teal) !important;\n\t\t\t}\n\t\t\t&.is-secondary {\n\t\t\t\tbackground-image: linear-gradient(to right,$libsyn4-blue, $black) !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.wp-core-ui {\n\t\t&:hover {\n\t\t\tcolor: $libsyn5-green-highlight;\n\t\t}\n\t}\n\n}\n\n.libsyn-dashicons-upload {\n\t&.components-button {\n\t\t@extend %components-button;\n\t\twidth: 166px;\n\t}\n}\n\n/* Responsive Styles */\n@media all and (min-width: 431px) and (max-width: 768px) {\n\t.#{$libsyn-table} .flex-table {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, 33.33%);\n\t\tgrid-template-rows: repeat(auto-fill, 100%);\n\t\t.flex-row {\n\t\t\tborder-bottom: solid 1px $libsyn-table-border;\n\t\t\t&:nth-child(1) {\n\t\t\t\tpadding: 8px 2px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.#{$libsyn-table} .rowspan {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, 100%);\n\t\tgrid-template-rows: repeat(auto-fill, 100%);\n\t\t.flex-row {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fill, 33.33%);\n\t\t\tborder-bottom: solid 1px $libsyn-table-border;\n\t\t}\n\t\tp {\n\t\t\tmargin: 0;\n\t\t}\n\t\t.radio-input {\n\t\t\ttext-align: left;\n\t\t\tpadding-left: 10%;\n\t\t}\n\t}\n\n\t.#{$libsyn-table} .first {\n\t\tgrid-column-start: 1;\n\t\tgrid-column-end: 4;\n\t}\n\n\t.#{$libsyn-table} .rowspan > .first {\n\t\tdisplay: block;\n\t}\n}\n\n@media all and (max-width: 430px) {\n\t.#{$libsyn-table} .flex-table {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, 100%);\n\t\tgrid-template-rows: 100% auto;\n\t\t.flex-row {\n\t\t\tborder-bottom: 0;\n\t\t\t&:last-of-type {\n\t\t\t\tborder-bottom: solid 1px $libsyn-table-border;\n\t\t\t}\n\t\t}\n\t\t.radio-input {\n\t\t\ttext-align: left;\n\t\t\tpadding-left: 2px;\n\t\t}\n\t}\n\n\t.#{$libsyn-table} .first {\n\t\tborder-bottom: 0;\n\t\tgrid-column-start: auto;\n\t\tgrid-column-end: auto;\n\t}\n\n\t.#{$libsyn-table} .rowspan {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, 100%);\n\t\tgrid-template-rows: 100% auto;\n\t\t.flex-row {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fill, 100%);\n\t\t\tgrid-template-rows: auto;\n\t\t\tborder-bottom: solid 1px $libsyn-table-border;\n\t\t}\n\t\tp {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}