{"version":3,"file":"styles/wpes-admin.css","mappings":"AAAA,gBAAgB;AAAhB;EACC;AAED;AAAC;EACC;EACA;AAEF;AAEE;EACC;EACA;AAAH;AAMG;EACC;AAJJ;AAMI;EACC;AAJL;AASE;EAKC;AAXH;AAOG;EACC;AALJ;AAWE;EACC;EACA;EACA;AATH;AAWG;EACC;AATJ;AAYG;EACC;AAVJ;;AAgBA;;EAAA;AAOA;;EAAA;AAME;EACC;EACA;AApBH;AAuBE;EACC;EACA;AArBH;AAyBC;EACC;AAvBF;;AAmCA;EACC;AAhCD;AAkCC;EACC;AAhCF;AAmCC;EACC;AAjCF;AAoCC;EACC;EACA;EACA;EACA;EACA,QAnBQ;AAfV;AAoCE;EACC;AAlCH;AAoCE;EACC;EACA;AAlCH;AAqCE;EACC;EACA;AAnCH;AAuCC;EACC;AArCF;;AAyCA;EACC;EACA;EACA;AAtCD;;AAyCA;EACC;EACA;EACA;AAtCD;;AAyCA;EACC;EACA;EACA;EACA,QAxDS;AAkBV;AAwCC;EACC;EACA;AAtCF;AAwCE;EAJD;IAKE;EArCD;AACF;AA0CE;;EACC;AAvCH;AA4CE;EAEC;AA3CH;;AAgDA;EACC;EACA,YApFS;EAqFT;EACA;EACA;EACA;EACA;EACA,QA1FS;AA6CV;AA+CC;EACC;AA7CF;AAgDC;EACC;EACA;AA9CF;AAiDC;EACC;EACA;AA/CF;AAiDE;EACC;AA/CH;AAmDC;EACC;AAjDF;AAoDC;EAEC;EACA;AAnDF;AAsDC;EAEC;EACA;AArDF;AAwDC;EAEC;EACA;AAvDF;AA0DC;EAEC;EACA;AAzDF;;AA6DA;EACC;EACA;EACA,eA9IS;AAoFV;AA6DE;EACC;AA3DH;AA+DC;EACC;AA7DF;AAgEC;;EAEC;EACA,YA7JQ;AA+FV;;AAkEA;EACC;EACA;EACA,QApKS;EAqKT;AA/DD;AAiEC;EACC;EACA;AA/DF;AAiEE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/DH;AAmEC;EACC;AAjEF;AAqEE;EACC;AAnEH;;AAwEA;EACC;EACA;EACA;EACA,YAxMa;EAyMb;EACA;EACA;EACA,QA7MS;AAwIV;AAuEC;EACC,YAhNQ;EAiNR;EACA;EACA;EACA;EACA,QArNQ;AAgJV;AAwEG;EACC;AAtEJ;AA0EE;EACC;AAxEH;AA2EE;EACC;EACA;EACA;EACA;EACA;AAzEH;AA2EG;EACC;EACA;AAzEJ;AA2EI;EACC;EACA;EACA;EACA;AAzEL;AAiFG;EAHD;IAIE;EA9EF;AACF;;AAmFA;EACC;AAhFD;AAkFC;EACC;AAhFF;;AAoFA;EACC;EACA;EACA;AAjFD;AAmFC;EACC;EAAA;EACA;EACA;AAjFF;AAoFC;EACC;AAlFF;AAqFC;EACC;AAnFF;AAuFE;EACC;AArFH;AAuFG;EACC;AArFJ;AAwFG;EACC;AAtFJ;;AA6FC;EACC;EACA;EACA;AA1FF;AA6FC;EACC;EACA;EACA;EACA;AA3FF;AA6FE;EACC;EACA;EACA;AA3FH;AA8FE;EACC;EACA;EACA;AA5FH;AAgGC;EACC;EACA;EACA;EACA;EACA;EACA;AA9FF;AAgGE;EACC;EACA;EACA;AA9FH;AAiGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/FH,C","sources":["webpack://wp-email-essentials/./src/styles/wpes-admin.scss"],"sourcesContent":[".wpes-wrap {\n\tline-height: 1.8em;\n\n\t.dashicons-before:before {\n\t\tfont-size: 30px;\n\t\twidth: 30px;\n\t}\n\n\th2 {\n\t\tem {\n\t\t\tfont-style: normal;\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.wpes-table {\n\t\ttr {\n\t\t\ttd, th {\n\t\t\t\tpadding: 0 20px 0 0;\n\n\t\t\t\t&.last {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\ttd {\n\t\t\th3 {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\ttd, th {\n\t\t\twidth: 25%;\n\t\t\tvertical-align: top;\n\t\t\ttext-align: left;\n\n\t\t\t&[colspan=\"2\"] {\n\t\t\t\twidth: 50%;\n\t\t\t}\n\n\t\t\t&[colspan=\"3\"] {\n\t\t\t\twidth: 75%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n Settings panel\n */\n.wpes-settings {\n\n}\n\n/**\n Admins panel\n */\n.wpes-admins {\n\t.a-regexp {\n\n\t\t&.error {\n\t\t\tborder-color: red;\n\t\t\tbackground: #ff9e8b;\n\t\t}\n\n\t\t&.match {\n\t\t\tborder-color: #00a800;\n\t\t\tbackground: #97e396;\n\t\t}\n\t}\n\n\t.a-fail.match {\n\t\tbackground-color: #80ff8e\n\t}\n}\n\n$notice-color: #72aee6;\n$error-color: #d63638;\n$warning-color: #ff6700;\n$success-color: #00a32a;\n$border-color: #c3c4c7;\n$spacing: 8px;\n$tools-width: 200px;\n\n.wpes-admin {\n\twidth: calc(100% - #{$tools-width} - 20px);\n\n\t&.wpes-emails {\n\t\twidth: initial;\n\t}\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.inside {\n\t\tpadding: $spacing * 1.5 !important;\n\t\tmargin: 0 !important;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $spacing;\n\n\t\t> * {\n\t\t\tmargin: 0;\n\t\t}\n\t\t&.cols {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t}\n\n\t\t&.col {\n\t\t\tmax-width: 50%;\n\t\t\tflex: 1;\n\t\t}\n\t}\n\n\tselect {\n\t\tmax-width: 100%;\n\t}\n}\n\n.email-preview {\n\twidth: 100%;\n\theight: auto;\n\tmin-height: 600px;\n}\n\n.wpes-form {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $spacing * 2;\n}\n\n.wpes-form-item {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: $spacing;\n\n\tlabel {\n\t\twidth: 25%;\n\t\tfont-weight: 700;\n\n\t\t@media (max-width: 768px) {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\tinput,\n\tselect {\n\t\t&:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n\n\tinput {\n\t\t&[type=\"checkbox\"],\n\t\t&[type=\"radio\"] {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n}\n\n.wpes-notice {\n\twidth: 100%;\n\tpadding: $spacing;\n\tborder: 1px solid $border-color;\n\tbox-shadow: 0 1px 1px rgb(0 0 0 / 4%);\n\tbackground: #fafafa;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $spacing;\n\n\tpre {\n\t\twhite-space: normal;\n\t}\n\n\t.warning {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t}\n\n\t.title {\n\t\tdisplay: block;\n\t\tfont-size: 1.1em;\n\n\t\t&:not(:first-child) {\n\t\t\tmargin-top: $spacing * 2;\n\t\t}\n\t}\n\n\t* {\n\t\tmargin: 0;\n\t}\n\n\t&--info {\n\t\t@extend .wpes-notice;\n\t\tborder-left: 4px solid $notice-color;\n\t\tbackground: lighten($notice-color, 30%);\n\t}\n\n\t&--error {\n\t\t@extend .wpes-notice;\n\t\tborder-left: 4px solid $error-color;\n\t\tbackground: lighten($error-color, 44%);\n\t}\n\n\t&--warning {\n\t\t@extend .wpes-notice;\n\t\tborder-left: 4px solid $warning-color;\n\t\tbackground: lighten($warning-color, 48%);\n\t}\n\n\t&--success {\n\t\t@extend .wpes-notice;\n\t\tborder-left: 4px solid $success-color;\n\t\tbackground: lighten($success-color, 66%);\n\t}\n}\n\n.wpes-info-table {\n\tborder-collapse: collapse;\n\tborder: 1px solid $border-color;\n\tmargin-top: $spacing;\n\n\t&.equal {\n\t\tth {\n\t\t\twidth: 50%;\n\t\t}\n\t}\n\n\tth {\n\t\ttext-align: left;\n\t}\n\n\tth,\n\ttd {\n\t\tborder: 1px solid $border-color;\n\t\tpadding: $spacing;\n\t}\n}\n\n.wpes-radio-list {\n\tdisplay: grid;\n\tgrid-template-columns: 16px 1fr;\n\tgap: $spacing;\n\talign-items: center;\n\n\t&.arrow-down {\n\t\tposition: relative;\n\t\tpadding-left: 60px;\n\n\t\t&:after {\n\t\t\tcontent: '';\n\t\t\tbackground-image: url('data:image/svg+xml;utf8,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 302.816 302.816\" style=\"enable-background:new 0 0 302.816 302.816;\" xml:space=\"preserve\"><path id=\"XMLID_6_\" d=\"M298.423,152.996c-5.857-5.858-15.354-5.858-21.213,0l-35.137,35.136     c-5.871-59.78-50.15-111.403-112.001-123.706c-45.526-9.055-92.479,5.005-125.596,37.612c-5.903,5.813-5.977,15.31-0.165,21.213     c5.813,5.903,15.31,5.977,21.212,0.164c26.029-25.628,62.923-36.679,98.695-29.565c48.865,9.72,83.772,50.677,88.07,97.978     l-38.835-38.835c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l62.485,62.485     c2.929,2.929,6.768,4.393,10.606,4.393s7.678-1.464,10.607-4.393l62.483-62.482C304.281,168.352,304.281,158.854,298.423,152.996z\"/></svg>');\n\t\t\twidth: 50px;\n\t\t\theight: 50px;\n\t\t\tbackground-size: cover;\n\t\t\tbackground-position: center;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tposition: absolute;\n\t\t\tbottom: -10px;\n\t\t\tleft: 0;\n\t\t\ttransform: scaleX(-1);\n\t\t}\n\t}\n\n\tinput {\n\t\tmargin: 0;\n\t}\n\n\tlabel {\n\t\tstrong {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n\n.wpes-tools {\n\tposition: fixed;\n\tbottom: 40px;\n\tright: 20px;\n\twidth: $tools-width;\n\tz-index: 9999;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $spacing;\n\n\t&--box {\n\t\tpadding: $spacing;\n\t\tborder: 1px solid $border-color;\n\t\tbackground: white;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $spacing;\n\n\t\tem {\n\t\t\tb {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t* {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.toc {\n\t\t\tfont-size: .85em;\n\t\t\tline-height: 1.6;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: $spacing / 4;\n\n\t\t\tli {\n\t\t\t\tpadding-left: 10px;\n\t\t\t\tposition: relative;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: '•';\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__toc {\n\t\t\t@extend .wpes-tools--box;\n\n\t\t\t@media (max-height: 660px) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n#email-preview {\n\tbackground: transparent;\n\n\t.postbox-header {\n\t\tbackground: white;\n\t}\n}\n\n.wpes-email-history {\n\theight: 400px;\n\toverflow: auto;\n\tborder: 1px solid $border-color;\n\n\tthead {\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\tbackground: white;\n\t}\n\n\ttable {\n\t\tborder: 0;\n\t}\n\n\t.eml {\n\t\twidth: 100px\n\t}\n\n\t#the-list {\n\t\ttr {\n\t\t\tcursor: pointer;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: rgba(0, 0, 0, .075);\n\t\t\t}\n\n\t\t\t&.active {\n\t\t\t\tbackground: lighten($notice-color, 25%);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.wpes-emails {\n\t.pager {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t}\n\n\t#mail-viewer {\n\t\tposition: relative;\n\t\tborder: 1px solid $border-color;\n\t\theight: 600px;\n\t\twidth: 100%;\n\n\t\t.debug, .body, .alt_body, .headers {\n\t\t\tdisplay: none;\n\t\t\theight: 0;\n\t\t\twidth: 0;\n\t\t}\n\n\t\t.show-debug .debug, .show-body .body, .show-alt-body .alt_body, .show-headers .headers {\n\t\t\tdisplay: block;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t#mail-data-viewer {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: auto;\n\n\t\t.email-data.show-debug, .show-body, .show-alt-body, .show-headers {\n\t\t\tpadding-top: 20px;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t>div>span:after {\n\t\t\tcontent: attr(data-legend);\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tbackground: rgba(0, 0, 0, .5);\n\t\t\tz-index: 1;\n\t\t\tcolor: white;\n\t\t\tborder-bottom-right-radius: 5px;\n\t\t\tpadding: 3px 10px;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}