{"version":3,"file":"admin-dashboard.css","mappings":";;;;;;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;;ACNA;;;;EAIC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADSD;;ACNA;EACC;EACA;EACA;EACA;EACA;EACA;ADSD;ACPC;EACC;EACA;EACA;EACA;EACA;ADSF;ACNC;EACC;EACA;EACA;EACA;ADQF;ACLC;EACC;ADOF;ACLE;EACC;EACA;EACA;EACA;ADOH;ACHC;EACC,sBCnDW;EDoDX;EACA;ADKF;ACFC;EACC;EACA;EACA;ADIF,C;;;;AG/DA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHD;AAKC;EACC;EACA;AAHF;AAMC;EACC;EACA;EACA;AAJF;AAOC;EAEC;EACA;AANF;AASC;EAGC;AATF;AAWE;EACC,mBA1CU;EA2CV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATH;AAaG;EACC;AAXJ;AAgBG;EACC;AAdJ;AAmBC;EACC,mBArEa;AAoDf;AAoBG;EACC,cAzEW;AAuDf;AAsBE;EACC,cA9EY;EA+EZ;EACA;AApBH;AAsBG;EACC,mBAnFW;AA+Df;AAuBG;EACC;AArBJ;AAwBG;EACC;EACA;AAtBJ;AAwBI;EACC;AAtBL;AAyBI;EACC,cAnGU;AA4Ef;AA6BC;EACC,mBAzGe;AA8EjB;AA8BG;EACC,cA7Ga;AAiFjB;AAgCE;EACC,cAlHc;EAmHd;EACA;AA9BH;AAgCG;EACC,mBAvHa;AAyFjB;AAiCG;EACC;AA/BJ;AAoCC;EACC;AAlCF;AAqCG;EACC,cArIa;AAkGjB;AAuCE;EACC;EACA;EACA;AArCH;AAuCG;EACC,mBA/Ia;AA0GjB;AAwCG;EACC;AAtCJ;AA+DC;EACC;EACA;AA7DF;AAgEC;EACC;EACA;AA9DF,C;;;;AChHC;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;;;;AC1BA;EACC;EACA;EACA;EACA;EACA,gBHHY;EGIZ;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;AADF;AAGE;EACC;EACA;EACA,WHjBU;EGkBV;EACA;AADH;AAGG;EACC;AADJ;AAGI;EACC;AADL;AAKG;EACC;AAHJ;AAKI;EACC;AAHL;AASC;EACC;EACA;EACA;EACA;EACA;EACA;AAPF;AASE;EACC;AAPH;AASG;EACC;EACA;EACA;AAPJ;AAUG;EACC;EACA;EACA;AARJ;AAUI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AARL;AAWI;EACC;EACA;EACA;EACA,gBH3EQ;EG4ER;EACA;EACA;EACA;EACA;AATL;AAWK;EAGC;EACA;EACA;AAXN;AAeI;EACC;AAbL;AAYI;EACC;AAbL;AAiBG;EACC;AAfJ;AAmBE;EACC;EACA;EACA;EACA;AAjBH;AAmBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjBJ;AAmBI;EACC;EACA;EACA;AAjBL;AAoBI;EACC;EACA;EACA;AAlBL;AAoBK;EACC;EACA;AAlBN;AAqBK;EACC;EACA;EACA;AAnBN;AAuBI;EACC;AArBL;AAuBK;EACC;AArBN;AAuBM;EACC;AArBP;AA2BG;EACC;AAzBJ;AA4BK;EAEC;EACA;EACA;EACA;EACA;EACA;AA3BN;AA6BM;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3BP;AA6BO;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3BR;AA8BO;EACC;AA5BR;AA+BO;EACC;EACA,gBHrMK;EGsML;AA7BR;AAmCM;EAEC;AAlCP;AAyCG;EACC;EACA;EACA;EACA;AAvCJ;AAyCI;EACC;EACA;AAvCL;AA4CE;EACC;EACA;EACA;AA1CH;AA6CE;EACC;EACA;AA3CH;AA8CE;EACC;EACA;AA5CH;AAgDC;EACC;EACA;EACA;EACA;EACA,gBHxPW;AG0Mb;AAgDE;EACC;EACA;EACA;EACA;EACA;AA9CH;AAiDI;EACC;EACA;EACA;EACA;AA/CL;AAoDE;EACC;EACA,gBH7QU;EG8QV;EACA;EACA;EACA;EACA;EACA;AAlDH;AAoDG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAlDJ;AAqDG;EACC;EACA;EACA;EACA;EACA;AAnDJ;AAsDG;EACC;EACA;EACA;EACA;EACA;AApDJ;AAsDI;EACC;EACA;AApDL;;AA2DA;EACC;IACC;EAxDA;EA0DA;IACC;IACA;EAxDD;EA0DC;IACC;IACA;IACA;IACA;EAxDF;EA0DE;IACC;EAxDH;EA4DC;IACC;IACA;IACA;IACA;EA1DF;EA4DE;IACC;IACA;IACA;IACA;EA1DH;EA6DI;IACC;EA3DL;EA8DI;IACC;EA5DL;EA+DI;IACC;EA7DL;EAiEG;IACC;EA/DJ;EAqEA;IACC;EAnED;EAqEC;IACC;EAnEF;AACF,C;;;;AC/SA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA,gBJZW;EIaX;EACA;EACA;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADH;AAGG;EACC,WJ9BS;EI+BT;EACA;AADJ;AAMC;EACC;EACA;EACA;EACA;EACA;EACA,WJ3CW;EI4CX;EACA;EACA;EACA;EACA;AAJF;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AALF;AAOE;EACC;EACA;EACA;EACA,sBJhEU;EIiEV;EACA;EACA;EACA;AALH;AAOG;EACC;EACA;EACA;EACA;AALJ;AAQG;EACC;EACA;EACA;AANJ;AASG;EACC;EACA;EACA;AAPJ;AAUG;EACC;EACA;EACA;AARJ;AAUI;EACC;EACA;EACA;AARL;AAUK;EACC;AARN;AAWK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATN;AAYK;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVN;AAeG;EACC;EACA;EACA;EACA,WJ9IS;EI+IT;EACA;EACA;EACA;EACA;AAbJ;AAeI;EACC;AAbL;AAiBG;EACC,WJ3JS;EI4JT;AAfJ;AAiBI;;;;EAIC,WJlKQ;AImJb;AAmBK;EACC;AAjBN;AAoBK;EACC,sBJ3KO;AIyJb;AAsBI;EACC,WJhLQ;EIiLR;EACA;EACA;AApBL;AAsBK;EACC;AApBN;AAuBK;EACC,gBJ1LO;AIqKb,C;;;;ACvKA;EACC;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACC;AADH;AAGG;EACC;EACA;EACA;EACA;AADJ;AAIG;EACC;EACA;EACA;EACA,gBL7BS;EK8BT;EACA;EACA;EACA;AAFJ;AAII;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFL;AAIK;EACC,WL9CO;EK+CP;EACA;AAFN;AAOG;EACC;EACA;EACA;EACA;EACA;EACA,WL3DS;EK4DT;EACA;EACA;EACA;AALJ;AASE;EACC;EACA;EACA;EACA;AAPH;AASG;EACC;EACA;AAPJ;AAUG;EACC;EACA;EACA;EACA;EACA;EACA;AARJ;AAUI;EACC;EACA;EACA;AARL;AAYG;EACC;EACA;EACA;EACA;EACA;EACA;AAVJ;AAYI;EACC;AAVL;AAcG;EACC,gBL3GS;EK4GT;AAZJ;AAcI;EACC;AAZL;AAeI;EACC;AAbL;AAgBI;EACC;AAdL;AAiBI;EACC;EACA;EACA;AAfL;AAiBK;EACC;AAfN;AAoBG;EACC;EACA;AAlBJ;AAoBI;;;EAGC,WL5IQ;AK0Hb;AAqBI;EACC;EACA,gBLjJQ;AK8Hb;AAqBK;EACC;AAnBN;AA0BC;EACC;EACA;EACA;EACA;EACA;AAxBF;AA2BG;EACC;EACA;EACA;EACA;EACA;EACA;AAzBJ;AA2BI;EACC;EACA;AAzBL;AA+BG;EACC;EACA;EACA;EACA;AA7BJ;AA+BI;EACC;AA7BL;AAiCG;EACC;EACA;AA/BJ;AAiCI;EACC;EACA;EACA;EACA;EACA;AA/BL;AAkCI;EACC;EACA;EACA;AAhCL;AAmCI;EACC;AAjCL;AAoCI;EACC;AAlCL;AAqCI;EACC;EACA;EACA,WL3NQ;EK4NR;EACA;EACA;EACA;AAnCL;AAsCI;EACC;AApCL;AAsCK;EACC;EACA;AApCN;AAwCI;EACC;AAtCL;AAwCK;EACC;EACA;AAtCN,C;;;;AC5MA;EACC;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;AADF;AAIC;EACC;EACA;EACA;EACA,gBNbW;EMcX;EACA;EACA;EACA;AAFF;AAIE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFH;AAKE;EACC;EACA;EACA;EACA;AAHH;AAKG;EACC;EACA;EACA;EACA;EACA;KAAA;AAHJ;AAMG;EACC;EACA;EACA;EACA;AAJJ;AAQE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANH;AASE;EACC;EACA;EACA;EACA;EACA;EACA;AAPH;AASG;;EAEC;EACA;EACA;AAPJ;AASI;;EACC;EACA;EACA;AANL;AAWE;EACC;EACA;EACA;EACA;EACA;AATH;AAWG;EACC;AATJ;AAYG;EACC;AAVJ;AAYI;EACC;AAVL;AAcG;EACC;AAZJ;AAcI;EACC;AAZL;AAgBG;EACC;AAdJ;AAgBI;EACC;AAdL;AAkBG;EACC;EACA;AAhBJ,C;;;;AC7GA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADH;AAIE;EACC;EACA;EACA;EACA;EACA;AAFH;AAKE;EACC;EACA;EACA;EACA;EACA;AAHH;AAME;EACC;EACA;EACA,WP/CU;EOgDV;EACA;EACA;AAJH;AAQC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AANF;AAQE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANH;AAQG;EACC;AANJ;AASG;EACC;EACA;AAPJ;AAUG;EACC;AARJ;AAaC;EACC;EACA;EACA;EACA;OAAA;EACA;EACA;EACA;AAXF;AAaE;EACC;EACA;EACA;EACA;EACA;EACA;AAXH;AAaG;EAGC;EACA;AAbJ;AAiBE;EACC;EACA;EACA,WPvHU;EOwHV;EACA;AAfH;AAiBG;EACC;AAfJ;AAoBI;EACC;AAlBL;AAwBC;EACC;IACC;IACA;EAtBD;EAyBA;IACC;SAAA;EAvBD;EAyBC;IACC;EAvBF;AACF,C;;;;AC9HA;EACC;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;AADF;AAGE;EACC;EACA;EACA;EACA;EACA;AADH;AAGG;EACC;EACA;EACA;EACA;AADJ;AAIG;EACC;EACA;EACA;AAFJ;AAKG;EACC;EACA;EACA;EACA;AAHJ;AAMG;EACC;EACA;EACA;AAJJ;AAMI;EACC,WR/CQ;EQgDR;EACA;EACA;AAJL;AAMK;EACC;AAJN;AAOK;EACC;AALN;AAOM;EACC;AALP;AAWG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AATJ;AAWI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATL;AAYI;EACC;EACA;EACA;AAVL;AAaI;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBRpGQ;EQqGR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAXL;AAaK;EACC;EACA;EACA;EACA;AAXN;AAcK;EACC;EACA;AAZN;AAiBG;EACC;IACC;EAfH;EAkBE;IACC;IACA;EAhBH;AACF;AAqBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAqBE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBH;AAqBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBJ;AAqBI;EACC;EACA;EACA;AAnBL;AAsBI;EACC;EACA;AApBL;AAwBG;EACC;EACA;AAtBJ;AA0BE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAxBH;AA4BC;EACC;EACA;EACA;EACA;AA1BF;AA4BE;EACC;AA1BH;AA4BG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1BJ;AA4BI;EACC;AA1BL;AA8BG;EACC;EACA;EACA;EACA;AA5BJ;AA+BG;EACC;EACA;EACA;EACA;AA7BJ;AAgCG;EACC;EACA,WRrPS;EQsPT;EACA;AA9BJ;AAgCI;EACC;AA9BL;AAmCI;EACC;AAjCL;AAmCK;EACC;AAjCN,C;;;;AChOA;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,WTjIW;ESkIX;EACA;EACA;EACA;EACA;EACA;EACA;AAzBF;AA2BE;EACC;AAzBH;AA4BE;EACC;EACA;AA1BH;AA8BC;EACC,WTrJW;ESsJX;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,mBAtLM;EAuLN;AA/BJ;AAmCG;EACC;EACA;EACA;EACA;EACA,mBAhMM;EAiMN;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,WTvPU;ESwPV;EACA;EACA;EACA;AAxCH;AA4CC;EACC;EACA;EACA;AA1CF;AA4CE;EACC;EAEA;AA3CH;AAkDE;EACC;EACA;EACA;EACA;EACA;AAhDH;AAkDG;EACC;EACA,gBTvRS;ESwRT;EACA;AAhDJ;AAmDG;EACC;EACA;EACA;EACA;EACA,gBTjSS;ESkST;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;;;;ACvTA;EACC;EACA;AADD;AAGC;EACC;EACA;EACA;EACA;AADF;AAIC;EACC;EACA;AAFF;AAIE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFH;AAKE;EACC;AAHH;AASG;EACC;AAPJ;AAaG;EACC;AAXJ;AAeE;EACC;EACA;EACA;EACA;EACA;AAbH;AAgBE;EACC;EACA;EACA;AAdH,C;;;;AC3CA;EACC;EACA;EACA;EACA;EACA;EACA;AADD;AAGC;EACC;AADF;AAIC;EACC;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;EACA;AAHF;AAKE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHH;AAKG;EACC;AAHJ;AAMG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJJ;AAMI;EACC,UX/CQ;EWgDR;EACA;AAJL;AAUC;EACC;EACA,WXzDW;EW0DX;EACA;AARF;AAUE;EACC;AARH;AAYC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;AAYE;EACC;EACA;EACA;KAAA;AAVH,C","sources":["webpack://b-timeline/./admin/admin.scss","webpack://b-timeline/../bpl-tools/Admin/style.scss","webpack://b-timeline/../bpl-tools/Admin/__variables.scss","webpack://b-timeline/../bpl-tools/Components/Button/style.scss","webpack://b-timeline/../bpl-tools/Components/Loading/style.scss","webpack://b-timeline/../bpl-tools/Admin/Demos/style.scss","webpack://b-timeline/../bpl-tools/Admin/Pricing/style.scss","webpack://b-timeline/../bpl-tools/Admin/FeatureCompare/style.scss","webpack://b-timeline/../bpl-tools/Admin/OurPlugins/style.scss","webpack://b-timeline/../bpl-tools/Admin/Header/style.scss","webpack://b-timeline/../bpl-tools/Admin/Overview/style.scss","webpack://b-timeline/../bpl-tools/Admin/Overview/VideoPlayer.scss","webpack://b-timeline/../bpl-tools/Admin/Changelog/style.scss","webpack://b-timeline/../bpl-tools/Admin/ProAds/style.scss"],"sourcesContent":[":root {\r\n  --bpl-dashboard-primary-color: #0B81EE;\r\n  --bpl-dashboard-primary-color-rgb: 11, 129, 238;\r\n  --bpl-dashboard-secondary-color: #8C74FD;\r\n  --bpl-dashboard-secondary-color-rgb: 140, 116, 253;\r\n  --bpl-dashboard-title-color: #070127;\r\n  --bpl-dashboard-title-color-rgb: 7, 1, 39;\r\n  --bpl-dashboard-content-color: #1b2e4b;\r\n  --bpl-dashboard-content-color-rgb: 27, 46, 75;\r\n}\r\n\r\n@import '../../bpl-tools/Admin/style.scss';","@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700;900&family=Roboto:wght@100..900&display=swap');\r\n\r\n@import '__variables.scss';\r\n\r\n.notice,\r\n.fs-notice,\r\n.fs-has-title,\r\n.fs_notice_board {\r\n\twidth: 0;\r\n\theight: 0;\r\n\tposition: absolute;\r\n\ttop: -9999px;\r\n\tleft: -9999px;\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\tdisplay: none !important;\r\n\tpadding: 0 !important;\r\n\tmargin: 0 !important;\r\n}\r\n\r\n.bPlDashboard {\r\n\tfont-family: \"Roboto\", sans-serif;\r\n\twidth: calc(100% + 20px);\r\n\tmax-width: calc(100% + 20px);\r\n\tmin-height: 100vh;\r\n\tbackground: #f6f8fa;\r\n\tmargin: 0 -20px 0 -20px;\r\n\r\n\t* {\r\n\t\tfont-family: \"Roboto\", sans-serif;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tbox-sizing: border-box;\r\n\t\tline-height: 1.5;\r\n\t}\r\n\r\n\t.bPlDashboardContainer {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 1320px;\r\n\t\tpadding: 0 15px;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\r\n\t.bPlDashboardMain {\r\n\t\tpadding: 52px 32px;\r\n\r\n\t\t.bPlDashboardContainer {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tgap: 35px;\r\n\t\t\tpadding: 20px 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.bPlDashboardCard {\r\n\t\tbackground-color: $whiteColor;\r\n\t\tpadding: 24px;\r\n\t\tborder-radius: 12px;\r\n\t}\r\n\r\n\t.bPlDashboardButtons {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 10px;\r\n\t}\r\n}","$primaryColor: #6155F5;\r\n$secondaryColor: #091E42;\r\n$titleColor: #001737;\r\n$contentColor: #1B2E4B;\r\n$whiteColor: #fff;","$primaryColor: #146EF5;\r\n$secondaryColor: #FF7A00;\r\n$titleColor: #070127;\r\n\r\n.bPlButton {\r\n\tfont-size: 16px;\r\n\tfont-weight: 500;\r\n\ttext-decoration: none;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tgap: 10px;\r\n\tposition: relative;\r\n\tpadding: 12px 28px;\r\n\tborder: none;\r\n\tborder-radius: .5em;\r\n\toutline: 0;\r\n\tz-index: 0;\r\n\tcursor: pointer;\r\n\toverflow: hidden;\r\n\ttransition: all .5s ease-in-out;\r\n\r\n\t.bPlButton-disabled {\r\n\t\topacity: 0.7;\r\n\t\tcursor: not-allowed;\r\n\t}\r\n\r\n\tsvg {\r\n\t\tfill: currentColor;\r\n\t\twidth: 1.2em;\r\n\t\theight: 1.2em;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&:focus {\r\n\t\toutline: 0;\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t&.variant-primary,\r\n\t&.variant-secondary,\r\n\t&.variant-danger {\r\n\t\tcolor: #fff;\r\n\r\n\t\t&::before {\r\n\t\t\tbackground: $titleColor;\r\n\t\t\tcontent: '';\r\n\t\t\twidth: 0;\r\n\t\t\theight: 100%;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tz-index: -1;\r\n\t\t\ttransition: all .5s ease-in-out;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t&::before {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.white {\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.variant-primary {\r\n\t\tbackground: $primaryColor;\r\n\r\n\t\t&.white {\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $primaryColor ;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.outline {\r\n\t\t\tcolor: $primaryColor;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: 2px solid $primaryColor;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: $primaryColor;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\r\n\t\t\t&.white {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tborder: 2px solid #fff;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground: #fff;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: $primaryColor;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.variant-secondary {\r\n\t\tbackground: $secondaryColor;\r\n\r\n\t\t&.white {\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $secondaryColor ;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.outline {\r\n\t\t\tcolor: $secondaryColor;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: 2px solid $secondaryColor;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: $secondaryColor;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.variant-danger {\r\n\t\tbackground: #dc3545;\r\n\r\n\t\t&.white {\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $secondaryColor ;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.outline {\r\n\t\t\tcolor: #dc3545;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: 2px solid #dc3545;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: $secondaryColor;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// &.variant-outline {\r\n\t// \tcolor: $primaryColor;\r\n\t// \tbackground: transparent;\r\n\t// \tborder: 2px solid $primaryColor;\r\n\t// }\r\n\r\n\t// &.variant-outline-fill {\r\n\t// \tcolor: $primaryColor;\r\n\t// \tbackground: transparent;\r\n\t// \tborder: 2px solid $primaryColor;\r\n\r\n\t// \t&:hover {\r\n\t// \t\tcolor: white;\r\n\t// \t\tbackground: $primaryColor;\r\n\t// \t}\r\n\t// }\r\n\r\n\t// color: $primaryColor;\r\n\t// background: transparent;\r\n\r\n\t&.size-medium {\r\n\t\tfont-size: 14px;\r\n\t\tpadding: 8px 18px;\r\n\t}\r\n\r\n\t&.size-small {\r\n\t\tfont-size: 12px;\r\n\t\tpadding: 6px 14px;\r\n\t}\r\n}","$primaryColor: #146EF5;\r\n$secondaryColor: #FF7A00;\r\n$titleColor: #070127;\r\n$contentColor: #485781;\r\n\r\n.bPlLoading {\r\n\t.loadingContent {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tgap: 15px;\r\n\r\n\t\t&.horizontal {\r\n\t\t\tflex-direction: row;\r\n\t\t}\r\n\r\n\t\t.loadingSpinner {\r\n\t\t\twidth: 2rem;\r\n\t\t\theight: 2rem;\r\n\t\t\tborder: 4px solid $primaryColor;\r\n\t\t\tborder-top-color: transparent;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tanimation: bPlLoadingSpin 1s linear infinite;\r\n\t\t}\r\n\r\n\t\t.loadingText {\r\n\t\t\tcolor: $contentColor;\r\n\t\t\tfont-size: 18px;\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes bPlLoadingSpin {\r\n\t\t0% {\r\n\t\t\ttransform: rotate(0deg);\r\n\t\t}\r\n\r\n\t\t100% {\r\n\t\t\ttransform: rotate(360deg);\r\n\t\t}\r\n\t}\r\n}","@import '../__variables';\r\n\r\n.bPlDashboardDemos {\r\n\twidth: 100%;\r\n\tmax-width: 1440px;\r\n\tmin-height: 600px;\r\n\theight: calc(100dvh - 127px - var(--wp-admin--admin-bar--height, 32px));\r\n\tbackground: $whiteColor;\r\n\tdisplay: flex;\r\n\tborder-radius: 10px;\r\n\toverflow: hidden;\r\n\tpadding: 0 !important;\r\n\tmargin: 0 auto;\r\n\r\n\t.bPlDashboardButtons {\r\n\t\tgap: 13px;\r\n\t\tflex-wrap: wrap;\r\n\r\n\t\t.bPlButton {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tpadding: 8px 20px;\r\n\t\t\tborder-radius: 5px;\r\n\r\n\t\t\t&:first-child {\r\n\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.sidebar {\r\n\t\tmin-width: 350px;\r\n\t\tbackground: #fafbfc;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tborder: 1px solid #E3E6EE;\r\n\t\tborder-radius: 10px 0 0 10px;\r\n\r\n\t\t.sidebarHeader {\r\n\t\t\tpadding: 26px 21px;\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tcolor: rgba(var(--bpl-dashboard-content-color-rgb, $contentColor), .9);\r\n\t\t\t\tmargin: 0 0 4px 0;\r\n\t\t\t}\r\n\r\n\t\t\t.search {\r\n\t\t\t\tborder-radius: 5px;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tmax-width: 100%;\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 22px;\r\n\t\t\t\t\theight: 22px;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\tleft: 16px;\r\n\t\t\t\t\tfill: rgba(var(--bpl-dashboard-title-color-rgb, $titleColor), .75);\r\n\t\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tinput {\r\n\t\t\t\t\theight: 45px;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tcolor: rgba(var(--bpl-dashboard-content-color-rgb, $contentColor), .75);\r\n\t\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\t\tpadding-left: 48px;\r\n\t\t\t\t\tborder: 1px solid rgba(var(--bpl-dashboard-content-color-rgb, $contentColor), .2);\r\n\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\toutline: 0;\r\n\t\t\t\t\tbox-shadow: none;\r\n\r\n\t\t\t\t\t&:hover,\r\n\t\t\t\t\t&:focus,\r\n\t\t\t\t\t&:active {\r\n\t\t\t\t\t\tborder: 1px solid rgba(var(--bpl-dashboard-content-color-rgb, $contentColor), .2);\r\n\t\t\t\t\t\toutline: 0;\r\n\t\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tinput::placeholder {\r\n\t\t\t\t\tcolor: rgba(var(--bpl-dashboard-content-color-rgb, $contentColor), .75);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.bPlDashboardButtons {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.sidebarList {\r\n\t\t\tflex: 1;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\toverflow: auto;\r\n\r\n\t\t\t.parentDemo {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor) !important;\r\n\t\t\t\tbackground: $whiteColor !important;\r\n\t\t\t\tpadding: 16px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tgap: 10px;\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\tborder: none;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t.icon {\r\n\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 24px;\r\n\t\t\t\t\theight: 24px;\r\n\t\t\t\t\tfill: rgba(var(--bpl-dashboard-title-color-rgb, $titleColor), .75);\r\n\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\twidth: 26px;\r\n\t\t\t\t\t\theight: 26px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\twidth: 21px;\r\n\t\t\t\t\t\theight: 21px;\r\n\t\t\t\t\t\tmargin-left: auto;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor) !important;\r\n\r\n\t\t\t\t\tsvg {\r\n\t\t\t\t\t\tfill: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\r\n\t\t\t\t\t\t&.angelDown {\r\n\t\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.demoItem {\r\n\t\t\t\tborder-bottom: .5px solid #485e9033;\r\n\r\n\t\t\t\t.accordion {\r\n\t\t\t\t\tul {\r\n\t\t\t\t\t\t// max-height: 0;\r\n\t\t\t\t\t\tlist-style: none;\r\n\t\t\t\t\t\ttransition: all 300ms ease-in-out;\r\n\t\t\t\t\t\tpadding: 0 0 0 20px;\r\n\t\t\t\t\t\tborder-left: 1px solid rgba(var(--bpl-dashboard-title-color-rgb, $titleColor), .75);\r\n\t\t\t\t\t\tmargin: 0 0 0 16px;\r\n\t\t\t\t\t\tmargin: 10px 0 16px 16px;\r\n\r\n\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\tcolor: rgba(var(--bpl-dashboard-title-color-rgb, $titleColor), .75);\r\n\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\t\t\ttransition: all 300ms ease-in-out;\r\n\t\t\t\t\t\t\tpadding-left: 22px;\r\n\t\t\t\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\t\tcontent: '';\r\n\t\t\t\t\t\t\t\twidth: 6px;\r\n\t\t\t\t\t\t\t\theight: 6px;\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\t\t\t\tleft: 7px;\r\n\t\t\t\t\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\t\t\t\t\tbackground: currentColor;\r\n\t\t\t\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\t\t\t\tmargin-bottom: 5px;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\t\t\t\t\tpadding: 8px 0 8px 22px;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.expanded {\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t// max-height: 500px;\r\n\t\t\t\t\t\t\toverflow-y: auto;\r\n\t\t\t\t\t\t\t// margin: 10px 0 16px 16px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.notFound {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tgap: 10px;\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 24px;\r\n\t\t\t\t\theight: 24px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.sidebarList::-webkit-scrollbar {\r\n\t\t\twidth: 5px;\r\n\t\t\theight: 10px;\r\n\t\t\tbackground-color: #0000;\r\n\t\t}\r\n\r\n\t\t.sidebarList::-webkit-scrollbar-track {\r\n\t\t\tborder-radius: 5px;\r\n\t\t\tbackground-color: #0000;\r\n\t\t}\r\n\r\n\t\t.sidebarList::-webkit-scrollbar-thumb {\r\n\t\t\tborder-radius: 5px;\r\n\t\t\tbackground-color: #b9b9b9;\r\n\t\t}\r\n\t}\r\n\r\n\t.main {\r\n\t\tflex: 1 1 0%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\toverflow: hidden;\r\n\t\tbackground: $whiteColor;\r\n\r\n\t\t.mainHeader {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tpadding: 28px 28px 15px 28px;\r\n\t\t\tborder-bottom: 1px solid #DADFE9;\r\n\r\n\t\t\t.headerInfo {\r\n\t\t\t\th3 {\r\n\t\t\t\t\tfont-size: 20px;\r\n\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.canvas {\r\n\t\t\tflex: 1 1 0%;\r\n\t\t\tbackground: $whiteColor;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tposition: relative;\r\n\t\t\tborder: none;\r\n\t\t\tborder-radius: 0;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t.bPlLoading {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tinset: 0;\r\n\t\t\t\tbackground-color: rgba(255, 255, 255, 0.75);\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tz-index: 10;\r\n\t\t\t}\r\n\r\n\t\t\tiframe {\r\n\t\t\t\tflex: 1 1 0%;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t\tborder: none;\r\n\t\t\t}\r\n\r\n\t\t\t.canvasImg {\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\twidth: calc(100% - 40px);\r\n\t\t\t\theight: calc(100% - 40px);\r\n\t\t\t\tmargin: auto;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t\ttransition: all 1s ease;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n\t.bPlDashboardDemos {\r\n\t\tflex-direction: column;\r\n\r\n\t\t.sidebar {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding-bottom: 0;\r\n\r\n\t\t\t.sidebarHeader {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tgap: 15px;\r\n\r\n\t\t\t\t.bPlDashboardButtons {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.sidebarList {\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\tflex-wrap: nowrap;\r\n\t\t\t\tpadding: 0 8px 16px 8px;\r\n\r\n\t\t\t\tbutton {\r\n\t\t\t\t\twidth: auto;\r\n\t\t\t\t\tmin-width: 200px;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tpadding: 12px 16px;\r\n\r\n\t\t\t\t\t.texts {\r\n\t\t\t\t\t\th4 {\r\n\t\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.category {\r\n\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.externalIcon {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.main {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t.mainHeader {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import '../_variables';\r\n\r\n.bPlDashboardPricing {\r\n\twidth: 100%;\r\n\tmax-width: 1440px;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tpadding: 56px 32px !important;\r\n\tmargin: 0 auto;\r\n\r\n\t.cycles {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tbackground: $whiteColor;\r\n\t\tpadding: 10px;\r\n\t\tborder: 1px solid #e4e4e4;\r\n\t\tborder-radius: 10px;\r\n\t\toverflow: hidden;\r\n\t\tmargin-bottom: 21px;\r\n\r\n\t\tbutton {\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\tbackground-color: #0000;\r\n\t\t\tpadding: 10px 16px;\r\n\t\t\tborder-radius: 5px;\r\n\t\t\tborder: 0;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\tbackground: linear-gradient(to bottom, rgba($whiteColor, 0.2) 0%, rgba($whiteColor, 0.07) 100%), var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t\tbox-shadow: inset 0 0 0 1px rgba($whiteColor, 0.26), 0 0 0 1.5px var(--bpl-dashboard-secondary-color, $secondaryColor), 0 0 0 5px #0000000a;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\th2.pricingTitle {\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 500;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tcolor: $whiteColor;\r\n\t\tbackground: linear-gradient(to bottom, rgba($whiteColor, 0.2) 0%, rgba($whiteColor, 0.07) 100%), var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\tpadding: 10px 20px;\r\n\t\tborder-radius: 10px;\r\n\t\tbox-shadow: inset 0 0 0 1px rgba($whiteColor, 0.26), 0 0 0 1.5px var(--bpl-dashboard-secondary-color, $secondaryColor), 0 0 0 5px #0000000a;\r\n\t\tmargin-bottom: 21px;\r\n\t}\r\n\r\n\t.plans {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(auto-fill, minmax(min(390px, 100%), 1fr));\r\n\t\tcontainer-type: inline-size;\r\n\t\tgap: 21px;\r\n\t\tpadding: 0;\r\n\r\n\t\t.plan {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tbackground-color: $whiteColor;\r\n\t\t\tpadding: 32px;\r\n\t\t\tborder: 1px solid #e4e4e4;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\t.planName {\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\t\tmargin-bottom: 8px;\r\n\t\t\t}\r\n\r\n\t\t\t.price {\r\n\t\t\t\tfont-size: 36px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t}\r\n\r\n\t\t\t.note {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\t\tmargin-bottom: 32px;\r\n\t\t\t}\r\n\r\n\t\t\t.features {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\t\tmargin-bottom: 24px;\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding-left: 42px;\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\r\n\t\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\t\tmargin-bottom: 12px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: '';\r\n\t\t\t\t\t\twidth: 26px;\r\n\t\t\t\t\t\theight: 26px;\r\n\t\t\t\t\t\tfont-size: 0;\r\n\t\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\tbackground: rgba(var(--bpl-dashboard-primary-color-rgb, $primaryColor), 0.15);\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\ttop: -1px;\r\n\t\t\t\t\t\tborder-radius: 4.3px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\twidth: 16px;\r\n\t\t\t\t\t\theight: 16px;\r\n\t\t\t\t\t\tfont-size: 0;\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\tbackground-color: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t\t\t-webkit-mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5NjAgOTYwJyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIGZpbGw9J2N1cnJlbnRDb2xvcic+PHBhdGggZD0nbTMyOC4zIDY3Ni44bDUyNi4yLTUyNi4ycTE4LjYtMTguNiA0My40LTE4LjYgMjQuOCAwIDQzLjUgMTguNiAxOC42IDE4LjcgMTguNiA0NC4zIDAgMjUuNi0xOC42IDQ0LjJsLTU2OS42IDU3MS4ycS0xOC43IDE4LjYtNDMuNSAxOC42LTI0LjggMC00My41LTE4LjZsLTI2Ni45LTI2N3EtMTguNi0xOC42LTE3LjktNDQuMiAwLjgtMjUuNiAxOS40LTQ0LjMgMTguNy0xOC42IDQ0LjMtMTguNiAyNS42IDAgNDQuMiAxOC42eicvPjwvc3ZnPg==\");\r\n\t\t\t\t\t\tmask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5NjAgOTYwJyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIGZpbGw9J2N1cnJlbnRDb2xvcic+PHBhdGggZD0nbTMyOC4zIDY3Ni44bDUyNi4yLTUyNi4ycTE4LjYtMTguNiA0My40LTE4LjYgMjQuOCAwIDQzLjUgMTguNiAxOC42IDE4LjcgMTguNiA0NC4zIDAgMjUuNi0xOC42IDQ0LjJsLTU2OS42IDU3MS4ycS0xOC43IDE4LjYtNDMuNSAxOC42LTI0LjggMC00My41LTE4LjZsLTI2Ni45LTI2N3EtMTguNi0xOC42LTE3LjktNDQuMiAwLjgtMjUuNiAxOS40LTQ0LjMgMTguNy0xOC42IDQ0LjMtMTguNiAyNS42IDAgNDQuMiAxOC42eicvPjwvc3ZnPg==\");\r\n\t\t\t\t\t\t-webkit-mask-repeat: no-repeat;\r\n\t\t\t\t\t\tmask-repeat: no-repeat;\r\n\t\t\t\t\t\t-webkit-mask-size: contain;\r\n\t\t\t\t\t\tmask-size: contain;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\tleft: 5px;\r\n\t\t\t\t\t\ttop: 4px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.bPlButton {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tpadding: 16px 32px;\r\n\t\t\t\tmargin-top: auto;\r\n\t\t\t\tmargin-bottom: 0;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.bestValue {\r\n\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\tbackground-color: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\r\n\t\t\t\t.planName,\r\n\t\t\t\t.price,\r\n\t\t\t\t.note,\r\n\t\t\t\t.features {\r\n\t\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.features {\r\n\t\t\t\t\tli::before {\r\n\t\t\t\t\t\tbackground: rgba($whiteColor, 0.3);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tli::after {\r\n\t\t\t\t\t\tbackground-color: $whiteColor;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.bPlButton {\r\n\t\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\t\tbackground: #0000;\r\n\t\t\t\t\tpadding: 14px 32px;\r\n\t\t\t\t\tborder: 2px solid $whiteColor;\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import '../__variables';\r\n\r\n.bPlDashboardFeatureCompare {\r\n\twidth: 100%;\r\n\tmax-width: 1440px;\r\n\tmargin: 0 auto;\r\n\toverflow-x: auto;\r\n\r\n\t.featureComparePricing {\r\n\t\twidth: 100%;\r\n\t\tmin-width: 1380px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 26px;\r\n\t\tpadding-bottom: 32px;\r\n\t\tborder-bottom: 1px solid #E4E4E4;\r\n\t\tmargin-bottom: 32px;\r\n\t\tflex-wrap: wrap;\r\n\r\n\t\t.cyclesSelector {\r\n\t\t\tmargin-right: auto;\r\n\r\n\t\t\th2 {\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tmargin: 0 0 21px 0;\r\n\t\t\t}\r\n\r\n\t\t\t.cycles {\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\tpadding: 6px;\r\n\t\t\t\tborder: 1px solid #e4e4e4;\r\n\t\t\t\tborder-radius: 10px;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\tbutton {\r\n\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\t\tbackground-color: #0000;\r\n\t\t\t\t\tpadding: 8px 15px;\r\n\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\tborder: 0;\r\n\t\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t\t&.active {\r\n\t\t\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\t\t\tbackground: linear-gradient(to bottom, rgba($whiteColor, 0.2), rgba($whiteColor, 0.07)), var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t\t\t\tbox-shadow: inset 0 0 0 1px rgba($whiteColor, 0.26), 0 0 0 1.5px var(--bpl-dashboard-secondary-color, $secondaryColor), 0 0 0 5px #0000000a;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\th2.pricingTitle {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\tbackground: linear-gradient(to bottom, rgba($whiteColor, 0.2) 0%, rgba($whiteColor, 0.07) 100%), var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t\tpadding: 10px 20px;\r\n\t\t\t\tborder-radius: 10px;\r\n\t\t\t\tbox-shadow: inset 0 0 0 1px rgba($whiteColor, 0.26), 0 0 0 1.5px var(--bpl-dashboard-secondary-color, $secondaryColor), 0 0 0 5px #0000000a;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.plan {\r\n\t\t\tmin-width: 310px;\r\n\t\t\tmax-width: 100%;\r\n\t\t\tpadding: 18px 24px;\r\n\t\t\tborder-radius: 10px;\r\n\r\n\t\t\t.note {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t}\r\n\r\n\t\t\t.price {\r\n\t\t\t\tfont-size: 28px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tmargin-bottom: 6px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: baseline;\r\n\t\t\t\tgap: 10px;\r\n\r\n\t\t\t\th3 {\r\n\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.bPlButton {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tpadding: 10px 20px;\r\n\t\t\t\tmargin-top: 14px;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: #fff !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.free {\r\n\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\tborder: 1px solid #485e9033;\r\n\r\n\t\t\t\th3 {\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.price {\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.note {\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.bPlButton {\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\t\tbackground: #0000;\r\n\t\t\t\t\tborder: 1px solid #DADFE9;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.premium {\r\n\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\tborder: 1px solid var(--bpl-dashboard-primary-color, $primaryColor);\r\n\r\n\t\t\t\th3,\r\n\t\t\t\t.price,\r\n\t\t\t\t.note {\r\n\t\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.bPlButton {\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\t\tbackground: $whiteColor;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\ttable {\r\n\t\twidth: 100%;\r\n\t\tmin-width: 1380px;\r\n\t\ttext-indent: 0;\r\n\t\tborder-color: inherit;\r\n\t\tborder-collapse: collapse;\r\n\r\n\t\tthead {\r\n\t\t\ttr {\r\n\t\t\t\tfont-size: 24px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\ttext-align: left;\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-bottom: 20px;\r\n\r\n\t\t\t\t&:not(:first-child) {\r\n\t\t\t\t\tmin-width: 310px;\r\n\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ttbody {\r\n\t\t\ttr {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: stretch;\r\n\t\t\t\tgap: 26px;\r\n\t\t\t\tmargin-bottom: 20px;\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tborder-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ttd {\r\n\t\t\t\tpadding: 0 0 20px 0;\r\n\t\t\t\tborder-bottom: 1px solid #E4E4E4;\r\n\r\n\t\t\t\t&:first-child {\r\n\t\t\t\t\tflex: 1;\r\n\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\t\t\tmargin-right: auto;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:not(:first-child) {\r\n\t\t\t\t\tmin-width: 310px;\r\n\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>* {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\tfill: currentColor;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.icon {\r\n\t\t\t\t\twidth: 24px;\r\n\t\t\t\t\theight: 24px;\r\n\t\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.icon.check {\r\n\t\t\t\t\tbackground: #34C759;\r\n\r\n\t\t\t\t\tsvg {\r\n\t\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\t\theight: 20px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.icon.cross {\r\n\t\t\t\t\tbackground: #FF383C;\r\n\r\n\t\t\t\t\tsvg {\r\n\t\t\t\t\t\twidth: 18px;\r\n\t\t\t\t\t\theight: 18px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import '../__variables';\r\n\r\n.bPlDashboardOurPlugins {\r\n\twidth: 100%;\r\n\tmin-height: 200px;\r\n\r\n\t.pluginsList {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(auto-fill, minmax(395px, 1fr));\r\n\t\tgap: 21px;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.pluginCard {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tposition: relative;\r\n\t\tbackground: $whiteColor;\r\n\t\tpadding: 27px;\r\n\t\toverflow: hidden;\r\n\t\tborder: 1px solid $whiteColor;\r\n\t\tborder-radius: 10px;\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: '';\r\n\t\t\twidth: 100px;\r\n\t\t\theight: 42px;\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tbackground: #E5F2FF;\r\n\t\t\ttransform: rotate(-45deg) translate(25%, 110%);\r\n\t\t}\r\n\r\n\t\t.cardHeader {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 10px;\r\n\t\t\tmargin-bottom: 13px;\r\n\r\n\t\t\timg {\r\n\t\t\t\twidth: 53px;\r\n\t\t\t\theight: 53px;\r\n\t\t\t\tborder-radius: 10px;\r\n\t\t\t\tflex-shrink: 0;\r\n\t\t\t\tobject-fit: contain;\r\n\t\t\t}\r\n\r\n\t\t\th3 {\r\n\t\t\t\tfont-size: 21px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.description {\r\n\t\t\tfont-size: 17px;\r\n\t\t\ttext-align: left;\r\n\t\t\tcolor: rgba(var(--bpl-dashboard-content-color-rgb, $contentColor), .7);\r\n\t\t\tmargin: 0 0 21px 0;\r\n\t\t\tdisplay: -webkit-box;\r\n\t\t\t-webkit-line-clamp: 2;\r\n\t\t\t-webkit-box-orient: vertical;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\r\n\t\t.cardFooter {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tgap: 12px;\r\n\t\t\tcolor: rgba(var(--bpl-dashboard-content-color-rgb, $contentColor), .7);\r\n\t\t\tmargin: auto 0 21px 0;\r\n\r\n\t\t\t.downloads,\r\n\t\t\t.rating {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tgap: 6px;\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 18px;\r\n\t\t\t\t\theight: 18px;\r\n\t\t\t\t\tfill: #FFCC00;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.bPlButton {\r\n\t\t\twidth: 100%;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t}\r\n\r\n\t\t\t&.installed {\r\n\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.success {\r\n\t\t\t\tbackground: #038122;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground: #025617;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.error {\r\n\t\t\t\tbackground: #d61e21;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground: #a61315;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:disabled {\r\n\t\t\t\topacity: .75;\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import '../__variables.scss';\r\n\r\n.bPlDashboardHeader {\r\n\twidth: 100%;\r\n\tmin-height: 75px;\r\n\tbackground-color: white;\r\n\tdisplay: flex;\r\n\talign-items: stretch;\r\n\tflex-wrap: wrap;\r\n\trow-gap: 30px;\r\n\tpadding: 0 33px;\r\n\tmargin: 0 auto;\r\n\r\n\t.pluginInfo {\r\n\t\tmin-height: 70px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: start;\r\n\t\tposition: relative;\r\n\t\tpadding-right: 28px;\r\n\r\n\t\t&:after {\r\n\t\t\tcontent: '';\r\n\t\t\twidth: 6px;\r\n\t\t\theight: 103%;\r\n\t\t\tbackground: #f6f8fa;\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 0;\r\n\t\t\ttop: 0;\r\n\t\t\ttransform: rotate(15deg);\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\twidth: 42px;\r\n\t\t\theight: 42px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tmargin-right: 8px;\r\n\t\t}\r\n\r\n\t\th1 {\r\n\t\t\tfont-family: \"Lato\", sans-serif;\r\n\t\t\tfont-size: 24px;\r\n\t\t\tfont-weight: 800;\r\n\t\t\tcolor: #231F20;\r\n\t\t\tmargin-right: 8px;\r\n\t\t}\r\n\r\n\t\t.pluginVersion {\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: bold;\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tbackground: linear-gradient(to top right, #EC1C24 14%, #F16522 100%);\r\n\t\t\tpadding: 3px 6px;\r\n\t\t\tborder-radius: 5px 5px 5px 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.bPlDashboardNav {\r\n\t\tmin-height: 65px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: stretch;\r\n\t\tfont-size: 16px;\r\n\t\tgap: 42px;\r\n\t\tpadding: 0 40px 0 70px;\r\n\t\tmargin-right: auto;\r\n\r\n\t\t.navLink {\r\n\t\t\theight: 100%;\r\n\t\t\tfont-weight: 500;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tcolor: rgba(var(--bpl-dashboard-title-color-rgb, $titleColor), .75);\r\n\t\t\tborder: none;\r\n\t\t\toutline: none;\r\n\t\t\tborder-bottom: 2px solid transparent;\r\n\t\t\ttransition: all 0.3s ease-in-out;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t}\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tborder-bottom: 2px solid var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.navButtons {\r\n\t\tmin-height: 60px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolumn-gap: 35px;\r\n\t\trow-gap: 15px;\r\n\t\tflex-wrap: wrap;\r\n\t\tpadding: 0 25px 0 0;\r\n\r\n\t\t.linkButton {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tpadding-left: 32px;\r\n\t\t\tborder-left: 1px solid #aeaeb2;\r\n\r\n\t\t\t&:hover,\r\n\t\t\t&:focus,\r\n\t\t\t&:active {\r\n\t\t\t\toutline: 0;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.bPlButton {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: $whiteColor;\r\n\t\t\tbackground: linear-gradient(to top right, var(--bpl-dashboard-primary-color, $primaryColor), var(--bpl-dashboard-secondary-color, $secondaryColor));\r\n\t\t\tpadding: 10px 20px;\r\n\r\n\t\t\t&:before {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t&.upgrade {\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\tfill: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@media screen and (max-width: 1600px) {\r\n\t\t.bPlDashboardNav {\r\n\t\t\tgap: 20px;\r\n\t\t\tpadding: 0 15px 0 20px;\r\n\t\t}\r\n\r\n\t\t.navButtons {\r\n\t\t\tcolumn-gap: 20px;\r\n\r\n\t\t\ta:first-child {\r\n\t\t\t\tpadding-left: 15px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import '../__variables';\r\n\r\n.bPlDashboardOverview {\r\n\twidth: 100%;\r\n\tmax-width: 1440px;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tgap: 32px;\r\n\tmargin: 0 auto;\r\n\r\n\t.overviewLeft {\r\n\t\tflex: 1;\r\n\t\twidth: 960px;\r\n\t\tmax-width: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 32px;\r\n\r\n\t\t.overviewLeftTop {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tflex-wrap: wrap-reverse;\r\n\t\t\tgap: 32px;\r\n\r\n\t\t\th2 {\r\n\t\t\t\tfont-size: 24px;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t}\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\t\tmargin-bottom: 32px;\r\n\t\t\t}\r\n\r\n\t\t\t>div:first-child {\r\n\t\t\t\tflex: 1;\r\n\t\t\t\tmin-width: 420px;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: 545px;\r\n\t\t\t}\r\n\r\n\t\t\t.buttons {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tgap: 21px;\r\n\r\n\t\t\t\t.bPlButton {\r\n\t\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\t\tpadding: 8px 20px;\r\n\t\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t\tborder-radius: 5px;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.overviewBanner {\r\n\t\t\t\twidth: 346px;\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\tpadding: 32px;\r\n\t\t\t\tborder-radius: 15px;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tbackground: linear-gradient(to bottom, #0000, var(--bpl-dashboard-primary-color, $primaryColor));\r\n\t\t\t\t\tz-index: 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t\theight: auto;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.playButton {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\t\twidth: 64px;\r\n\t\t\t\t\theight: 64px;\r\n\t\t\t\t\tcolor: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t\t\tbackground: $whiteColor;\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\tz-index: 2;\r\n\t\t\t\t\ttransition: all 0.3s ease;\r\n\t\t\t\t\tbox-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n\r\n\t\t\t\t\tsvg {\r\n\t\t\t\t\t\tfill: currentColor;\r\n\t\t\t\t\t\twidth: 32px;\r\n\t\t\t\t\t\theight: 32px;\r\n\t\t\t\t\t\tmargin-left: 4px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\ttransform: translate(-50%, -50%) scale(1.1);\r\n\t\t\t\t\t\tcolor: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t@media screen and (max-width: 1600px) {\r\n\t\t\t\t>div:first-child {\r\n\t\t\t\t\twidth: 515px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.overviewBanner {\r\n\t\t\t\t\twidth: 300px;\r\n\t\t\t\t\tpadding: 16px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.bPlVideoModal {\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tz-index: 99999;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t\t.bPlVideoModalContent {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 90%;\r\n\t\t\tmax-width: 960px;\r\n\t\t\tbackground: #000;\r\n\t\t\tborder-radius: 12px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tz-index: 2;\r\n\t\t\tbox-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\r\n\r\n\t\t\t.closeModal {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 15px;\r\n\t\t\t\tright: 15px;\r\n\t\t\t\twidth: 32px;\r\n\t\t\t\theight: 32px;\r\n\t\t\t\tbackground: rgba(255, 255, 255, 0.2);\r\n\t\t\t\tborder: none;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tz-index: 10;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\ttransition: all 0.3s ease;\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\theight: 20px;\r\n\t\t\t\t\tfill: currentColor;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: #ff4d4d;\r\n\t\t\t\t\ttransform: rotate(90deg);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.bPlVideoPlayer {\r\n\t\t\t\taspect-ratio: 16 / 9;\r\n\t\t\t\theight: auto !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.bPlVideoModalOverlay {\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\tbackground: rgba(0, 0, 0, 0.8);\r\n\t\t\tbackdrop-filter: blur(5px);\r\n\t\t}\r\n\t}\r\n\r\n\t.overviewRight {\r\n\t\twidth: 370px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 32px;\r\n\r\n\t\t.helpInfoItem {\r\n\t\t\tpadding: 24px;\r\n\r\n\t\t\tfigure {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tbackground: #FAF1FF;\r\n\t\t\t\tpadding: 20px;\r\n\t\t\t\tborder-radius: 8px;\r\n\t\t\t\tmargin-bottom: 17px;\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 150px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\th4 {\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\t\t\tmargin-bottom: 8px;\r\n\t\t\t}\r\n\r\n\t\t\tp {\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t}\r\n\r\n\t\t\t.bPlButton {\r\n\t\t\t\tpadding: 8px 16px;\r\n\t\t\t\tcolor: $whiteColor;\r\n\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t\tborder-radius: 5px;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\t.bPlButton {\r\n\t\t\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import '../__variables.scss';\r\n\r\n$primary: #ff6b6b;\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% !important;\r\n\t\t\theight: 100% !important;\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($whiteColor, 0.3);\r\n\t\t\tborder-top: 4px solid $whiteColor;\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: $whiteColor;\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($whiteColor, 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: $whiteColor;\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($whiteColor, 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($whiteColor, 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: $whiteColor;\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($whiteColor, 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: $whiteColor;\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: $whiteColor;\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}","@import '../__variables';\r\n\r\n.bPlDashboardChangelog {\r\n\twidth: 100%;\r\n\tpadding: 32px !important;\r\n\r\n\th3 {\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: var(--bpl-dashboard-title-color, $titleColor);\r\n\t\tmargin: 0 0 15px 0;\r\n\t}\r\n\r\n\t.changelog {\r\n\t\tposition: relative;\r\n\t\tpadding: 0 0 0 25px;\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: '';\r\n\t\t\twidth: 5px;\r\n\t\t\theight: calc(100% - 10px);\r\n\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 0;\r\n\t\t\ttransform: translateY(-50%);\r\n\t\t\tborder-radius: 50px;\r\n\t\t}\r\n\r\n\t\t&:not(:last-child) {\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t}\r\n\r\n\t\t&.update,\r\n\t\t&.improve,\r\n\t\t&.improvement {\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: #FF8D28;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.fix,\r\n\t\t&.fixing {\r\n\t\t\t&::before {\r\n\t\t\t\tbackground: #FF383C;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.list {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tlist-style-type: none;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin-bottom: 5px;\r\n\t\t}\r\n\r\n\t\t.time {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tcolor: rgba(var(--bpl-dashboard-content-color-rgb, $contentColor), .75);\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n}","@import '../__variables';\r\n\r\n.bPlDashboardProAds {\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tflex-direction: column-reverse;\r\n\tflex-wrap: wrap-reverse;\r\n\tgap: 25px;\r\n\r\n\t>div {\r\n\t\tflex: 1;\r\n\t}\r\n\r\n\th3 {\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\tmargin-bottom: 21px;\r\n\t}\r\n\r\n\tul {\r\n\t\tlist-style-type: none;\r\n\t\tmargin-bottom: 32px;\r\n\t\tmin-width: 230px;\r\n\r\n\t\tli {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tcolor: var(--bpl-dashboard-content-color, $contentColor);\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: start;\r\n\t\t\tjustify-content: start;\r\n\t\t\tgap: 6px;\r\n\r\n\t\t\t&:not(:last-child) {\r\n\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t}\r\n\r\n\t\t\tspan {\r\n\t\t\t\tmin-width: 18px;\r\n\t\t\t\theight: 18px;\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tbackground: linear-gradient(to top right, var(--bpl-dashboard-primary-color, $primaryColor), var(--bpl-dashboard-secondary-color, $secondaryColor));\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tmargin-top: 1px;\r\n\r\n\t\t\t\tsvg {\r\n\t\t\t\t\tfill: $whiteColor;\r\n\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\theight: 15px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.bPlButton {\r\n\t\tfont-size: 16px;\r\n\t\tcolor: $whiteColor;\r\n\t\tbackground: var(--bpl-dashboard-secondary-color, $secondaryColor);\r\n\t\tpadding: 10px 21px;\r\n\r\n\t\t&::before {\r\n\t\t\tbackground: var(--bpl-dashboard-primary-color, $primaryColor);\r\n\t\t}\r\n\t}\r\n\r\n\tfigure {\r\n\t\twidth: 100%;\r\n\t\theight: 260px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tbackground: #DFDCFF;\r\n\t\tpadding: 16px;\r\n\t\tborder-radius: 18px;\r\n\r\n\t\timg {\r\n\t\t\tmax-width: 100%;\r\n\t\t\tmax-height: 100%;\r\n\t\t\tobject-fit: contain;\r\n\t\t}\r\n\t}\r\n}"],"names":[],"sourceRoot":""}