{"version":3,"file":"css/llms-admin-addons.css","mappings":";;;AAKC;EACC;EACA;AAJF;;AASA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAND;AAOC;EACC;AALF;AAQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANF;AASC;EACC;EACA;AAPF;AAQE;EACC;EACA;EACA;EACA;AANH;AAQE;EACC;AANH;;AAYA;EACC;EACA;EACA;EACA;AATD;AAWC;EAND;IAOE;EARA;AACF;AAUC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AARF;AAeC;EACC;EACA;EACA;AAbF;AAeE;EACC;EACA;EACA;AAbH;AAgBE;EACC;AAdH;AAeG;EACC;EACA;EACA;EACA;AAbJ;AAeG;EACC;EACA;EACA;EACA;AAbJ;AAiBE;EACC;AAfH;AAgBG;EACC;EACA;EACA;EACA;AAdJ;AAgBG;EACC;EACA;EACA;EACA;AAdJ;AAgBI;EACC;AAdL;AAiBG;EACC;EACA;EACA;EACA;EACA;AAfJ;AAmBE;EACC;EACA;AAjBH;AAmBG;EACC;EACA;EACA;AAjBJ;AAoBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAlBJ;AAoBI;EACC;AAlBL;AAmBK;EAAoB;AAhBzB;AAiBK;EAAoB;AAdzB;AAiBI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAfL;AAkBI;EAAoB;AAfxB;AAgBI;EAAoB;AAbxB;AAeI;;EAEC;EACA;AAbL;AAgBI;EACC;AAdL;AAeK;EACC;AAbN;AAiBI;EACC;AAfL;AAqBK;EACC;AAnBN;AA0BK;EACC;AAxBN;AA+BK;EACC;AA7BN;AAmCG;EACC;EACA;EACA;AAjCJ;AAkCI;EACC;AAhCL;AAoCG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlCJ;AAmCI;EACC;EACA;AAjCL;AAmCI;EACC;EACA;EACA;EACA;EACA;AAjCL;AAmCI;EACC;EACA;EACA;EACA;AAjCL;AAoCI;EACC;AAlCL;AAmCK;EACC;AAjCN;;AA4CA;EAGE;IACC;IACA;IACA;IACA;IACA;EA3CD;EA6CC;IACC;EA3CF;EAwDE;IACC;IACA;EAtDH;AACF,C","sources":["webpack://lifterlms/./src/scss/admin-addons.scss"],"sourcesContent":["@import '@lifterlms/brand/sass/colors';\n@import \"../../assets/scss/_includes/mixins\";\n\n.wrap.lifterlms-addons {\n\n\t.llms-subheader {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n}\n\n.llms-addons-bulk-actions {\n\tbackground-color: #FFF;\n\tborder: 1px solid #dedede;\n\tborder-radius: 12px;\n\tbox-shadow: 0px 0px 1px rgba(48, 49, 51, 0.05), 0px 2px 4px rgba(48, 49, 51, 0.1);\n\tleft: 0;\n\tmargin-right: auto;\n\tmargin-left: auto;\n\tpadding: 40px 60px;\n\tposition: fixed;\n\tright: 0;\n\ttext-align: center;\n\ttransition: top 0.2s ease;\n\ttop: -100%;\n\twidth: 240px;\n\tz-index: 1;\n\t&.active {\n\t\ttop: 80px;\n\t}\n\n\t.llms-bulk-close {\n\t\tbackground: #fff;\n\t\tborder: 1px solid #ddd;\n\t\tborder-bottom-width: 0;\n\t\tborder-left-width: 0;\n\t\tborder-radius: 50%;\n\t\tcolor: llms-color( wp-red-50 );\n\t\tfont-size: 25px;\n\t\theight: 25px;\n\t\tpadding: 5px;\n\t\tposition: absolute;\n\t\tright: -10px;\n\t\ttop: -10px;\n\t\twidth: 25px;\n\t}\n\n\t.llms-bulk-desc {\n\t\tfont-size: 18px;\n\t\tmargin-bottom: 20px;\n\t\t.fa {\n\t\t\tcolor: llms-color( llms-blue );\n\t\t\tdisplay: block;\n\t\t\tfont-size: 30px;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t\t&.deactivate .fa {\n\t\t\tcolor: #777;\n\t\t}\n\t}\n\n}\n\n.llms-addons-wrap {\n\tdisplay: grid;\n\tgrid-gap: 30px;\n\tgrid-template-columns: 1fr;\n\tjustify-content: space-between;\n\n\t@media only screen and ( min-width: 782px ) {\n\t\tgrid-template-columns: 1fr 1fr 1fr;\n\t}\n\n\t.llms-add-on-item {\n\t\tbackground-color: #FFF;\n\t\tborder: 1px solid #dedede;\n\t\tborder-radius: 12px;\n\t\tbox-shadow: 0px 0px 1px rgba(48, 49, 51, 0.05), 0px 2px 4px rgba(48, 49, 51, 0.1);\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\toverflow: hidden;\n\n\t\t@media only screen and ( min-width: 680px ) {\n\n\t\t}\n\t}\n\n\t.llms-add-on {\n\t\tdisplay: flex;\n\t\tflex-flow: column no-wrap;\n\t\theight: 100%;\n\n\t\t.llms-add-on-link {\n\t\t\tcolor: #444;\n\t\t\tdisplay: block;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\theader {\n\t\t\tmargin-bottom: 0;\n\t\t\th4 {\n\t\t\t\tcolor: #1d2327;\n\t\t\t\tfont-size: 20px;\n\t\t\t\tline-height: 1.5;\n\t\t\t\tmargin: 30px 20px 20px 20px;\n\t\t\t}\n\t\t\timg {\n\t\t\t\taspect-ratio: 16 / 9;\n\t\t\t\tdisplay: block;\n\t\t\t\theight: auto;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\tsection {\n\t\t\tpadding: 0 20px;\n\t\t\tp {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 1.5;\n\t\t\t\tmargin: 0 0 15px;\n\t\t\t\ttext-align: left;\n\t\t\t}\n\t\t\tul, li {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 1.5;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\n\t\t\t\t:first-child {\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t}\n\t\t\t}\n\t\t\timg {\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\theight: 20px;\n\t\t\t\twidth: 20px;\n\t\t\t\tvertical-align: text-bottom;\n\t\t\t}\n\t\t}\n\n\t\tfooter.llms-actions {\n\t\t\tmargin-top: auto;\n\t\t\tpadding: 20px;\n\n\t\t\ta.open-plugin-details-modal {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tpadding: 5px;\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\n\t\t\t.llms-status-icon {\n\t\t\t\tbackground-color: #e1e1e1;\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tcolor: #414141;\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\ttext-decoration: none;\n\t\t\t\ttext-shadow: none;\n\t\t\t\tline-height: 1;\n\t\t\t\tmargin: 10px 0;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: 8px 14px;\n\t\t\t\t-webkit-transition: all .5s ease;\n\t\t\t\ttransition: all .5s ease;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tvertical-align: middle;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: #cdcdcd;\n\t\t\t\t\t.fa.show-on-hover { display: inline-block; }\n\t\t\t\t\t.fa.hide-on-hover { display: none; }\n\t\t\t\t}\n\n\t\t\t\t.fa {\n\t\t\t\t\tcolor: #414141;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\theight: 16px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tmargin-right: 2px;\n\t\t\t\t\twidth: 16px;\n\t\t\t\t}\n\n\t\t\t\t.fa.show-on-hover { display: none; }\n\t\t\t\t.fa.hide-on-hover { display: inline-block; }\n\n\t\t\t\tinput,\n\t\t\t\tinput + .fa {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t\tcolor: llms-color( llms-blue ) !important;\n\t\t\t\t}\n\n\t\t\t\tinput:checked + .fa {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t& + .fa {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.llms-status-text {\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t}\n\n\n\t\t\t\t&.status--installed,\n\t\t\t\t&.status--license_active {\n\t\t\t\t\t.fa {\n\t\t\t\t\t\tcolor: llms-color( wp-green-50 );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// &.status--uninstalled,\n\t\t\t\t&.status--active,\n\t\t\t\t&.status--license_inactive {\n\t\t\t\t\t.fa {\n\t\t\t\t\t\tcolor: llms-color( wp-red-50 );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.external.status--none,\n\t\t\t\t&.external.status--license_active, // fixes xapi\n\t\t\t\t&.external.status--license_inactive { // fixes xapi\n\t\t\t\t\t.fa {\n\t\t\t\t\t\tcolor: llms-color( llms-blue );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t.llms-button-secondary {\n\t\t\t\tborder: 1px solid #b7b7b7;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tfloat: right;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: #f0f0f0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.llms-addon-actions {\n\t\t\t\tbackground: #f0f0f0;\n\t\t\t\tborder: 1px solid #b7b7b7;\n\t\t\t\tbox-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(0,0,0,.1);\n\t\t\t\tdisplay: none;\n\t\t\t\tleft: 16px;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 16px;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 16px;\n\t\t\t\tz-index: 1;\n\t\t\t\t&:before, &:after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tposition: absolute;\n\t\t\t\t}\n\t\t\t\t&:before {\n\t\t\t\t\tborder: 10px solid transparent;\n\t\t\t\t\tborder-bottom-color: #b7b7b7;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: -20px;\n\t\t\t\t\tright: 34px;\n\t\t\t\t}\n\t\t\t\t&:after {\n\t\t\t\t\tborder: 8px solid transparent;\n\t\t\t\t\tborder-bottom-color: #f0f0f0;\n\t\t\t\t\ttop: -16px;\n\t\t\t\t\tright: 36px;\n\t\t\t\t}\n\n\t\t\t\tli {\n\t\t\t\t\tmargin-bottom: 8px;\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t}\n\n}\n\n@media only screen and (min-width: 782px) {\n\t.wrap.lifterlms-addons {\n\n\t\t.llms-subheader {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\theight: 40px;\n\t\t\tposition: sticky;\n\t\t\ttop: 32px;\n\n\t\t\th1 {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t}\n\n\t}\n\n\t.llms-addons-wrap {\n\n\t\t.llms-add-on {\n\n\t\t\tfooter.llms-actions {\n\n\t\t\t\t.llms-status-icon {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmargin: 10px 5px 0 0;\n\t\t\t\t}\n\n\t\t\t}\n\t\t}\n\n\t}\n\n}\n"],"names":[],"sourceRoot":""}