{"version":3,"file":"admin-dashboard.css","mappings":";;;AAKA;EACC;EACA;EACA;EACA,ujBACC;EAKD;ACTD;ADWC;EACC;EACA;EACA;EACA;ACTF;ADYC;EACC;EACA;EACA;EACA;ACVF;ADcE;EACC;EACA;EACA;EACA;ACZH;ADgBC;EACC;EACA;EACA;EACA;ACdF;ADiBC;EACC;EACA;EACA;ACfF;;AA/BA;EACI;AAkCJ;AAhCI;EACI;AAkCR,C;;;;ACtCA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHD;AAKC;EACC;EACA;EACA;AAHF;AAMC;EAEC;EACA;AALF;AAQC;EAEC;AAPF;AASE;EACC,mBApCU;EAqCV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPH;AAWG;EACC;AATJ;AAcG;EACC;AAZJ;AAiBC;EACC,mBA/Da;AAgDf;AAkBG;EACC,cAnEW;AAmDf;AAoBE;EACC,cAxEY;EAyEZ;EACA;AAlBH;AAoBG;EACC,mBA7EW;AA2Df;AAqBG;EACC;AAnBJ;AAsBG;EACC;EACA;AApBJ;AAsBI;EACC;AApBL;AAuBI;EACC,cA7FU;AAwEf;AA2BC;EACC,mBAnGe;AA0EjB;AA4BG;EACC,cAvGa;AA6EjB;AA8BE;EACC,cA5Gc;EA6Gd;EACA;AA5BH;AA8BG;EACC,mBAjHa;AAqFjB;AA+BG;EACC;AA7BJ;AAsDC;EACC;EACA;AApDF;AAuDC;EACC;EACA;AArDF,C;;;;AC3FC;EACC;EACA;EACA;EACA;AALF;AAOE;EACC;AALH;AAQE;EACC;EACA;EACA;EACA;EACA;EACA;AANH;AASE;EACC,cAvBY;EAwBZ;AAPH;AAWC;EACC;IACC;EATD;EAYA;IACC;EAVD;AACF,C;;;;ACvBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJD;AAMC;EACC;EACA;EACA,mBAhBW;EAiBX;EACA;EACA;AAJF;AAME;EACC;EACA;AAJH;AAMG;EACC;EACA;EACA;AAJJ;AAOG;EACC;EACA;EACA;AALJ;AAQG;EACC;AANJ;AAUE;EACC;EACA;EACA;EACA;EACA;EACA;AARH;AAUG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARJ;AAUI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARL;AAUK;EACC;AARN;AAWK;EACC;EACA;AATN;AAaI;EACC;AAXL;AAaK;EACC;EACA;EACA;EACA;AAXN;AAcK;EACC;EACA;EACA;EACA;AAZN;AAeK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbN;AAiBI;EACC;EACA;AAfL;AAiBK;EACC;EACA;AAfN;AAiBM;EACC;AAfP;AAoBM;EACC;AAlBP;AAqBM;EACC;AAnBP;AAsBM;EACC;EACA;AApBP;AAyBI;EACC;EACA,yBAnJU;EAoJV;AAvBL;AAyBK;EACC;EACA;AAvBN;AAyBM;EACC;AAvBP;AA4BM;EACC;AA1BP;AA6BM;EACC;AA3BP;AA8BM;EACC;EACA;AA5BP;AAmCE;EACC;EACA;EACA;AAjCH;AAoCE;EACC;EACA;AAlCH;AAqCE;EACC;EACA;AAnCH;AAuCC;EACC;EACA;EACA;EACA;AArCF;AAuCE;EACC;EACA;EACA;EACA;EACA;EACA;AArCH;AAwCI;EACC;EACA;EACA;AAtCL;AAyCI;EACC;EACA;AAvCL;AA4CE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1CH;AA4CG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AA1CJ;AA6CG;EACC;EACA;EACA;EACA;EACA;AA3CJ;AA8CG;EACC;EACA;EACA;EACA;EACA;AA5CJ;AA8CI;EACC;EACA;AA5CL;AAiDE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/CH;AAiDG;EACC;EACA;AA/CJ;AAiDI;EACC;EACA;EACA;EACA;EACA;AA/CL;AAmDG;EACC;EACA;EACA;EACA;EACA;EACA;EACA,cAtSW;AAqPf;AAmDI;EACC;EACA;AAjDL;;AAwDA;EACC;IACC;EArDA;EAuDA;IACC;IACA;EArDD;EAuDC;IACC;IACA;IACA;IACA;EArDF;EAuDE;IACC;EArDH;EAyDC;IACC;IACA;IACA;IACA;EAvDF;EAyDE;IACC;IACA;IACA;IACA;EAvDH;EA0DI;IACC;EAxDL;EA2DI;IACC;EAzDL;EA4DI;IACC;EA1DL;EA8DG;IACC;EA5DJ;EAkEA;IACC;EAhED;EAkEC;IACC;EAhEF;AACF,C;;;;ACrSA;EACC;EACA;EACA;EACA;AAJD;AAMC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAJF;AAME;EACC;EACA;EACA;EACA;EACA;EACA;AAJH;AAMG;EACC;EACA;EACA;EACA;EACA;EACA;AAJJ;AAOG;EACC;AALJ;AAQG;EACC;AANJ;AAUE;EAnCD;IAoCE;EAPD;EASC;IACC;EAPF;EASE;IACC;IACA;EAPH;AACF;AAaC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAXF;AAcC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAZF;AAcE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZH;AAcG;EACC;AAZJ;AAeG;EACC,cAlGW;EAmGX;EACA;EACA;EACA;EACA;EACA;AAbJ;AAeI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbL;AAeK;EACC;EACA;AAbN;AAiBI;;EAEC;EACA;EACA;EACA;EACA;AAfL;AAmBG;EACC;EACA;AAjBJ;AAoBG;EACC;EACA,cAxIW;EAyIX;AAlBJ;AAoBI;EACC;AAlBL;AAqBI;EACC;EACA;EACA;AAnBL;AAqBK;EACC;AAnBN;AAsBK;EACC;EACA;EACA;EACA;EACA;EACA;AApBN;AAyBG;EACC;EACA;EACA;EACA;AAvBJ;AAyBI;EACC;AAvBL;AA2BG;EACC;EACA;EACA,yBApLW;AA2Jf;AA2BI;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBA5LY;EA6LZ;EACA;EACA;EACA;EACA;AAzBL;AA4BI;;;;EAIC;AA1BL;AA6BI;EACC;AA3BL;AA8BI;EACC;AA5BL,C;;;;AChLA;EACC;AAJD;AAMC;EACC;EACA;EACA;EACA;EACA;AAJF;AAOG;EACC;EACA;EACA;AALJ;AAQG;EACC;EACA;EACA;EACA;EACA,cAzBS;EA0BT;AANJ;AAQI;EACC;AANL;AAYG;EACC;AAVJ;AAYI;EACC;AAVL;AAcG;EACC;EACA;AAZJ;AAcI;EACC;EACA,cAhDU;AAoCf;AAeI;EACC;AAbL;AAgBI;EACC;AAdL;AAiBI;EACC;EACA;EACA;AAfL;AAkBI;EACC;AAhBL;AAmBI;EACC;AAjBL;AAmBK;EACC;EACA;AAjBN,C;;;;ACvDA;EACC;EACA;EACA;EACA;AAJD;AAMC;EACC;EACA;EACA;EACA;EACA;AAJF;AAME;EACC;EACA;EACA;EACA;EACA;AAJH;AAQC;EACC;EACA;EACA;EACA;AANF;AASC;EACC;EACA;EACA;EACA;EACA,cArCW;AA8Bb;AAUC;EACC;EACA;EACA;EACA,yBA9Ca;EA+Cb;EACA;AARF;AAWC;EACC;EACA;EACA;EACA;AATF;AAWE;EACC;EACA;EACA;AATH;AAWG;EACC;EACA;EACA,cA9DW;EA+DX;EACA;EACA;EACA;EACA;AATJ;AAWI;EACC;AATL;AAYI;EACC;EACA,cA5EQ;AAkEb;AAaI;EACC;AAXL,C;;;;AClEA;EACC;AAJD;AAMC;EACC;EACA;EACA;AAJF;AAME;EACC;AAJH;AAOE;EACC;EACA;EACA,cAlBU;EAmBV;AALH;AAQE;EACC;EACA,cAvBY;EAwBZ;AANH;AASE;EACC;EACA;EACA;EACA;EACA;AAPH;AASG;EACC;EACA;EACA;AAPJ;AAWE;EACC;EACA;EACA;EACA;AATH;AAWG;EACC;EACA;EACA;AATJ;AAaI;EACC;EACA;EACA;EACA,cA3DQ;EA4DR;AAXL;AAcI;EACC;EACA;EACA;EACA,cAlEU;EAmEV;AAZL;AAeI;EACC,cA1EU;EA2EV;EACA;EACA;AAbL;AAmBE;EACC;EACA;EACA;EACA;AAjBH;AAqBC;EACC;EACA;AAnBF;AAqBE;EACC;AAnBH;AAqBG;EACC;AAnBJ;AAsBG;EACC;EACA;EACA,cAvGS;EAwGT;AApBJ;AAuBG;EACC;EACA;EACA,cA7GW;EA8GX;AArBJ,C;;;;ACtFA;EACC;EACA;EACA,gBANO;EAOP;EACA;EACA,0CARQ;AAGT;AASG;EACC;AAPJ;AAYC;EACC;EACA;EACA;EACA;EACA;AAVF;AAYE;;;EAGC;EACA;EACA;EACA;EACA;AAVH;AAcC;EACC;EACA;EACA;EACA;AAZF;AAeC;EACC;AAbF;AAgBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAdF;AAgBE;EACC;AAdH;AAiBE;EACC;AAfH;AAkBE;EACC;EACA;EACA;EACA;EACA;AAhBH;AAmBG;EACC;EACA;AAjBJ;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBE;EACC;EACA;EACA;EACA;EACA;EACA;AApBH;AAwBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtBF;AAwBE;EACC;AAtBH;AA0BC;EACC;AAxBF;AA2BC;EACC;EACA;EACA,WAnIM;EAoIN;EACA;EACA;EACA;EACA;EACA;EACA;AAzBF;AA2BE;EACC;AAzBH;AA4BE;EACC;EACA;AA1BH;AA8BC;EACC,WAvJM;EAwJN;EACA;EACA;EACA;EACA;AA5BF;AA8BE;EACC;AA5BH;AAgCC;EACC;EACA;EACA;AA9BF;AAgCE;EACC;EACA;EACA;EACA;EACA;EACA;AA9BH;AAgCG;EACC;AA9BJ;AAiCG;EACC;EACA,mBAvLM;EAwLN;AA/BJ;AAmCG;EACC;EACA;EACA;EACA;EACA,mBAjMM;EAkMN;EACA;EACA;EACA;AAjCJ;AAoCG;EACC;AAlCJ;AAuCC;EACC;EACA;EACA;EACA;EACA;EACA;AArCF;AAuCE;EACC;EACA;EACA;EACA;EACA;EACA;AArCH;AAuCG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArCJ;AAyCE;EACC;EACA;EACA;KAAA;EACA;EACA,gBA/OK;AAwMR;AA0CE;EACC;EACA;EACA;EACA;EACA;EACA,WAzPK;EA0PL;EACA;EACA;EACA;AAxCH;AA4CC;EACC;EACA;EACA;AA1CF;AA4CE;EACC;EAEA;AA3CH;AAkDE;EACC;EACA;EACA;EACA;EACA;AAhDH;AAkDG;EACC;EACA,gBAzRI;EA0RJ;EACA;AAhDJ;AAmDG;EACC;EACA;EACA;EACA;EACA,gBAnSI;EAoSJ;EACA;EACA;AAjDJ;AAuDC;EACC;IACC;IACA;EArDD;EAuDC;IACC;IACA;EArDF;EAyDA;IACC;IACA;EAvDD;EA0DA;IACC;EAxDD;EA2DA;IACC;IACA;EAzDD;EA4DA;IACC;IACA;EA1DD;EA6DA;IACC;IACA;EA3DD;AACF;AA8DC;EACC;IACC;IACA;EA5DD;EA+DA;IACC;IACA;EA7DD;EAgEA;IACC;EA9DD;EAiEA;IACC;IACA;EA/DD;EAkEA;IACC;EAhED;AACF;AAoEC;EACC;EACA;EACA;AAlEF;AAoEE;EACC;EACA;EACA;KAAA;AAlEH;AAqEE;EACC;EACA;AAnEH;AAsEE;EACC;AApEH,C;;;;ACpTA;EACC;EACA;AAJD;AAOE;EACC;EACA,cAVU;EAWV;EACA;EACA;EACA;EACA;EACA;AALH;AAOG;EACC;EACA;EACA;AALJ;AAUC;EACC;EACA;AARF;AAWC;EACC;EACA;EACA;EACA;AATF;AAWE;EACC;EACA;EACA;EACA,yBAzCU;EA0CV;EACA;EACA;EACA;AATH;AAYE;EACC,cAhDY;EAiDZ;EACA;EACA;AAVH,C","sources":["webpack://slider-block/../bpl-tools/Admin/style.scss","webpack://slider-block/./src/admin/dashboard.scss","webpack://slider-block/../bpl-tools/Components/Button/style.scss","webpack://slider-block/../bpl-tools/Components/Loading/style.scss","webpack://slider-block/../bpl-tools/Admin/Demos/ListDemos.scss","webpack://slider-block/../bpl-tools/Admin/Pricing/style.scss","webpack://slider-block/../bpl-tools/Admin/FeatureCompare/style.scss","webpack://slider-block/../bpl-tools/Admin/Header/style.scss","webpack://slider-block/../bpl-tools/Admin/Overview/style.scss","webpack://slider-block/../bpl-tools/Admin/Overview/VideoPlayer.scss","webpack://slider-block/../bpl-tools/Admin/Changelog/style.scss"],"sourcesContent":["$primaryColor: #146EF5;\n$secondaryColor: #FF7A00;\n$titleColor: #070127;\n$contentColor: #485781;\n\n.bPlDashboard {\n\twidth: calc(100% + 20px);\n\tmax-width: calc(100% + 20px);\n\tmin-height: 100vh;\n\tbackground:\n\t\tlinear-gradient(180deg, #faa72b22 0%, #2b69fa00 100%),\n\t\tradial-gradient(circle at 10% 60%, #56EBFF3f, transparent 25%),\n\t\tradial-gradient(circle at 90% 70%, #F7117A1f, transparent 20%),\n\t\trepeating-linear-gradient(to right, #48578111 0px, #48578111 1px, transparent 1px, transparent 50px),\n\t\trepeating-linear-gradient(to bottom, #48578111 0px, #48578111 1px, transparent 1px, transparent 50px);\n\tmargin: 0 -20px 0 -20px;\n\n\t* {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.5;\n\t}\n\n\t.bPlDashboardContainer {\n\t\twidth: 100%;\n\t\tmax-width: 1320px;\n\t\tpadding: 0 15px;\n\t\tmargin: 0 auto;\n\t}\n\n\t.bPlDashboardMain {\n\t\t.bPlDashboardContainer {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 35px;\n\t\t\tpadding: 20px 0;\n\t\t}\n\t}\n\n\t.bPlDashboardBox {\n\t\tbackground-color: #fff;\n\t\tborder: 1px solid rgba($contentColor, 50%);\n\t\tborder-radius: 20px 20px 20px 20px;\n\t\tbox-shadow: 0px 0px 0px 0px rgba(20, 10, 245, 0.2);\n\t}\n\n\t.bPlDashboardButtons {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 10px;\n\t}\n}","@import '../../../bpl-tools/Admin/style.scss';\n\n// #80808029\n\n.bPlDashboardBox {\n    overflow: hidden;\n\n    .overviewLeft {\n        background-color: #80808017;\n    }\n}","$primaryColor: #146EF5;\n$secondaryColor: #FF7A00;\n$titleColor: #070127;\n\n.bPlButton {\n\tfont-size: 16px;\n\tfont-weight: 500;\n\ttext-decoration: none;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 10px;\n\tposition: relative;\n\tpadding: 12px 28px;\n\tborder: none;\n\tborder-radius: .5em;\n\toutline: 0;\n\tz-index: 0;\n\tcursor: pointer;\n\toverflow: hidden;\n\ttransition: all .5s ease-in-out;\n\n\tsvg {\n\t\tfill: currentColor;\n\t\twidth: 1.2em;\n\t\theight: 1.2em;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\toutline: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t&.variant-primary,\n\t&.variant-secondary {\n\t\tcolor: #fff;\n\n\t\t&::before {\n\t\t\tbackground: $titleColor;\n\t\t\tcontent: '';\n\t\t\twidth: 0;\n\t\t\theight: 100%;\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\tz-index: -1;\n\t\t\ttransition: all .5s ease-in-out;\n\t\t}\n\n\t\t&:hover {\n\t\t\t&::before {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t&.white {\n\t\t\t&::before {\n\t\t\t\tbackground: #fff;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.variant-primary {\n\t\tbackground: $primaryColor;\n\n\t\t&.white {\n\t\t\t&:hover {\n\t\t\t\tcolor: $primaryColor ;\n\t\t\t}\n\t\t}\n\n\t\t&.outline {\n\t\t\tcolor: $primaryColor;\n\t\t\tbackground: transparent;\n\t\t\tborder: 2px solid $primaryColor;\n\n\t\t\t&::before {\n\t\t\t\tbackground: $primaryColor;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\t\t\t&.white {\n\t\t\t\tcolor: #fff;\n\t\t\t\tborder: 2px solid #fff;\n\n\t\t\t\t&::before {\n\t\t\t\t\tbackground: #fff;\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $primaryColor;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.variant-secondary {\n\t\tbackground: $secondaryColor;\n\n\t\t&.white {\n\t\t\t&:hover {\n\t\t\t\tcolor: $secondaryColor ;\n\t\t\t}\n\t\t}\n\n\t\t&.outline {\n\t\t\tcolor: $secondaryColor;\n\t\t\tbackground: transparent;\n\t\t\tborder: 2px solid $secondaryColor;\n\n\t\t\t&::before {\n\t\t\t\tbackground: $secondaryColor;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t}\n\t}\n\n\t// &.variant-outline {\n\t// \tcolor: $primaryColor;\n\t// \tbackground: transparent;\n\t// \tborder: 2px solid $primaryColor;\n\t// }\n\n\t// &.variant-outline-fill {\n\t// \tcolor: $primaryColor;\n\t// \tbackground: transparent;\n\t// \tborder: 2px solid $primaryColor;\n\n\t// \t&:hover {\n\t// \t\tcolor: white;\n\t// \t\tbackground: $primaryColor;\n\t// \t}\n\t// }\n\n\t// color: $primaryColor;\n\t// background: transparent;\n\n\t&.size-medium {\n\t\tfont-size: 14px;\n\t\tpadding: 8px 18px;\n\t}\n\n\t&.size-small {\n\t\tfont-size: 12px;\n\t\tpadding: 6px 14px;\n\t}\n}","$primaryColor: #146EF5;\n$secondaryColor: #FF7A00;\n$titleColor: #070127;\n$contentColor: #485781;\n\n.bPlLoading {\n\t.loadingContent {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tgap: 15px;\n\n\t\t&.horizontal {\n\t\t\tflex-direction: row;\n\t\t}\n\n\t\t.loadingSpinner {\n\t\t\twidth: 2rem;\n\t\t\theight: 2rem;\n\t\t\tborder: 4px solid $primaryColor;\n\t\t\tborder-top-color: transparent;\n\t\t\tborder-radius: 50%;\n\t\t\tanimation: bPlLoadingSpin 1s linear infinite;\n\t\t}\n\n\t\t.loadingText {\n\t\t\tcolor: $contentColor;\n\t\t\tfont-size: 18px;\n\t\t}\n\t}\n\n\t@keyframes bPlLoadingSpin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n}","$primaryColor: #146EF5;\n$secondaryColor: #FF7A00;\n$titleColor: #070127;\n$contentColor: #485781;\n\n.bPlDashboardListDemos {\n\tmax-width: 100%;\n\tmin-height: 600px;\n\theight: calc(100dvh - 160px - var(--wp-admin--admin-bar--height, 32px));\n\tbackground: #fff;\n\tdisplay: flex;\n\tborder-radius: 20px;\n\toverflow: hidden;\n\tbox-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;\n\n\t.sidebar {\n\t\tmin-width: 320px;\n\t\tcolor: #fff;\n\t\tbackground: $titleColor;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 20px 0;\n\n\t\t.sidebarHeader {\n\t\t\tmargin-bottom: 15px;\n\t\t\tpadding: 0 15px;\n\n\t\t\th2 {\n\t\t\t\tfont-size: 28px;\n\t\t\t\tcolor: #fff;\n\t\t\t\tmargin-bottom: 8px;\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tcolor: #9ca3af;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.bPlDashboardButtons {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t.sidebarList {\n\t\t\tflex: 1;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 12px;\n\t\t\tpadding: 0 15px;\n\t\t\toverflow: auto;\n\n\t\t\tbutton {\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: left;\n\t\t\t\tcolor: #d1d5db;\n\t\t\t\tbackground-color: #1f2937;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: flex-start;\n\t\t\t\tgap: 12px;\n\t\t\t\tpadding: 15px;\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tmargin: 0;\n\t\t\t\tcursor: pointer;\n\t\t\t\ttransition: all .2s cubic-bezier(.4, 0, .2, 1);\n\n\t\t\t\t.iconBox {\n\t\t\t\t\twidth: 30px;\n\t\t\t\t\theight: 30px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\tcolor: #eff2f6;\n\t\t\t\t\tbackground-color: #374151;\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tfill: #eff2f6;\n\t\t\t\t\t}\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\twidth: 15px;\n\t\t\t\t\t\theight: 15px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.texts {\n\t\t\t\t\tflex: 1;\n\n\t\t\t\t\th4 {\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tcolor: #eff2f6;\n\t\t\t\t\t\tmargin: 0 0 4px 0;\n\t\t\t\t\t}\n\n\t\t\t\t\tp {\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\tcolor: #8da2bf;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t.category {\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tcolor: #adbcd1;\n\t\t\t\t\t\tbackground-color: #374151;\n\t\t\t\t\t\tpadding: 4px 08px;\n\t\t\t\t\t\tborder-radius: 100px;\n\t\t\t\t\t\tmargin-top: 08px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: white;\n\t\t\t\t\tbackground-color: #374151;\n\n\t\t\t\t\t.iconBox {\n\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\tbackground-color: #4b5563;\n\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\tfill: #fff;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.texts {\n\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\tcolor: white;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tcolor: #ced7e3;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.category {\n\t\t\t\t\t\t\tcolor: #ced7e3;\n\t\t\t\t\t\t\tbackground-color: #4b5563;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tcolor: white;\n\t\t\t\t\tbackground-color: $primaryColor;\n\t\t\t\t\tbox-shadow: 0 10px 15px -3px #0000001a;\n\n\t\t\t\t\t.iconBox {\n\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\tbackground-color: var(--theme-color-400);\n\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\tfill: #fff;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.texts {\n\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tcolor: var(--theme-color-100);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.category {\n\t\t\t\t\t\t\tcolor: var(--theme-color-100);\n\t\t\t\t\t\t\tbackground-color: var(--theme-color-400);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sidebarList::-webkit-scrollbar {\n\t\t\twidth: 5px;\n\t\t\theight: 10px;\n\t\t\tbackground-color: #0000;\n\t\t}\n\n\t\t.sidebarList::-webkit-scrollbar-track {\n\t\t\tborder-radius: 5px;\n\t\t\tbackground-color: #0000;\n\t\t}\n\n\t\t.sidebarList::-webkit-scrollbar-thumb {\n\t\t\tborder-radius: 5px;\n\t\t\tbackground-color: #b9b9b9;\n\t\t}\n\t}\n\n\t.main {\n\t\tflex: 1 1 0%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toverflow: hidden;\n\n\t\t.mainHeader {\n\t\t\tpadding: 18px 15px;\n\t\t\tbackground-color: #f9fafb;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tborder-bottom: 1px solid #e5e7eb;\n\n\t\t\t.headerInfo {\n\t\t\t\th3 {\n\t\t\t\t\tfont-size: 19px;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tmargin: 0 0 08px 0;\n\t\t\t\t}\n\n\t\t\t\tp {\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.canvas {\n\t\t\tflex: 1 1 0%;\n\t\t\tbackground: #fff;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tposition: relative;\n\t\t\tborder: 2px solid #e5e7eb;\n\t\t\tborder-radius: 08px;\n\t\t\toverflow: hidden;\n\n\t\t\t.bPlLoading {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tbackground-color: rgba(255, 255, 255, 0.75);\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tz-index: 10;\n\t\t\t}\n\n\t\t\tiframe {\n\t\t\t\tflex: 1 1 0%;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tvertical-align: middle;\n\t\t\t\tborder: none;\n\t\t\t}\n\n\t\t\t.canvasImg {\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: calc(100% - 40px);\n\t\t\t\theight: calc(100% - 40px);\n\t\t\t\tmargin: auto;\n\t\t\t\toverflow: hidden;\n\n\t\t\t\timg {\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\ttransition: all 1s ease;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.mainFooter {\n\t\t\tfont-size: 14px;\n\t\t\tcolor: #4b5563;\n\t\t\tbackground-color: #f9fafb;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tpadding: 15px;\n\t\t\tborder-top: 1px solid #e5e7eb;\n\n\t\t\t.status {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\n\t\t\t\t.statusDot {\n\t\t\t\t\twidth: 08px;\n\t\t\t\t\theight: 08px;\n\t\t\t\t\tbackground-color: #22c55e;\n\t\t\t\t\tborder-radius: 9999px;\n\t\t\t\t\tmargin-right: 08px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.demoLink {\n\t\t\t\tfont-weight: bold;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tgap: 8px;\n\t\t\t\ttext-decoration: underline !important;\n\t\t\t\tcolor: $primaryColor;\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 12px;\n\t\t\t\t\theight: 12px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media only screen and (max-width: 1024px) {\n\t.bPlDashboardListDemos {\n\t\tflex-direction: column;\n\n\t\t.sidebar {\n\t\t\twidth: 100%;\n\t\t\tpadding-bottom: 0;\n\n\t\t\t.sidebarHeader {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: 15px;\n\n\t\t\t\t.bPlDashboardButtons {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sidebarList {\n\t\t\t\tmax-width: 100%;\n\t\t\t\tflex-direction: row;\n\t\t\t\tflex-wrap: nowrap;\n\t\t\t\tpadding: 0 8px 16px 8px;\n\n\t\t\t\tbutton {\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tmin-width: 200px;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tpadding: 12px 16px;\n\n\t\t\t\t\t.texts {\n\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tp {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.category {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.externalIcon {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.main {\n\t\t\twidth: 100%;\n\n\t\t\t.mainHeader {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}","$primaryColor: #146EF5;\n$secondaryColor: #FF7A00;\n$titleColor: #070127;\n$contentColor: #485781;\n\n.bPlDashboardPricing {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tpadding: 20px 15px;\n\n\t.cycles {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder: 1px solid #b3d5fd;\n\t\tborder-radius: 10px;\n\t\toverflow: hidden;\n\t\tmargin-bottom: 25px;\n\n\t\tbutton {\n\t\t\tfont-size: 15px;\n\t\t\tfont-weight: 700;\n\t\t\tbackground-color: #0000;\n\t\t\tpadding: 10px 20px;\n\t\t\tborder: 0;\n\t\t\tcursor: pointer;\n\n\t\t\tspan {\n\t\t\t\tcolor: #fff;\n\t\t\t\tbackground-color: #0b8e41;\n\t\t\t\tpadding: 4px 10px;\n\t\t\t\tborder-radius: 50px;\n\t\t\t\tline-height: 1.3;\n\t\t\t\tmargin-left: 8px;\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tborder-right: 1px solid #b3d5fd;\n\t\t\t}\n\n\t\t\t&.active {\n\t\t\t\tbackground-color: #e1efff;\n\t\t\t}\n\t\t}\n\n\t\t@media only screen and (max-width: 640px) {\n\t\t\tflex-direction: column;\n\n\t\t\tbutton {\n\t\t\t\twidth: 100%;\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tborder-right: none;\n\t\t\t\t\tborder-bottom: 1px solid #b3d5fd;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n\n\th2.pricingTitle {\n\t\tfont-size: 18px;\n\t\tfont-weight: 700;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: #e1efff;\n\t\tpadding: 12px 32px;\n\t\tborder: 1px solid #b3d5fd;\n\t\tborder-radius: 10px;\n\t\tmargin-bottom: 25px;\n\t}\n\n\t.plans {\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(min(380px, 100%), 1fr));\n\t\tcontainer-type: inline-size;\n\t\tgap: 20px;\n\t\tpadding: 0;\n\n\t\t.plan {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t\tbackground-color: #fff;\n\t\t\tpadding: 25px 35px 25px 25px;\n\t\t\tborder: 1px solid #e7e7ec;\n\t\t\tborder-radius: 5px;\n\t\t\tmargin: 0;\n\n\t\t\t.planName {\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t}\n\n\t\t\t.priceWrap {\n\t\t\t\tcolor: $primaryColor;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: nowrap;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 15px;\n\t\t\t\tmargin-bottom: 20px;\n\n\t\t\t\t.price {\n\t\t\t\t\tfont-size: clamp(30px, 30px + ((1vw - 3.2px) * 2.438), 56px);\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\tline-height: 1.1;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: end;\n\t\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\t\tsmall {\n\t\t\t\t\t\tfont-size: clamp(17px, 17px + ((1vw - 3.2px) * 1.01), 28px);\n\t\t\t\t\t\tline-height: 1.4;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.prefix,\n\t\t\t\t.suffix {\n\t\t\t\t\tfont-size: clamp(17px, 17px + ((1vw - 3.2px) * 1.01), 28px);\n\t\t\t\t\tline-height: 1.4;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t\talign-self: end;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.note {\n\t\t\t\tfont-size: clamp(15px, 15px + ((1vw - 3.2px) * 0.739), 22px);\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t}\n\n\t\t\t.features {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tcolor: $contentColor;\n\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tmargin-bottom: 20px;\n\t\t\t\t}\n\n\t\t\t\tli {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding-left: 1.875rem;\n\t\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxZW0nIGhlaWdodD0nMWVtJyB2aWV3Qm94PScwIDAgMTAwMCAxMDAwJyBmaWxsPScjNDg1NzgxJz48cGF0aCBkPSdtMzQxLjk4IDcwMS42N2w1NDguMDgtNTQwLjU0cTE5LjQtMTkuMTMgNDUuMjctMTkuMTMgMjUuODcgMCA0NS4yNyAxOS4xMyAxOS40IDE5LjE0IDE5LjQgNDUuNDUgMCAyNi4zMS0xOS40IDQ1LjQ0bC01OTMuMzUgNTg2Ljc4cS0xOS40MSAxOS4xMy00NS4yNyAxOS4xMy0yNS44NyAwLTQ1LjI3LTE5LjEzbC0yNzguMDktMjc0LjI2cS0xOS40LTE5LjEzLTE4LjU5LTQ1LjQ0IDAuODEtMjYuMzEgMjAuMjEtNDUuNDQgMTkuNC0xOS4xNCA0Ni4wOC0xOS4xNCAyNi42NyAwIDQ2LjA4IDE5LjE0eicgLz48L3N2Zz4=');\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\ttop: 0.1em;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.bPlButton {\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: auto;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tmargin-bottom: 20px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.bestValue {\n\t\t\t\tposition: relative;\n\t\t\t\tcolor: #fff;\n\t\t\t\tbackground-color: $primaryColor;\n\n\t\t\t\t&::before {\n\t\t\t\t\tcontent: attr(data-best-text);\n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\twriting-mode: vertical-lr;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t\tbackground-color: $secondaryColor;\n\t\t\t\t\tclip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%);\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: -1px;\n\t\t\t\t\tright: 14px;\n\t\t\t\t\tpadding: 15px 9px 30px 9px;\n\t\t\t\t}\n\n\t\t\t\t.planName,\n\t\t\t\t.priceWrap,\n\t\t\t\t.note,\n\t\t\t\t.features {\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\n\t\t\t\t.features li::before {\n\t\t\t\t\tcontent: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxZW0nIGhlaWdodD0nMWVtJyB2aWV3Qm94PScwIDAgMTAwMCAxMDAwJyBmaWxsPScjZmZmJz48cGF0aCBkPSdtMzQxLjk4IDcwMS42N2w1NDguMDgtNTQwLjU0cTE5LjQtMTkuMTMgNDUuMjctMTkuMTMgMjUuODcgMCA0NS4yNyAxOS4xMyAxOS40IDE5LjE0IDE5LjQgNDUuNDUgMCAyNi4zMS0xOS40IDQ1LjQ0bC01OTMuMzUgNTg2Ljc4cS0xOS40MSAxOS4xMy00NS4yNyAxOS4xMy0yNS44NyAwLTQ1LjI3LTE5LjEzbC0yNzguMDktMjc0LjI2cS0xOS40LTE5LjEzLTE4LjU5LTQ1LjQ0IDAuODEtMjYuMzEgMjAuMjEtNDUuNDQgMTkuNC0xOS4xNCA0Ni4wOC0xOS4xNCAyNi42NyAwIDQ2LjA4IDE5LjE0eicgLz48L3N2Zz4=');\n\t\t\t\t}\n\n\t\t\t\t.wp-element-button {\n\t\t\t\t\tborder: 1px solid #fff;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","$primaryColor: #146EF5;\n$secondaryColor: #FF7A00;\n$titleColor: #070127;\n$contentColor: #485781;\n\n.bPlDashboardFeatureCompare {\n\toverflow-x: auto;\n\n\ttable {\n\t\twidth: 100%;\n\t\tmin-width: 960px;\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t\tborder-collapse: collapse;\n\n\t\tthead {\n\t\t\ttr {\n\t\t\t\tbackground-color: #fbf9fa;\n\t\t\t\tbackground-color: #057afd1f;\n\t\t\t\tborder-bottom: 1px solid #E7E7EC;\n\t\t\t}\n\n\t\t\tth {\n\t\t\t\tmin-width: 168px;\n\t\t\t\tfont-size: 17px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\ttext-align: left;\n\t\t\t\tcolor: $titleColor;\n\t\t\t\tpadding: 16px 24px;\n\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\ttbody {\n\t\t\ttr {\n\t\t\t\tborder-bottom: 1px solid #E7E7EC;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttd {\n\t\t\t\tfont-size: 14px;\n\t\t\t\tpadding: 16px 24px;\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tcolor: $contentColor;\n\t\t\t\t}\n\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t>* {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\n\t\t\t\tsvg {\n\t\t\t\t\tfill: currentColor;\n\t\t\t\t\twidth: 28px;\n\t\t\t\t\theight: 28px;\n\t\t\t\t}\n\n\t\t\t\t&.icon.check {\n\t\t\t\t\tcolor: #00c951;\n\t\t\t\t}\n\n\t\t\t\t&.icon.cross {\n\t\t\t\t\tcolor: #ff6c64;\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\twidth: 26px;\n\t\t\t\t\t\theight: 26px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","$primaryColor: #146EF5;\n$secondaryColor: #FF7A00;\n$titleColor: #070127;\n$contentColor: #485781;\n\n.bPlDashboardHeader {\n\twidth: 100%;\n\tbackground-color: white;\n\tmargin: 0 auto;\n\tpadding-top: 20px;\n\n\t.pluginInfo {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tflex-flow: wrap;\n\t\tgap: 15px;\n\n\t\tdiv:first-child {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: start;\n\t\t\tflex-flow: wrap;\n\t\t\tgap: 15px;\n\t\t}\n\t}\n\n\t.pluginLogo {\n\t\twidth: 55px;\n\t\theight: 55px;\n\t\tdisplay: inline-block;\n\t\tborder-radius: 3px;\n\t}\n\n\t.pluginName {\n\t\tfont-size: 30px;\n\t\tfont-weight: 700;\n\t\tline-height: 1.5;\n\t\tdisplay: inline-block;\n\t\tcolor: $titleColor;\n\t}\n\n\t.pluginVersion {\n\t\tfont-size: 14px;\n\t\tfont-weight: bold;\n\t\tcolor: #fff;\n\t\tbackground-color: $primaryColor;\n\t\tpadding: 4px 12px;\n\t\tborder-radius: 5px;\n\t}\n\n\t.navLinks {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tmargin: 30px auto 0 auto;\n\n\t\t.bPlDashboardNav {\n\t\t\tdisplay: flex;\n\t\t\tfont-size: 16px;\n\t\t\tgap: 30px;\n\n\t\t\t.navLink {\n\t\t\t\tpadding-bottom: 10px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: $contentColor;\n\t\t\t\tborder: none;\n\t\t\t\toutline: none;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tborder-bottom: 2px solid transparent;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-bottom: 2px solid $titleColor;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tborder-bottom: 2px solid $titleColor;\n\t\t\t\t\tcolor: $titleColor;\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","$primaryColor: #146EF5;\n$secondaryColor: #FF7A00;\n$titleColor: #070127;\n$contentColor: #485781;\n\n.bPlDashboardOverview {\n\tdisplay: flex;\n\n\t.overviewLeft {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-basis: 1;\n\n\t\t.overviewLeftTop {\n\t\t\tpadding: 25px 30px;\n\t\t}\n\n\t\t.overviewTitle {\n\t\t\tfont-size: 32px;\n\t\t\tfont-weight: 600;\n\t\t\tcolor: $titleColor;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\n\t\t.overviewDescription {\n\t\t\tfont-size: 18px;\n\t\t\tcolor: $contentColor;\n\t\t\tmargin-bottom: 20px;\n\t\t}\n\n\t\t.overviewBanner {\n\t\t\tmax-width: 100%;\n\t\t\theight: auto;\n\t\t\tdisplay: grid;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\n\t\t\timg {\n\t\t\t\tmax-width: 100%;\n\t\t\t\theight: auto;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.overviewPluginInfo {\n\t\t\tmargin-top: 25px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 15px;\n\n\t\t\timg {\n\t\t\t\twidth: 75px;\n\t\t\t\theight: 75px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t}\n\n\t\t\tdiv {\n\t\t\t\th3 {\n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tline-height: 1.3;\n\t\t\t\t\tcolor: $titleColor;\n\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\ttext-transform: capitalize;\n\t\t\t\t\tcolor: $contentColor;\n\t\t\t\t\tmargin-right: 5px;\n\t\t\t\t}\n\n\t\t\t\ta {\n\t\t\t\t\tcolor: $primaryColor;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\ttext-decoration: underline;\n\t\t\t\t}\n\n\t\t\t}\n\t\t}\n\n\t\t.overviewLeftBottom {\n\t\t\tjustify-content: right;\n\t\t\tpadding: 20px 30px;\n\t\t\tborder-top: 1px solid rgba($contentColor, 50%);\n\t\t\tmargin-top: auto;\n\t\t}\n\t}\n\n\t.overviewRight {\n\t\tmin-width: 320px;\n\t\tborder-left: 1px solid rgba($contentColor, 50%);\n\n\t\t.helpInfoItem {\n\t\t\tpadding: 25px;\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tborder-bottom: 1px solid rgba($contentColor, 50%);\n\t\t\t}\n\n\t\t\th4 {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tcolor: $titleColor;\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tcolor: $contentColor;\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t}\n\t\t}\n\t}\n}","// Color Variables\r\n$primary: #ff6b6b;\r\n$white: #fff;\r\n$black: #000;\r\n$shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n\r\n.bPlVideoPlayer {\r\n\tposition: relative;\r\n\tmax-width: 100%;\r\n\tbackground: $black;\r\n\tborder-radius: 12px;\r\n\toverflow: hidden;\r\n\tbox-shadow: $shadow;\r\n\r\n\t&:hover {\r\n\t\t.center-play-btn {\r\n\t\t\t&.pause {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.bPlVideoPlayerYoutube {\r\n\t\tposition: relative;\r\n\t\tpadding-bottom: 56.25%;\r\n\t\theight: 0;\r\n\t\toverflow: hidden;\r\n\t\tmax-width: 100%;\r\n\r\n\t\tiframe,\r\n\t\tobject,\r\n\t\tembed {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t.video-element {\r\n\t\twidth: 100%;\r\n\t\theight: auto;\r\n\t\tdisplay: block;\r\n\t\tmax-height: 70vh;\r\n\t}\r\n\r\n\t.preview-video {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.center-play-btn {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\twidth: 60px;\r\n\t\theight: 60px;\r\n\t\tbackground: #146ef5;\r\n\t\tborder-radius: 50%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tcursor: pointer;\r\n\t\ttransition: all 0.3s ease;\r\n\t\tz-index: 10;\r\n\r\n\t\t&.pause {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\ttransform: translate(-50%, -50%) scale(1.1);\r\n\t\t}\r\n\r\n\t\t.play-icon {\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 32px;\r\n\t\t\tcolor: #dddddd;\r\n\t\t\tdisplay: grid;\r\n\t\t\tplace-items: center;\r\n\r\n\t\t\t// margin-left: 4px;\r\n\t\t\tsvg.video-player-pause-icon {\r\n\t\t\t\tfill: #dddddd;\r\n\t\t\t\twidth: 18px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.loading-spinner {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\tdisplay: flex;\r\n\t\tz-index: 5;\r\n\r\n\t\t.spinner {\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 40px;\r\n\t\t\tborder: 4px solid rgba($white, 0.3);\r\n\t\t\tborder-top: 4px solid $white;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tanimation: bPlDashboardSpin 1s linear infinite;\r\n\t\t}\r\n\t}\r\n\r\n\t.video-controls {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbackground: linear-gradient(transparent, rgba(0, 0, 0, 0.7));\r\n\t\tpadding: 20px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 15px;\r\n\t\topacity: 0;\r\n\t\ttransition: opacity 0.3s ease;\r\n\r\n\t\t&.visible {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover .video-controls {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t.control-btn {\r\n\t\tbackground: none;\r\n\t\tborder: none;\r\n\t\tcolor: $white;\r\n\t\tcursor: pointer;\r\n\t\tpadding: 8px;\r\n\t\tborder-radius: 4px;\r\n\t\ttransition: background-color 0.2s ease;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: rgba($white, 0.2);\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t}\r\n\t}\r\n\r\n\t.time-display {\r\n\t\tcolor: $white;\r\n\t\tfont-size: 14px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 5px;\r\n\t\tmin-width: 80px;\r\n\r\n\t\t.separator {\r\n\t\t\topacity: 0.7;\r\n\t\t}\r\n\t}\r\n\r\n\t.progress-container {\r\n\t\tflex: 1;\r\n\t\tmargin: 0 10px;\r\n\t\tposition: relative;\r\n\r\n\t\t.progress-bar {\r\n\t\t\tposition: relative;\r\n\t\t\theight: 6px;\r\n\t\t\tbackground: rgba($white, 0.3);\r\n\t\t\tborder-radius: 3px;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttransition: height 0.2s ease;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\theight: 8px;\r\n\t\t\t}\r\n\r\n\t\t\t.progress-filled {\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tbackground: $primary;\r\n\t\t\t\tborder-radius: 3px;\r\n\t\t\t\t// transition: width 0.1s ease;\r\n\t\t\t}\r\n\r\n\t\t\t.progress-handle {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\twidth: 14px;\r\n\t\t\t\theight: 14px;\r\n\t\t\t\tbackground: $primary;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\topacity: 0;\r\n\t\t\t\ttransition: opacity 0.2s ease;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover .progress-handle {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.progress-preview {\r\n\t\tposition: absolute;\r\n\t\tbottom: 25px;\r\n\t\ttransform: translateX(-50%);\r\n\t\tz-index: 20;\r\n\t\tpointer-events: none;\r\n\t\twidth: 120px;\r\n\r\n\t\t.preview-thumbnail {\r\n\t\t\tposition: relative;\r\n\t\t\tbackground: rgba(0, 0, 0, 0.9);\r\n\t\t\tborder-radius: 8px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tbox-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);\r\n\t\t\tborder: 2px solid rgba($white, 0.2);\r\n\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: -8px;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t\twidth: 0;\r\n\t\t\t\theight: 0;\r\n\t\t\t\tborder-left: 8px solid transparent;\r\n\t\t\t\tborder-right: 8px solid transparent;\r\n\t\t\t\tborder-top: 8px solid rgba(0, 0, 0, 0.9);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.preview-video-display {\r\n\t\t\twidth: 120px;\r\n\t\t\theight: 68px;\r\n\t\t\tobject-fit: cover;\r\n\t\t\tdisplay: block;\r\n\t\t\tbackground: $black;\r\n\t\t}\r\n\r\n\t\t.preview-time {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbackground: rgba(0, 0, 0, 0.8);\r\n\t\t\tcolor: $white;\r\n\t\t\tfont-size: 11px;\r\n\t\t\tpadding: 4px 8px;\r\n\t\t\ttext-align: center;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\t}\r\n\r\n\t.volume-container {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 8px;\r\n\r\n\t\t.volume-slider {\r\n\t\t\twidth: 80px;\r\n\t\t\t// opacity: 0;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t}\r\n\r\n\t\t&:hover .volume-slider {\r\n\t\t\t// opacity: 1;\r\n\t\t}\r\n\r\n\t\t.volume-bar {\r\n\t\t\tposition: relative;\r\n\t\t\theight: 4px;\r\n\t\t\tbackground: rgba($white, 0.3);\r\n\t\t\tborder-radius: 2px;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t.volume-filled {\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tbackground: $white;\r\n\t\t\t\tborder-radius: 2px;\r\n\t\t\t\ttransition: width 0.1s ease;\r\n\t\t\t}\r\n\r\n\t\t\t.volume-handle {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\twidth: 12px;\r\n\t\t\t\theight: 12px;\r\n\t\t\t\tbackground: $white;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\ttransition: left 0.1s ease;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Responsive Design\r\n\t@media (max-width: 768px) {\r\n\t\t.center-play-btn {\r\n\t\t\twidth: 60px;\r\n\t\t\theight: 60px;\r\n\r\n\t\t\t.play-icon {\r\n\t\t\t\twidth: 24px;\r\n\t\t\t\theight: 24px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.video-controls {\r\n\t\t\tpadding: 15px 10px;\r\n\t\t\tgap: 10px;\r\n\t\t}\r\n\r\n\t\t.volume-container {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.time-display {\r\n\t\t\tfont-size: 12px;\r\n\t\t\tmin-width: 70px;\r\n\t\t}\r\n\r\n\t\t.preview-video-display {\r\n\t\t\twidth: 100px;\r\n\t\t\theight: 56px;\r\n\t\t}\r\n\r\n\t\t.preview-time {\r\n\t\t\tfont-size: 10px;\r\n\t\t\tpadding: 3px 6px;\r\n\t\t}\r\n\t}\r\n\r\n\t@media (max-width: 480px) {\r\n\t\t.video-controls {\r\n\t\t\tpadding: 10px;\r\n\t\t\tgap: 8px;\r\n\t\t}\r\n\r\n\t\t.control-btn svg {\r\n\t\t\twidth: 18px;\r\n\t\t\theight: 18px;\r\n\t\t}\r\n\r\n\t\t.progress-container {\r\n\t\t\tmargin: 0 5px;\r\n\t\t}\r\n\r\n\t\t.preview-video-display {\r\n\t\t\twidth: 80px;\r\n\t\t\theight: 45px;\r\n\t\t}\r\n\r\n\t\t.progress-preview {\r\n\t\t\tbottom: 20px;\r\n\t\t}\r\n\t}\r\n\r\n\t// Fullscreen Styles\r\n\t&:fullscreen {\r\n\t\twidth: 100vw;\r\n\t\theight: 100vh;\r\n\t\tborder-radius: 0;\r\n\r\n\t\t.video-element {\r\n\t\t\tmax-height: 100vh;\r\n\t\t\theight: 100vh;\r\n\t\t\tobject-fit: contain;\r\n\t\t}\r\n\r\n\t\t.preview-video-display {\r\n\t\t\twidth: 160px;\r\n\t\t\theight: 90px;\r\n\t\t}\r\n\r\n\t\t.progress-preview {\r\n\t\t\tbottom: 35px;\r\n\t\t}\r\n\t}\r\n}","$primaryColor: #146EF5;\n$secondaryColor: #FF7A00;\n$titleColor: #070127;\n$contentColor: #485781;\n\n.bPlDashboardChangelog {\n\tbackground: #fff;\n\tpadding: 10px 30px !important;\n\n\t.toggleArea {\n\t\th2 {\n\t\t\tfont-size: 22px;\n\t\t\tcolor: $titleColor;\n\t\t\tfont-weight: 500;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tpadding: 15px 0;\n\t\t\tcursor: pointer;\n\n\t\t\tsvg {\n\t\t\t\twidth: 1.2em;\n\t\t\t\theight: 1.2em;\n\t\t\t\tfill: currentColor;\n\t\t\t}\n\t\t}\n\t}\n\n\t.changelogsWrap {\n\t\toverflow: hidden;\n\t\ttransition: all .3s ease-in-out;\n\t}\n\n\t.changelogs {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 25px;\n\t\tpadding: 15px 0;\n\n\t\th4 {\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: bold;\n\t\t\tcolor: #fff;\n\t\t\tbackground-color: $titleColor;\n\t\t\tdisplay: inline-block;\n\t\t\tpadding: 4px 12px;\n\t\t\tborder-radius: 5px;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\n\t\t.list {\n\t\t\tcolor: $contentColor;\n\t\t\tfont-size: 15px;\n\t\t\tfont-weight: 400;\n\t\t\tlist-style: inside;\n\t\t}\n\t}\n}"],"names":[],"sourceRoot":""}