@deriv-com/smartcharts-champion 1.3.15 → 1.4.1

package/dist/smartcharts.css.map

@@ -1 +1 @@
-{"version":3,"file":"smartcharts.css","mappings":";AAEA,SACI,cACA,WCYe,CDXf,UCWe,CDVf,iBACA,wBACA,kBACA,sBACA,kBAII,mDACI,qBEwyBJ,yFFtyBQ,sBEsyBR,uFFtyBQ,YEsyBR,oDF/xBQ,qBACA,uBE8xBR,mDF/xBQ,qBACA,uBAIZ,gBACI,aAEJ,aACI,kBAEJ,kCAEI,aAEJ,0BACI,UAEJ,0BACI,aAEJ,0BACI,aAEJ,0BACI,aAIR,kBACI,uBACA,qBACA,CAHJ,kBAGI,iBAEA,oDAEI,eE2vBA,8WF9uBQ,oBE8uBR,wWF9uBQ,UE8uBR,opBFzuBQ,sBEyuBR,8oBFzuBQ,YEyuBR,sJF/tBI,aACA,eE8tBJ,oJF/tBI,UACA,YAKZ,wBAGI,WACA,eACA,YACA,kBACA,qBACA,mBAEA,uCACI,kBAKJ,wBACI,QACA,SAKJ,aACI,QAEJ,wBACI,SACA,SAKJ,wBACI,UACA,UAEA,4BACI,WACA,YAEJ,iDACI,SACA,UAEA,qDACI,WACA,WACA,uBAQZ,iEAEI,uBAEJ,mBACI,4BAEJ,kBACI,4BAEA,2EAEI,qBAGA,2IAEI,qBAKR,iDACI,YAEJ,wDAEI,a;;AGhLR,mCACI,YACA,aACA,sBAEA,yCACI,qBAGR,2BACI,kBAEA,0CACI,UACA,8BAEA,gDACI,oBACA,mBAGA,mEACI,YAOpB,eACI,aACA,aACA,8BDsxBI,kCCpxBA,gBDoxBA,iCCpxBA,mBAGJ,qBACI,UACA,YACA,iBACA,eACA,+BACA,iBFzBQ,CE0BR,kBACA,aACA,sBACA,uBACA,mBAEA,8BACI,mBAEJ,2BACI,cACA,eACA,mBACA,kBACA,iBACA,sBACA,kBD0vBJ,8CCxvBQ,cDwvBR,6CCxvBQ,cAGR,gCACI,iBDovBJ,8CChvBQ,mBDgvBR,6CChvBQ,kCAGR,6BACI,oCD4uBJ,gDC1uBQ,qBD0uBR,+CC1uBQ,qBAGJ,mCACI,iBDsuBR,qDCpuBY,WAIZ,+BAEI,oCAFJ,+BACI,0BACA,CAEA,oCAEI,mCACA,CAHJ,oCACI,YAEA,oBAOZ,mCACI,sBAEA,yCACI,YACA,WAEA,kDACI,kB;AC5GhB,cACI,gBACA,kBACA,kBACA,iBACA,UACA,qBFgzBI,iCE9yBA,sCF8yBA,gCE9yBA,sCAGJ,iCACI,UAEJ,uCACI,iCAEA,kBAEJ,uCAEI,kBACA,iCFgyBA,0DE9xBI,mBF8xBJ,yDE9xBI,mBAGR,gFAEI,aAEJ,yBACI,uDAEA,kDACI,aAGR,sBACI,2BF+wBA,uCE3wBI,iDF2wBJ,sCE3wBI,iDAGJ,6CACI,2BAQA,sEACI,2B;ACzD4C,UACxD,kBACA,sBAEA,yBACI,eACA,mBACA,gBACA,YACA,iBACA,aACA,mBACA,2BACA,mBACA,sBHyyBA,4CGvyBI,cACA,gBACA,yBACA,gBHoyBJ,2CGvyBI,cACA,mBACA,yBACA,gBAGJ,qCACI,gBACA,0BH+xBJ,wDG7xBQ,6BH6xBR,uDG7xBQ,6BAGR,oCACI,0BACA,mBHwxBJ,kDGpxBQ,yBHoxBR,iDGpxBQ,wCAGR,gCACI,iBHgxBJ,mDG9wBQ,cACA,iCH6wBR,kDG9wBQ,WACA,yBAGR,kCACI,oBAEA,oCACI,WACA,YAKR,+BACI,YH+vBJ,kDG7vBQ,oCH6vBR,iDG7vBQ,oC;ACzDhB,+CACI,oBACI,UACA,oBACA,aAEA,0BACI,cACA,oBACA,UAKQ,sFACI,aAGR,uEACI,WACA,YACA,SACA,YACA,yCAEA,wMACI,UACA,wCAEJ,mGACI,W;AC/BoC,WACxD,WACA,SACA,iBNgBY,CMfZ,kBACA,UACA,2CACA,WACA,oBACA,0BNkBA,kNC4xBI,8BK3yBA,mBL2yBA,6BK3yBA,mBAGJ,kEAEI,UACA,eACA,UAEJ,gCACI,uBAEJ,iBACI,aACA,8BACA,0BACA,YACA,sBACA,wBLyxBA,oCKvxBI,cACA,gBACA,qBLqxBJ,mCKvxBI,WACA,mBACA,qBAGJ,wBACI,eACA,iBACA,kBACA,gBACA,sBACA,gBACA,aACA,sBACA,kBACA,sBAEJ,yBACI,WAEJ,uBACI,aACA,2BACA,mBACA,eACA,iBACA,kBACA,gBACA,sBACA,2BAEA,gCACI,WACA,YACA,aACA,uBACA,mBACA,eACA,iBLivBR,uDK7uBgB,aL6uBhB,sDK7uBgB,aL6uBhB,yDKxuBgB,mBLwuBhB,wDKxuBgB,kCAKhB,yBACI,2BAEJ,yBACI,aACA,mBACA,eACA,wBAEA,kCACI,WACA,YACA,iBACA,eACA,iBN/EA,CMgFA,YACA,kBLmtBR,yDK/sBgB,aL+sBhB,wDK/sBgB,aL+sBhB,2DK1sBgB,mBL0sBhB,0DK1sBgB,kCAMpB,iBACI,0BACA,kBLksBA,wDK7rBQ,gBACA,qBL4rBR,uDK7rBQ,mBACA,qBAGJ,6DACI,YLwrBR,gFKtrBY,mBLsrBZ,+EKtrBY,mBAKhB,0BAII,iBACA,eACA,gBACA,aACA,kBLyqBA,6CK/qBI,yBL+qBJ,4CK/qBI,yBAQJ,kCACI,eAMR,gBACI,aACA,0BAEA,sCACI,WACA,YACA,gBACA,wBACA,mBACA,ULspBJ,yDKppBQ,mBLopBR,wDKppBQ,mBAGJ,uDAaI,wBACA,0BACA,CAfJ,uDACI,WACA,aACA,sBACA,kBACA,YACA,kBACA,eACA,mBACA,kBACA,iBACA,sBACA,mBAGA,eLkoBR,0EKhoBY,cACA,8BL+nBZ,yEKhoBY,cACA,8BAGJ,gEACI,WACA,YACA,iBACA,kBLwnBZ,mFKtnBgB,aLsnBhB,kFKtnBgB,aAGJ,oEACI,WACA,YLinBhB,uFK9mBoB,aL8mBpB,sFK9mBoB,aAIZ,8EACI,kBACA,gBACA,QACA,SLsmBZ,gFKlmBgB,0BACA,mBLimBhB,+EKlmBgB,yCACA,kCAGR,6DACI,wBAEJ,iEACI,kBACA,iBLylBZ,oFKvlBgB,iBACA,2BACA,qCLqlBhB,mFKvlBgB,sBACA,8BACA,qCLqlBhB,4FKhlBoB,UAMpB,uCACI,yBACA,sBLwkBJ,0DKtkBQ,gBLskBR,yDKtkBQ,mBAGJ,8CACI,sBAQZ,+BACI,UACA,wBAEA,sDACI,aAGA,0DACI,WAEJ,6DACI,aAEJ,mEACI,kBL2iBR,4EKviBY,gBLuiBZ,2EKviBY,mBAKI,iGACI,aACA,eLgiBpB,oHK9hBwB,gCL8hBxB,mHK9hBwB,gCAIA,8GACI,YACA,WLwhB5B,iIKrhBgC,aLqhBhC,gIKrhBgC,aAIZ,kHACI,aACA,WACA,kBACA,uBACA,mBACA,SL2gBxB,qIKzgB4B,cLygB5B,oIKzgB4B,cAGJ,yIACI,WACA,YACA,mBACA,SACA,SACA,eAGR,8HACI,aAEJ,4HACI,YACA,iBLwfxB,+IKrf4B,iBACA,0BACA,CLmf5B,+IKnf4B,gCLmf5B,8IKrf4B,sBACA,6BACA,CLmf5B,8IKnf4B,gCLmf5B,uJK9egC,UL8ehC,4EKpeY,gBACA,qBLmeZ,2EKpeY,mBACA,qBAGJ,iFACI,YACA,gBACA,aL6dZ,oGK3dgB,yBL2dhB,mGK3dgB,yBAGR,gFACI,kBACA,UACA,wBACA,iBACA,eLmdZ,mGKjdgB,gBLidhB,kGKjdgB,mBAMpB,mDACI,YACA,uB;AC7WJ,0BACI,YAEJ,qBACI,kBAEA,8BACI,YACA,WACA,YACA,SACA,kBAEA,kCACI,uBACA,sBACA,uBNsyBR,qDMpyBY,wBNoyBZ,oDMpyBY,wBAIZ,iCACI,kBACA,SACA,SACA,cACA,iBN2xBJ,oDMzxBQ,yBNyxBR,mDMzxBQ,yBAIZ,wBACI,iBPhBQ,CCoyBR,2CMlxBI,gBNkxBJ,0CMlxBI,mBNkxBJ,6DM5wBY,gCN4wBZ,4DM5wBY,gCAKhB,8BACI,eACA,aACA,iBPhCQ,CCoyBR,iDMlwBI,gBACA,yBNiwBJ,gDMlwBI,mBACA,yBAGJ,sCACI,aACA,8BACA,mBACA,SAEJ,mCACI,OAEJ,oCACI,eACA,gBACA,kBNkvBJ,uDMhvBQ,cNgvBR,sDMhvBQ,cAGR,0CACI,eACA,gBN2uBJ,6DMzuBQ,cNyuBR,4DMzuBQ,WAOZ,wCACI,YAEJ,oDACI,QACA,SAGJ,qCATJ,mBAWQ,sBAXR,mBAUQ,YACA,EAKJ,8CACI,YACA,UACA,iBACA,yBACA,mB;AC9FR,MAEI,gBACA,YACA,kBACA,sBAEA,mBACI,aACA,8BACA,mBACA,eACA,mBACA,kBACA,gBACA,sBP6xBA,sCO3xBI,cP2xBJ,qCO3xBI,cAGR,qBACI,cAEJ,aACI,sBACA,UACA,mBACA,aACA,sBACA,6BAEJ,+CAEI,kBACA,YAEA,yEACI,mBACA,iBAEA,mFACI,iBACA,kBACA,UPiwBR,yHO/vBY,gBP+vBZ,uHO/vBY,mBAKhB,qBACI,mBACA,2BAEA,kCACI,WACA,eACA,eAEJ,oCACI,kBACA,WAGR,kBACI,YACA,kBAEJ,mBACI,kBPuuBA,sCOruBI,6BPquBJ,qCOruBI,6BAGJ,sBACI,eACA,iBACA,kBACA,iBACA,sBACA,gBP4tBJ,yCO1tBQ,cP0tBR,wCO1tBQ,WAGR,+BACI,gBAGR,+BACI,mBAEA,4CACI,eAGR,yBACI,gBACA,gBACA,iBACA,iBACA,gBPusBA,4COrsBI,gBPqsBJ,2COrsBI,mBAGJ,4CACI,sBACA,CAFJ,4CAEI,sBAEJ,+DACI,aAEJ,uCACI,aAIJ,gDACI,mBAIJ,kCACI,aAMZ,WACI,WACA,YACA,aACA,mBACA,kBAEA,4BACI,kBACA,wBACA,eACA,kBACA,YAEA,kEACI,kBACA,SACA,QAEJ,8CACI,wBACA,WACA,SACA,yBACA,YACA,SAEA,oDACI,aAEJ,6ERnHR,WACA,YACA,eACA,kBACA,yBACA,yBQiHQ,gERtHR,WACA,YACA,eACA,kBACA,yBACA,yBQmHY,YACA,gBACA,SAEJ,yDR5HR,WACA,YACA,eACA,kBACA,yBACA,yBQyHY,oBAEJ,yDRxHR,eACA,WACA,YACA,sBACA,kBACA,eQqHY,eP6nBR,4EDhvBA,yBACA,yBC+uBA,2EDhvBA,yBACA,yBQoHI,gER5HR,eACA,WACA,YACA,sBACA,kBACA,eQyHY,ePynBR,mFDhvBA,yBACA,yBC+uBA,kFDhvBA,yBACA,yBQwHI,oEACI,wBRjIZ,eACA,WACA,YACA,sBACA,kBACA,eQ8HY,ePonBR,uFDhvBA,yBACA,yBC+uBA,sFDhvBA,yBACA,yBQ6HI,gEACI,SAGR,2CACI,WACA,aACA,WP2mBJ,8DOzmBQ,mBPymBR,6DOzmBQ,mBAGR,kDACI,WACA,ePomBJ,qEOlmBQ,mBPkmBR,oEOlmBQ,mBAIZ,0BACI,iBACA,YACA,iBACA,eACA,WPylBA,6COvlBI,cPulBJ,4COvlBI,WAMZ,aACI,kBACA,YACA,WACA,gEP6kBI,gCO3kBA,gBP2kBA,+BO3kBA,mBAGJ,uBACI,kBACA,iBACA,SAEA,4BAnPJ,iBACA,kBACA,UACA,eACA,mBACA,kBACA,gBACA,sBP+yBI,+COhkBQ,gBACA,cP+jBR,8COhkBQ,mBACA,cAIZ,oBACI,YACA,kBACA,eACA,iBR7OQ,CQ8OR,sBACA,aACA,mBACA,8BACA,eACA,mBACA,kBACA,iBACA,sBACA,0BP6iBA,uCO3iBI,wBACA,CP0iBJ,uCO1iBI,yBP0iBJ,sCO3iBI,wBACA,CP0iBJ,sCO1iBI,yBAGJ,6BACI,iBAEA,iCACI,oBACA,yBPkiBR,oDOhiBY,aPgiBZ,mDOhiBY,aAIZ,0BACI,uBACA,mBACA,gBACA,gBACA,gBAEJ,0BACI,YACA,kBACA,SACA,QACA,WACA,YP+gBJ,6CO3gBQ,kBP2gBR,4CO3gBQ,qBP2gBR,8COtgBQ,qBPsgBR,6COtgBQ,qBAGJ,+BACI,qBAIZ,uBACI,kBACA,WACA,UACA,oBACA,UACA,eACA,gBACA,0CACA,sBACA,iBRhTQ,CQiTR,eACA,YACA,2BACA,sCPgfA,0CO9eI,gBP8eJ,yCO9eI,mBAGJ,8BACI,UACA,iBACA,mBACA,0BPueJ,iDOreQ,oEPqeR,gDOreQ,oEAGR,4BACI,eACA,sBACA,0BP+dJ,+CO7dQ,cP6dR,8CO7dQ,cP6dR,qDOxdY,mBPwdZ,oDOxdY,kCAGR,sCACI,iBPodR,yDOldY,8BACA,yBPidZ,wDOldY,4CACA,sBAOhB,qBACI,qBACA,WACA,oBACA,kBAGJ,sBACI,uBACA,qBAEJ,uBACI,wBACA,qBAEJ,uBACI,wBACA,qBAEJ,sBACI,uBACA,qBAEJ,uBACI,wBACA,qBAEJ,uBACI,wBACA,qBAEJ,sBACI,uBACA,qBAEJ,uBACI,wBACA,qBAEJ,uBACI,wBACA,qBAEJ,oBACI,eACA,UP6ZA,sDOxZY,cPwZZ,qDOxZY,cAOpB,iBACI,kBACA,YACA,WP8YI,oCO5YA,gBP4YA,mCO5YA,mBAGJ,2BACI,kBACA,iBACA,SACA,gEACA,UAEA,gCApbJ,iBACA,kBACA,UACA,eACA,mBACA,kBACA,gBACA,sBP+yBI,mDO/XQ,gBACA,cP8XR,kDO/XQ,mBACA,cAIZ,wBACI,WACA,YACA,iBACA,kBACA,eACA,iBRhbQ,CQibR,sBACA,aACA,mBACA,8BACA,kBP+WA,2CO5WI,wBACA,CP2WJ,2CO7WI,sBAEA,yBP2WJ,0CO5WI,wBACA,CP2WJ,0CO7WI,yBAEA,yBAGJ,+BACI,kBACA,YACA,WACA,YACA,SACA,QAEJ,wCACI,YACA,WACA,iBRvcI,CQwcJ,kBAEJ,iCACI,iBAEA,qCACI,oBACA,yBPqVR,wDOnVY,aPmVZ,uDOnVY,aPmVZ,iDO7UQ,kBP6UR,gDO7UQ,qBAIZ,2BACI,kBACA,UACA,UACA,oBACA,UACA,YACA,YACA,iBRneQ,CQoeR,2BACA,sBACA,sCP8TA,8CO5TI,oEACA,gBP2TJ,6CO5TI,oEACA,mBAGJ,gCACI,UACA,uBACA,0BAEJ,gCACI,YACA,WACA,aACA,8BACA,eACA,mBAEA,4CACI,WACA,YACA,eAIZ,wBACI,eACA,UPkSA,0DO7RY,cP6RZ,yDO7RY,cP6RZ,kDOvRQ,qBPuRR,iDOvRQ,qBAGJ,mCACI,qBAIZ,qEAEI,gBACA,gBAIR,WACI,WACA,YACA,kBACA,eACA,kBAEA,mBACI,kBACA,QACA,WACA,YACA,oBACA,kBP2PA,sCOzPI,gBPyPJ,qCOzPI,gBAIJ,sBACI,UPoPJ,iCOjPI,mBPiPJ,gCOjPI,mBAIJ,uBACI,SP4OJ,kCOzOI,mBPyOJ,iCOzOI,+BAKZ,aACI,aACA,mBACA,eAEA,oBACI,eACA,mBACA,kBACA,iBACA,sBAEJ,kBACI,kBAEA,sBACI,kBPoNJ,yCOlNQ,UPkNR,wCOlNQ,aPkNR,+DO3MQ,mBACA,aP0MR,8DO3MQ,mBACA,aAMhB,gBACI,aAEA,sBACI,YACA,aAEJ,6BACI,kBAIR,sCACI,oBAGJ,sBACI,aAEA,4BACI,2BPgLA,+CO9KI,gBACA,yBACA,cP4KJ,8CO9KI,mBACA,sCACA,WP4KJ,qDOvKQ,6BPuKR,oDOvKQ,gCPuKR,qDOlKQ,gCPkKR,oDOlKQ,gCAIZ,wCACI,YACA,gBAEJ,uCACI,YAIR,kBACI,kBACA,YACA,WACA,kBAEA,4BACI,kBACA,iBACA,SACA,gEAEA,iCA7qBJ,iBACA,kBACA,UACA,eACA,mBACA,kBACA,gBACA,sBP+yBI,oDOtIQ,cACA,gBPqIR,mDOtIQ,cACA,mBAIZ,qCAQI,sBACA,0BACA,CAVJ,qCACI,0BACA,YACA,iBACA,eACA,iBRxqBQ,CQyqBR,sBACA,kBAGA,aPuHA,wDOrHI,wBACA,CPoHJ,wDOpHI,yBPoHJ,uDOrHI,wBACA,CPoHJ,uDOpHI,yBAGJ,gIAEI,wBACA,SAEJ,sFAEI,0BP0GJ,8DOtGQ,6BPsGR,6DOtGQ,gCPsGR,8DOjGQ,yBACA,gCPgGR,6DOjGQ,sBACA,gCPgGR,6EO3FQ,yBP2FR,4EO3FQ,yBAIZ,4CACI,aACA,sBACA,kBACA,QACA,UACA,0BPiFA,+DO/EI,gBP+EJ,8DO/EI,mBAGJ,qDACI,WACA,YACA,iBACA,ePwEJ,4EOpEY,aPoEZ,2EOpEY,aAGR,iEACI,wBAEJ,gEACI,sBP6DR,8EOzDY,mBPyDZ,6EOzDY,kCPyDZ,8DOjDQ,kBPiDR,6DOjDQ,qBAMhB,mBACI,WACA,iBAGJ,qBACI,YAGJ,WACI,aACA,6BACA,mBAGJ,oBACI,WACA,Y;AC7xBwD,aAExD,aACA,aACA,sBACA,sBACA,iBTaY,CCoyBR,gCQ/yBA,gBACA,cR8yBA,+BQ/yBA,mBACA,cAGJ,mBACI,aAEA,0BACI,eACA,iBACA,kBACA,gBACA,sBRmyBJ,4CQjyBQ,WAIZ,mBACI,aAEJ,sBACI,aACA,eACA,iBAEA,yCACI,YACA,YACA,eACA,mBACA,kBACA,iBACA,sBACA,kBACA,aACA,uBACA,mBACA,qBACA,eACA,iBT7BI,CS8BJ,+BACA,sBACA,kBRowBJ,kEQhwBY,mBRgwBZ,iEQhwBY,kCAGR,iDACI,oCR4vBR,oEQ1vBY,cACA,qBACA,iBRwvBZ,mEQ1vBY,WACA,qBACA,iBAGR,mDAEI,oCAFJ,mDACI,0BACA,CAEA,wDACI,YACA,oBAShB,iCACI,sBAEJ,uCACI,cAEJ,6DACI,sBACA,CAFJ,6DAEI,qB;ACpFA,mDACI,2BACA,wBAEA,yDACI,aAIZ,oBACI,aAEJ,mBACI,YACA,aACA,wBACA,sBAEA,sBACI,eACA,WACA,mBACA,cACA,cACA,aAEJ,yBACI,aACA,8BACA,mBACA,mBAEA,2BACI,eACA,mBACA,kBACA,eACA,sBACA,cT4wBR,8CS1wBY,cT0wBZ,6CS1wBY,cAIZ,4BACI,WAGI,4DACI,YACA,2BAEA,iEACI,iBACA,YAKhB,2BACI,kBASoB,sQACI,eACA,UACA,SACA,4CAShC,mBACI,aACA,sBACA,YACA,uBACA,qBACA,kBAEA,4BACI,YACA,YACA,sBAEJ,0BACI,eACA,mBACA,kBACA,iBACA,sBACA,kBACA,kBT4sBJ,6CS1sBQ,cT0sBR,4CS1sBQ,WAGR,qBACI,eACA,mBACA,kBACA,gBACA,sBACA,kBACA,WTgsBJ,wCS9rBQ,WT8rBR,uCS9rBQ,cAKR,wBACI,cACA,YAEA,6BACI,YACA,eACA,kBACA,aACA,iBACA,iBVrHA,CUsHA,sBACA,8BACA,mBT4qBR,sDSxqBgB,mBTwqBhB,qDSxqBgB,kCAGJ,4CACI,UAGR,mCACI,aACA,2BACA,mBACA,WACA,uBAEA,4CACI,kBAEJ,yCACI,aACA,sBACA,kBAEA,8CACI,eACA,mBACA,kBACA,iBACA,sBACA,kBT4oBpB,iES1oBwB,cT0oBxB,gES1oBwB,cAGR,+CACI,cACA,eACA,mBACA,kBACA,gBACA,sBACA,eACA,uBACA,mBACA,gBACA,gBT4nBpB,kES1nBwB,WT0nBxB,iES1nBwB,cAKhB,qCACI,aACA,yBACA,mBACA,YAEA,0CACI,eACA,mBACA,kBACA,iBACA,sBACA,iBACA,gBAEJ,8CACI,WACA,YACA,eACA,gBAEA,kDACI,WACA,YT8lBpB,qES5lBwB,aT4lBxB,oES5lBwB,aAGR,sDACI,kBAIZ,sCACI,UAGR,2CACI,YACA,YACA,yBACA,kBAEJ,kCACI,WACA,oBAGA,mDACI,WACA,oBAMZ,4BACI,eACA,mBACA,kBACA,iBACA,sBACA,YTujBJ,+CSrjBQ,WTqjBR,8CSrjBQ,cAGR,4BACI,WAGR,kBACI,YACA,UACA,UACA,YACA,aACA,kBACA,kBACA,mBACA,sBACA,sBACA,8BTmiBA,qCSjiBI,cACA,gBTgiBJ,oCSjiBI,cACA,mBAGJ,2BACI,qBACA,UAEA,6BACI,kBACA,eACA,mBACA,kBACA,iBACA,s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","sources":["webpack://smartcharts/./sass/components/_icons.scss","webpack://smartcharts/./sass/_variables.scss","webpack://smartcharts/./sass/_themes.scss","webpack://smartcharts/./sass/components/_chart-types.scss","webpack://smartcharts/./sass/components/_scroll.scss","webpack://smartcharts/./sass/components/_ciq-list.scss","webpack://smartcharts/./sass/components/_menu-dropdown.scss","webpack://smartcharts/./sass/components/_dialog.scss","webpack://smartcharts/./sass/components/_chart-mode.scss","webpack://smartcharts/./sass/components/_form.scss","webpack://smartcharts/./sass/components/_timeperiod.scss","webpack://smartcharts/./sass/components/_studylegend.scss","webpack://smartcharts/./sass/components/_search.scss","webpack://smartcharts/./sass/components/_view.scss","webpack://smartcharts/./sass/components/_chart-size.scss","webpack://smartcharts/./sass/components/_draw_tools.scss","webpack://smartcharts/./sass/components/_chart-setting.scss","webpack://smartcharts/./sass/components/_download.scss","webpack://smartcharts/./node_modules/react-tabs/style/react-tabs.css","webpack://smartcharts/./sass/styles/chart.scss","webpack://smartcharts/./sass/styles/main.scss","webpack://smartcharts/./sass/styles/_menu.scss","webpack://smartcharts/./sass/components/_barrier.scss","webpack://smartcharts/./sass/components/_loader.scss","webpack://smartcharts/./sass/components/_drawing-confirmation-toast.scss","webpack://smartcharts/./sass/components/_deletion-snackbar.scss","webpack://smartcharts/./sass/components/_last-digits.scss","webpack://smartcharts/./sass/components/_bottom-widget-container.scss","webpack://smartcharts/./sass/components/_chart-controls.scss","webpack://smartcharts/./sass/components/_chart-footer.scss","webpack://smartcharts/./sass/components/_chart-title.scss","webpack://smartcharts/./sass/components/_categorical-display.scss","webpack://smartcharts/./sass/components/_highest-lowest-marker.scss","webpack://smartcharts/./sass/components/_indicator_prediction_dialog.scss","webpack://smartcharts/./sass/components/_navigation-widget.scss","webpack://smartcharts/./sass/components/_pagination-loader.scss","webpack://smartcharts/./sass/components/_settings-dialog.scss","webpack://smartcharts/./sass/components/_toolbar-widget.scss"],"sourcesContent":["@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; @import '../_variables';\n\n.ic-icon {\n    display: block;\n    height: $normal-icon-size;\n    width: $normal-icon-size;\n    line-height: 32px;\n    transition: all 0.2s 0.15s;\n    border-radius: 2px;\n    box-sizing: border-box;\n    text-align: center;\n\n    &.ciq-favorite,\n    &.ic-favorite {\n        svg {\n            fill: none !important;\n            @include themify($themes) {\n                stroke: themed('MenuIcon');\n            }\n        }\n    }\n    &.ciq-active-favorite {\n        svg {\n            @include themify($themes) {\n                fill: themed('StarIconFav') !important;\n                stroke: themed('StarIconFav') !important;\n            }\n        }\n    }\n    &.margin {\n        margin: 0 5px;\n    }\n    svg {\n        position: relative;\n    }\n    br,\n    .ic-subtitle {\n        display: none;\n    }\n    &.ic-frxXAUUSD > svg {\n        fill: #ffd700;\n    }\n    &.ic-frxXPDUSD > svg {\n        fill: #e9eaf0;\n    }\n    &.ic-frxXPTUSD > svg {\n        fill: #f4f3f3;\n    }\n    &.ic-frxXAGUSD > svg {\n        fill: #e1e1e1;\n    }\n}\n\n.ic-icon-with-sub {\n    height: auto !important;\n    width: auto !important;\n    line-height: 15px;\n\n    br,\n    .ic-subtitle {\n        display: inline;\n    }\n}\n\n.cq-chart-controls .cq-menu-btn,\n.cq-menu-dropdown .title, // Close icon right of dropdown title in mobile mode\n.ciq-chart-types .ciq-list-item,\n.sc-mcd__filter,\n.sc-mcd__category__head .category-title-left,\n.sc-mcd__category__head {\n    .ic-icon {\n        & > svg {\n            @include themify($themes) {\n                fill: themed('MenuIcon');\n            }\n        }\n        &:not(.ic-synthetic_index, .ic-cryptocurrency) > svg {\n            @include themify($themes) {\n                stroke: themed('MenuIcon');\n            }\n        }\n    }\n}\n\n.cq-chart-controls .stxMenuActive .cq-menu-btn .ic-icon,\n.ciq-chart-types .ciq-list-item .active.ic-icon {\n    svg {\n        @include themify($themes) {\n            fill: themed('MenuActiveIcon');\n            stroke: themed('MenuActiveIcon');\n        }\n    }\n}\n\n.ic-frx,\n.ic-otc,\n.ic-wld {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    position: relative;\n    display: inline-block;\n    vertical-align: top;\n\n    > span {\n        position: absolute;\n    }\n}\n\n.ic-frx {\n    > span:last-child {\n        top: 8px;\n        left: 8px;\n    }\n}\n\n.ic-otc {\n    > span {\n        top: 5px;\n    }\n    > span:last-child {\n        top: -8px;\n        left: 9px;\n    }\n}\n\n.ic-wld {\n    > span:last-child {\n        top: -11px;\n        left: 13px;\n\n        svg {\n            width: 15px;\n            height: 10px;\n        }\n        .app-contents--is-mobile & {\n            top: -4px;\n            left: 11px;\n\n            svg {\n                width: 12px;\n                height: 8px;\n                box-sizing: content-box;\n            }\n        }\n    }\n}\n\n.smartcharts {\n    // temp workaround for svg icon that cannot be themed\n    .ic-cryptocurrency > svg,\n    .ic-indices > svg {\n        stroke: none !important;\n    }\n    &-light {\n        --empty-state-icon: #000000;\n    }\n    &-dark {\n        --empty-state-icon: #ffffff;\n\n        .ic-cryptocurrency > svg,\n        .ic-indices > svg {\n            filter: brightness(3);\n        }\n        .sc-mcd__filter__item--selected {\n            .ic-cryptocurrency > svg,\n            .ic-indices > svg {\n                filter: brightness(6);\n            }\n        }\n    }\n    &-mobile {\n        .cq-chart-controls .ciq-menu {\n            padding: 0px;\n        }\n        br,\n        .ic-subtitle {\n            display: none;\n        }\n    }\n}\n","/* ------------------------ *\\\n\t\tVariables\n\\* ------------------------ */\n\n$base-font: 'IBM Plex Sans',sans-serif !default;\n\n$font-size-base: 1em !default;\n$font-size-button: 1em !default;\n$font-size-toolbar: 1em !default;\n\n/* --------- COLOR :: Border --------- */\n$nav-height: 45px !default;\n$footer-height: 45px !default;\n\n$active-color: #4c5794;\n$large-icon-size: 32px;\n$normal-icon-size: 24px;\n$small-icon-size: 16px;\n\n$border-radius: 4px;\n\n/* ------------------------ *\\\n        Mixin\n\\* ------------------------ */\n\n/* --------- Animation : dialog --------- */\n@mixin dialog-transition {\n    transition: pointer-events 0.2s cubic-bezier(0.64, 0.04, 0.35, 1), transform 0.25s cubic-bezier(0.64, 0.04, 0.35, 1), opacity 0.17s cubic-bezier(0.64, 0.04, 0.35, 1), z-index 0.17s cubic-bezier(0.64, 0.04, 0.35, 1);\n}\n\n/* --------- CSS Properties --------- */\n\n@mixin optional-at-root($sel) {\n    @at-root #{if(not &, $sel, selector-append(&, $sel))} {\n        @content;\n    }\n}\n\n@mixin placeholder {\n    @include optional-at-root('::-webkit-input-placeholder') {\n        @content;\n    }\n\n    @include optional-at-root(':-moz-placeholder') {\n        @content;\n    }\n\n    @include optional-at-root('::-moz-placeholder') {\n        @content;\n    }\n\n    @include optional-at-root(':-ms-input-placeholder') {\n        @content;\n    }\n}\n@mixin rangetrack() {\n    width: 100%;\n    height: 12px;\n    cursor: pointer;\n    border-radius: 0px;\n    background: transparent;\n    border: 0px solid #010101;\n}\n@mixin rangethumb() {\n    cursor: pointer;\n    width: 10px;\n    height: 10px;\n    box-sizing: border-box;\n    border-radius: 7px;\n    margin-top: 0px;\n    @include themify($themes) {\n        background-color: themed('SliderHandleBg');\n        border: 2px solid themed('SliderHandleBorder');\n    }\n}\n\n@mixin triangle-base($width) {\n    content: '';\n    width: 0px;\n    height: 0px;\n    display: block;\n    border-left: $width solid transparent;\n    border-right: $width solid transparent;\n}\n\n@mixin calendar-angle-toggle($symbol-angle) {\n    content: $symbol-angle;\n    font-family: system-ui;\n    font-size: xx-large;\n    font-weight: 200;\n}\n","/* stylelint-disable color-no-hex */\n/* stylelint-disable value-keyword-case */\n// Colours based on Zeplin style guide 28march 2019\n$COLOR_WHITE: #ffffff;\n$COLOR_BLACK: #000000;\n$COLOR_ORANGE: #ff9933;\n$COLOR_SKY_BLUE: #2196f3;\n$COLOR_GREEN_2: #2d9f93;\n$COLOR_PURPLE: #4f60ae;\n$COLOR_DARK_BLUE_1: #0b0e18;\n$COLOR_DARK_BLUE_2: #101320;\n$COLOR_DARK_BLUE_3: #191c31;\n$COLOR_DARK_BLUE_4: #202641;\n$COLOR_DARK_BLUE_5: #2a3052; /* Brand Blue */\n$COLOR_DARK_GRAY_1: #282a37;\n$COLOR_DARK_GRAY_2: #303342;\n$COLOR_DARK_GRAY_3: #555975;\n$COLOR_LIGHT_GRAY: #7f8397;\n$COLOR_LIGHT_GRAY_30: rgba($COLOR_LIGHT_GRAY, 0.3);\n$COLOR_LIGHT_GRAY_1: #999cac;\n$COLOR_LIGHT_GRAY_2: rgba($COLOR_LIGHT_GRAY_1, 0.32);\n$COLOR_LIGHT_GRAY_3: rgb(250, 250, 251);\n$COLOR_LIGHT_BLACK_1: rgba($COLOR_BLACK, 0.8);\n$COLOR_LIGHT_BLACK_1_40: rgba($COLOR_BLACK, 0.4);\n$COLOR_LIGHT_BLACK_3: rgba($COLOR_BLACK, 0.16);\n$COLOR_LIGHT_BLACK_3_SOLID_1: #d6d6d6;\n$COLOR_LIGHT_BLACK_3_SOLID_2: #b3b3b3;\n$COLOR_LIGHT_BLACK_4: rgba($COLOR_BLACK, 0.04);\n$COLOR_LIGHT_BLACK_4_SOLID: #f4f4f6;\n$COLOR_LIGHT_BLACK_5: rgba($COLOR_BLACK, 0.14);\n$COLOR_LIGHT_BLACK_6: rgba($COLOR_BLACK, 0.15);\n\n//Legacy Colours. TODO: Check with design team, replace and remove these colours\n//Legacy Colours. TODO: Check with design team, replace and remove these colours\n$COLOR_YELLOW: #fef1cf;\n$COLOR_LIGHT_BLACK: #5c5c5c;\n$COLOR_BRANDBLUE_40: #aaacba;\n$COLOR_BRANDBLUE_95: #353b5b;\n$COLOR_BRANDBLUE_85: #4a4f6c;\n$COLOR_BRANDBLUE_75: #60647e;\n$COLOR_DARK_BLUE_8: rgba(127, 131, 151, 0.3);\n\n$COLOR_GREEN: #85acb0;\n$COLOR_GREEN_1: #4bb4b3;\n\n/*****************************\\\n *****************************\n        COLOR PALETTE\n *****************************\n\\*****************************/\n\n$color-black: #20242f;\n$color-black-1: #181c25;\n$color-black-3: #282c38;\n$color-black-4: #1d1f20;\n$color-black-5: rgb(40.05,46.72,61.74);\n$color-black-6: #3e3e3e;\n$color-black-7: #000000b8;\n$color-black-8: #323738;\n$color-black-9: #0e0e0ef5;\n$color-black-10: #00000014;\n$color-black-11: #00000029;\n$color-black-12: #0000004d;\n$color-white: #ffffff;\n$color-white-1: #fffffff5;\n$color-white-2: #ffffff29;\n$color-red: #ff444f;\n$color-red-1: #ec3f3f;\n$color-red-2: #cc2e3d;\n$color-red-3: #a32430;\n$color-red-4: #d33636;\n$color-red-5: #eb3e48;\n$color-red-6: #ff444f14;\n$color-red-7: #ff525c;\n$color-grey: #c2c2c2;\n$color-grey-1: #999999;\n$color-grey-2: #f2f3f4;\n$color-grey-3: #eaeced;\n$color-grey-4: #e6e9e9;\n$color-grey-5: #d6dadb;\n$color-grey-6: #d6d6d6;\n$color-grey-7: #6e6e6e;\n$color-green: #85acb0;\n$color-green-1: #4bb4b3;\n$color-green-2: #3d9494;\n$color-green-3: #00a79e;\n$color-green-4: #008079;\n$color-orange: #ff6444;\n$color-yellow: #ffad3a;\n$color-blue: #2c9aff;\n\n/* Preserve legacy variables */\n/* Primary */\n\n$COLOR_BLACK: #000000;\n$COLOR_BLACK_2: #1d1f20;\n$COLOR_BLACK_3: #0e0e0e;\n$COLOR_GREEN_1: #39b19d;\n$COLOR_GREEN_2: #2d9f93;\n$COLOR_GREEN_3: #21ce99;\n$COLOR_GREEN_4: #00a79e;\n$COLOR_GREEN_5: #4bb4b3;\n$COLOR_ORANGE: #ff9933;\n$COLOR_DARK_ORANGE: #ff8802;\n$COLOR_PURPLE: #4f60ae;\n$COLOR_RED: #e31c4b;\n$COLOR_RED_2: #cc2e3d;\n$COLOR_RED_3: #ec3f3f;\n$COLOR_CORAL_RED: #ff444f;\n$COLOR_SKY_BLUE: #2196f3;\n$COLOR_WHITE: #ffffff;\n$COLOR_BLUE: #1c5ae3;\n// Light theme\n$COLOR_LIGHT_BLACK_1: rgba(0, 0, 0, 0.8);\n$COLOR_LIGHT_BLACK_2: rgba(0, 0, 0, 0.4);\n$COLOR_LIGHT_BLACK_3: rgba(0, 0, 0, 0.16);\n$COLOR_LIGHT_BLACK_3_SOLID_1: #d6d6d6;\n$COLOR_LIGHT_BLACK_3_SOLID_2: #b3b3b3;\n$COLOR_LIGHT_BLACK_4: rgba(0, 0, 0, 0.04);\n$COLOR_LIGHT_BLACK_4_SOLID: #f4f4f6;\n$COLOR_LIGHT_GRAY_1: #999cac;\n$COLOR_LIGHT_GRAY_2: rgba(153, 156, 172, 0.32);\n$COLOR_LIGHT_GRAY_3: #eaeced;\n$COLOR_LIGHT_GRAY_4: #6e6e6e;\n$COLOR_LIGHT_GRAY_5: #c2c2c2;\n$COLOR_LIGHT_GRAY_6: #e9e9ed;\n$COLOR_LIGHT_GRAY_7: rgba(0, 0, 0, 0.08);\n$COLOR_LIGHT_GREEN_GRADIENT: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(0, 148, 117, 0.16));\n$COLOR_LIGHT_RED_GRADIENT: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(227, 28, 75, 0.16));\n$COLOR_LIGHT_WHITE_GRADIENT: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));\n// Dark theme\n$COLOR_DARK_BLACK_GRADIENT: linear-gradient(to right, rgba(16, 19, 32, 1), rgba(16, 19, 32, 0));\n$COLOR_DARK_BLUE_1: #0b0e18;\n$COLOR_DARK_BLUE_2: #101320;\n$COLOR_DARK_BLUE_3: #191c31;\n$COLOR_DARK_BLUE_4: #202641;\n$COLOR_DARK_BLUE_5: #2a3052;\n$COLOR_DARK_BLUE_6: #555975;\n$COLOR_DARK_BLUE_7: #7f8397;\n$COLOR_DARK_BLUE_8: rgba(127, 131, 151, 0.3);\n$COLOR_DARK_GREEN_GRADIENT: linear-gradient(to top, rgba(16, 19, 32, 0), rgba(0, 148, 117, 0.16));\n$COLOR_DARK_RED_GRADIENT: linear-gradient(to top, rgba(16, 19, 32, 0), rgba(227, 28, 75, 0.16));\n$COLOR_DARK_GRAY_1: #282a37;\n$COLOR_DARK_GRAY_2: #303342;\n$COLOR_DARK_GRAY_3: #555975;\n$COLOR_DARK_GRAY_4: #999999;\n\n$themes: (\n    light: (\n        DefaultMain: $COLOR_WHITE,\n        DefaultBg: $COLOR_WHITE,\n        DefaultText: $COLOR_LIGHT_GRAY,\n        BtnDefaultBg: transparent,\n        BtnDefaultText: $color-red,\n        BtnDefaultHoverBg: rgba($color-red, 0.08),\n        BtnPrimaryBg: $color-red,\n        BtnPrimaryText: $color-white,\n        BtnPrimaryDisableBg: rgba($color-red, 0.32),\n        BtnPrimaryHoverBg: $color-red-5,\n        BtnSecondaryBg: $color-grey-1,\n        BtnSecondaryText: $color-black-1,\n        BtnSecondaryBorder: $color-grey-1,\n        BtnSecondaryHoverBg: $COLOR_LIGHT_GRAY_7,\n        InputDefaultText: $color-grey-1,\n        InputDefaultBorder: $color-grey-5,\n        InputDefaultHoverBorder: $color-grey-1,\n        InputDefaultActiveBorder: $color-green,\n        CheckboxBg: $color-grey-1,\n        CheckboxActiveBg: $color-red,\n        ScrollbarBg: $color-grey-5,\n        NotificationBadgeBg: $color-red-1,\n        NotificationBadgeText: $color-white,\n        DefaultBorder: $COLOR_LIGHT_GRAY,\n        TooltipBg: $color-grey-5,\n        TooltipText: $color-black-1,\n        TooltipTextBg: transparent,\n        TooltipShadow: transparent,\n        Loading: $COLOR_BLACK,\n        ChartAreaBorder: $COLOR_LIGHT_GRAY_2,\n        ChartBg: $color-white,\n        ChartBorder: $COLOR_LIGHT_GRAY_1,\n        ChartText: $COLOR_DARK_GRAY_3,\n        ChartPanelBg: $color-grey-2,\n        ChartPanelActiveBg: $color-grey-4,\n        ChartPanelText: $color-black-1,\n        ChartCandleBg: $color-red,\n        ChartCandleBgClosed: $COLOR_LIGHT_BLACK_3_SOLID_1,\n        ChartCandleText: $color-white,\n        ChartCandleTextClosed: $COLOR_LIGHT_BLACK_3,\n        ChartGrid: $color-grey-2,\n        ChartIndicateText: $color-grey-3,\n        ChartIndicateDivide: $color-grey-5,\n        ChartCurrentHRBg: $color-red,\n        ChartCloseCurrentHRBg: rgba($color-red, 0.32),\n        ChartMountainBorder: $color-green,\n        ChartMountainBg: rgba($color-green, 0.16),\n        ChartMountainBgShade: rgba(255, 255, 255, 0),\n        ChartMountainClosedBorder: rgba($color-green, 0.32),\n        ChartClosedCandleBgUp: rgba($color-green, 0.32),\n        ChartClosedCandleBgDown: rgba($color-red, 0.32),\n        ChartClosedCandleBorder: rgba($color-black-1, 0.32),\n        ChartStickyBg: $color-grey-2,\n        ChartStickyText: $color-black-1,\n        ChartStickyInnerBg: $color-grey-5,\n        ChartStickyInnerText: $color-black-1,\n        MenuBg: $COLOR_WHITE,\n        MenuIcon: $COLOR_LIGHT_BLACK_1,\n        MenuText: $COLOR_LIGHT_BLACK_1,\n        MenuBorder: $COLOR_LIGHT_GRAY_1,\n        MenuHoverBg: $color-grey-4,\n        MenuHoverIconBg: $COLOR_LIGHT_GRAY_1,\n        MenuActiveBg: $color-white,\n        MenuActiveText: $COLOR_LIGHT_GRAY,\n        MenuActiveIcon: $COLOR_DARK_BLUE_5,\n        MenuActiveBorder: $color-red,\n        ChartTitleBg: $COLOR_WHITE,\n        ChartTitleSubBg: $color-grey-2,\n        ChartTitleText: $COLOR_LIGHT_BLACK_1,\n        ChartTitleBorder: $COLOR_WHITE,\n        ChartTitleArrow: $color-black-1,\n        ChartTitlePriceText: $color-grey-1,\n        ChartTitleSymbolText: $color-black-1,\n        ChartTitleHoverBorder: $color-grey-1,\n        ChartTitleActiveBorder: $color-green,\n        ChartTitleActiveShadow: $COLOR_LIGHT_GRAY_2,\n        ChartTitleActiveArrow: $COLOR_LIGHT_BLACK_1,\n        ChartControlBoxBorder: $color-grey-2,\n        ListScroll: $color-black-1,\n        ListLiBg: $color-white,\n        ListLiText: $color-black-1,\n        ListLiBorder: $color-grey-3,\n        ListHoverLiBg: $color-grey-4,\n        ListActiveLiBg: $COLOR_LIGHT_BLACK_3,\n        ListActiveLiText: $COLOR_DARK_BLUE_5,\n        ListActiveLiBorder: $COLOR_LIGHT_GRAY,\n        DialogBorder: $color-grey-2,\n        DialogHeadBg: $color-white,\n        DialogHeadText: $color-black-1,\n        DialogHeadBorder: $COLOR_LIGHT_BLACK_4_SOLID,\n        DialogHeadIcon: $color-black-1,\n        DialogHeadIconHoverBg: $color-grey-4,\n        DialogHeadActiveBorder: $COLOR_LIGHT_GRAY,\n        DialogTabularBg: $color-grey-2,\n        DialogTabularText: $color-black-1,\n        DialogTabularHeadBg: $color-white,\n        DialogTabularHeadBorder: $color-grey-2,\n        DialogTabularHeadTitleBg: $color-grey-2,\n        DialogTabularBodyBg: $color-white,\n        DialogTabularHoverTabBg: $color-grey-4,\n        DialogTabularActiveTabBg: $color-white,\n        DialogTabularActiveTabBorder: $color-red,\n        DialogBodyBg: $color-grey-2,\n        DialogBodyText: $color-black-1,\n        DialogFootBg: $color-white,\n        DialogFootText: $COLOR_LIGHT_BLACK_1,\n        DialogFootBorder: $color-grey-2,\n        DialogFootIcon: $color-grey-1,\n        DialogFootDeleteIcon: $color-black-1,\n        DialogFootDeleteHoverBg: $color-grey-4,\n        DialogFootResetText: $color-black-1,\n        DialogFootCancelText: $color-red,\n        DialogSettingHeadText: $COLOR_BLACK,\n        DialogSettingBodyBg: $COLOR_WHITE,\n        DialogSettingSectionDivider: $color-grey-2,\n        DialogSettingSectionText: $color-black-1,\n        DialogOverlay: rgba($COLOR_BLACK, 0.72),\n        ChartTypeBg: $color-white,\n        ChartTypeText: $color-black-1,\n        ChartTypeBorder: $color-grey-2,\n        ChartTypeHoverBg: $color-grey-4,\n        ChartTypeActiveBorder: $color-green,\n        ChartTypeTooltipBg: $color-grey-5,\n        ChartTypeTooltipText: $color-black-1,\n        TimeMenuActiveIconBorder: $COLOR_LIGHT_GRAY_1,\n        TimeBg: $color-white,\n        TimeText: $color-black-1,\n        TimeHoverBg: $color-grey-4,\n        TimeActiveText: $color-black-1,\n        TimeActiveItemBorder: $color-green,\n        ChartModeBg: $color-white,\n        ChartModeBorder: $color-grey-2,\n        ChartModeText: $color-black-1,\n        ChartModeTextSecondary: $color-black-1,\n        DrawToolsEmptyText: $color-grey-7,\n        DrawToolsItemText: $color-black-1,\n        DrawToolsItemSubText: $color-grey-1,\n        DrawToolsItemIcon: $color-black-1,\n        DrawToolsHoverBg: $color-grey-4,\n        ChartSettingText: $color-black-1,\n        ChartSettingIcon: $COLOR_LIGHT_GRAY,\n        ChartSettingActiveIcon: $COLOR_DARK_BLUE_5,\n        ChartSettingItemTitleText: $color-black-1,\n        ChartSettingItemHoverBg: $color-grey-4,\n        ChartSettingItemActiveBorder: $color-green,\n        TemplateBg: $color-white,\n        TemplateText: $color-black-1,\n        TemplateEmptyBtnText: $color-red,\n        TemplateEmptyText: $color-grey-1,\n        TemplateFormBtnBg: rgba($color-red, 0.32),\n        TemplateFormBtnText: $color-white,\n        TemplateFormInputBorder: $color-grey-5,\n        TemplateFormInputText: $color-grey-1,\n        TemplateFormInputActiveBorder: $color-green,\n        TemplateFormInputActiveText: $color-black-1,\n        TemplateFormActiveBtnBg: $color-red,\n        TemplateListBorder: $color-grey-2,\n        TemplateListHeadText: $color-grey-1,\n        TemplateListHeadBtnBorder: $color-grey-1,\n        TemplateListHeadBtnText: $color-black-1,\n        TemplateListItemText: $color-black-1,\n        TemplateListItemHoverBg: $color-grey-4,\n        ColorPickerBg: $COLOR_WHITE,\n        ColorPickerShadow: $COLOR_LIGHT_GRAY_7,\n        ColorPickerBorder: $COLOR_LIGHT_GRAY,\n        ColorPickerInputBorder: $color-grey-5,\n        ColorPickerActiveBorder: $color-green,\n        ColorPickerSubtitleText: $color-black-1,\n        ColorPickerSubtitleBg: $color-white,\n        DefaultInputHoverBorder: $color-grey-1,\n        DefaultInputBtnHoverBg: $color-grey-4,\n        DefaultInputActiveBorder: $color-green,\n        DefaultSelectHoverBorder: $color-grey-4,\n        DropdownText: $color-black-1,\n        DropdownSubtitleText: $color-black-1,\n        DropdownSubtitleBg: $color-white,\n        DropdownBg: $color-white,\n        DropdownBorder: $color-grey-5,\n        DropdownActiveBg: $color-grey-5,\n        DropdownActiveText: $color-black-1,\n        DropdownActiveBorder: $color-green,\n        DropdownActiveShadow: $COLOR_LIGHT_GRAY_7,\n        DropdownHoverBg: $color-grey-4,\n        DropdownHoverBorder: $color-grey-1,\n        SliderText: $color-black-1,\n        SliderHandleBg: $color-red,\n        SliderHandleBorder: $color-red,\n        SliderBarBg: $color-grey-3,\n        SliderBarActiveBg: $color-red,\n        SwitchText: $color-white,\n        SwitchHandle: $color-white,\n        SwitchOffBg: $color-grey-3,\n        SwitchOnBg: $color-green-1,\n        InputBg: $COLOR_WHITE,\n        InputText: $color-black-1,\n        InputBorder: $color-grey-5,\n        InputActiveText: $color-black-1,\n        InputActiveBorder: $color-green,\n        InputHoverBorder: $color-grey-1,\n        InputFocusText: $color-black-1,\n        CatDisplayBg: $COLOR_WHITE,\n        CatDisplayShadow: $COLOR_LIGHT_GRAY_1,\n        CatDisplayText: $color-black-1,\n        CatDisplayBorder: $COLOR_WHITE,\n        CatDisplaySearchBg: $COLOR_WHITE,\n        CatDisplaySearchIcon: $color-black-1,\n        CatDisplaySearchText: $COLOR_LIGHT_BLACK_3,\n        CatDisplaySearchBorder: $color-grey-5,\n        CatDisplayActiveSearchText: $color-black-1,\n        CatDisplayActiveSearchIcon: $color-black-1,\n        CatDisplayActiveSearchIconClose: $color-black-1,\n        CatDisplayActiveSearchBorder: $color-green,\n        CatDisplayActiveSearchShadow: $COLOR_LIGHT_GRAY_2,\n        CatDisplayHoverSearchIcon: $color-black-1,\n        CatDisplayHoverSearchBorder: $color-grey-1,\n        CatDisplayFilterBg: $color-grey-2,\n        CatDisplayFilterText: $COLOR_LIGHT_BLACK_1,\n        CatDisplayFilterIcon: $COLOR_LIGHT_GRAY,\n        CatDisplayFilterBorder: $color-grey-2,\n        CatDisplayFilterInputText: $COLOR_WHITE,\n        CatDisplayActiveFilterBg: $COLOR_WHITE,\n        CatDisplayActiveFilterText: $color-black-1,\n        CatDisplayActiveFilterIcon: $color-black-1,\n        CatDisplayActiveFilterBorder: $COLOR_RED,\n        CatDisplayHoverFilterBg: $color-grey-4,\n        CatDisplayCatTitleText: $color-black-1,\n        CatDisplayCatSubTitleText: $COLOR_LIGHT_GRAY,\n        CatDisplayCatContentBg: $COLOR_WHITE,\n        CatDisplayCatContentBorder: $COLOR_WHITE,\n        CatDisplayCatContentTitleBg: $COLOR_WHITE,\n        CatDisplayCatContentTitleText: $color-grey-1,\n        CatDisplayCatContentIcon: $color-black-1,\n        CatDisplayCatContentDisabled: $COLOR_LIGHT_BLACK_3_SOLID_1,\n        CatDisplayCatActiveContentBg: $color-grey-5,\n        CatDisplayCatActiveContentText: $color-black-1,\n        CatDisplayCatActiveContentIcon: $color-black-1,\n        CatDisplayActiveText: $COLOR_LIGHT_BLACK_1,\n        CatDisplayCatHoverContentBg: $color-grey-4,\n        CatDisplayCatHoverContentText: $color-black-1,\n        CatDisplayCatHoverContentIcon: $color-black-1,\n        DownloadBg: $color-white,\n        DownloadText: $color-black-1,\n        DownloadActiveBg: $color-grey-4,\n        LoadingBg: $color-green,\n        StarIconFav: $COLOR_ORANGE,\n        LastdigitsBarBg: $COLOR_LIGHT_GRAY_1,\n        LastdigitsMaxBarBg: $COLOR_GREEN_2,\n        LastdigitsMinBarBg: $COLOR_RED,\n        LastdigitsBarText: $COLOR_LIGHT_GRAY,\n        LastdigitsBarFooter: $COLOR_BLACK,\n        ChartHistoryBg: $color-grey-2,\n        ChartHistoryBgContainer: $color-white,\n        ChartHistoryColor: $color-black-1,\n        ChartHistoryBorder: $COLOR_LIGHT_GRAY,\n        ChartHistoryPickerBg: $COLOR_WHITE,\n        ChartHistoryPickerDropdownBg: $COLOR_WHITE,\n        ChartHistoryPickerDropdownBorder: $color-grey-3,\n        ChartHistoryPickerBorder: $color-grey-3,\n        ChartHistoryPickerColor: $COLOR_LIGHT_BLACK,\n        ChartHistoryPickerIcon: $COLOR_LIGHT_BLACK,\n        ChartHistoryPickerActiveBorder: $COLOR_GREEN,\n        ChartHistoryPickerActiveColor: $COLOR_LIGHT_BLACK,\n        ChartHistoryPickerActiveIcon: $COLOR_DARK_BLUE_5,\n        ChartHistoryPickerTopColor: $COLOR_BRANDBLUE_40,\n        ChartHistoryPickerHeaderBg: $COLOR_WHITE,\n        ChartHistoryPickerHeaderBorder: $COLOR_LIGHT_GRAY_3,\n        ChartHistoryPickerHeaderColor: $COLOR_BLACK,\n        ChartHistoryPickerHeaderIcon: $color-black-1,\n        ChartHistoryPickerFooterBg: $COLOR_WHITE,\n        ChartHistoryPickerFooterBorder: $color-grey-2,\n        ChartHistoryPickerFooterColor: $color-black-1,\n        ChartHistoryPickerBodyColor: $color-black-1,\n        ChartHistoryPickerBodyDisableColor: $color-grey-6,\n        ChartHistoryPickerBodyActiveBg: $color-grey-5,\n        ChartHistoryPickerBodyActiveColor: $color-black-1,\n        ChartHistoryPickerBodyActiveBorder: $COLOR_DARK_BLUE_5,\n        ChartHistoryPickerBodyHoverBg: $color-grey-3,\n        PaginationLoaderStripeColor: $COLOR_LIGHT_BLACK_4_SOLID,\n        NavigationWidgetBg: $color-grey-2,\n        NavigationWidgetColor: $color-black-1,\n        HighestLowestMarkerLabelBg: $COLOR_LIGHT_BLACK_3,\n        HighestLowestMarkerLabelText: $COLOR_LIGHT_BLACK_1,\n        HighestSpotColor: $COLOR_GREEN_1,\n        ToolbarWidgetBg: $color-white,\n        ToolbarWidgetBorder: $color-grey-2,\n        ToolbarWidgetHoverBg: $color-grey-4,\n        ToolbarWidgetItemIcon: $color-black-1,\n        LowestSpotColor: $COLOR_RED,\n        ChartBackgroundOpacity: 0.05,\n        IndicatorEmptyText: $color-grey-1,\n        IndicatorEmptyTitleText: $color-black-1,\n        IndicatorListItemText: $color-black-1,\n        IndicatorListItemSubText: $color-grey-1,\n        IndicatorListItemHoverBg: $color-grey-4,\n        IndicatorAddedBorder: $color-grey-6,\n        IndicatorSearchBg: $color-white,\n        IndicatorSearchBorder: $color-grey-5,\n        IndicatorSearchText: $COLOR_LIGHT_BLACK_3_SOLID_1,\n        IndicatorSearchIcon: $color-black-1,\n        IndicatorSearchIconReset: $color-grey-1,\n        IndicatorSearchHoverBorder: $color-grey-1,\n        IndicatorSearchActiveBorder: $color-green,\n        IndicatorSearchActiveText: $color-black-1,\n        IndicatorCategoryText: $color-grey-1,\n        IndicatorInfoText: $color-black-1,\n        IndicatorInfoBg: $color-white,\n        FooterBg: $color-white,\n        FooterText: $color-black-1,\n        FooterBorder: $color-grey-2,\n        FooterItemHoverBg: $color-grey-4,\n        ChartStatus: $color-grey-2,\n        ChartStatusOnline: $color-green-1,\n        ChartStatusOffline: $color-red-2,\n        PredictionDialogTitle: $color-black-1,\n        PredictionDialogText: $color-black-1,\n        ChartHistoryPickerBgCalendar: $color-white,\n        ChartHistoricalMarker: $color-grey-5,\n        ChartHistoricalMarkerFont: $color-black-1,\n        DrawingToastBg: $COLOR_BLACK,\n        DrawingToastText: $COLOR_WHITE,\n        DrawingToastBorder: rgba($COLOR_WHITE, 0.04),\n        DrawingToastButtonText: $COLOR_WHITE,\n        DrawingToastButtonHoverBg: rgba($COLOR_WHITE, 0.08),\n        DrawingToastButtonActiveBg: rgba($COLOR_WHITE, 0.12),\n        DrawingToastFocusOutline: $color-green,\n        DrawingToastShadow1: rgba($COLOR_BLACK, 0.03),\n        DrawingToastShadow2: rgba($COLOR_BLACK, 0.02),\n        DeletionSnackbarBg: $COLOR_BLACK,\n        DeletionSnackbarText: $COLOR_WHITE,\n        DeletionSnackbarBorder: rgba($COLOR_WHITE, 0.04),\n        DeletionSnackbarCloseText: $COLOR_WHITE,\n        DeletionSnackbarCloseHoverBg: rgba($COLOR_WHITE, 0.08),\n        DeletionSnackbarCloseActiveBg: rgba($COLOR_WHITE, 0.12),\n        DeletionSnackbarFocusOutline: $color-green,\n        DeletionSnackbarShadow1: rgba($COLOR_BLACK, 0.03),\n        DeletionSnackbarShadow2: rgba($COLOR_BLACK, 0.02),\n    ),\n    dark: (\n        DefaultMain: $color-black,\n        DefaultBg: $color-black,\n        DefaultText: $COLOR_WHITE,\n        DefaultBorder: $COLOR_WHITE,\n        TooltipBg: $color-black-8,\n        TooltipText: $color-white,\n        TooltipShadow: transparent,\n        TooltipTextBg: transparent,\n        BtnDefaultBg: transparent,\n        BtnDefaultText: $color-red,\n        BtnDefaultHoverBg: rgba($color-red, 0.08),\n        BtnPrimaryBg: $color-red,\n        BtnPrimaryText: $color-white,\n        BtnPrimaryDisableBg: rgba($color-red, 0.32),\n        BtnPrimaryHoverBg: $color-red-7,\n        BtnSecondaryBg: $color-grey-1,\n        BtnSecondaryText: $color-white,\n        BtnSecondaryBorder: $color-grey-7,\n        BtnSecondaryHoverBg: $color-black-3,\n        InputDefaultBorder: $color-black-8,\n        InputDefaultHoverBorder: $color-grey-7,\n        InputDefaultActiveBorder: $color-green,\n        CheckboxBg: $color-grey-7,\n        CheckboxActiveBg: $color-red,\n        ScrollbarBg: $color-black-8,\n        NotificationBadgeBg: $color-red-1,\n        NotificationBadgeText: $color-white,\n        Loading: $COLOR_WHITE,\n        ChartAreaBorder: $COLOR_LIGHT_GRAY_30,\n        ChartBg: $color-black-1,\n        ChartBorder: $COLOR_WHITE,\n        ChartText: $color-grey-1,\n        ChartPanelBg: $color-black,\n        ChartPanelActiveBg: $color-black-5,\n        ChartPanelText: $color-grey,\n        ChartCandleBg: $color-red,\n        ChartCandleBgClosed: $COLOR_DARK_GRAY_2,\n        ChartCandleText: $color-white,\n        ChartCandleTextClosed: $COLOR_LIGHT_GRAY_30,\n        ChartGrid: $color-black-4,\n        ChartIndicateText: $COLOR_WHITE,\n        ChartIndicateDivide: $color-black-8,\n        ChartMountainBorder: $color-green,\n        ChartMountainBg: rgba(255, 255, 255, 0.36),\n        ChartMountainBgShade: rgba(16, 19, 32, 0),\n        ChartMountainClosedBorder: rgba($COLOR_WHITE, 0.32),\n        ChartStickyBg: $color-black,\n        ChartStickyText: $color-grey,\n        ChartStickyInnerBg: $color-black-8,\n        ChartStickyInnerText: $color-white,\n        MenuBg: $color-black,\n        MenuBorder: $COLOR_DARK_BLUE_5,\n        MenuIcon: $color-grey-1,\n        MenuText: $color-grey-1,\n        MenuHoverBg: $color-black-5,\n        MenuHoverIconBg: $COLOR_DARK_GRAY_3,\n        MenuActiveBg: $color-black,\n        MenuActiveText: $color-white,\n        MenuActiveIcon: $color-white,\n        MenuActiveBorder: $color-red,\n        ChartTitleBg: $color-black-1,\n        ChartTitleSubBg: $color-black,\n        ChartTitleText: $COLOR_WHITE,\n        ChartTitleBorder: $color-black,\n        ChartTitleArrow: $color-grey-1,\n        ChartTitlePriceText: $color-grey-1,\n        ChartTitleSymbolText: $COLOR_WHITE,\n        ChartTitleHoverBorder: $color-grey-1,\n        ChartTitleActiveBorder: $color-green,\n        ChartTitleActiveShadow: $COLOR_DARK_BLUE_8,\n        ChartTitleActiveArrow: $color-grey-1,\n        ChartControlBoxBorder: $color-black,\n        ListScroll: $color-grey,\n        ListLiBg: $color-black,\n        ListLiText: $color-grey,\n        ListLiBorder: $color-black-4,\n        ListHoverLiBg: $color-black-5,\n        ListActiveLiBg: $color-black-8,\n        ListActiveLiText: $color-white,\n        ListActiveLiBorder: $color-black-4,\n        DialogBorder: $color-black,\n        DialogHeadBg: $color-black,\n        DialogHeadText: $color-white,\n        DialogHeadBorder: $color-black-3,\n        DialogHeadIcon: $color-grey,\n        DialogHeadIconHoverBg: $color-black-5,\n        DialogHeadActiveBorder: $COLOR_DARK_BLUE_3,\n        DialogTabularBg: $color-black-3,\n        DialogTabularText: $color-grey,\n        DialogTabularHeadBg: $color-black,\n        DialogTabularHeadBorder: $color-black-3,\n        DialogTabularHeadTitleBg: $color-black-3,\n        DialogTabularBodyBg: $color-black,\n        DialogTabularHoverTabBg: $color-black-5,\n        DialogTabularActiveTabBg: $color-black,\n        DialogTabularActiveTabText: $color-white,\n        DialogTabularActiveTabBorder: $color-red,\n        DialogBodyBg: $color-black,\n        DialogBodyText: $color-grey,\n        DialogFootBg: $color-black,\n        DialogFootText: $color-white,\n        DialogFootBorder: $color-black-3,\n        DialogFootIcon: $color-grey-7,\n        DialogFootDeleteIcon: $color-grey,\n        DialogFootDeleteHoverBg: $color-black-5,\n        DialogFootCancelText: $color-red,\n        DialogSettingHeadText: $COLOR_WHITE,\n        DialogSettingBodyBg: $color-black,\n        DialogSettingSectionDivider: $color-black,\n        DialogSettingSectionText: $color-white,\n        DialogOverlay: rgba($COLOR_BLACK, 0.72),\n        ChartTypeBg: $color-black,\n        ChartTypeText: $color-grey,\n        ChartTypeBorder: $color-black-3,\n        ChartTypeHoverBg: $color-black-5,\n        ChartTypeActiveText: $color-white,\n        ChartTypeActiveBorder: $color-green,\n        ChartTypeTooltipBg: $color-black-8,\n        ChartTypeTooltipText: $color-white,\n        TimeBg: $color-black,\n        TimeText: $color-grey,\n        TimeTitleText: $color-white,\n        TimeHoverBg: $color-black-5,\n        TimeActiveText: $color-white,\n        TimeActiveItemBorder: $color-green,\n        ChartModeBg: $color-black,\n        ChartModeBorder: $color-black-3,\n        ChartModeText: $color-grey,\n        ChartModeTextSecondary: $color-grey-1,\n        DrawToolsEmptyText: $color-grey-1,\n        DrawToolsItemText: $color-grey,\n        DrawToolsItemSubText: $color-grey-7,\n        DrawToolsItemIcon: $color-grey,\n        DrawToolsHoverBg: $color-black-5,\n        ChartSettingText: $color-grey-3,\n        ChartSettingIcon: $COLOR_DARK_GRAY_3,\n        ChartSettingActiveIcon: $color-white,\n        ChartSettingItemTitleText: $color-white,\n        ChartSettingItemHoverBg: $color-black-5,\n        ChartSettingItemActiveBorder: $color-green,\n        TemplateBg: $color-black,\n        TemplateText: $color-grey,\n        TemplateEmptyBtnText: $color-red,\n        TemplateEmptyText: $color-grey-7,\n        TemplateFormBtnBg: rgba($color-red, 0.32),\n        TemplateFormBtnText: $color-white,\n        TemplateFormInputBorder: $color-black-8,\n        TemplateFormInputText: $color-grey-7,\n        TemplateFormInputActiveBorder: $color-green,\n        TemplateFormInputActiveText: $color-white,\n        TemplateFormActiveBtnBg: $color-red,\n        TemplateListBorder: $color-black-3,\n        TemplateListHeadText: $color-grey-7,\n        TemplateListHeadBtnBorder: $color-grey-7,\n        TemplateListHeadBtnText: $color-white,\n        TemplateListItemText: $color-grey,\n        TemplateListItemHoverBg: $color-black-5,\n        ColorPickerBg: $color-black,\n        ColorPickerShadow: rgba(0, 0, 0, 0.64),\n        ColorPickerBorder: $COLOR_DARK_GRAY_3,\n        ColorPickerInputBorder: $COLOR_DARK_BLUE_8,\n        ColorPickerActiveBorder: $color-green,\n        ColorPickerSubtitleText: $color-grey,\n        ColorPickerSubtitleBg: $color-black,\n        DefaultInputHoverBorder: $color-grey-7,\n        DefaultInputBtnHoverBg: $color-black-5,\n        DefaultInputActiveBorder: $color-green,\n        DefaultSelectHoverBorder: $color-black-5,\n        DropdownText: $color-grey,\n        DropdownSubtitleText: $color-grey,\n        DropdownSubtitleBg: $color-black,\n        DropdownBg: $color-black,\n        DropdownBorder: $color-black-8,\n        DropdownActiveBg: rgb(56.1, 65.45, 86.49),\n        DropdownActiveText: $color-white,\n        DropdownActiveBorder: $color-green,\n        DropdownActiveShadow: rgba(0, 0, 0, 0.64),\n        DropdownHoverBg: $color-black-5,\n        DropdownHoverBorder: $color-grey-7,\n        SliderText: $color-white,\n        SliderHandleBg: $color-red,\n        SliderHandleBorder: $color-red,\n        SliderBarBg: $color-black-4,\n        SliderBarActiveBg: $color-red,\n        SwitchText: $color-white,\n        SwitchHandle: $color-white,\n        SwitchOffBg: rgba(255, 255, 255, 0.16),\n        SwitchOnBg: $color-green-3,\n        InputBg: $color-black,\n        InputText: $color-white,\n        InputBorder: $COLOR_DARK_BLUE_8,\n        InputActiveText: $color-white,\n        InputActiveBorder: $color-green,\n        InputHoverBorder: $color-grey-7,\n        InputFocusText: $color-white,\n        CatDisplayBg: $color-black,\n        CatDisplayShadow: $COLOR_DARK_BLUE_3,\n        CatDisplayText: $color-grey,\n        CatDisplayBorder: $color-black,\n        CatDisplaySearchBg: $color-black,\n        CatDisplaySearchIcon: $color-grey,\n        CatDisplaySearchText: $color-black-6,\n        CatDisplaySearchBorder: $COLOR_DARK_BLUE_8,\n        CatDisplayActiveSearchText: $color-white,\n        CatDisplayActiveSearchIcon: $color-white,\n        CatDisplayActiveSearchIconClose: $color-black-1,\n        CatDisplayActiveSearchBorder: $color-green,\n        CatDisplayActiveSearchShadow: $COLOR_DARK_BLUE_8,\n        CatDisplayHoverSearchIcon: $color-grey,\n        CatDisplayHoverSearchBorder: $color-grey-7,\n        CatDisplayFilterBg: $color-black-3,\n        CatDisplayFilterText: $color-grey,\n        CatDisplayFilterIcon: $color-grey-3,\n        CatDisplayFilterBorder: $color-black,\n        CatDisplayFilterInputText: $COLOR_WHITE,\n        CatDisplayActiveFilterBg: $color-black-1,\n        CatDisplayActiveFilterText: $color-white,\n        CatDisplayActiveFilterBorder: $color-red,\n        CatDisplayActiveFilterIcon: $COLOR_WHITE,\n        CatDisplayHoverFilterBg: $color-black-5,\n        CatDisplayCatTitleText: $COLOR_WHITE,\n        CatDisplayCatSubTitleText: $color-grey-3,\n        CatDisplayCatContentBg: $color-black,\n        CatDisplayCatContentBorder: $color-black,\n        CatDisplayCatContentTitleBg: $COLOR_DARK_BLUE_5,\n        CatDisplayCatContentTitleText: $color-grey-7,\n        CatDisplayCatContentIcon: $color-grey-1,\n        CatDisplayCatContentDisabled: $COLOR_LIGHT_GRAY_30,\n        CatDisplayCatActiveContentBg: $color-black-8,\n        CatDisplayCatActiveContentText: $color-white,\n        CatDisplayCatActiveContentIcon: $color-grey-1,\n        CatDisplayActiveText: $color-white,\n        CatDisplayCatHoverContentBg: $color-black-5,\n        CatDisplayCatHoverContentText: $color-white,\n        CatDisplayCatHoverContentIcon: $color-white,\n        DownloadBg: $color-black,\n        DownloadText: $color-grey,\n        DownloadActiveBg: $color-black-5,\n        LoadingBg: $color-green,\n        StarIconFav: $COLOR_ORANGE,\n        LastdigitsBarBg: $COLOR_DARK_GRAY_3,\n        LastdigitsMaxBarBg: $COLOR_GREEN_1,\n        LastdigitsMinBarBg: $COLOR_RED,\n        LastdigitsBarText: $COLOR_LIGHT_GRAY,\n        LastdigitsBarFooter: $COLOR_WHITE,\n        ChartHistoryBg: $color-black,\n        ChartHistoryBgContainer: $color-black,\n        ChartHistoryColor: $color-grey,\n        ChartHistoryBorder: $COLOR_BRANDBLUE_85,\n        ChartHistoryPickerBg: $color-black,\n        ChartHistoryPickerBorder: $color-black-8,\n        ChartHistoryPickerDropdownBg: $color-black,\n        ChartHistoryPickerDropdownBorder: $color-black,\n        ChartHistoryPickerColor: $COLOR_WHITE,\n        ChartHistoryPickerIcon: $color-grey,\n        ChartHistoryPickerActiveBorder: $COLOR_GREEN,\n        ChartHistoryPickerActiveColor: $COLOR_WHITE,\n        ChartHistoryPickerActiveIcon: $COLOR_WHITE,\n        ChartHistoryPickerTopColor: $COLOR_BRANDBLUE_40,\n        ChartHistoryPickerHeaderBg: $color-black,\n        ChartHistoryPickerHeaderBorder: $color-black,\n        ChartHistoryPickerHeaderColor: $COLOR_WHITE,\n        ChartHistoryPickerHeaderIcon: $color-grey,\n        ChartHistoryPickerFooterBg: $color-black,\n        ChartHistoryPickerFooterBorder: $color-black,\n        ChartHistoryPickerFooterColor: $color-grey,\n        ChartHistoryPickerBodyColor: $color-grey,\n        ChartHistoryPickerBodyDisableColor: $color-black-6,\n        ChartHistoryPickerBodyActiveBg: $color-black-8,\n        ChartHistoryPickerBodyActiveColor: $COLOR_WHITE,\n        ChartHistoryPickerBodyActiveBorder: $color-black-8,\n        ChartHistoryPickerBodyHoverBg: $color-black-5,\n        PaginationLoaderStripeColor: $color-black-1,\n        NavigationWidgetBg: $color-black,\n        NavigationWidgetColor: $color-grey,\n        HighestLowestMarkerLabelBg: $COLOR_DARK_GRAY_2,\n        HighestLowestMarkerLabelText: $COLOR_WHITE,\n        HighestSpotColor: $COLOR_GREEN_1,\n        ToolbarWidgetBg: $color-black-1,\n        ToolbarWidgetBorder: $color-black,\n        ToolbarWidgetHoverBg: $color-black-5,\n        ToolbarWidgetItemIcon: $color-grey,\n        LowestSpotColor: $COLOR_RED,\n        ChartBackgroundOpacity: 0.4,\n        IndicatorEmptyText: $color-grey-7,\n        IndicatorEmptyTitleText: $color-white,\n        IndicatorListItemText: $color-grey,\n        IndicatorListItemSubText: $color-grey-7,\n        IndicatorListItemHoverBg: $color-black-5,\n        IndicatorAddedBorder: $color-black-6,\n        IndicatorSearchBg: $color-black,\n        IndicatorSearchBorder: $color-black-8,\n        IndicatorSearchText: $color-black-6,\n        IndicatorSearchIcon: $color-grey,\n        IndicatorSearchIconReset: $color-black-1,\n        IndicatorSearchHoverBorder: $color-grey-1,\n        IndicatorSearchActiveBorder: $color-green,\n        IndicatorSearchActiveText: $color-white,\n        IndicatorCategoryText: $color-grey-7,\n        IndicatorInfoText: $color-grey,\n        IndicatorInfoBg: $color-black,\n        FooterBg: $color-black,\n        FooterText: $color-grey,\n        FooterBorder: $color-black,\n        FooterItemHoverBg: $color-black-5,\n        ChartStatus: $color-grey-2,\n        ChartStatusOnline: $color-green-1,\n        ChartStatusOffline: $color-red-2,\n        PredictionDialogTitle: $color-white,\n        PredictionDialogText: $color-white,\n        ChartHistoryPickerBgCalendar: $color-black,\n        ChartHistoricalMarker: $color-black-8,\n        ChartHistoricalMarkerFont: $color-grey,\n        DrawingToastBg: $COLOR_WHITE,\n        DrawingToastText: $COLOR_BLACK,\n        DrawingToastBorder: rgba($COLOR_BLACK, 0.04),\n        DrawingToastButtonText: $COLOR_BLACK,\n        DrawingToastButtonHoverBg: rgba($COLOR_BLACK, 0.08),\n        DrawingToastButtonActiveBg: rgba($COLOR_BLACK, 0.12),\n        DrawingToastFocusOutline: $color-green,\n        DrawingToastShadow1: rgba($COLOR_BLACK, 0.03),\n        DrawingToastShadow2: rgba($COLOR_BLACK, 0.02),\n        DeletionSnackbarBg: $COLOR_WHITE,\n        DeletionSnackbarText: $COLOR_BLACK,\n        DeletionSnackbarBorder: rgba($COLOR_BLACK, 0.04),\n        DeletionSnackbarCloseText: $COLOR_BLACK,\n        DeletionSnackbarCloseHoverBg: rgba($COLOR_BLACK, 0.08),\n        DeletionSnackbarCloseActiveBg: rgba($COLOR_BLACK, 0.12),\n        DeletionSnackbarFocusOutline: $color-green,\n        DeletionSnackbarShadow1: rgba($COLOR_BLACK, 0.03),\n        DeletionSnackbarShadow2: rgba($COLOR_BLACK, 0.02),\n    ),\n);\n\n@mixin themify($themes: $themes) {\n    @each $theme, $map in $themes {\n        .smartcharts-#{$theme} & {\n            $theme-map: () !global;\n            @each $key, $submap in $map {\n                $value: map-get(map-get($themes, $theme), '#{$key}');\n                $theme-map: map-merge(\n                    $theme-map,\n                    (\n                        $key: $value,\n                    )\n                ) !global;\n            }\n            @content;\n            $theme-map: null !global;\n        }\n    }\n}\n\n@function themed($key) {\n    @return map-get($theme-map, $key);\n}\n\n:export {\n    red: $color-red;\n    light_chart_text: map-get(map-get($themes, 'light'), 'ChartText');\n    dark_chart_text: map-get(map-get($themes, 'dark'), 'ChartText');\n    light_chart_grid: map-get(map-get($themes, 'light'), 'ChartGrid');\n    dark_chart_grid: map-get(map-get($themes, 'dark'), 'ChartGrid');\n    light_chart_mountain_border: map-get(map-get($themes, 'light'), 'ChartMountainBorder');\n    light_chart_mountain_bg: map-get(map-get($themes, 'light'), 'ChartMountainBg');\n    light_chart_mountain_bg_shade: map-get(map-get($themes, 'light'), 'ChartMountainBgShade');\n    light_chart_closed_mountain_border: map-get(map-get($themes, 'light'), 'ChartMountainClosedBorder');\n    dark_chart_mountain_border: map-get(map-get($themes, 'dark'), 'ChartMountainBorder');\n    dark_chart_mountain_bg: map-get(map-get($themes, 'dark'), 'ChartMountainBg');\n    dark_chart_mountain_bg_shade: map-get(map-get($themes, 'dark'), 'ChartMountainBgShade');\n    dark_chart_closed_mountain_border: map-get(map-get($themes, 'dark'), 'ChartMountainClosedBorder');\n    // we don't have difference color for chart_closed_candle_up, chart_closed_candle_down, chart_closed_current_hr\n    // in light and dark them\n    chart_closed_candle_up: map-get(map-get($themes, 'light'), 'ChartClosedCandleBgUp');\n    chart_closed_candle_down: map-get(map-get($themes, 'light'), 'ChartClosedCandleBgDown');\n    chart_closed_candle_border: map-get(map-get($themes, 'light'), 'ChartClosedCandleBorder');\n    chart_current_hr: map-get(map-get($themes, 'light'), 'ChartCurrentHRBg');\n    chart_closed_current_hr: map-get(map-get($themes, 'light'), 'ChartCloseCurrentHRBg');\n    light_chart_bg: map-get(map-get($themes, 'light'), 'ChartBg');\n    dark_chart_bg: map-get(map-get($themes, 'dark'), 'ChartBg');\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .ciq-chart-types {\n    .cq-menu-dropdown {\n        width: 424px;\n        height: 174px;\n        box-sizing: border-box;\n\n        .body {\n            padding: 0 7px 0 16px;\n        }\n    }\n    .ciq-list {\n        padding-right: 9px;\n\n        .ciq-list-item {\n            padding: 0;\n            justify-content: space-between;\n\n            > .left {\n                display: inline-flex;\n                align-items: center;\n            }\n            :last-child {\n                .ic-icon > svg {\n                    stroke: none;\n                }\n            }\n        }\n    }\n}\n\n.sc-chart-type {\n    display: flex;\n    padding: 24px;\n    justify-content: space-between;\n    @include themify($themes) {\n        background: themed('ChartTypeBg');\n    }\n\n    &__item {\n        width: 25%;\n        height: 88px;\n        margin-right: 8px;\n        cursor: pointer;\n        border: 1px solid transparent;\n        border-radius: $border-radius;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n\n        .ic-icon {\n            margin: 0 auto 12px;\n        }\n        .text {\n            display: block;\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            text-align: center;\n            @include themify($themes) {\n                color: themed('ChartTypeText');\n            }\n        }\n        &:last-child {\n            margin-right: 0px;\n        }\n        &:hover {\n            @include themify($themes) {\n                background: themed('ChartTypeHoverBg');\n            }\n        }\n        &--active {\n            background: transparent !important;\n            @include themify($themes) {\n                border-color: themed('ChartTypeActiveBorder');\n            }\n\n            .text {\n                font-weight: bold;\n                @include themify($themes) {\n                    color: themed('ChartTypeActiveText');\n                }\n            }\n        }\n        &--disabled {\n            cursor: initial;\n            background: transparent !important;\n\n            > span {\n                opacity: 0.32;\n                background: transparent !important;\n                pointer-events: none;\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-chart-type {\n        padding: 8px 10px 24px;\n\n        &__item {\n            height: 64px;\n            width: 64px;\n\n            .ic-icon {\n                margin-bottom: 2px;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-scrollbar {\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n    margin-right: 4px;\n    z-index: 1;\n    scrollbar-width: thin;\n    @include themify($themes) {\n        scrollbar-color: themed('ScrollbarBg') transparent;\n    }\n\n    &::-webkit-scrollbar {\n        width: 4px;\n    }\n    &::-webkit-scrollbar-track {\n        -webkit-box-shadow: transparent;\n        -webkit-border-radius: 2px;\n        border-radius: 2px;\n    }\n    &::-webkit-scrollbar-thumb {\n        -webkit-border-radius: 2px;\n        border-radius: 2px;\n        -webkit-box-shadow: transparent;\n        @include themify($themes) {\n            background: themed('ScrollbarBg');\n        }\n    }\n    &::-webkit-scrollbar-button,\n    &::-webkit-scrollbar-corner {\n        display: none;\n    }\n    &--auto-hide {\n        scrollbar-color: transparent transparent !important;\n\n        &::-webkit-scrollbar-thumb {\n            display: none;\n        }\n    }\n    &--freeze {\n        overflow: hidden !important;\n    }\n    &:hover {\n        @include themify($themes) {\n            scrollbar-color: themed('ScrollbarBg') transparent !important;\n        }\n\n        &::-webkit-scrollbar-thumb {\n            display: inherit !important;\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-scrollbar {\n        &--auto-hide {\n            &::-webkit-scrollbar-thumb {\n                display: inherit !important;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .ciq-list {\n    position: relative;\n    box-sizing: border-box;\n\n    .ciq-list-item {\n        cursor: pointer;\n        line-height: normal;\n        font-size: 1.2em;\n        height: auto;\n        padding: 8px 16px;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        border-bottom: none;\n        box-sizing: border-box;\n        @include themify($themes) {\n            color: themed('ListLiText');\n            background: themed('ListLiBg');\n            border: 1px solid themed('ListLiBorder');\n            border-top: none;\n        }\n\n        &:first-child {\n            margin-top: 18px;\n            border-radius: $border-radius $border-radius 0 0;\n            @include themify($themes) {\n                border-top: 1px solid themed('ListLiBorder');\n            }\n        }\n        &:last-child {\n            border-radius: 0 0 $border-radius $border-radius;\n            margin-bottom: 18px;\n        }\n        &:hover {\n            @include themify($themes) {\n                background-color: themed('ListHoverLiBg');\n            }\n        }\n        &.active {\n            font-weight: bold;\n            @include themify($themes) {\n                color: themed('ListActiveLiText');\n                background-color: themed('ListActiveLiBg');\n            }\n        }\n        &.disabled {\n            pointer-events: none;\n\n            > * {\n                opacity: 0.2;\n                cursor: auto;\n            }\n        }\n    }\n    > div:nth-child(3) {\n        > div {\n            opacity: 0.16;\n            @include themify($themes) {\n                background-color: themed('ListScroll') !important;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; // classNames and styles needed for smartcharts to work outside of smartcharts class wrapper when rendered in portal\n@media (max-width: 767px) and (min-width: 320px) {\n    .smartcharts-portal {\n        opacity: 0;\n        pointer-events: none;\n        display: none;\n\n        &--open {\n            display: block;\n            pointer-events: auto;\n            opacity: 1;\n        }\n        .smartcharts {\n            .smartcharts-mobile {\n                .cq-modal-dropdown {\n                    &.stxMenuActive {\n                        z-index: 9999;\n                    }\n                }\n                .cq-menu-dropdown {\n                    width: 100%;\n                    height: auto;\n                    left: 0px;\n                    bottom: auto;\n                    transform: translateX(0) translateY(-3em);\n\n                    &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n                        opacity: 1;\n                        transform: translateX(0) translateY(0em);\n                    }\n                    &.cq-menu-dropdown-enter-done {\n                        z-index: 6;\n                    }\n                }\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-dialog {\n    width: auto;\n    top: auto;\n    border-radius: $border-radius;\n    position: absolute;\n    opacity: 0;\n    box-shadow: 0 0 0.63em 0.03em rgba(0, 0, 0, 0.14);\n    z-index: -3;\n    pointer-events: none;\n    transform: translateY(3em);\n    @include dialog-transition();\n    @include themify($themes) {\n        background: themed('DialogBodyBg');\n    }\n\n    &.sc-dialog-enter-done,\n    &.sc-dialog-enter-active {\n        opacity: 1;\n        transform: none;\n        z-index: 3;\n    }\n    &.sc-dialog-enter-done {\n        pointer-events: initial;\n    }\n    &__head {\n        display: flex;\n        justify-content: space-between;\n        border-radius: $border-radius $border-radius 0 0;\n        height: auto;\n        box-sizing: border-box;\n        border-bottom: 2px solid;\n        @include themify($themes) {\n            color: themed('DialogHeadText');\n            background: themed('DialogHeadBg');\n            border-color: themed('DialogHeadBorder');\n        }\n\n        &--title {\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            min-width: 240px;\n            padding: 16px;\n            border-radius: 5px 0 0;\n            position: relative;\n            box-sizing: border-box;\n        }\n        &--custom {\n            width: 100%;\n        }\n        &--info {\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            padding: 10px 8px 10px 16px;\n\n            .ic-icon {\n                width: 32px;\n                height: 32px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                cursor: pointer;\n                margin-right: 4px;\n\n                svg {\n                    @include themify($themes) {\n                        fill: themed('DialogHeadIcon');\n                    }\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('DialogHeadIconHoverBg');\n                    }\n                }\n            }\n        }\n        &--search {\n            padding: 10px 0px 10px 12px;\n        }\n        &--action {\n            display: flex;\n            align-items: center;\n            padding: 0 16px;\n            border-radius: 0 5px 0 0;\n\n            .ic-icon {\n                width: 32px;\n                height: 32px;\n                line-height: 34px;\n                cursor: pointer;\n                border-radius: $border-radius;\n                padding: 4px;\n                position: relative;\n\n                svg {\n                    @include themify($themes) {\n                        fill: themed('DialogHeadIcon');\n                    }\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('DialogHeadIconHoverBg');\n                    }\n                }\n            }\n        }\n    }\n    &__body {\n        border-radius: 0 0 $border-radius $border-radius;\n        position: relative;\n    }\n    &--tabular {\n        .sc-dialog__head {\n            @include themify($themes) {\n                background: themed('DialogTabularHeadBg');\n                border-color: themed('DialogTabularHeadBorder');\n            }\n\n            .sc-dialog__head--title {\n                width: 200px;\n                @include themify($themes) {\n                    background: themed('DialogTabularHeadTitleBg');\n                }\n            }\n        }\n    }\n    .info-footnote {\n        @include themify($themes) {\n            color: themed('ChartModeText') !important;\n        }\n        line-height: 18px;\n        font-size: 12px;\n        font-weight: 400;\n        padding: 16px;\n        text-align: center;\n\n        &--mobile {\n            font-size: 11px;\n        }\n    }\n}\n\n.tabs {\n    &--vertical {\n        display: flex;\n        border-radius: 0 0 $border-radius $border-radius;\n\n        .react-tabs__tab-list {\n            margin: 0px;\n            width: 240px;\n            min-width: 240px;\n            border-radius: 0 0 0 5px;\n            border-bottom: none;\n            padding: 0;\n            @include themify($themes) {\n                background: themed('DialogTabularBg');\n            }\n\n            .react-tabs__tab {\n                width: 100%;\n                display: flex;\n                box-sizing: border-box;\n                padding: 10px 12px;\n                border: none;\n                border-radius: 0px;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                align-items: center;\n                outline: none !important;\n                box-shadow: none !important;\n                cursor: pointer;\n                @include themify($themes) {\n                    color: themed('DialogTabularText');\n                    border-left: 4px solid themed('DialogTabularBg');\n                }\n\n                .ic-icon {\n                    width: 16px;\n                    height: 16px;\n                    line-height: 27px;\n                    margin-right: 16px;\n                    @include themify($themes) {\n                        fill: themed('DialogTabularText');\n                    }\n\n                    svg {\n                        width: 16px;\n                        height: 16px;\n\n                        @include themify($themes) {\n                            fill: themed('DialogTabularText');\n                        }\n                    }\n                }\n                .sc-notification-badge {\n                    position: relative;\n                    margin-left: 5px;\n                    top: 0px;\n                    left: 0px;\n                }\n                &:hover {\n                    @include themify($themes) {\n                        border-left-color: themed('DialogTabularHoverTabBg');\n                        background: themed('DialogTabularHoverTabBg');\n                    }\n                }\n                &:after {\n                    display: none !important;\n                }\n                &--selected {\n                    border-radius: 0px;\n                    font-weight: bold;\n                    @include themify($themes) {\n                        color: themed('DialogTabularActiveTabText') !important;\n                        background: themed('DialogTabularActiveTabBg') !important;\n                        border-left-color: themed('DialogTabularActiveTabBorder') !important;\n                    }\n\n                    .ic-icon {\n                        @include themify($themes) {\n                            fill: themed('DialogTabularActiveTabText');\n                        }\n                    }\n                }\n            }\n        }\n        .react-tabs__tab-panel {\n            width: calc(100% - 200px);\n            border-radius: 0 0 $border-radius;\n            @include themify($themes) {\n                background: themed('DialogTabularBodyBg');\n            }\n\n            .items {\n                border-radius: 0 0 $border-radius;\n            }\n        }\n    }\n}\n\n/* Mobile Style */\n.smartcharts-mobile {\n    .sc-dialog {\n        left: 10px;\n        width: calc(100% - 20px);\n\n        .react-tabs__tab-panel {\n            height: 430px;\n        }\n        &--tabular {\n            .sc-dtools__panel {\n                width: 100%;\n            }\n            .sc-dtools__category {\n                margin-top: 0;\n            }\n            .sc-dtools__category__head {\n                padding-left: 1rem;\n            }\n            .sc-dialog__body {\n                @include themify($themes) {\n                    background: themed('DialogTabularHeadBg');\n                }\n\n                .tabs {\n                    &--horizontal {\n                        .react-tabs__tab-list {\n                            display: flex;\n                            font-size: 14px;\n                            @include themify($themes) {\n                                border-bottom: 2px solid themed('DialogTabularHeadBorder');\n                            }\n\n                            .ic-icon {\n                                svg {\n                                    height: 16px;\n                                    width: 16px;\n\n                                    @include themify($themes) {\n                                        fill: themed('DialogHeadIcon');\n                                    }\n                                }\n                            }\n                            .react-tabs__tab {\n                                display: flex;\n                                width: 100%;\n                                padding: 10px 15px;\n                                justify-content: center;\n                                align-items: center;\n                                gap: 10px;\n                                @include themify($themes) {\n                                    color: themed('DialogTabularText');\n                                }\n\n                                .sc-notification-badge {\n                                    width: 19px;\n                                    height: 19px;\n                                    border-radius: 10px;\n                                    top: 12px;\n                                    left: 78%;\n                                    font-size: 12px;\n                                }\n                            }\n                            .react-tabs__tab:focus:after {\n                                display: none;\n                            }\n                            .react-tabs__tab--selected {\n                                border: none;\n                                font-weight: bold;\n\n                                @include themify($themes) {\n                                    color: themed('DialogTabularActiveTabText') !important;\n                                    background: themed('DialogTabularActiveTabBg') !important;\n                                    border-bottom: 3px solid themed('DialogTabularActiveTabBorder');\n                                }\n\n                                .ic-icon {\n                                    @include themify($themes) {\n                                        fill: themed('DialogTabularActiveTabText');\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n            .sc-dialog__head {\n                @include themify($themes) {\n                    background: themed('DialogTabularHeadBg');\n                    border-color: themed('DialogTabularHeadBorder');\n                }\n\n                .sc-dialog__head--title {\n                    width: 150px;\n                    min-width: 150px;\n                    padding: 15px;\n                    @include themify($themes) {\n                        background: transparent;\n                    }\n                }\n                .sc-dialog__head--info {\n                    position: absolute;\n                    left: 50px;\n                    width: calc(100% - 90px);\n                    padding: 10px 8px;\n                    font-size: 14px;\n                    @include themify($themes) {\n                        background: themed('DialogTabularHeadBg');\n                    }\n                }\n            }\n        }\n    }\n    .cq-modal--settings .sc-dialog {\n        width: 320px;\n        left: calc(50% - 160px);\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-chart-mode {\n    .sc-dialog {\n        width: 424px;\n    }\n    &__menu {\n        position: relative;\n\n        .ic-icon {\n            margin: auto;\n            width: 16px;\n            height: 16px;\n            top: -4px;\n            position: relative;\n\n            svg {\n                stroke: none !important;\n                width: 16px !important;\n                height: 16px !important;\n                @include themify($themes) {\n                    fill: themed('ChartModeText') !important;\n                }\n            }\n        }\n        &__timeperiod {\n            position: absolute;\n            top: -9px;\n            left: 4px;\n            font-size: 8px;\n            font-weight: bold;\n            @include themify($themes) {\n                color: themed('ChartModeText') !important;\n            }\n        }\n    }\n    &__section {\n        border-radius: $border-radius;\n        @include themify($themes) {\n            background: themed('ChartModeBg');\n        }\n\n        &__item {\n            &:first-child {\n                @include themify($themes) {\n                    border-bottom: 4px solid themed('ChartModeBorder');\n                }\n            }\n        }\n    }\n    &__smooth-toggle {\n        margin-top: 4px;\n        padding: 24px;\n        border-radius: $border-radius;\n        @include themify($themes) {\n            background: themed('ChartModeBg');\n            border: 1px solid themed('ChartModeBorder');\n        }\n\n        &-content {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 16px;\n        }\n        &-text {\n            flex: 1;\n        }\n        &-title {\n            font-size: 14px;\n            font-weight: 600;\n            margin-bottom: 4px;\n            @include themify($themes) {\n                color: themed('ChartModeText');\n            }\n        }\n        &-description {\n            font-size: 12px;\n            line-height: 1.4;\n            @include themify($themes) {\n                color: themed('ChartModeTextSecondary');\n            }\n        }\n    }\n}\n\n.sc-toolbar-widget {\n    .sc-chart-mode__menu {\n        padding: 8px;\n    }\n    .sc-chart-mode__menu__timeperiod {\n        top: 3px;\n        left: 8px;\n    }\n\n    @media screen and (max-width: 600px) {\n        display: flex;\n        width: auto !important;\n    }\n}\n\n.smartcharts-mobile {\n    .sc-chart-mode .sc-dialog {\n        width: 300px;\n        left: auto;\n        max-height: 555px;\n        height: calc(100% - 32px);\n        overflow-x: inherit;\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; @mixin form_subtitle_text {\n    padding-left: 4px;\n    padding-right: 4px;\n    z-index: 1;\n    font-size: 10px;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.4;\n    letter-spacing: normal;\n}\n\n.form {\n    $self: &;\n    padding: 8px 0px;\n    flex-grow: 1;\n    overflow-y: scroll;\n    box-sizing: border-box;\n\n    #{ $self }__label {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        font-size: 10px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.4;\n        letter-spacing: normal;\n        @include themify($themes) {\n            color: themed('DialogBodyText');\n        }\n    }\n    #{ $self }__control {\n        display: block;\n    }\n    &__group {\n        box-sizing: border-box;\n        padding: 0;\n        margin-bottom: 16px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-around;\n    }\n    &__group--select,\n    &__group--colorpicker {\n        position: relative;\n        height: 40px;\n\n        #{ $self }__label {\n            margin-bottom: -8px;\n            margin-left: 10px;\n\n            span {\n                padding-left: 2px;\n                padding-right: 2px;\n                z-index: 1;\n                @include themify($themes) {\n                    background: themed('DialogSettingBodyBg');\n                }\n            }\n        }\n    }\n    &__group--switch {\n        flex-direction: row;\n        justify-content: flex-start;\n\n        #{ $self }__label {\n            width: auto;\n            min-width: 70px;\n            font-size: 14px;\n        }\n        #{ $self }__control {\n            padding-left: 16px;\n            width: auto;\n        }\n    }\n    &__group--end {\n        height: 20px;\n        margin-bottom: 0px;\n    }\n    &__input-group {\n        padding: 16px 24px;\n        @include themify($themes) {\n            border-top: 4px solid themed('DialogSettingSectionDivider');\n        }\n\n        h4 {\n            font-size: 14px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            margin: 0 0 16px;\n            @include themify($themes) {\n                color: themed('DialogSettingSectionText');\n            }\n        }\n        &:first-child {\n            border-top: none;\n        }\n    }\n    &__input-group--show-zones {\n        margin-bottom: 30px;\n\n        #{ $self }__label {\n            font-size: 14px;\n        }\n    }\n    &--indicator-setting {\n        min-width: 320px;\n        max-width: 320px;\n        min-height: 280px;\n        max-height: 280px;\n        overflow: hidden;\n        @include themify($themes) {\n            background: themed('DialogSettingBodyBg');\n        }\n\n        #{ $self }__input-group {\n            width: 320px !important;\n            box-sizing: border-box;\n        }\n        #{ $self }__input-group--result:last-child {\n            height: 280px;\n        }\n        .sc-scrollbar {\n            height: 282px;\n        }\n    }\n    &--fractal-chaos-bands {\n        .form__group--switch {\n            margin-bottom: 98px;\n        }\n    }\n    &--drawing-tool {\n        .sc-scrollbar {\n            height: 280px;\n        }\n    }\n}\n\n/* stylelint-disable plugin/no-unsupported-browser-features */\n.sc-slider {\n    width: 100%;\n    height: 12px;\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    .sc-slider-range {\n        position: relative;\n        width: calc(100% - 38px);\n        margin-top: 9px;\n        padding-right: 8px;\n        height: 12px;\n\n        > input, div {\n            position: absolute;\n            left: 0px;\n            top: 0px;\n        }\n        input[type='range'] {\n            -webkit-appearance: none;\n            width: 100%;\n            margin: 0;\n            background: transparent;\n            height: 12px;\n            top: -5px;\n\n            &:focus {\n                outline: none;\n            }\n            &::-webkit-slider-runnable-track {\n                @include rangetrack();\n            }\n            &::-moz-range-track {\n                @include rangetrack();\n                height: 14px;\n                margin-top: -3px;\n                top: -3px;\n            }\n            &::-ms-track {\n                @include rangetrack();\n                color: transparent;\n            }\n            &::-ms-thumb {\n                @include rangethumb();\n                margin-top: 0px;\n            }\n            &::-moz-range-thumb {\n                @include rangethumb();\n                margin-top: 0px;\n            }\n            &::-webkit-slider-thumb {\n                -webkit-appearance: none;\n                @include rangethumb();\n                margin-top: 1px;\n            }\n            &::-moz-focus-outer {\n                border: 0;\n            }\n        }\n        .sc-slider-bar {\n            width: 100%;\n            outline: none;\n            height: 2px;\n            @include themify($themes) {\n                background: themed('SliderBarBg');\n            }\n        }\n        .sc-slider-active-bar {\n            height: 2px;\n            min-width: 10px;\n            @include themify($themes) {\n                background: themed('SliderBarActiveBg');\n            }\n        }\n    }\n    > div:last-child {\n        text-align: right;\n        flex-grow: 1;\n        font-weight: bold;\n        font-size: 14px;\n        width: 26px;\n        @include themify($themes) {\n            color: themed('SliderText');\n        }\n    }\n}\n\n/* stylelint-enable plugin/no-unsupported-browser-features */\n.sc-dropdown {\n    position: relative;\n    height: 40px;\n    width: 100%;\n    user-select: none;\n    @include themify($themes) {\n        background: themed('DropdownBg');\n    }\n\n    .subtitle {\n        position: absolute;\n        margin-left: 10px;\n        top: -6px;\n\n        span {\n            @include form_subtitle_text;\n            @include themify($themes) {\n                background: themed('DropdownSubtitleBg');\n                color: themed('DropdownSubtitleText');\n            }\n        }\n    }\n    .value {\n        height: 40px;\n        padding: 10px 12px;\n        cursor: pointer;\n        border-radius: $border-radius;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        font-size: 14px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.43;\n        letter-spacing: normal;\n        text-transform: capitalize;\n        @include themify($themes) {\n            color: themed('DropdownText') !important;\n            border: 1px solid themed('DropdownBorder');\n        }\n\n        .ic-icon {\n            line-height: 35px;\n\n            svg {\n                pointer-events: none;\n                transition: transform 0.6s;\n                @include themify($themes) {\n                    fill: themed('DropdownText');\n                }\n            }\n        }\n        .text {\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 220px;\n            min-width: 210px;\n            overflow: hidden;\n        }\n        &:after {\n            content: ' ';\n            position: absolute;\n            left: 0px;\n            top: 0px;\n            width: 100%;\n            height: 100%;\n        }\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder');\n            }\n        }\n        &.active {\n            @include themify($themes) {\n                border-color: themed('DropdownActiveBorder');\n            }\n\n            svg {\n                transform: scaleY(-1);\n            }\n        }\n    }\n    .dropdown {\n        position: absolute;\n        right: -4px;\n        opacity: 0;\n        pointer-events: none;\n        z-index: 2;\n        max-height: 2px;\n        overflow: scroll;\n        box-shadow: 0 2px 8px 0 rgba(42, 48, 82, 0.14);\n        box-sizing: border-box;\n        border-radius: $border-radius;\n        font-size: 14px;\n        width: 272px;\n        transform: translateY(-8px);\n        transition: opacity 0.2s, transform 0.2s;\n        @include themify($themes) {\n            background: themed('DropdownBg');\n        }\n\n        &.active {\n            opacity: 1;\n            max-height: 200px;\n            pointer-events: all;\n            transform: translateY(8px);\n            @include themify($themes) {\n                box-shadow: 0 16px 16px 0 themed('DropdownActiveShadow'), 0 0 16px 0 themed('DropdownActiveShadow');\n            }\n        }\n        .row {\n            cursor: pointer;\n            padding: 10px 16px 9px;\n            text-transform: capitalize;\n            @include themify($themes) {\n                color: themed('DropdownText');\n            }\n\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DropdownHoverBg');\n                }\n            }\n            &--selected {\n                font-weight: bold;\n                @include themify($themes) {\n                    background: themed('DropdownActiveBg') !important;\n                    color: themed('DropdownActiveText') !important;\n                }\n            }\n        }\n    }\n\n    // Pattern\n    .option {\n        display: inline-block;\n        width: 100%;\n        pointer-events: none;\n        margin-right: 16px;\n    }\n    /* Line style types */\n    .solid-1 {\n        border-top-style: solid;\n        border-top-width: 1px;\n    }\n    .dotted-1 {\n        border-top-style: dotted;\n        border-top-width: 1px;\n    }\n    .dashed-1 {\n        border-top-style: dashed;\n        border-top-width: 1px;\n    }\n    .solid-3 {\n        border-top-style: solid;\n        border-top-width: 2px;\n    }\n    .dotted-3 {\n        border-top-style: dotted;\n        border-top-width: 2px;\n    }\n    .dashed-3 {\n        border-top-style: dashed;\n        border-top-width: 2px;\n    }\n    .solid-5 {\n        border-top-style: solid;\n        border-top-width: 3px;\n    }\n    .dotted-5 {\n        border-top-style: dotted;\n        border-top-width: 3px;\n    }\n    .dashed-5 {\n        border-top-style: dashed;\n        border-top-width: 3px;\n    }\n    &.active {\n        position: fixed;\n        z-index: 2;\n\n        .subtitle {\n            span {\n                @include themify($themes) {\n                    color: themed('DropdownActiveBorder');\n                }\n            }\n        }\n    }\n}\n\n.sc-color-picker {\n    position: relative;\n    height: 40px;\n    width: 100%;\n    @include themify($themes) {\n        background: themed('ColorPickerBg');\n    }\n\n    .subtitle {\n        position: absolute;\n        margin-left: 10px;\n        top: -6px;\n        user-select: none;\n        z-index: 1;\n\n        span {\n            @include form_subtitle_text;\n            @include themify($themes) {\n                background: themed('ColorPickerSubtitleBg');\n                color: themed('ColorPickerSubtitleText');\n            }\n        }\n    }\n    .value {\n        width: 100%;\n        height: 40px;\n        line-height: 40px;\n        padding: 10px 12px;\n        cursor: pointer;\n        border-radius: $border-radius;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        position: relative;\n        @include themify($themes) {\n            background-color: themed('ColorPickerBg');\n            color: themed('DropdownText') !important;\n            border: 1px solid themed('DropdownBorder');\n        }\n\n        &:before {\n            position: absolute;\n            content: ' ';\n            width: 100%;\n            height: 100%;\n            left: 0px;\n            top: 0px;\n        }\n        .sc-input-color {\n            height: 100%;\n            width: 100%;\n            border-radius: $border-radius;\n            margin-right: 16px;\n        }\n        .ic-icon {\n            line-height: 35px;\n\n            svg {\n                pointer-events: none;\n                transition: transform 0.6s;\n                @include themify($themes) {\n                    fill: themed('DropdownText');\n                }\n            }\n        }\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder');\n            }\n        }\n    }\n    .dropdown {\n        position: absolute;\n        right: 0px;\n        opacity: 0;\n        pointer-events: none;\n        z-index: 2;\n        width: 266px;\n        padding: 8px;\n        border-radius: $border-radius;\n        transform: translateY(-8px);\n        box-sizing: border-box;\n        transition: opacity 0.2s, transform 0.2s;\n        @include themify($themes) {\n            box-shadow: 0 16px 16px 0 themed('ColorPickerShadow'), 0 0 16px 0 themed('ColorPickerShadow');\n            background: themed('ColorPickerBg');\n        }\n\n        &.open {\n            opacity: 1;\n            pointer-events: initial;\n            transform: translateY(8px);\n        }\n        .row {\n            height: 18px;\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            margin-top: 2px;\n            align-items: center;\n\n            .tile-color {\n                width: 15px;\n                height: 15px;\n                cursor: pointer;\n            }\n        }\n    }\n    &.active {\n        position: fixed;\n        z-index: 2;\n\n        .subtitle {\n            span {\n                @include themify($themes) {\n                    color: themed('DropdownActiveBorder');\n                }\n            }\n        }\n        .value {\n            @include themify($themes) {\n                border-color: themed('ColorPickerActiveBorder');\n            }\n\n            svg {\n                transform: scaleY(-1);\n            }\n        }\n    }\n    .sc-color-picker,\n    .sc-numeric-input {\n        min-width: 124px;\n        max-width: 124px;\n    }\n}\n\n.sc-switch {\n    width: 32px;\n    height: 18px;\n    position: relative;\n    cursor: pointer;\n    border-radius: 9px;\n\n    .handle {\n        position: absolute;\n        top: 2px;\n        width: 14px;\n        height: 14px;\n        transition: left 0.2s;\n        border-radius: 7px;\n        @include themify($themes) {\n            background: themed('SwitchHandle');\n        }\n    }\n    &.on {\n        .handle {\n            left: 16px;\n        }\n        @include themify($themes) {\n            background: themed('SwitchOnBg');\n        }\n    }\n    &.off {\n        .handle {\n            left: 2px;\n        }\n        @include themify($themes) {\n            background: themed('SwitchOffBg');\n        }\n    }\n}\n\n.sc-checkbox {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    &__label {\n        font-size: 14px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.43;\n        letter-spacing: normal;\n    }\n    &__box {\n        border-radius: 2px;\n\n        svg {\n            border-radius: 2px;\n            @include themify($themes) {\n                fill: themed('CheckboxBg');\n            }\n        }\n    }\n    &--checked {\n        .sc-checkbox__box svg {\n            @include themify($themes) {\n                background: themed('CheckboxActiveBg');\n                fill: themed('CheckboxActiveBg');\n            }\n        }\n    }\n}\n\n.sc-switch-icon {\n    display: flex;\n\n    &__icon {\n        width: 160px;\n        height: 120px;\n    }\n    &__description {\n        padding-left: 16px;\n    }\n}\n\n.sc-numbercolorpicker, .sc-fontsetting {\n    display: inline-flex;\n}\n\n.sc-numbercolorpicker {\n    display: flex;\n\n    input {\n        box-shadow: none !important;\n        @include themify($themes) {\n            background: themed('InputBg');\n            border: 1px solid themed('InputBorder');\n            color: themed('InputText');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('InputHoverBorder') !important;\n            }\n        }\n        &:focus {\n            @include themify($themes) {\n                border-color: themed('ColorPickerActiveBorder') !important;\n            }\n        }\n    }\n    .sc-numeric-input {\n        width: 124px;\n        min-width: 124px;\n    }\n    .sc-color-picker {\n        width: 124px;\n    }\n}\n\n.sc-numeric-input {\n    position: relative;\n    height: 40px;\n    width: 100%;\n    margin-right: 25px;\n\n    .subtitle {\n        position: absolute;\n        margin-left: 10px;\n        top: -6px;\n        user-select: none;\n\n        span {\n            @include form_subtitle_text;\n            @include themify($themes) {\n                color: themed('ColorPickerSubtitleText');\n                background: themed('DialogSettingBodyBg');\n            }\n        }\n    }\n    input[type='number'] {\n        -moz-appearance: textfield;\n        height: 40px;\n        line-height: 40px;\n        cursor: pointer;\n        border-radius: $border-radius;\n        box-sizing: border-box;\n        padding: 10px 12px;\n        width: 100% !important;\n        box-shadow: none !important;\n        outline: none;\n        @include themify($themes) {\n            color: themed('DropdownText') !important;\n            border: 1px solid themed('DropdownBorder');\n        }\n\n        &::-webkit-outer-spin-button,\n        &::-webkit-inner-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n        &:hover,\n        &:focus {\n            -moz-appearance: textfield;\n        }\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder') !important;\n            }\n        }\n        &:focus {\n            @include themify($themes) {\n                color: themed('InputFocusText') !important;\n                border-color: themed('DefaultInputActiveBorder') !important;\n            }\n        }\n        &:focus + .subtitle > span {\n            @include themify($themes) {\n                color: themed('DefaultInputActiveBorder') !important;\n            }\n        }\n    }\n    .sc-numeric-input-buttons {\n        display: flex;\n        flex-direction: column;\n        position: absolute;\n        top: 1px;\n        right: 1px;\n        border-radius: 0 3px 3px 0;\n        @include themify($themes) {\n            background: themed('DialogSettingBodyBg');\n        }\n\n        .ic-icon {\n            width: 24px;\n            height: 19px;\n            line-height: 19px;\n            cursor: pointer;\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('DropdownText');\n                }\n            }\n            &:first-child {\n                border-radius: 0 3px 0 0;\n            }\n            &:last-child {\n                border-radius: 0 0 3px;\n            }\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DefaultInputBtnHoverBg');\n                }\n            }\n        }\n    }\n    &:hover {\n        input[type='number'] {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder');\n            }\n        }\n    }\n}\n\n.sc-changefontsize {\n    width: 56px;\n    margin-right: 5px;\n}\n\n.sc-changefontfamily {\n    width: 138px;\n}\n\n.sc-toggle {\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n}\n\n.sc-toggle > .ic-icon {\n    width: 24px;\n    height: 24px;\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-interval {\n    $self: &;\n    display: flex;\n    padding: 24px;\n    flex-direction: column;\n    box-sizing: border-box;\n    border-radius: $border-radius;\n    @include themify($themes) {\n        background: themed('TimeBg');\n        color: themed('TimeText');\n    }\n\n    &__head {\n        display: flex;\n\n        strong {\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            @include themify($themes) {\n                color: themed('TimeTitleText');\n            }\n        }\n    }\n    &__info {\n        display: none;\n    }\n    &__content {\n        display: flex;\n        flex-wrap: wrap;\n        padding-top: 16px;\n\n        #{ $self }__item {\n            width: 23.9%;\n            height: 32px;\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            text-align: center;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin: 0 4px 8px 0px;\n            cursor: pointer;\n            border-radius: $border-radius;\n            border: 1px solid transparent;\n            box-sizing: border-box;\n            position: relative;\n\n            &:hover {\n                @include themify($themes) {\n                    background: themed('TimeHoverBg');\n                }\n            }\n            &--active {\n                background: transparent !important;\n                @include themify($themes) {\n                    color: themed('TimeActiveText');\n                    border-color: themed('TimeActiveItemBorder');\n                    font-weight: bold;\n                }\n            }\n            &--disabled {\n                cursor: initial;\n                background: transparent !important;\n\n                span {\n                    opacity: 0.32;\n                    pointer-events: none;\n                }\n            }\n        }\n    }\n}\n\n/* Mobile Style */\n.smartcharts-mobile {\n    .sc-interval {\n        padding: 8px 10px 24px;\n    }\n    .sc-interval__info {\n        display: block;\n    }\n    .sc-interval__content .sc-interval__item {\n        width: 31.9% !important;\n        margin: 0 4px 8px 0px;\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-studies {\n    $self: &;\n\n    .react-tabs__tab-list {\n        .react-tabs__tab {\n            box-shadow: none !important;\n            outline: none !important;\n\n            &:after {\n                display: none;\n            }\n        }\n    }\n    .hidden {\n        display: none;\n    }\n    &__panel {\n        width: 360px;\n        height: 392px;\n        padding: 8px 0px 8px 8px;\n        box-sizing: border-box;\n\n        > h3 {\n            font-size: 14px;\n            color: #999999;\n            font-weight: normal;\n            padding: 0 8px;\n            margin: 18px 0;\n            display: none;\n        }\n        &__head {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 16px;\n\n            p {\n                font-size: 12px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 0.1;\n                letter-spacing: normal;\n                padding: 0 8px;\n                @include themify($themes) {\n                    color: themed('IndicatorListItemText');\n                }\n            }\n        }\n        &__content {\n            width: 100%;\n\n            &--active {\n                #{ $self }__list__item {\n                    height: 48px;\n                    cursor: initial;\n\n                    &__box {\n                        padding: 4px 16px;\n                        height: 48px;\n                    }\n                }\n            }\n        }\n        &--active {\n            padding-right: 8px;\n        }\n        &--search {\n            .sc-scrollbar {\n                .sc-studies__category:first-child {\n                    .sc-studies__list {\n                        &__item {\n                            &:nth-child(1),\n                            &:nth-child(2) {\n                                .sc-tooltip__inner {\n                                    position: fixed;\n                                    left: auto;\n                                    top: auto;\n                                    transform: translateY(-100%) translateX(10%);\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &--empty {\n        display: flex;\n        flex-direction: column;\n        padding: 8px;\n        justify-content: center;\n        align-content: center;\n        text-align: center;\n\n        > .ic-icon {\n            width: 130px;\n            height: 80px;\n            margin: 80px auto 24px;\n        }\n        strong {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            text-align: center;\n            margin-bottom: 8px;\n            @include themify($themes) {\n                color: themed('IndicatorEmptyTitleText');\n            }\n        }\n        p {\n            font-size: 12px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            text-align: center;\n            margin: 0px;\n            @include themify($themes) {\n                color: themed('IndicatorEmptyText');\n            }\n        }\n    }\n    &__list {\n        &__item {\n            display: block;\n            height: 40px;\n\n            &__box {\n                height: 40px;\n                cursor: pointer;\n                position: relative;\n                display: flex;\n                margin-right: 4px;\n                border-radius: $border-radius;\n                box-sizing: border-box;\n                justify-content: space-between;\n                align-items: center;\n\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('IndicatorListItemHoverBg');\n                    }\n\n                    .ic-info {\n                        opacity: 1;\n                    }\n                }\n                .info {\n                    display: flex;\n                    justify-content: flex-start;\n                    align-items: center;\n                    width: 100%;\n                    padding: 8px 0 8px 16px;\n\n                    .ic-icon {\n                        margin-right: 16px;\n                    }\n                    .text {\n                        display: flex;\n                        flex-direction: column;\n                        padding-left: 16px;\n\n                        span {\n                            font-size: 14px;\n                            font-weight: normal;\n                            font-style: normal;\n                            line-height: 1.43;\n                            letter-spacing: normal;\n                            margin-right: 16px;\n                            @include themify($themes) {\n                                color: themed('IndicatorListItemText');\n                            }\n                        }\n                        small {\n                            display: block;\n                            font-size: 12px;\n                            font-weight: normal;\n                            font-style: normal;\n                            line-height: 1.5;\n                            letter-spacing: normal;\n                            margin-top: 2px;\n                            text-overflow: ellipsis;\n                            white-space: nowrap;\n                            overflow: hidden;\n                            max-width: 170px;\n                            @include themify($themes) {\n                                color: themed('IndicatorListItemSubText');\n                            }\n                        }\n                    }\n                }\n                .detail {\n                    display: flex;\n                    justify-content: flex-end;\n                    align-items: center;\n                    padding: 0px;\n\n                    span {\n                        font-size: 14px;\n                        font-weight: normal;\n                        font-style: normal;\n                        line-height: 1.43;\n                        letter-spacing: normal;\n                        text-align: right;\n                        margin-left: 8px;\n                    }\n                    .ic-icon {\n                        width: 16px;\n                        height: 16px;\n                        cursor: pointer;\n                        transition: none;\n\n                        svg {\n                            width: 16px;\n                            height: 16px;\n                            @include themify($themes) {\n                                fill: themed('IndicatorListItemText');\n                            }\n                        }\n                        &.ic-info {\n                            margin-right: 16px;\n                        }\n                    }\n                }\n                .ic-info {\n                    opacity: 0;\n                }\n            }\n            .sc-tooltip__inner {\n                width: 280px;\n                height: auto;\n                white-space: break-spaces;\n                text-align: center;\n            }\n            &--disabled {\n                opacity: 0.3;\n                pointer-events: none;\n            }\n            &--disabled-prediction {\n                .info {\n                    opacity: 0.3;\n                    pointer-events: none;\n                }\n            }\n        }\n    }\n    &__category {\n        &__head {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            padding: 8px;\n            @include themify($themes) {\n                color: themed('IndicatorCategoryText');\n            }\n        }\n        &__body {\n            width: 100%;\n        }\n    }\n    &__info {\n        width: 360px;\n        right: 0px;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        position: absolute;\n        padding: 16px 24px;\n        align-items: center;\n        box-sizing: border-box;\n        flex-direction: column;\n        justify-content: space-between;\n        @include themify($themes) {\n            color: themed('IndicatorInfoText');\n            background: themed('IndicatorInfoBg');\n        }\n\n        &__content {\n            margin: -20px -20px 0;\n            padding: 0;\n\n            p {\n                padding: 16px 24px;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                margin: 0px;\n            }\n        }\n        &__footer {\n            width: 100%;\n            position: relative;\n\n            .sc-btn {\n                width: 100%;\n\n                &:disabled {\n                    opacity: 0.32;\n                    pointer-events: none;\n                }\n            }\n            .sc-tooltip__inner {\n                width: 280px;\n                height: auto;\n                white-space: break-spaces;\n                text-align: center;\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-studies {\n        .react-tabs__tab-panel {\n            height: 425px !important;\n        }\n        .sc-dialog {\n            overflow-y: scroll;\n            max-height: calc(100vh - 90px);\n        }\n    }\n    .tabs--vertical .react-tabs__tab-list {\n        width: 50px;\n        min-width: 50px;\n\n        .react-tabs__tab {\n            span:not(.sc-notification-badge):not(.ic-icon) {\n                display: none;\n            }\n            .sc-notification-badge {\n                position: absolute;\n                top: 2px;\n                left: 19px;\n            }\n            .ic-icon {\n                width: 22px;\n                height: 22px;\n\n                svg {\n                    width: 22px;\n                    height: 22px;\n                }\n            }\n        }\n    }\n    .tabs--vertical .react-tabs__tab-panel {\n        width: calc(100% - 50px);\n    }\n    .sc-studies__panel {\n        width: 100%;\n\n        > h3 {\n            display: block;\n        }\n    }\n    .sc-studies__panel__content--active .sc-studies__list__item {\n        padding: 4px;\n    }\n    .sc-studies__list__item .info {\n        padding: 8px 0 8px 8px;\n\n        .text {\n            padding-left: 0px;\n        }\n    }\n    .sc-studies__list__item .ic-info {\n        opacity: 1;\n    }\n    .sc-studies__list__item .detail span {\n        margin-left: 16px;\n    }\n    .sc-studies__info {\n        width: calc(100% - 50px);\n\n        > p {\n            max-height: 360px;\n            height: 360px;\n            overflow-y: scroll;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-search-input {\n    width: 100%;\n    padding: 0px;\n    box-sizing: border-box;\n    position: relative;\n\n    > input {\n        direction: ltr;\n        padding-left: 32px;\n        line-height: 2;\n        font-size: 1.4rem;\n        border: none;\n        outline: 0;\n        background-color: transparent;\n        border-radius: $border-radius;\n        width: 100%;\n        box-sizing: border-box;\n        transition: border-color 0.2s ease-in-out;\n        @include placeholder {\n            @include themify($themes) {\n                color: themed('IndicatorSearchText');\n            }\n        }\n        @include themify($themes) {\n            color: themed('IndicatorSearchActiveText');\n            border: 1px solid themed('IndicatorSearchBorder');\n            background: themed('IndicatorSearchBg');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('IndicatorSearchHoverBorder');\n            }\n        }\n        &:focus {\n            @include themify($themes) {\n                border-color: themed('IndicatorSearchActiveBorder');\n            }\n        }\n    }\n    .ic-icon {\n        position: absolute;\n        top: 6px;\n        left: 8px;\n        width: 16px;\n        height: 16px;\n\n        svg {\n            width: 16px;\n            height: 16px;\n            top: -1px;\n            @include themify($themes) {\n                fill: themed('IndicatorSearchIcon');\n            }\n        }\n        &.icon-reset {\n            left: auto;\n            right: 8px;\n            opacity: 0;\n            top: 5px;\n            pointer-events: none;\n            cursor: pointer;\n\n            svg {\n                stroke: none;\n                @include themify($themes) {\n                    fill: themed('IndicatorSearchIconReset');\n                }\n            }\n        }\n    }\n    &.active {\n        > input {\n            @include themify($themes) {\n                color: themed('IndicatorSearchActiveText') !important;\n                border-color: themed('IndicatorSearchActiveBorder') !important;\n            }\n        }\n        .ic-icon {\n            &.icon-reset {\n                opacity: 1;\n                pointer-events: initial;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-views-menu {\n    .sc-dialog {\n        width: 320px;\n    }\n}\n\n.form--sc-views {\n    overflow-y: hidden !important;\n\n    &__input {\n        height: 40px;\n        position: relative;\n        display: flex;\n\n        .sc-input {\n            width: calc(100% - 40px);\n            border-radius: $border-radius 0 0 $border-radius;\n            height: 40px;\n            text-align: left;\n            @include themify($themes) {\n                color: themed('DefaultText');\n            }\n\n            &::placeholder {\n                @include themify($themes) {\n                    color: themed('TemplateFormInputText');\n                }\n            }\n        }\n        .subtitle {\n            position: absolute;\n            top: -6px;\n            left: 10px;\n            z-index: 1;\n            opacity: 0;\n            font-size: 10px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.4;\n            letter-spacing: normal;\n\n            span {\n                padding: 0 4px;\n                @include themify($themes) {\n                    background: themed('TemplateBg');\n                }\n            }\n        }\n        button {\n            width: 40px;\n            height: 40px;\n            border-radius: 0 $border-radius $border-radius 0;\n            padding: 8px 7px;\n            border: none !important;\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('TemplateFormBtnText');\n                }\n            }\n        }\n        &--active {\n            .subtitle {\n                opacity: 1;\n                @include themify($themes) {\n                    color: themed('TemplateFormInputActiveBorder');\n                }\n            }\n            input {\n                @include themify($themes) {\n                    border-color: themed('TemplateFormInputActiveBorder');\n                    color: themed('TemplateFormInputActiveText');\n                }\n            }\n            button {\n                @include themify($themes) {\n                    background: themed('TemplateFormActiveBtnBg');\n                }\n            }\n        }\n    }\n}\n\n.sc-views {\n    height: 304px;\n    position: relative;\n    border-radius: 0 0 $border-radius $border-radius;\n    @include themify($themes) {\n        background: themed('TemplateBg');\n    }\n\n    &__menu {\n        position: relative;\n\n        .ic-icon {\n            margin: auto;\n            width: 16px;\n            height: 16px;\n            top: -4px;\n            position: relative;\n\n            svg {\n                stroke: none !important;\n                width: 16px !important;\n                height: 16px !important;\n                @include themify($themes) {\n                    fill: themed('ChartModeText') !important;\n                }\n            }\n        }\n    }\n    &--empty {\n        display: flex;\n        flex-direction: column;\n        padding: 24px;\n        justify-content: center;\n        align-content: center;\n        text-align: center;\n\n        > .ic-icon {\n            width: 130px;\n            height: 130px;\n            margin: 24px auto 0px;\n        }\n        p {\n            font-size: 12px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            text-align: center;\n            margin: 0 0 46px;\n            @include themify($themes) {\n                color: themed('TemplateEmptyText');\n            }\n        }\n        button {\n            background: transparent;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-weight: bold;\n            outline: none;\n            padding: 10px 16px;\n\n            > .ic-icon {\n                width: 16px;\n                height: 16px;\n                line-height: 16px;\n                margin-right: 6px;\n                @include themify($themes) {\n                    fill: themed('TemplateEmptyBtnText');\n                }\n            }\n        }\n    }\n    &__views {\n        padding: 16px 8px 0;\n        @include themify($themes) {\n            border-top: 1px solid themed('TemplateListBorder');\n        }\n\n        &__head {\n            display: flex;\n            justify-content: space-between;\n            padding: 8px 16px;\n\n            h5 {\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                margin: 0px;\n                @include themify($themes) {\n                    color: themed('TemplateListHeadText');\n                }\n            }\n            button {\n                height: 24px;\n                border-radius: $border-radius;\n                cursor: pointer;\n                background: transparent;\n                outline: none !important;\n                font-weight: bold;\n                @include themify($themes) {\n                    border: 1px solid themed('TemplateListHeadBtnBorder');\n                    color: themed('TemplateListHeadBtnText');\n                }\n            }\n        }\n        &__list {\n            &__item {\n                height: 40px;\n                border-radius: $border-radius;\n                display: flex;\n                padding: 10px 16px;\n                justify-content: space-between;\n                box-sizing: border-box;\n                align-items: center;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                cursor: pointer;\n                position: relative;\n                @include themify($themes) {\n                    color: themed('TemplateListItemText');\n                }\n\n                .text {\n                    max-width: 240px;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    overflow: hidden;\n\n                    &--disabled {\n                        opacity: 0.5;\n                        cursor: not-allowed; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n                    }\n                }\n                .ic-icon {\n                    @include themify($themes) {\n                        fill: themed('TemplateListItemText');\n                    }\n                }\n                .sc-tooltip__inner {\n                    max-width: 304px;\n                    height: auto;\n                    white-space: break-spaces;\n                    text-align: center;\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('TemplateListItemHoverBg');\n                    }\n                }\n            }\n        }\n    }\n    &--overwrite {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        width: 100%;\n        height: 100%;\n        z-index: 40;\n        @include themify($themes) {\n            background: themed('TemplateBg');\n        }\n\n        &__content {\n            height: 230px;\n            padding: 24px 16px 16px;\n            box-sizing: border-box;\n            text-align: center;\n\n            .ic-icon {\n                margin: auto;\n                width: 128px;\n                height: 128px;\n            }\n            p {\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                text-align: center;\n                @include themify($themes) {\n                    color: themed('TemplateText');\n                }\n            }\n        }\n        &__footer {\n            height: 72px;\n            padding: 16px 24px;\n            text-align: right;\n            box-sizing: border-box;\n            @include themify($themes) {\n                border-top: 2px solid themed('TemplateListBorder');\n            }\n\n            button {\n                margin-left: 8px;\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-views-menu {\n        .sc-dialog {\n            left: auto;\n            width: 300px;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-chart-size {\n    display: flex !important;\n    height: auto;\n    width: auto !important;\n\n    &:after {\n        display: none;\n    }\n    > span {\n        opacity: 1;\n        position: relative;\n        cursor: pointer;\n        transition: scale 0.25s;\n    }\n    .cq-menu-btn {\n        cursor: pointer;\n        padding: 5px 0px;\n\n        &:hover {\n            @include themify($themes) {\n                background: themed('MenuHoverBg');\n            }\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-dtools {\n    $self: &;\n\n    .tabs--vertical .react-tabs__tab-list {\n        padding-top: 0px !important;\n    }\n    &--empty {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        height: 100%;\n\n        > .ic-icon {\n            width: 130px;\n            height: 80px;\n            margin: 0 auto 24px;\n        }\n        p {\n            font-size: 12px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            text-align: center;\n            margin: 0 0 46px;\n            @include themify($themes) {\n                color: themed('DrawToolsEmptyText');\n            }\n        }\n    }\n    &__panel {\n        width: 360px;\n        height: 392px;\n        padding: 16px 0 16px 8px;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n\n        &__head {\n            text-align: right;\n            padding: 0 16px 16px;\n\n            .sc-btn {\n                cursor: pointer;\n            }\n        }\n        &__content {\n            box-sizing: border-box;\n\n            &--active {\n                #{ $self }__list__item {\n                    height: 48px;\n                    padding: 4px 16px;\n                    cursor: initial;\n                }\n            }\n        }\n    }\n    &__list {\n        &__item {\n            height: 40px;\n            padding: 10px 16px;\n            display: flex;\n            margin-right: 8px;\n            border-radius: $border-radius;\n            box-sizing: border-box;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            @include themify($themes) {\n                color: themed('DrawToolsItemText');\n            }\n\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DrawToolsHoverBg');\n                }\n            }\n            .info {\n                display: flex;\n                align-items: center;\n\n                .text {\n                    display: flex;\n                    flex-direction: column;\n                    padding-left: 16px;\n\n                    span {\n                        font-size: 14px;\n                        font-weight: normal;\n                        font-style: normal;\n                        line-height: 1.43;\n                        letter-spacing: normal;\n                        margin-right: 16px;\n                    }\n                    small {\n                        display: block;\n                        font-size: 12px;\n                        font-weight: normal;\n                        font-style: normal;\n                        line-height: 1.5;\n                        letter-spacing: normal;\n                        margin-top: 2px;\n                        @include themify($themes) {\n                            color: themed('DrawToolsItemSubText');\n                        }\n                    }\n                }\n            }\n            .actions {\n                display: flex;\n                justify-content: space-between;\n\n                small {\n                    font-size: 14px;\n                    font-weight: normal;\n                    font-style: normal;\n                    line-height: 1.43;\n                    letter-spacing: normal;\n                    text-align: right;\n                }\n                .ic-icon {\n                    cursor: pointer;\n\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('DrawToolsItemIcon');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &__category {\n        margin-top: 16px;\n\n        &__head {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            margin-bottom: 8px;\n            @include themify($themes) {\n                color: themed('DrawToolsItemSubText');\n            }\n        }\n    }\n    .cq-menu-dropdown {\n        width: 200px;\n        box-sizing: border-box;\n        overflow: visible !important;\n\n        .body {\n            padding: 0 7px 0 16px;\n            overflow: visible;\n\n            .ciq-list {\n                padding-right: 9px;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-chart-setting {\n    .tabs--vertical .react-tabs__tab-list {\n        padding-top: 0px !important;\n    }\n    &__panel {\n        width: 536px;\n        height: 564px;\n        padding: 24px;\n        box-sizing: border-box;\n    }\n    .form__group {\n        margin-bottom: 24px;\n\n        .form__label {\n            font-size: 14px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            margin-bottom: 16px;\n            @include themify($themes) {\n                color: themed('ChartSettingItemTitleText');\n            }\n        }\n        .sc-checkbox {\n            .sc-checkbox__label {\n                @include themify($themes) {\n                    color: themed('ChartSettingText');\n                }\n            }\n        }\n        &--theme {\n            .form__control {\n                display: flex;\n                justify-content: space-between;\n            }\n            .form__group__item {\n                cursor: pointer;\n                border-radius: $border-radius;\n                text-align: center;\n\n                .ic-icon {\n                    border-radius: $border-radius;\n                    border: 1px solid transparent;\n                    width: 238px;\n                    height: 182px;\n                    cursor: pointer;\n                }\n                .text {\n                    font-size: 14px;\n                    font-weight: normal;\n                    font-style: normal;\n                    line-height: 1.43;\n                    letter-spacing: normal;\n                    text-align: center;\n                    padding-top: 8px;\n                    @include themify($themes) {\n                        color: themed('ChartSettingText');\n                    }\n                }\n                &--active {\n                    .ic-icon {\n                        @include themify($themes) {\n                            border-color: themed('ChartSettingItemActiveBorder');\n                        }\n                    }\n                    .text {\n                        font-weight: bold;\n                    }\n                }\n            }\n        }\n        &--language {\n            .form__control {\n                display: flex;\n                flex-wrap: wrap;\n            }\n            .form__group__item {\n                width: 80px;\n                height: 84px;\n                text-align: center;\n                border-radius: $border-radius;\n                border: 1px solid transparent;\n                cursor: pointer;\n                box-sizing: border-box;\n                margin: 0 16px 16px 0;\n\n                .ic-icon {\n                    margin: 16px auto 8px;\n                    width: 36px;\n                    height: 24px;\n\n                    svg {\n                        width: 36px;\n                        height: 24px;\n                    }\n                }\n                .text {\n                    display: block;\n                    font-size: 14px;\n                    font-weight: normal;\n                    font-style: normal;\n                    line-height: 1.43;\n                    letter-spacing: normal;\n                    text-align: center;\n                    @include themify($themes) {\n                        color: themed('ChartSettingText');\n                    }\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('ChartSettingItemHoverBg');\n                    }\n                }\n                &--active {\n                    background: transparent !important;\n                    @include themify($themes) {\n                        border-color: themed('ChartSettingItemActiveBorder');\n                    }\n                }\n            }\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-download-menu {\n    .sc-dialog {\n        width: 320px;\n    }\n}\n\n.sc-download {\n    padding: 24px;\n    display: flex;\n    border-radius: $border-radius;\n    @include themify($themes) {\n        background: themed('DownloadBg');\n        color: themed('DownloadText');\n    }\n\n    &__item {\n        width: 88px;\n        height: 88px;\n        padding: 16px;\n        box-sizing: border-box;\n        border-radius: $border-radius;\n        text-align: center;\n        cursor: pointer;\n        position: relative;\n        margin-right: 8px;\n\n        .ic-icon {\n            width: 32px;\n            height: 32px;\n            margin: 0 auto 4px;\n        }\n        &:hover {\n            @include themify($themes) {\n                background: themed('DownloadActiveBg');\n            }\n        }\n        &__label {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            display: block;\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-download {\n        justify-content: space-around;\n\n        &__item {\n            margin: 0px;\n        }\n    }\n    .sc-download-menu {\n        .sc-dialog {\n            left: auto;\n            width: 300px;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .react-tabs {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-tabs__tab-list {\n  border-bottom: 1px solid #aaa;\n  margin: 0 0 10px;\n  padding: 0;\n}\n\n.react-tabs__tab {\n  display: inline-block;\n  border: 1px solid transparent;\n  border-bottom: none;\n  bottom: -1px;\n  position: relative;\n  list-style: none;\n  padding: 6px 12px;\n  cursor: pointer;\n}\n\n.react-tabs__tab--selected {\n  background: #fff;\n  border-color: #aaa;\n  color: black;\n  border-radius: 5px 5px 0 0;\n}\n\n.react-tabs__tab--disabled {\n  color: GrayText;\n  cursor: default;\n}\n\n.react-tabs__tab:focus {\n  outline: none;\n}\n\n.react-tabs__tab:focus:after {\n  content: '';\n  position: absolute;\n  height: 5px;\n  left: -4px;\n  right: -4px;\n  bottom: -5px;\n  background: #fff;\n}\n\n.react-tabs__tab-panel {\n  display: none;\n}\n\n.react-tabs__tab-panel--selected {\n  display: block;\n}\n","@charset \"UTF-8\";\n\n$chart-green: #4caf50;\n$chart-red: #f95454;\n\n/* CSS Document */\n\nhtml,\nbody {\n    -ms-touch-action: none; /* This is necessary to allow the chart to grab windows touch events */ /* stylelint-disable-line plugin/no-unsupported-browser-features */\n    touch-action: none; /* Standard property for compatibility */ /* stylelint-disable-line plugin/no-unsupported-browser-features */\n    margin: 0px; /*to deal with iFraming which sets 8px by default in some browsers*/\n}\n\n/*! rtl:ignore */\n.chartContainer {\n    /* DIV that the canvas expands to. #chartContainer is only for backward compatibility with older libraries. */\n    display: block;\n    font-family: $base-font;\n    font-size: 12px;\n    position: relative; /* chart container must be relative for internal DOM elements to be correct */\n    transition: height 0.4s ease-in-out;\n    @include themify($themes) {\n        background: themed('ChartBg');\n        color: themed('ChartText');\n    }\n\n    .flutter-chart {\n        width: 100%;\n        height: 100%;\n    }\n}\n\n/*! rtl:ignore */\n.cq-inchart-subholder {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0px;\n    pointer-events: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n}\n/* Chart Block */\n\n/*! rtl:ignore */\n.ciq-chart {\n    height: auto;\n    width: 100%;\n    z-index: 4;\n    touch-action: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n\n    @include themify($themes) {\n        background: themed('ChartBg');\n    }\n\n    &--screenshot {\n        .calendar,\n        .cq-menu-dropdown,\n        .sc-toolbar-widget,\n        .sc-navigation-widget,\n        .time-picker-dropdown {\n            /*\n            There is a strange bug where dropdowns get displayed (partially)\n            when html is being rendered to canvas. So we set this to manually\n            hide it when PNG is exported.\n            */\n            display: none !important;\n        }\n    }\n}\n\n/* The Chart */\n\n/*! rtl:ignore */\n.cq-chart-control-left {\n    .chartContainer {\n        width: calc(100% - 100px);\n        margin-left: 100px;\n    }\n}\n\n/* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */\n\n/* Up/Down Arrow indicators */\n.cq-change {\n    &:after {\n        /*! rtl:ignore */\n        float: right;\n        margin-top: 5px;\n        margin-right: 5px;\n        @include triangle-base(6px);\n    }\n    &.up:after {\n        border-bottom: 8px solid $COLOR_GREEN_1;\n    }\n    &.down:after {\n        border-top: 8px solid $COLOR_RED;\n    }\n    .cq-todays-change-percent {\n        padding-left: 3px;\n    }\n}\n\n/* --------------------------------------------------------- CHART CONTROLS --------------------------------------------------------- */\n\n/*! rtl:ignore */\n\n.scroll_to_recent:hover,\n.scroll_to_recent:active {\n    /* Make buttons full opacity on hover or hit */\n    opacity: 1;\n}\n\n/*! rtl:ignore */\n\n.scroll_to_recent {\n    /* Button  jumping to today's data */\n    color: #fff;\n    overflow: hidden;\n    position: absolute;\n    bottom: 12px;\n    right: 80px;\n    line-height: 0px;\n    height: 32px;\n    width: 32px;\n    padding: 0px;\n    margin-bottom: 17px;\n    border-radius: $border-radius;\n    z-index: 12;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    @include themify($themes) {\n        background: themed('NavigationWidgetBg');\n    }\n\n    svg {\n        position: relative;\n        @include themify($themes) {\n            fill: themed('NavigationWidgetColor');\n        }\n    }\n}\n\n/* ------------------------------------------------------- CHART OVERLAY ELEMENTS ------------------------------------------------------ */\n.mSticky {\n    position: absolute;\n    display: none;\n    z-index: 44;\n    white-space: nowrap;\n    border-radius: $border-radius;\n    font-size: 12px;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    text-align: center;\n    @include themify($themes) {\n        color: themed('ChartStickyText');\n        background: themed('ChartStickyBg');\n    }\n\n    .mStickyInterior {\n        padding: 8px;\n        position: relative;\n        width: 100%;\n        border-radius: $border-radius $border-radius 0px 0px;\n        border: none;\n        box-sizing: border-box;\n        font-size: 12px;\n        font-weight: bold;\n        font-style: normal;\n        line-height: 1.5;\n        letter-spacing: normal;\n        text-align: center;\n        @include themify($themes) {\n            background: themed('ChartStickyInnerBg');\n            color: themed('ChartStickyInnerText');\n        }\n    }\n}\n\n.mouseDeleteInstructions {\n    margin: 8px;\n    background: transparent;\n    display: block;\n}\n\n/* --------------------------------------------------------- CHART SDK --------------------------------------------------------- */\n\n/* -------- Axis tabs and current Prices -------- */\n\n@keyframes pulse {\n    0% {\n        box-shadow: 0 0 0 0 rgba($COLOR_ORANGE, 0.6);\n    }\n    70% {\n        box-shadow: 0 0 0 10px rgba($COLOR_ORANGE, 0);\n    }\n    100% {\n        box-shadow: 0 0 0 0 rgba($COLOR_ORANGE, 0);\n    }\n}\n\n.smartcharts-mobile {\n    .mSticky {\n        background: none;\n\n        .mStickyInterior {\n            margin: 0px;\n            padding: 0px 8px 0 !important;\n            line-height: 30px;\n            border-radius: 3px 0px 0px 3px;\n            width: auto;\n            z-index: 99;\n        }\n    }\n    .ciq-chart {\n        padding: 0 8px;\n    }\n}\n\n// To hide google translate tooltips on drag\n#gtx-trans {\n    display: none;\n}\n\n.fast-marker {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    overflow: hidden;\n}\n","/* --------------------------------------------------------- Layout --------------------------------------------------------- */\n\n.ciq-chart-area,\n.ciq-chart {\n    box-sizing: border-box;\n}\n\n/* Chart Area Block */\n.cq-context,\n.ciq-chart-area {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    margin: 0px;\n    z-index: 1;\n    padding: 0px;\n    @include themify($themes) {\n        background: themed('DefaultBg');\n    }\n}\n\n/* --------------------------------------------------------- Navigation --------------------------------------------------------- */\n\n/* Menus/Panel Toggles */\n.smartcharts {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    font-family: $base-font;\n    font-size: $font-size-base;\n    overflow: hidden;\n    top: 0;\n    @include themify($themes) {\n        background: themed('DefaultMain');\n    }\n\n    input {\n        font-weight: 300;\n        user-select: text;\n        @include themify($themes) {\n            color: themed('DefaultText');\n            background-color: themed('DefaultMain');\n        }\n\n        &::placeholder,\n        &::-moz-placeholder {\n            @include themify($themes) {\n                color: themed('DefaultText');\n            }\n        }\n    }\n    div,\n    li,\n    span,\n    a {\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* eliminated annoying flash when tapping screen on ipads */\n        -webkit-tap-highlight-color: transparent; /* For some Androids */\n    }\n    .cq-top-ui-widgets {\n        position: absolute;\n        z-index: 5;\n        margin: 0.2em 0.5em;\n        width: 100%;\n        pointer-events: none;\n\n        > div {\n            // top widgets panel will have no pointer events, but it's children should not be affected:\n            pointer-events: initial;\n        }\n    }\n    .ciq-menu {\n        display: inline-block;\n        position: relative;\n        box-sizing: border-box;\n    }\n    .smartcharts-mobile,\n    .smartcharts-desktop {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n    }\n    .cq-chart-control-left {\n        .cq-top-ui-widgets {\n            left: 90px;\n        }\n        .cq-notifications {\n            right: 100px;\n        }\n    }\n    &--loading {\n        .cq-menu-btn,\n        .sc-toolbar-widget,\n        .ciq-navigation-widget,\n        .sc-chart-footer {\n            opacity: 0.24;\n        }\n    }\n    /* Mobile Style */\n    .smartcharts-mobile {\n        user-select: none;\n\n        .cq-top-ui-widgets {\n            z-index: 13;\n        }\n    }\n}\n\n/*! rtl:ignore */\n.cq-modal__overlay {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: center;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    overflow: hidden;\n}\n\n/*! rtl:ignore */\n.ciq-modal {\n    .cq-modal__overlay {\n        z-index: 9999;\n        position: absolute;\n        @include themify($themes) {\n            background: themed('DialogOverlay');\n        }\n    }\n}\n\n@import 'menu';\n\n/* -------------------------- custom styles -------------------------------------*/\n/*! rtl:ignore */\n.cq-chart-unavailable {\n    position: absolute;\n    text-align: center;\n    width: 100%;\n    top: 50%;\n    z-index: 1;\n    font-size: 1.7em;\n    color: #878787;\n}\n/*! rtl:begin:ignore */\n.sc-tooltip {\n    &__inner {\n        position: absolute;\n        top: 0px;\n        /*! rtl:begin:ignore */\n        left: 50%;\n        /*! rtl:end:ignore */\n        border-radius: $border-radius;\n        height: 34px;\n        width: auto;\n        white-space: nowrap;\n        padding: 8px;\n        font-size: 12px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.5;\n        letter-spacing: normal;\n        opacity: 0;\n        box-sizing: border-box;\n        transform: translateX(-50%) translateY(calc(-100% - 8px));\n        pointer-events: none;\n        @include themify($themes) {\n            background: themed('TooltipBg');\n            color: themed('TooltipText');\n        }\n\n        &:before {\n            position: absolute;\n            width: 0;\n            height: 0;\n            content: ' ';\n            bottom: 0px;\n            left: calc(50% - 6px);\n            background: transparent;\n            border-right: 6px solid transparent;\n            border-left: 6px solid transparent;\n            transform: translateY(100%);\n            @include themify($themes) {\n                border-top: 6px solid themed('TooltipBg');\n            }\n        }\n    }\n    &--right {\n        .sc-tooltip__inner {\n            left: calc(100% + 10px);\n            top: calc(50% - 17px);\n            transform: none;\n\n            &:before {\n                left: -6px;\n                bottom: calc(50% - 6px);\n                border-top: 6px solid transparent !important;\n                border-bottom: 6px solid transparent !important;\n                border-left: none;\n                transform: translateY(0);\n                @include themify($themes) {\n                    border-right: 6px solid themed('TooltipBg');\n                }\n            }\n        }\n    }\n    &--enable {\n        &:hover {\n            .sc-tooltip__inner {\n                opacity: 1;\n                z-index: 3;\n            }\n        }\n    }\n}\n\n.sc-notification-badge {\n    width: 16px;\n    height: 16px;\n    border-radius: 8px;\n    position: absolute;\n    top: 3px;\n    right: 3px;\n    font-size: 10px;\n    font-weight: bold;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    text-align: center;\n    @include themify($themes) {\n        background: themed('NotificationBadgeBg');\n        color: themed('NotificationBadgeText');\n    }\n}\n/* -------------------------- buttons -------------------------------------*/\n\n.sc-btn {\n    padding: 5px 16px;\n    font-size: 14px;\n    font-weight: bold;\n    font-style: normal;\n    line-height: 1.43;\n    letter-spacing: normal;\n    text-align: center;\n    border-radius: $border-radius;\n    outline: none !important;\n    border: 1px solid;\n    @include themify($themes) {\n        border-color: themed('BtnDefaultBg');\n        background: themed('BtnDefaultBg');\n        color: themed('BtnDefaultText');\n    }\n\n    &[type='button'] {\n        cursor: pointer;\n    }\n    &:hover {\n        @include themify($themes) {\n            background: themed('BtnDefaultHoverBg');\n        }\n    }\n    &--sm {\n        padding: 3px 12px;\n        font-size: 12px;\n    }\n    &--w100 {\n        width: 100%;\n    }\n    &--primary {\n        @include themify($themes) {\n            border-color: themed('BtnPrimaryBg');\n            background: themed('BtnPrimaryBg');\n            color: themed('BtnPrimaryText');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('BtnPrimaryHoverBg');\n                background: themed('BtnPrimaryHoverBg');\n            }\n        }\n        &--disabled {\n            opacity: 0.32;\n            @include themify($themes) {\n                border-color: themed('BtnPrimaryBg');\n                background: themed('BtnPrimaryBg');\n            }\n\n            &:hover {\n                @include themify($themes) {\n                    border-color: themed('BtnPrimaryBg');\n                    background: themed('BtnPrimaryBg');\n                }\n            }\n        }\n    }\n    &--outline-secondary {\n        background: transparent;\n        @include themify($themes) {\n            border-color: themed('BtnSecondaryBorder');\n            color: themed('BtnSecondaryText');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                background: themed('BtnSecondaryHoverBg') !important;\n            }\n        }\n    }\n}\n\n.sc-chart__status {\n    width: 8px;\n    height: 8px;\n    border-radius: $border-radius;\n    margin: 4px 0;\n    opacity: 1;\n    @include themify($themes) {\n        background: themed('ChartStatus');\n    }\n\n    &--online {\n        @include themify($themes) {\n            background: themed('ChartStatusOnline');\n        }\n    }\n    &--blinker {\n        animation: blinking-network-status 0.4s infinite alternate;\n        @include themify($themes) {\n            background: themed('ChartStatusOnline');\n        }\n    }\n    &--offline {\n        @include themify($themes) {\n            background: themed('ChartStatusOffline');\n        }\n    }\n}\n\n.sc-input {\n    border-radius: $border-radius 0 0 $border-radius;\n    height: 40px;\n    box-sizing: border-box;\n    border-right: none !important;\n    position: relative;\n    outline: none !important;\n    padding: 10px 12px;\n    font-size: 14px;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.43;\n    letter-spacing: normal;\n    background: transparent;\n    @include themify($themes) {\n        border: 1px solid themed('InputDefaultBorder');\n    }\n\n    &::placeholder,\n    &::-moz-placeholder {\n        font-size: 14px;\n        @include themify($themes) {\n            color: themed('InputDefaultText');\n        }\n    }\n    &:hover {\n        @include themify($themes) {\n            border-color: themed('InputDefaultHoverBorder');\n        }\n    }\n    &--active {\n        @include themify($themes) {\n            border-color: themed('InputDefaultActiveBorder') !important;\n        }\n    }\n}\n\n[dir='rtl'] .sc-input {\n    border-right: 1px solid $color-grey-5 !important;\n}\n\n/*! rtl:end:ignore */\n@keyframes blinking-network-status {\n    40% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 0;\n    }\n}\n","$transition-duration: 300ms;\n\n.ciq-menu {\n    position: relative;\n    @include themify($themes) {\n        color: themed('MenuText');\n    }\n\n    > span {\n        padding: 0 12px 0 0;\n        position: relative;\n        font-weight: 400;\n    }\n    .cq-menu-btn {\n        user-select: none;\n    }\n    &.ciq-enabled > .cq-menu-btn {\n        cursor: pointer;\n    }\n}\n\n.cq-menu-dropdown {\n    display: block;\n    line-height: 2.1em;\n    position: absolute;\n    overflow: hidden;\n    height: auto;\n    border-radius: 3px;\n    bottom: 5em;\n    pointer-events: none;\n    opacity: 0;\n    z-index: 3;\n    transition: transform $transition-duration, opacity $transition-duration;\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);\n    margin-top: 5px;\n    @include themify($themes) {\n        color: themed('DialogBodyText');\n        background-color: themed('DialogBodyBg');\n    }\n\n    &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n        opacity: 1;\n    }\n    &.cq-menu-dropdown-enter-done {\n        pointer-events: initial;\n    }\n    .title {\n        display: block;\n        height: 20px;\n        line-height: 20px;\n        padding: 9px 16px;\n        box-sizing: content-box;\n        @include themify($themes) {\n            background: themed('DialogHeadBg');\n            color: themed('DialogHeadText');\n        }\n\n        .title-text {\n            display: inline-block;\n            font-size: 1.2em;\n            font-weight: bold;\n        }\n        > .ic-icon {\n            @include themify($themes) {\n                color: themed('DialogHeadIcon');\n            }\n        }\n    }\n    .icon-close-menu {\n        cursor: pointer;\n        position: absolute;\n        top: 5px;\n        right: 5px;\n        height: 30px;\n        width: 30px;\n        pointer-events: none;\n        opacity: 0;\n    }\n}\n\n.smartcharts-mobile {\n    .ciq-menu {\n        &.stxMenuActive {\n            z-index: 9;\n        }\n        .cq-menu-btn:hover {\n            > .ic-icon {\n                svg {\n                    background: transparent;\n                }\n            }\n        }\n    }\n    .cq-modal-dropdown {\n        &.stxMenuActive {\n            z-index: 2;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n        }\n        &.cq-chart-title {\n            .cq-modal__overlay .cq-menu-dropdown {\n                /* for studies and comparison dropdown, fill screen in mobile */\n                height: 100%;\n\n                .title {\n                    border-bottom: none !important;\n                }\n            }\n        }\n        .cq-modal__overlay {\n            position: relative;\n            transition: opacity $transition-duration;\n            height: inherit;\n            width: 100%;\n            padding: 0;\n            opacity: 0;\n        }\n        &.stxMenuActive .cq-modal__overlay {\n            opacity: 1;\n            pointer-events: initial;\n            visibility: visible;\n        }\n        &.cq-chart-title .cq-menu-dropdown {\n            transform: translateY(-3em);\n        }\n        .cq-menu-dropdown {\n            height: auto;\n            bottom: 0;\n            box-shadow: none;\n            border-radius: 0;\n            width: 100%;\n            position: absolute;\n            transform: translateY(3em);\n            border: none;\n\n            &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n                transform: translateY(0em);\n            }\n            .title {\n                .title-text {\n                    font-size: 14px;\n                }\n                .icon-close-menu {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('DialogHeadText');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .cq-menu-dropdown {\n        &.cq-menu-dropdown-enter-done {\n            .icon-close-menu {\n                pointer-events: initial;\n                opacity: 1;\n            }\n        }\n    }\n}\n","@charset \"UTF-8\";\n\n/*! rtl:begin:ignore */\n.barrier-area {\n    -moz-user-select: none;\n    -webkit-user-select: none;\n    padding: 13px 0;\n    position: absolute;\n    top: 0;\n    user-select: none;\n    width: 100%;\n}\n\n/* Drag Lines and Prices */\n\n.chart-line {\n    position: absolute;\n    z-index: 35;\n\n    &.draggable {\n        pointer-events: all;\n    }\n    &.horizontal {\n        width: 100%;\n        left: 0;\n        font-size: 1em;\n\n        &:hover {\n            z-index: 105;\n        }\n        &.draggable > .draggable-area {\n            &:hover {\n                background: rgba(0, 0, 0, 0.05);\n            }\n            height: 20px;\n            top: -8px;\n            position: absolute;\n            width: 100%;\n        }\n        .drag-line {\n            /* rtl:begin:ignore */\n            height: 1px;\n            float: left;\n            width: 100%;\n            margin-left: -10px;\n            position: relative;\n            border-top-width: 1px;\n            border-top-color: $color-blue;\n            /* rtl:end:ignore */\n        }\n        .title-wrapper {\n            $title-height: 24px;\n            position: absolute;\n            height: $title-height;\n            top: -11px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 11px;\n            padding: 3px 10px;\n            font-weight: bold;\n\n            .title {\n                white-space: pre-wrap;\n            }\n        }\n    }\n}\n\n.draggable.chart-line:hover {\n    &.horizontal {\n        cursor: ns-resize;\n    }\n    &.vertical {\n        cursor: ew-resize;\n    }\n}\n\n.hide-pricelines > .chart-line.horizontal,\n.hide-pricelines > .barrier-area {\n    display: none;\n}\n\n.drag-price {\n    display: flex;\n    height: 24px;\n    top: -14px;\n    position: absolute;\n    right: -1px;\n    justify-content: space-between;\n    border: 1px solid;\n    border-radius: 4px;\n\n    @include themify($themes) {\n        &:not(&--narrow) {\n            background-color: themed('DefaultMain');\n        }\n    }\n\n    &--narrow {\n        height: 25px;\n        top: -12px;\n        background-color: rgba(12, 40, 247, 0.16);\n    }\n    .arrow-icon {\n        height: 41px;\n        padding: 4px 0px;\n        position: absolute;\n        transition: none;\n        left: 2px;\n        width: calc(100% - 2px);\n    }\n}\n\n.price {\n    display: block;\n    font-size: 12px;\n    line-height: 18px;\n    overflow: unset;\n    padding: 3px 1px;\n    position: relative;\n    right: 45px;\n    text-align: center;\n    width: max-content;\n\n    &--zero {\n        color: $color-blue;\n        padding: unset;\n\n        @include themify($themes) {\n            /* stylelint-disable number-max-precision, plugin/no-unsupported-browser-features */\n            background-image: linear-gradient(\n                rgba(255, 255, 255, 0.001) 30%,\n                themed('DefaultBg') 50%,\n                rgba(255, 255, 255, 0.001) 75%\n            );\n            /* stylelint-enable number-max-precision, plugin/no-unsupported-browser-features */\n        }\n    }\n}\n\n.draggable {\n    &-area-wrapper {\n        display: flex;\n    }\n    .price {\n        overflow: unset;\n        position: relative;\n        right: 55px;\n    }\n    .drag-icon {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        padding-left: 3px;\n        border-top-left-radius: 4px;\n        border-bottom-left-radius: 4px;\n        color: $color-white;\n        background-color: $color-blue;\n\n        div {\n            background-color: $color-white;\n            height: 1px;\n            margin: 1px;\n            width: 8px;\n        }\n        &--hidden {\n            background-color: transparent;\n\n            div {\n                background-color: $color-blue;\n            }\n        }\n    }\n}\n\n/*--------------------------------------------------*/\n\n/* shade */\n\n.shade.hidden {\n    opacity: 0;\n}\n\n.shade {\n    position: absolute;\n    width: 100%;\n    top: -120px;\n    left: 0;\n    right: 0;\n    height: 120px !important;\n    opacity: 0.3;\n    z-index: -1;\n}\n\n/* css gradients are only partially supported in Safari, but will work here since colors are not premultiplied */\n.top-shade {\n    /* stylelint-disable plugin/no-unsupported-browser-features */\n    background-image: linear-gradient(to bottom, transparent, var(--shade-color));\n    /* stylelint-enable plugin/no-unsupported-browser-features */\n}\n\n.between-shade {\n    opacity: 0.2;\n    background-color: var(--shade-color);\n}\n\n.bottom-shade {\n    /* stylelint-disable plugin/no-unsupported-browser-features */\n    background-image: linear-gradient(to bottom, var(--shade-color), transparent);\n    /* stylelint-enable plugin/no-unsupported-browser-features */\n}\n\n/*! rtl:end:ignore */\n",".sc-loader .sc-loader-spin, .cq-comparison-loader {\n    background-image: svg-load('./icons/loading/loading-spin.svg');\n    background-size: cover;\n}\n\n.smartcharts-dark {\n    .sc-loader .sc-loader-spin, .cq-comparison-loader {\n        background-image: svg-load('./icons/loading/loading-spin-white.svg');\n    }\n}\n\n.sc-loader {\n    display: none;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    top: 0px;\n    left: 0px;\n\n    &.show {\n        display: block;\n        z-index: 9;\n    }\n    .sc-loader-spin {\n        position: absolute;\n        height: 50px;\n        width: 50px;\n        left: 50%;\n        top: 50%;\n        margin-left: -25px;\n        margin-top: -45px;\n        z-index: 1;\n        @include themify($themes) {\n            stroke: themed('Loading');\n        }\n    }\n    .sc-loader-status {\n        padding-top: 5px;\n        position: absolute;\n        height: 20px;\n        width: 200px;\n        left: 50%;\n        top: 50%;\n        margin-left: -100px;\n        margin-top: 10px;\n        text-align: center;\n        @include themify($themes) {\n            color: themed('Loading');\n        }\n    }\n}\n\n.sc-inline-loader {\n    position: relative;\n\n    &:after {\n        border-radius: 3px;\n        position: absolute;\n        content: ' ';\n        left: 0px;\n        top: 0px;\n        width: 100%;\n        height: 100%;\n    }\n    &__inner {\n        width: 50px;\n        height: 14px;\n        position: absolute;\n        top: calc(50% - 7px);\n        left: calc(50% - 25px);\n        opacity: 1 !important;\n\n        &__bullet {\n            height: 100%;\n            width: 4px;\n            margin: 0 2px;\n            display: inline-block;\n            border-radius: 3px;\n            -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;\n            animation: sk-stretchdelay 1.2s infinite ease-in-out;\n            @include themify($themes) {\n                background-color: themed('LoadingBg');\n            }\n\n            &:nth-child(2) {\n                -webkit-animation-delay: -1.1s;\n                animation-delay: -1.1s;\n            }\n            &:nth-child(3) {\n                -webkit-animation-delay: -1s;\n                animation-delay: -1s;\n            }\n            &:nth-child(4) {\n                -webkit-animation-delay: -0.9s;\n                animation-delay: -0.9s;\n            }\n        }\n    }\n    &--enable {\n        > span,\n        > div {\n            opacity: 0.32;\n        }\n    }\n}\n\n@-webkit-keyframes sk-stretchdelay {\n    0%, 40%, 100% {\n        -webkit-transform: scaleY(0.4);\n    }\n    20% {\n        -webkit-transform: scaleY(1);\n    }\n}\n\n@keyframes sk-stretchdelay {\n    0%, 40%, 100% {\n        transform: scaleY(0.4);\n        -webkit-transform: scaleY(0.4);\n    }\n    20% {\n        transform: scaleY(1);\n        -webkit-transform: scaleY(1);\n    }\n}",".sc-drawing-toast {\n    position: fixed;\n    bottom: 24px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 1000;\n\n    display: flex;\n    max-width: 90vw;\n    width: max-content;\n    min-height: 3rem;\n    padding: 0.5rem 0.5rem 0.5rem 1rem;\n    align-items: center;\n    gap: 0.5rem;\n\n    border-radius: 0.5rem;\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n\n    // Animation\n    animation: slideUp 0.3s ease-out;\n\n    @include themify($themes) {\n        border: 1px solid themed('DrawingToastBorder');\n        background: themed('DrawingToastBg');\n        color: themed('DrawingToastText');\n        box-shadow: 0 4px 8px 2px themed('DrawingToastShadow1'), 0 4px 8px 2px themed('DrawingToastShadow2');\n    }\n\n    &__content {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        gap: 8px;\n    }\n    &__message {\n        flex: 1;\n    }\n    &__cancel {\n        background: none;\n        border: none;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: inherit;\n        font-weight: 500;\n        padding: 8px 12px;\n        border-radius: 4px;\n        transition: background-color 0.2s ease;\n\n        @include themify($themes) {\n            color: themed('DrawingToastButtonText');\n\n            &:hover {\n                background: themed('DrawingToastButtonHoverBg');\n            }\n            &:active {\n                background: themed('DrawingToastButtonActiveBg');\n            }\n        }\n\n        &:focus {\n            outline: 2px solid;\n\n            @include themify($themes) {\n                outline-color: themed('DrawingToastFocusOutline');\n            }\n        }\n    }\n\n    // Mobile responsive\n    @media (max-width: 768px) {\n        max-width: calc(100vw - 32px);\n        margin: 0 16px;\n        left: 0;\n        right: 0;\n        transform: none;\n\n        &__message {\n            font-size: 14px;\n        }\n    }\n}\n\n@keyframes slideUp {\n    from {\n        opacity: 0;\n        transform: translateX(-50%) translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0);\n    }\n}\n\n// Mobile animation\n@media (max-width: 768px) {\n    @keyframes slideUp {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n}\n",".sc-deletion-snackbar {\n    position: fixed;\n    bottom: 24px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 1000;\n\n    display: flex;\n    max-width: 90vw;\n    width: max-content;\n    min-height: 3rem;\n    padding: 0.5rem 0.5rem 0.5rem 1rem;\n    align-items: center;\n    gap: 0.5rem;\n\n    border-radius: 0.5rem;\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n\n    // Animation\n    animation: slideUpSnackbar 0.3s ease-out;\n\n    @include themify($themes) {\n        border: 1px solid themed('DeletionSnackbarBorder');\n        background: themed('DeletionSnackbarBg');\n        color: themed('DeletionSnackbarText');\n        box-shadow: 0 4px 8px 2px themed('DeletionSnackbarShadow1'), 0 4px 8px 2px themed('DeletionSnackbarShadow2');\n    }\n\n    &__content {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        gap: 12px;\n    }\n    &__message {\n        flex: 1;\n    }\n    &__close {\n        background: none;\n        border: none;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: 18px;\n        font-weight: 400;\n        padding: 4px 8px;\n        border-radius: 4px;\n        transition: background-color 0.2s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 24px;\n        height: 24px;\n\n        @include themify($themes) {\n            color: themed('DeletionSnackbarCloseText');\n\n            &:hover {\n                background: themed('DeletionSnackbarCloseHoverBg');\n            }\n            &:active {\n                background: themed('DeletionSnackbarCloseActiveBg');\n            }\n        }\n\n        &:focus {\n            outline: 2px solid;\n\n            @include themify($themes) {\n                outline-color: themed('DeletionSnackbarFocusOutline');\n            }\n        }\n\n        // Ensure SVG icons inherit the color\n        .ic-icon > svg {\n            @include themify($themes) {\n                fill: themed('DeletionSnackbarCloseText');\n            }\n        }\n    }\n\n    // Mobile responsive\n    @media (max-width: 768px) {\n        max-width: calc(100vw - 32px);\n        margin: 0 16px;\n        left: 0;\n        right: 0;\n        transform: none;\n\n        &__message {\n            font-size: 14px;\n        }\n    }\n}\n\n@keyframes slideUpSnackbar {\n    from {\n        opacity: 0;\n        transform: translateX(-50%) translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0);\n    }\n}\n\n// Mobile animation\n@media (max-width: 768px) {\n    @keyframes slideUpSnackbar {\n        from {\n            opacity: 0;\n        }\n        to {\n            opacity: 1;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .cq-last-digits {\r\n    position: absolute;\r\n    bottom: 45px;\r\n    left: calc(50% - 150px);\r\n    visibility: hidden;\r\n\r\n    &.show {\r\n        visibility: visible;\r\n    }\r\n    .cq-bars {\r\n        height: 70px;\r\n        @include themify($themes) {\r\n            color: themed('LastdigitsBarText');\r\n        }\r\n\r\n        .min {\r\n            @include themify($themes) {\r\n                color: themed('LastdigitsMinBarBg');\r\n            }\r\n        }\r\n        .max {\r\n            @include themify($themes) {\r\n                color: themed('LastdigitsMaxBarBg');\r\n            }\r\n        }\r\n        .cq-bar-value {\r\n            margin: -16px 0 0 -6px;\r\n            transition: opacity 0.8s linear;\r\n            font-size: 12px;\r\n            opacity: 0;\r\n\r\n            &.show {\r\n                opacity: 1;\r\n            }\r\n        }\r\n        .cq-bar {\r\n            width: 10px;\r\n            @include themify($themes) {\r\n                background-color: themed('LastdigitsBarBg');\r\n            }\r\n            position: absolute;\r\n            bottom: 40px;\r\n            transition: height 0.8s ease-in-out;\r\n            border-radius: 16px;\r\n\r\n            .cq-bar-title {\r\n                position: absolute;\r\n                bottom: -20px;\r\n                width: 10px;\r\n                text-align: center;\r\n                font-size: 14px;\r\n            }\r\n            &.min {\r\n                @include themify($themes) {\r\n                    background-color: themed('LastdigitsMinBarBg');\r\n                }\r\n            }\r\n            &.max {\r\n                @include themify($themes) {\r\n                    background-color: themed('LastdigitsMaxBarBg');\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .cq-bar-footer {\r\n        text-align: center;\r\n        width: 475px;\r\n        font-size: 12px;\r\n        top: 60px;\r\n        position: absolute;\r\n        left: -75px;\r\n\r\n        @include themify($themes) {\r\n            color: themed('LastdigitsBarFooter');\r\n        }\r\n    }\r\n    &.minimised {\r\n        bottom: 10px;\r\n\r\n        .cq-bars {\r\n            height: 25px;\r\n        }\r\n        .cq-bar-footer {\r\n            top: 8px;\r\n        }\r\n    }\r\n}\r\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .cq-bottom-ui-widgets {\n    position: absolute;\n    width: 100%;\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n/* rtl:begin:ignore */\n\n.cq-chart-controls {\n    position: absolute;\n    display: flex;\n    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);\n    z-index: 9;\n    justify-content: center;\n    align-items: stretch;\n    box-sizing: border-box;\n    border-radius: 2px;\n    transition: z-index 0.3s linear;\n    @include themify($themes) {\n        background: themed('MenuBg');\n        box-shadow: inset 0 1px 0 0 themed('ChartControlBoxBorder');\n    }\n\n    &.active {\n        z-index: 5;\n    }\n    .ciq-menu {\n        width: auto;\n\n        > span {\n            margin: 0;\n            padding: 0;\n        }\n        &:after {\n            right: 5px;\n            top: 11px;\n            transform: rotate(225deg); /* 180 + 45 */\n            display: none;\n        }\n        &.ciq-enabled {\n            &.stxMenuActive {\n                @include themify($themes) {\n                    box-shadow: 0px -2px 0px 0 themed('MenuActiveBorder');\n                }\n\n                .cq-menu-btn {\n                    @include themify($themes) {\n                        background: themed('MenuActiveBg');\n                    }\n\n                    > .ic-icon {\n                        @include themify($themes) {\n                            color: themed('MenuActiveText');\n                        }\n\n                        .ic-subtitle {\n                            display: none;\n                            font-weight: bold;\n                            @include themify($themes) {\n                                color: themed('MenuActiveText');\n                            }\n                        }\n                    }\n                }\n            }\n            .cq-menu-btn {\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('MenuHoverBg');\n                    }\n                }\n            }\n        }\n        .cq-menu-btn {\n            position: relative;\n            padding: 3px 5px;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n\n            > .ic-icon {\n                &.active {\n                    .ic-subtitle {\n                        font-weight: bold;\n                        @include themify($themes) {\n                            color: themed('MenuActiveText');\n                        }\n                    }\n                }\n                .ic-subtitle {\n                    display: none;\n                    font-weight: normal;\n                    line-height: normal;\n                    text-align: center;\n                    font-size: 1em;\n                    @include themify($themes) {\n                        color: themed('MenuText');\n                    }\n                }\n                padding: 0.35em 0.5em;\n            }\n        }\n        .sc-tooltip__inner {\n            display: none !important;\n        }\n    }\n}\n\n/* Menu dropdown open/close animation */\n\n.cq-chart-controls .ciq-menu .cq-menu-dropdown {\n    .cq-chart-control-bottom & {\n        transform: translateX(-50%) translateY(3em);\n        left: 50%;\n\n        &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n            transform: translateX(-50%) translateY(0em);\n        }\n    }\n    .cq-chart-control-left & {\n        bottom: auto;\n        left: 9em;\n        top: -1em;\n        transform: translateX(-3em);\n\n        &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n            transform: translateX(0em);\n        }\n    }\n    &.cq-menu-dropdown-exit-active {\n        opacity: 0;\n        z-index: -3;\n    }\n    &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n        opacity: 1;\n        z-index: 6;\n    }\n}\n\n.cq-chart-control-bottom .cq-chart-controls {\n    bottom: 0px;\n    height: 40px;\n    width: 100%;\n    padding: 0 5px;\n}\n\n.cq-chart-control-left .cq-chart-controls {\n    left: 0px;\n    top: 0;\n    height: 100%;\n    width: 100px;\n    padding: 5px 0;\n    flex-flow: column;\n\n    .ciq-menu {\n        min-height: 45px;\n        height: auto;\n\n        .stxMenuActive {\n            @include themify($themes) {\n                box-shadow: 2px 0.3px 0px 0 themed('MenuActiveBorder');\n            }\n        }\n        .cq-menu-btn {\n            padding: 0 5px;\n        }\n    }\n}\n\n/* Mobile Style */\n\n.smartcharts-mobile {\n    .cq-chart-controls {\n        justify-content: space-around;\n        padding: 0 0.7em;\n        height: 40px;\n        @include themify($themes) {\n            box-shadow: inset 0 1px 0 0 themed('ChartControlBoxBorder');\n        }\n\n        &.active {\n            z-index: 5;\n        }\n        .cq-menu-btn {\n            padding: 0;\n        }\n        .ciq-menu {\n            padding: 0em;\n            width: auto;\n\n            .cq-menu-btn {\n                > .ic-icon {\n                    padding: 0.35em 0em;\n                }\n            }\n            .cq-menu-dropdown {\n                height: auto;\n                left: -1px;\n                padding: 0;\n                border: none;\n                box-shadow: none;\n            }\n        }\n        .cq-menu-btn, .sc-chart-size > span {\n            padding: 0 !important;\n        }\n        .ic-icon-with-sub > svg {\n            padding: 5px 10px;\n        }\n    }\n}\n\n.smartcharts-480 {\n    .smartcharts-desktop {\n        .cq-chart-control-bottom {\n            .cq-chart-controls {\n                .ciq-menu {\n                    width: 50px;\n\n                    .cq-menu-btn {\n                        // padding: 8px 5px;\n\n                        > .ic-icon {\n                            padding: 0.35em 0em;\n                        }\n                        .ic-subtitle {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.smartcharts-900 {\n    .smartcharts-desktop {\n        .cq-chart-control-bottom {\n            .cq-chart-controls {\n                .ciq-menu {\n                    width: auto;\n                    min-width: 45px;\n\n                    .cq-menu-btn {\n                        > .ic-icon {\n                            padding: 0.35em 0em;\n                        }\n                        .ic-subtitle {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.smartcharts-1280 {\n    .smartcharts-desktop {\n        .cq-chart-controls {\n            .ciq-menu {\n                width: auto;\n                min-width: 70px;\n\n                .cq-menu-btn {\n                    > .ic-icon {\n                        padding: 0.35em 0.5em;\n                    }\n                    .ic-subtitle {\n                        display: none;\n                    }\n                }\n            }\n        }\n    }\n}\n\n/* rtl:end:ignore */\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-chart-footer {\n    display: flex;\n    height: 31px;\n    width: 100%;\n    position: absolute;\n    bottom: 0px;\n    left: 0px;\n    justify-content: flex-end;\n    z-index: 9;\n    @include themify($themes) {\n        color: themed('FooterText');\n        background: themed('FooterBg');\n        border-top: 1px solid themed('FooterBorder');\n    }\n\n    .ciq-menu {\n        .cq-menu-btn {\n            padding: 8px;\n            cursor: pointer;\n\n            .ic-icon {\n                width: 16px;\n                height: 16px;\n                line-height: 8px;\n\n                svg {\n                    @include themify($themes) {\n                        fill: themed('FooterText');\n                    }\n                }\n            }\n            .ic-subtitle {\n                display: none;\n            }\n            .ic-icon-with-sub {\n                line-height: 8px;\n            }\n        }\n        .sc-tooltip__inner {\n            display: none;\n        }\n        &:hover {\n            @include themify($themes) {\n                background: themed('FooterItemHoverBg');\n            }\n        }\n    }\n    &__item {\n        padding: 8px;\n        font-size: 12px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.5;\n        letter-spacing: normal;\n        text-align: right;\n        position: relative;\n\n        &--status {\n            padding-right: 0px;\n            padding-left: 0px;\n            margin-right: 16px;\n        }\n        &--time {\n            padding-right: 0px;\n            padding-left: 0px;\n            margin-right: 8px;\n\n            span {\n                padding-right: 16px;\n                padding-left: 16px;\n                @include themify($themes) {\n                    border-right: 1px solid themed('FooterBorder');\n                    border-left: 1px solid themed('FooterBorder');\n                }\n            }\n        }\n        .sc-tooltip__inner {\n            top: 9px;\n        }\n        .sc-tooltip__inner:before {\n            display: none;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; /*! rtl:begin:ignore */\n.cq-chart-title {\n    display: inline-block;\n    top: 1em;\n    z-index: 41;\n    margin: 0.2em 0.8em;\n\n    &.ciq-menu.ciq-enabled {\n        .cq-menu-btn > .cq-symbol-select-btn {\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n\n            > .ic-icon.cq-symbol-dropdown {\n                display: block;\n                margin-right: 0px;\n                margin-left: 10px;\n                width: 12px;\n\n                svg {\n                    width: 12px;\n\n                    @include themify($themes) {\n                        fill: themed('ChartTitleArrow');\n                    }\n                }\n            }\n        }\n        &.stxMenuActive > .cq-menu-btn > .cq-symbol-select-btn {\n            @include themify($themes) {\n                border: solid 1px themed('ChartTitleActiveBorder');\n            }\n\n            > .ic-icon.cq-symbol-dropdown {\n                svg {\n                    transform: rotate(180deg);\n\n                    @include themify($themes) {\n                        fill: themed('ChartTitleActiveArrow');\n                    }\n                }\n            }\n        }\n    }\n    &.ciq-enabled .cq-symbol-select-btn {\n        @include themify($themes) {\n            background: themed('ChartTitleBg');\n            border: solid 1px themed('ChartTitleBorder');\n        }\n    }\n    .cq-menu-btn {\n        padding: 8px;\n        border-radius: $border-radius;\n\n        @include themify($themes) {\n            background: themed('ChartTitleSubBg');\n        }\n    }\n    .cq-symbol-select-btn {\n        font-family: $base-font;\n        padding: 0.6em 1em;\n        position: relative;\n        display: flex;\n        align-items: center;\n        border-radius: $border-radius;\n\n        @include themify($themes) {\n            color: themed('ChartTitleText');\n        }\n\n        &__container {\n            display: flex;\n            justify-content: space-between;\n        }\n        &:hover {\n            @include themify($themes) {\n                border: solid 1px themed('ChartTitleHoverBorder');\n            }\n        }\n        > .ic-icon.cq-symbol-dropdown {\n            display: none;\n            position: relative;\n\n            svg {\n                transition: transform 0.2s ease-in-out;\n            }\n        }\n        > .ic-icon,\n        > .ic-frx,\n        > .ic-wld,\n        > .ic-otc {\n            height: $large-icon-size;\n            width: $large-icon-size;\n            transform: scale(1.3);\n\n            > svg {\n                height: $large-icon-size;\n            }\n        }\n        .cq-symbol-info {\n            display: flex;\n            flex-direction: column;\n            margin: 0 0 0 20px;\n\n            @media (min-width: 768px) {\n                min-width: 15rem;\n                min-height: 4.2rem;\n            }\n        }\n        .cq-symbol,\n        .cq-chart-price {\n            .cq-animated-price {\n                transition: color 300ms ease-out;\n            }\n            .divider {\n                padding: 0 3px;\n            }\n            > div {\n                line-height: 1.5;\n            }\n            line-height: 22px;\n            font-size: 1.2em;\n            text-align: left;\n        }\n        .cq-symbol {\n            font-weight: bold;\n            font-size: 1.6em;\n            text-align: left;\n            line-height: 24px;\n            width: auto;\n            padding-right: 1rem;\n\n            @include themify($themes) {\n                color: themed('ChartTitleSymbolText');\n            }\n\n            &.closed-no-opentime {\n                // To make the cq-symbol-btn have the same height with and without opening time (or price):\n                // We add the following quantity to line-height of cq-symbol (The height which was occupied by price)\n                // (1.2 * 1.5) / 1.6 = 1.125 ~~ 1.13;\n                // ((font-size of cq-chart-price * line-height of cq-chart-price) / font-size of cq-symbol)\n                line-height: calc(24px + 1.13em);\n            }\n        }\n        .cq-chart-closed {\n            .cq-closed-icon {\n                width: 12px;\n                margin-right: 5px;\n                height: 12px;\n                margin-top: 3px;\n\n                @include themify($themes) {\n                    fill: themed('TimeIconColor');\n                }\n\n                svg {\n                    left: 0;\n                    position: absolute;\n                }\n            }\n            .cq-closed-opening {\n                font-size: 1.2em;\n                text-align: left;\n                line-height: 1.5;\n\n                .cq-closed-opening-time {\n                    font-weight: bold;\n\n                    @include themify($themes) {\n                        color: themed('ChartTitleText');\n                    }\n                }\n            }\n        }\n        .cq-symbol-closed-text {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            text-align: center;\n            width: auto;\n            padding: 0 5px;\n            height: 20px;\n            border: 2px solid $COLOR_RED;\n            color: $COLOR_RED;\n            border-radius: $border-radius;\n            text-transform: uppercase;\n        }\n        .cq-chart-price > *,\n        .cq-chart-closed > * {\n            position: relative;\n        }\n        .cq-chart-price,\n        .cq-chart-closed {\n            display: flex;\n            vertical-align: text-bottom;\n\n            @include themify($themes) {\n                color: themed('ChartTitlePriceText');\n            }\n        }\n    }\n    .cq-menu-dropdown {\n        left: 0px;\n        bottom: auto;\n        transform: translateX(0) translateY(-3em);\n\n        &.cq-menu-dropdown-enter-done,\n        &.cq-menu-dropdown-enter-active {\n            opacity: 1;\n            transform: translateX(0) translateY(0em);\n        }\n        &.cq-menu-dropdown-enter-done {\n            z-index: 6;\n        }\n    }\n}\n\n/* Mobile Style */\n.smartcharts-mobile {\n    .cq-top-ui-widgets {\n        width: 100%;\n        padding: 0px;\n        margin: 0 !important;\n        z-index: 3;\n    }\n    .cq-chart-title {\n        width: 100%;\n        display: block;\n        top: 0em;\n        margin: 0px;\n\n        .cq-symbol-select-btn {\n            margin: 0.3em 0.4em;\n        }\n        .cq-menu-dropdown {\n            width: 100%;\n            top: 0px;\n            margin: 0px;\n        }\n    }\n}\n/*! rtl:end:ignore */\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; // sc-market-categorical-display\n.sc-mcd {\n    $self: &;\n    max-width: 600px;\n    min-width: 560px;\n    width: auto;\n    display: flex;\n    height: 100%;\n    @include themify($themes) {\n        color: themed('CatDisplayText');\n        background: themed('CatDisplayBg');\n        box-shadow: 0 2px 8px 0 themed('CatDisplayShadow');\n    }\n\n    &__tabs {\n        width: 240px;\n        box-sizing: border-box;\n        @include themify($themes) {\n            background: themed('CatDisplayFilterBg');\n        }\n\n        &__head {\n            height: 56px;\n            padding: 16px 24px;\n            box-sizing: border-box;\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n        }\n    }\n    &__content {\n        min-width: 320px;\n        width: max-content;\n        display: flex;\n        flex-direction: column;\n\n        &__head {\n            height: 56px;\n            padding: 12px 16px 10px;\n            box-sizing: border-box;\n            @include themify($themes) {\n                border-bottom: 2px solid themed('CatDisplayFilterBg');\n            }\n        }\n        &__body {\n            height: calc(100% - 56px);\n            transform: translateZ(0);\n            position: relative;\n\n            &__scroll {\n                overflow-y: auto;\n                position: relative;\n                height: 100%;\n            }\n        }\n    }\n    &__filter {\n        margin: 0px;\n        width: 240px;\n        min-width: 240px;\n        border-radius: 0 0 0 5px;\n        border-bottom: none;\n        padding: 0;\n\n        &__group {\n            &-icon {\n                margin-right: 4.5px !important;\n                margin-left: auto;\n\n                &--open {\n                    transform: rotate(180deg);\n                }\n            }\n        }\n        &__subgroups {\n            display: none;\n\n            &-item {\n                direction: ltr;\n                width: 100%;\n                display: flex;\n                box-sizing: border-box;\n                padding: 10px 50px;\n                border-radius: 0px;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                align-items: center;\n                outline: none !important;\n                box-shadow: none !important;\n                text-transform: capitalize;\n                cursor: pointer;\n\n                &:hover {\n                    @include themify($themes) {\n                        background-color: themed('CatDisplayHoverFilterBg');\n                        border-left-color: themed('CatDisplayHoverFilterBg');\n                    }\n                }\n                &--selected {\n                    font-weight: 800;\n                    @include themify($themes) {\n                        color: themed('CatDisplayActiveFilterText');\n                        background-color: themed('CatDisplayActiveFilterBg') !important;\n                        border-left-color: themed('CatDisplayActiveFilterBorder') !important;\n                    }\n                }\n            }\n            &--open {\n                display: block;\n                animation: display 2s linear;\n                opacity: 1;\n            }\n        }\n        &__item {\n            direction: ltr;\n            width: 100%;\n            display: flex;\n            box-sizing: border-box;\n            padding: 10px 12px;\n            border-radius: 0px;\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            align-items: center;\n            outline: none !important;\n            box-shadow: none !important;\n            cursor: pointer;\n            @include themify($themes) {\n                border-left: 4px solid themed('CatDisplayFilterBorder');\n            }\n\n            .ic-icon {\n                display: inline-flex;\n                vertical-align: middle;\n                width: $small-icon-size;\n                height: $small-icon-size;\n                margin-right: 1.3em;\n                position: relative;\n                top: 2px;\n            }\n            &:hover {\n                @include themify($themes) {\n                    background-color: themed('CatDisplayHoverFilterBg');\n                    border-left-color: themed('CatDisplayHoverFilterBg');\n                }\n            }\n            &--active {\n                @include themify($themes) {\n                    color: themed('CatDisplayActiveFilterText');\n                    background-color: themed('CatDisplayActiveFilterBg') !important;\n                    border-left-color: themed('CatDisplayActiveFilterBorder') !important;\n                }\n            }\n            &--selected {\n                font-weight: 800;\n                @include themify($themes) {\n                    color: themed('CatDisplayActiveFilterText');\n                    background-color: themed('CatDisplayActiveFilterBg') !important;\n                    border-left-color: themed('CatDisplayActiveFilterBorder') !important;\n                }\n\n                .ic-icon {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('CatDisplayActiveFilterIcon');\n                        }\n                    }\n                    &:not(.ic-synthetic_index, .ic-cryptocurrency) svg {\n                        @include themify($themes) {\n                            stroke: themed('CatDisplayActiveFilterIcon');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &__category {\n        padding-bottom: 12px;\n        position: relative;\n        @include themify($themes) {\n            border-bottom: 4px solid themed('CatDisplayFilterBg');\n        }\n\n        .empty-category {\n            padding: 0.9em 1.2em;\n            border-radius: $border-radius;\n            font-size: 14px;\n            @include themify($themes) {\n                background-color: themed('CatDisplayCatContentBg');\n            }\n        }\n        &:last-child {\n            margin-bottom: 10px !important;\n            border-bottom: none;\n        }\n        &--has-subtitle {\n            padding-top: 6.5em;\n        }\n        &--favorite {\n            .sc-mcd__category__content {\n                margin: 0 3px 4px 8px;\n            }\n        }\n        &--synthetic_index {\n            @media (min-width: 1024px) {\n                visibility: hidden;\n            }\n            padding: 0;\n        }\n        &__head {\n            display: block;\n            font-size: 1.4em;\n            font-weight: bold;\n            padding: 0 20px;\n            line-height: 40px;\n            position: relative;\n            top: 0;\n            // width: 100%;\n            transform: translate3d(0, 0, 0);\n            @include themify($themes) {\n                color: themed('CatDisplayCatTitleText');\n            }\n\n            .category-name-postfix {\n                margin-left: 5px;\n            }\n            .category-subtitle {\n                font-weight: normal;\n                line-height: normal;\n                @include themify($themes) {\n                    color: themed('CatDisplayCatSubTitleText');\n                }\n            }\n        }\n        &__content {\n            &--has-subcategory {\n                margin: 0 3px 4px 8px;\n                border-radius: $border-radius;\n                @include themify($themes) {\n                    border: 1px solid themed('CatDisplayCatContentBorder');\n                }\n\n                &:last-child {\n                    margin-bottom: 0px;\n                }\n            }\n            .subcategory {\n                padding: 0 20px;\n                font-size: 1.4em;\n                border-radius: $border-radius $border-radius 0 0;\n                display: flex;\n                height: 40px;\n                font-weight: bold;\n                align-items: center;\n                @include themify($themes) {\n                    color: themed('CatDisplayCatTitleText');\n                    background-color: themed('CatDisplayCatContentBg');\n                }\n            }\n        }\n    }\n    &__item {\n        $item: &;\n        direction: ltr;\n        padding-left: 20px;\n        padding-right: 20px;\n        display: flex;\n        height: 40px;\n        align-items: center;\n        justify-content: space-between;\n        line-height: initial;\n        font-size: 1.4em;\n        cursor: pointer;\n        @include themify($themes) {\n            border-bottom: 1px solid themed('CatDisplayBg');\n            background-color: themed('CatDisplayCatContentBg');\n        }\n\n        &:first-child {\n            border-top-left-radius: 4px;\n            border-top-right-radius: 4px;\n        }\n        &:last-child {\n            border-bottom-left-radius: 4px;\n            border-bottom-right-radius: 4px;\n            border-bottom: none;\n        }\n        &:not(:first-child):not(:last-child) {\n            border-radius: $border-radius;\n        }\n        &__name {\n            display: flex;\n            align-items: center;\n\n            > span {\n                margin-right: 16px;\n            }\n        }\n        &__detail {\n            display: flex;\n            align-items: center;\n\n            .ic-icon {\n                svg {\n                    @include themify($themes) {\n                        fill: themed('CatDisplayCatContentIcon');\n                        stroke: themed('CatDisplayCatContentIcon');\n                    }\n                }\n            }\n        }\n        .closed-market {\n            border: 1px solid #f44336;\n            color: #f44336;\n            padding: 3px 6px;\n            font-size: 0.64em;\n            border-radius: $border-radius;\n        }\n        &:hover {\n            @include themify($themes) {\n                color: themed('CatDisplayCatHoverContentText');\n                background: themed('CatDisplayCatHoverContentBg');\n            }\n\n            #{ $item }__detail {\n                .ic-icon {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('CatDisplayCatHoverContentIcon');\n                            stroke: themed('CatDisplayCatHoverContentIcon');\n                        }\n                    }\n                }\n            }\n        }\n        &--selected {\n            @include themify($themes) {\n                color: themed('CatDisplayCatActiveContentText') !important;\n                background: themed('CatDisplayCatActiveContentBg') !important;\n            }\n\n            #{ $item }__name {\n                font-weight: bold;\n            }\n            #{ $item }__detail {\n                .ic-icon {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('CatDisplayCatActiveContentIcon');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &--nested {\n        #{ $self }__category {\n            width: 100%;\n            padding: 0px;\n            max-height: 40px;\n            overflow-y: hidden;\n            border-bottom: none;\n            transition: max-height 0.5s ease-in-out;\n\n            &__head {\n                display: flex;\n                justify-content: space-between;\n                box-sizing: border-box;\n                align-items: center;\n                position: relative;\n                padding-left: 17px;\n                padding-right: 20px;\n                cursor: pointer;\n\n                .category-title-left {\n                    display: flex;\n                    align-items: center;\n\n                    &__placeholder {\n                        margin-left: 40px;\n                    }\n                    &__subgroup {\n                        font-weight: normal;\n                    }\n                    .ic-icon {\n                        margin-right: 16px;\n                        position: relative;\n                        top: -1px;\n                        @include themify($themes) {\n                            color: themed('CatDisplayText');\n                        }\n\n                        svg {\n                            width: 24px;\n                            height: 24px;\n                            @include themify($themes) {\n                                fill: themed('CatDisplayText');\n                            }\n                        }\n                    }\n                }\n                .ic-icon.arrow {\n                    transition: transform 0.3s ease-in-out;\n                    @include themify($themes) {\n                        fill: themed('CatDisplayText');\n                    }\n                }\n            }\n            &__content {\n                .subcategory {\n                    font-weight: normal;\n                    @include themify($themes) {\n                        color: themed('CatDisplayCatContentTitleText');\n                    }\n                }\n            }\n            &--active {\n                max-height: 2000px;\n\n                .sc-mcd__category__head {\n                    > .ic-icon.arrow {\n                        transform: rotate(180deg);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-mcd {\n        flex-direction: column;\n        min-width: 375px;\n        width: 100%;\n        height: 100%;\n        box-shadow: none;\n\n        &__content {\n            width: 100%;\n            height: 100%;\n\n            &__head {\n                border-bottom: none;\n            }\n        }\n        &__category {\n            &--favorite {\n                .sc-mcd__category__content {\n                    margin: 0 8px 4px;\n                }\n            }\n            &__content {\n                &--has-subcategory {\n                    margin: 0 8px 4px;\n                }\n                .subcategory {\n                    padding: 0 45px 0 48px;\n                }\n            }\n            .empty-category {\n                padding: 0.9em 3.33em;\n            }\n        }\n        &__item {\n            padding-left: 45px;\n            padding-right: 45px;\n        }\n        &--nested {\n            min-height: calc(100% - 38px);\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-highlow {\n    width: 160px;\n    height: 160px;\n}\n\n.spot {\n    &__shape {\n        &-circule {\n            border-radius: 100%;\n            width: 6px;\n            height: 6px;\n            margin-left: 77px;\n            margin-top: 77px;\n            line-height: 1px;\n            position: absolute;\n\n        }\n    }\n    &__fill {\n        &-red {\n            @include themify ($themes) {\n                background-color: themed('LowestSpotColor');\n            }\n        }\n        &-blue {\n            @include themify ($themes) {\n                background-color: themed('HighestSpotColor');\n            }\n        }\n    }\n    &__label {\n        text-align: center;\n        padding: 4px;\n        white-space: nowrap;\n        position: absolute;\n        z-index: 1;\n        margin-left: 0px;\n        line-height: 1.5;\n        @include themify($themes) {\n            background-color: themed('HighestLowestMarkerLabelBg');\n            color: themed('HighestLowestMarkerLabelText');\n        }\n\n        &:after {\n            content: '';\n            position: absolute;\n            left: 0;\n            margin-left: 0px;\n            border-width: 4px;\n            border-style: solid;\n        }\n        &[data-label-pos='top'] {\n            border-radius: 3px 3px 3px 0px;\n            margin-top: 42px;\n            margin-left: 79px;\n\n            &:after {\n                top: 100%;\n                @include themify($themes) {\n                    border-color: themed('HighestLowestMarkerLabelBg') transparent transparent themed('HighestLowestMarkerLabelBg');\n                }\n            }\n        }\n        &[data-label-pos='bottom'] {\n            border-radius: 0px 3px 3px;\n            margin-top: 91px;\n            margin-left: 79px;\n\n            &:after {\n                bottom: 100%;\n                @include themify($themes) {\n                    border-color: transparent transparent themed('HighestLowestMarkerLabelBg') themed('HighestLowestMarkerLabelBg');\n                }\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.cq-dialog--indicator-prediction {\n    .sc-dialog {\n        width: 440px;\n        border-radius: 8px;\n    }\n}\n\n.cq-indicator-prediction {\n    padding: 24px;\n\n    strong {\n        font-style: normal;\n        font-weight: bold;\n        font-size: 16px;\n        line-height: 24px;\n        display: block;\n        margin-bottom: 24px;\n        @include themify ($themes) {\n            color: themed('DialogTabularText');\n        }\n    }\n    p {\n        font-style: normal;\n        font-weight: normal;\n        font-size: 14px;\n        line-height: 20px;\n        @include themify ($themes) {\n            color: themed('DialogBodyText');\n        }\n    }\n    &__footer {\n        width: 100%;\n        display: flex;\n        justify-content: flex-end;\n\n        .sc-btn {\n            margin-left: 8px;\n            padding: 10px 16px;\n        }\n        .sc-btn--outline-secondary {\n            border-width: 2px;\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; /*! rtl:begin:ignore */\n.sc-navigation-widget {\n    direction: ltr;\n    width: 32px;\n    position: absolute;\n    bottom: 80px;\n    left: 13px;\n    z-index: 4;\n\n    &__item {\n        &--scale {\n            margin-bottom: 8px;\n        }\n        &--zoom {\n            .ic-icon:first-child {\n                margin-bottom: 2px;\n            }\n        }\n        &--hidden {\n            display: none;\n        }\n        &--disabled {\n            opacity: 0.5;\n            pointer-events: none;\n        }\n        .ic-icon {\n            width: 32px;\n            height: 32px;\n            border-radius: $border-radius;\n            cursor: pointer;\n            margin: auto;\n            line-height: 41px;\n            transition: none;\n            @include themify($themes) {\n                background-color: themed('NavigationWidgetBg');\n            }\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('NavigationWidgetColor');\n                }\n            }\n        }\n    }\n}\n/*! rtl:end:ignore */\n.smartcharts-mobile .sc-navigation-widget__item--indent {\n    margin-bottom: calc(10% - 1rem);\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; @-webkit-keyframes move-background {\n    from {\n        -webkit-transform: translateX(0);\n    }\n    to {\n        -webkit-transform: translateX(46px);\n    }\n}\n\n@keyframes move-background {\n    from {\n        transform: translateX(0);\n    }\n    to {\n        transform: translateX(46px);\n    }\n}\n\n.pagination {\n    top: 0;\n    bottom: 0 !important;\n\n    &__loader {\n        color: $COLOR_BLACK;\n        position: relative;\n        height: 100%;\n        text-align: center;\n        overflow: hidden;\n        /**\n         * TODO\n         * The current impelementaion of MarkerStore just set the left attribute to the marker's style,\n         * the line below should be removed whenever the MarkerSotre is able to set right attribute to the marker.\n         **/\n        margin-left: -10000px;\n        opacity: 0.7;\n\n        &-background {\n            position: absolute;\n            left: -46px;\n            right: 0;\n            top: 0;\n            bottom: 0;\n            z-index: -1;\n\n            @include themify($themes) {\n                /* stylelint-disable */\n                background: -webkit-repeating-linear-gradient(\n                145deg,\n                rgba(255, 0, 0, 0) 1px,\n                themed('PaginationLoaderStripeColor') 2px,\n                themed('PaginationLoaderStripeColor') 11px,\n                rgba(255, 0, 0, 0) 12px,\n                rgba(255, 0, 0, 0) 20px,\n                );\n                background: repeating-linear-gradient(\n                -55deg,\n                rgba(255, 0, 0, 0) 1px,\n                themed('PaginationLoaderStripeColor') 2px,\n                themed('PaginationLoaderStripeColor') 11px,\n                rgba(255, 0, 0, 0) 12px,\n                rgba(255, 0, 0, 0) 20px,\n                );\n                /* stylelint-enable */\n            }\n            -webkit-animation-name: move-background;\n            -webkit-animation-duration: 0.6s;\n            -webkit-animation-timing-function: linear;\n            -webkit-animation-iteration-count: infinite;\n\n            animation-name: move-background;\n            animation-duration: 0.6s;\n            animation-timing-function: linear;\n            animation-iteration-count: infinite;\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.cq-chart-settings {\n    display: flex;\n    flex-direction: column;\n    height: auto !important;\n\n    .ciq-num-input > input[type=number] {\n        width: 5.5em;\n    }\n    .buttons {\n        display: flex;\n        justify-content: space-between;\n        padding: 16px 24px 24px;\n        border-radius: 0 0 $border-radius $border-radius;\n        height: 72px;\n        box-sizing: border-box;\n        @include themify($themes) {\n            background: themed('DialogFootBg');\n            border-top: 1px solid themed('DialogFootBorder');\n        }\n\n        .sc-btn--delete {\n            cursor: pointer;\n            padding: 5px;\n            width: 32px;\n            height: 32px;\n            border-radius: $border-radius;\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('DialogFootDeleteIcon');\n                }\n            }\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DialogFootDeleteHoverBg');\n                }\n            }\n        }\n        .sc-btn--reset {\n            margin-right: 8px;\n            padding: 5px 12px;\n        }\n    }\n    input[type=number] {\n        display: inline-block;\n        width: 3.2em;\n        line-height: 1.6em;\n        margin-right: 5px;\n        padding-left: 6px;\n        border-radius: 3px;\n        font-size: 14px;\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; /*! rtl:begin:ignore */\n.sc-toolbar-widget {\n    position: absolute;\n    direction: ltr;\n    border-radius: $border-radius;\n    width: 40px;\n    top: 102px;\n    left: 1.2em;\n    z-index: 4;\n    box-sizing: content-box;\n    @include themify($themes) {\n        background: themed('ToolbarWidgetBg');\n        border: 8px solid themed('ToolbarWidgetBorder');\n    }\n\n    .ciq-menu {\n        .cq-menu-btn {\n            .sc-chart-mode__menu,\n            .sc-views__menu,\n            .sc-download__menu,\n            .sc-studies__menu,\n            .sc-dtools__menu {\n                width: 40px;\n                height: 40px;\n                box-sizing: border-box;\n                padding: 8px;\n\n                .ic-icon {\n                    width: 24px !important;\n                    height: 24px !important;\n                    top: 0px;\n\n                    svg {\n                        width: 24px !important;\n                        height: 24px !important;\n                        position: relative;\n                        bottom: 0px;\n\n                        @include themify($themes) {\n                            fill: themed('ToolbarWidgetItemIcon');\n                        }\n                    }\n                }\n            }\n            .sc-chart-mode__menu {\n                .ic-icon {\n                    svg {\n                        width: 20px !important;\n                        height: 20px !important;\n                        bottom: -2px;\n                    }\n                }\n            }\n            &:hover {\n                @include themify($themes) {\n                    background: themed('ToolbarWidgetHoverBg');\n                }\n            }\n        }\n    }\n    .sc-tooltip__inner {\n        left: calc(100% + 15px);\n    }\n    &--bottom {\n        top: auto;\n        bottom: 38px;\n    }\n    &:hover {\n        z-index: 5;\n    }\n}\n/*! rtl:end:ignore */\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"smartcharts.css","mappings":"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CA,sBACA,cT4wBR,8CS1wBY,cT0wBZ,6CS1wBY,cAIZ,4BACI,WAGI,4DACI,YACA,2BAEA,iEACI,iBACA,YAKhB,2BACI,kBASoB,sQACI,eACA,UACA,SACA,4CAShC,mBACI,aACA,sBACA,YACA,uBACA,qBACA,kBAEA,4BACI,YACA,YACA,sBAEJ,0BACI,eACA,mBACA,kBACA,iBACA,sBACA,kBACA,kBT4sBJ,6CS1sBQ,cT0sBR,4CS1sBQ,WAGR,qBACI,eACA,mBACA,kBACA,gBACA,sBACA,kBACA,WTgsBJ,wCS9rBQ,WT8rBR,uCS9rBQ,cAKR,wBACI,cACA,YAEA,6BACI,YACA,eACA,kBACA,aACA,iBACA,iBVrHA,CUsHA,sBACA,8BACA,mBT4qBR,sDSxqBgB,mBTwqBhB,qDSxqBgB,kCAGJ,4CACI,UAGR,mCACI,aACA,2BACA,mBACA,WACA,uBAEA,4CACI,kBAEJ,yCACI,aACA,sBACA,kBAEA,8CACI,eACA,mBACA,kBACA,iBACA,sBACA,kBT4oBpB,iES1oBwB,cT0oBxB,gES1oBwB,cAGR,+CACI,cACA,eACA,mBACA,kBACA,gBACA,sBACA,eACA,uBACA,mBACA,gBACA,gBT4nBpB,kES1nBwB,WT0nBxB,iES1nBwB,cAKhB,qCACI,aACA,yBACA,mBACA,YAEA,0CACI,eACA,mBACA,kBACA,iBACA,sBACA,iBACA,gBAEJ,8CACI,WACA,YACA,eACA,gBAEA,kDACI,WACA,YT8lBpB,qES5lBwB,aT4lBxB,oES5lBwB,aAGR,sDACI,kBAIZ,sCACI,UAGR,2CACI,YACA,YACA,yBACA,kBAEJ,kCACI,WACA,oBAGA,mDACI,WACA,oBAMZ,4BACI,eACA,mBACA,kBACA,iBACA,sBACA,YTujBJ,+CSrjBQ,WTqjBR,8CSrjBQ,cAGR,4BACI,WAGR,kBACI,YACA,UACA,UACA,YACA,aACA,kBACA,kBACA,mBACA,sBACA,sBACA,8BTmiBA,qCSjiBI,cACA,gBTgiBJ,oCSjiBI,cACA,mBAGJ,2BACI,qBACA,UAEA,6BACI,kBACA,eACA,mBACA,kBACA,iBACA,s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cACI,sBACA,yBACA,eACA,kBACA,MACA,iBACA;AAKJ,YACI,kBACA;AAEA,sBACI;AAEJ,uBACI,WACA,OACA;AAEA,6BACI;AAEJ,iDAII,YACA,SACA,kBACA;AANA,uDACI;AAOR,kCAEI,WACA,WACA,WACA,kBACA,kBACA,qBACA,wBpB0CC;AoBvCL,sCAEI,kBACA,WAFe,CAGf,UACA,aACA,mBACA,uBACA,eACA,iBACA;AAEA,6CACI;AAOZ,uCACI;AAEJ,qCACI;AAIR,uEAEI;AAGJ,YACI,aACA,YACA,UACA,kBACA,WACA,8BACA,iBACA;AAGI,2EACI;AADJ,yEACI;AAIR,oBACI,YACA,UACA;AAEJ,wBACI,YACA,gBACA,kBACA,gBACA,SACA;AAIR,OACI,cACA,eACA,iBACA,kCACA,gBACA,kBACA,WACA,kBACA;AAEA,aACI,apBrCK,CoBsCL;ApBwrBA,gCoBprBI;ApBorBJ,+BoBprBI;AAWR,wBACI;AAEJ,kBACI,kCACA,kBACA;AAEJ,sBACI,aACA,sBACA,uBACA,iBACA,2BACA,8BACA,UpB9FM,CoB+FN,wBpBrEK;AoBuEL,0BACI,qBpBlGE,CoBmGF,WACA,WACA;AAEJ,8BACI;AAEA,kCACI,wBpBjFH;AoB2Fb,cACI;AAGJ,OAMI,uBAEA;AARJ,OACI,kBACA,WACA,WACA,OACA,QAEA,WACA;AAIJ,WAEI;AAIJ,eACI,WACA;AAGJ,cAEI;AAIJ;ACrNA,iDACI,yDACA;AAIA,qFACI;AAIR,WACI,aACA,kBACA,YACA,WACA,QACA;AAEA,gBACI,cACA;AAEJ,2BACI,kBACA,YACA,WACA,SACA,QACA,kBACA,iBACA;ArBwxBA,8CqBtxBI;ArBsxBJ,6CqBtxBI;AAGR,6BACI,gBACA,kBACA,YACA,YACA,SACA,QACA,mBACA,gBACA;ArB0wBA,gDqBxwBI;ArBwwBJ,+CqBxwBI;AAKZ,kBACI;AAEA,wBACI,kBACA,kBACA,YACA,SACA,QACA,WACA;AAEJ,yBAMI;AANJ,yBACI,WACA,YACA,kBACA,oBACA,qBACA;AAEA,iCACI,YACA,UACA,aACA,q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","sources":["webpack://smartcharts/./sass/components/_icons.scss","webpack://smartcharts/./sass/_variables.scss","webpack://smartcharts/./sass/_themes.scss","webpack://smartcharts/./sass/components/_chart-types.scss","webpack://smartcharts/./sass/components/_scroll.scss","webpack://smartcharts/./sass/components/_ciq-list.scss","webpack://smartcharts/./sass/components/_menu-dropdown.scss","webpack://smartcharts/./sass/components/_dialog.scss","webpack://smartcharts/./sass/components/_chart-mode.scss","webpack://smartcharts/./sass/components/_form.scss","webpack://smartcharts/./sass/components/_timeperiod.scss","webpack://smartcharts/./sass/components/_studylegend.scss","webpack://smartcharts/./sass/components/_search.scss","webpack://smartcharts/./sass/components/_view.scss","webpack://smartcharts/./sass/components/_chart-size.scss","webpack://smartcharts/./sass/components/_draw_tools.scss","webpack://smartcharts/./sass/components/_chart-setting.scss","webpack://smartcharts/./sass/components/_download.scss","webpack://smartcharts/./node_modules/react-tabs/style/react-tabs.css","webpack://smartcharts/./sass/styles/chart.scss","webpack://smartcharts/./sass/styles/main.scss","webpack://smartcharts/./sass/styles/_menu.scss","webpack://smartcharts/./sass/components/_barrier.scss","webpack://smartcharts/./sass/components/_loader.scss","webpack://smartcharts/./sass/components/_drawing-confirmation-toast.scss","webpack://smartcharts/./sass/components/_deletion-snackbar.scss","webpack://smartcharts/./sass/components/_last-digits.scss","webpack://smartcharts/./sass/components/_bottom-widget-container.scss","webpack://smartcharts/./sass/components/_chart-controls.scss","webpack://smartcharts/./sass/components/_chart-footer.scss","webpack://smartcharts/./sass/components/_chart-title.scss","webpack://smartcharts/./sass/components/_categorical-display.scss","webpack://smartcharts/./sass/components/_highest-lowest-marker.scss","webpack://smartcharts/./sass/components/_indicator_prediction_dialog.scss","webpack://smartcharts/./sass/components/_navigation-widget.scss","webpack://smartcharts/./sass/components/_pagination-loader.scss","webpack://smartcharts/./sass/components/_settings-dialog.scss","webpack://smartcharts/./sass/components/_toolbar-widget.scss"],"sourcesContent":["@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; @import '../_variables';\n\n.ic-icon {\n    display: block;\n    height: $normal-icon-size;\n    width: $normal-icon-size;\n    line-height: 32px;\n    transition: all 0.2s 0.15s;\n    border-radius: 2px;\n    box-sizing: border-box;\n    text-align: center;\n\n    &.ciq-favorite,\n    &.ic-favorite {\n        svg {\n            fill: none !important;\n            @include themify($themes) {\n                stroke: themed('MenuIcon');\n            }\n        }\n    }\n    &.ciq-active-favorite {\n        svg {\n            @include themify($themes) {\n                fill: themed('StarIconFav') !important;\n                stroke: themed('StarIconFav') !important;\n            }\n        }\n    }\n    &.margin {\n        margin: 0 5px;\n    }\n    svg {\n        position: relative;\n    }\n    br,\n    .ic-subtitle {\n        display: none;\n    }\n    &.ic-frxXAUUSD > svg {\n        fill: #ffd700;\n    }\n    &.ic-frxXPDUSD > svg {\n        fill: #e9eaf0;\n    }\n    &.ic-frxXPTUSD > svg {\n        fill: #f4f3f3;\n    }\n    &.ic-frxXAGUSD > svg {\n        fill: #e1e1e1;\n    }\n}\n\n.ic-icon-with-sub {\n    height: auto !important;\n    width: auto !important;\n    line-height: 15px;\n\n    br,\n    .ic-subtitle {\n        display: inline;\n    }\n}\n\n.cq-chart-controls .cq-menu-btn,\n.cq-menu-dropdown .title, // Close icon right of dropdown title in mobile mode\n.ciq-chart-types .ciq-list-item,\n.sc-mcd__filter,\n.sc-mcd__category__head .category-title-left,\n.sc-mcd__category__head {\n    .ic-icon {\n        & > svg {\n            @include themify($themes) {\n                fill: themed('MenuIcon');\n            }\n        }\n        &:not(.ic-synthetic_index, .ic-cryptocurrency) > svg {\n            @include themify($themes) {\n                stroke: themed('MenuIcon');\n            }\n        }\n    }\n}\n\n.cq-chart-controls .stxMenuActive .cq-menu-btn .ic-icon,\n.ciq-chart-types .ciq-list-item .active.ic-icon {\n    svg {\n        @include themify($themes) {\n            fill: themed('MenuActiveIcon');\n            stroke: themed('MenuActiveIcon');\n        }\n    }\n}\n\n.ic-frx,\n.ic-otc,\n.ic-wld {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    position: relative;\n    display: inline-block;\n    vertical-align: top;\n\n    > span {\n        position: absolute;\n    }\n}\n\n.ic-frx {\n    > span:last-child {\n        top: 8px;\n        left: 8px;\n    }\n}\n\n.ic-otc {\n    > span {\n        top: 5px;\n    }\n    > span:last-child {\n        top: -8px;\n        left: 9px;\n    }\n}\n\n.ic-wld {\n    > span:last-child {\n        top: -11px;\n        left: 13px;\n\n        svg {\n            width: 15px;\n            height: 10px;\n        }\n        .app-contents--is-mobile & {\n            top: -4px;\n            left: 11px;\n\n            svg {\n                width: 12px;\n                height: 8px;\n                box-sizing: content-box;\n            }\n        }\n    }\n}\n\n.smartcharts {\n    // temp workaround for svg icon that cannot be themed\n    .ic-cryptocurrency > svg,\n    .ic-indices > svg {\n        stroke: none !important;\n    }\n    &-light {\n        --empty-state-icon: #000000;\n    }\n    &-dark {\n        --empty-state-icon: #ffffff;\n\n        .ic-cryptocurrency > svg,\n        .ic-indices > svg {\n            filter: brightness(3);\n        }\n        .sc-mcd__filter__item--selected {\n            .ic-cryptocurrency > svg,\n            .ic-indices > svg {\n                filter: brightness(6);\n            }\n        }\n    }\n    &-mobile {\n        .cq-chart-controls .ciq-menu {\n            padding: 0px;\n        }\n        br,\n        .ic-subtitle {\n            display: none;\n        }\n    }\n}\n","/* ------------------------ *\\\n\t\tVariables\n\\* ------------------------ */\n\n$base-font: 'IBM Plex Sans',sans-serif !default;\n\n$font-size-base: 1em !default;\n$font-size-button: 1em !default;\n$font-size-toolbar: 1em !default;\n\n/* --------- COLOR :: Border --------- */\n$nav-height: 45px !default;\n$footer-height: 45px !default;\n\n$active-color: #4c5794;\n$large-icon-size: 32px;\n$normal-icon-size: 24px;\n$small-icon-size: 16px;\n\n$border-radius: 4px;\n\n/* ------------------------ *\\\n        Mixin\n\\* ------------------------ */\n\n/* --------- Animation : dialog --------- */\n@mixin dialog-transition {\n    transition: pointer-events 0.2s cubic-bezier(0.64, 0.04, 0.35, 1), transform 0.25s cubic-bezier(0.64, 0.04, 0.35, 1), opacity 0.17s cubic-bezier(0.64, 0.04, 0.35, 1), z-index 0.17s cubic-bezier(0.64, 0.04, 0.35, 1);\n}\n\n/* --------- CSS Properties --------- */\n\n@mixin optional-at-root($sel) {\n    @at-root #{if(not &, $sel, selector-append(&, $sel))} {\n        @content;\n    }\n}\n\n@mixin placeholder {\n    @include optional-at-root('::-webkit-input-placeholder') {\n        @content;\n    }\n\n    @include optional-at-root(':-moz-placeholder') {\n        @content;\n    }\n\n    @include optional-at-root('::-moz-placeholder') {\n        @content;\n    }\n\n    @include optional-at-root(':-ms-input-placeholder') {\n        @content;\n    }\n}\n@mixin rangetrack() {\n    width: 100%;\n    height: 12px;\n    cursor: pointer;\n    border-radius: 0px;\n    background: transparent;\n    border: 0px solid #010101;\n}\n@mixin rangethumb() {\n    cursor: pointer;\n    width: 10px;\n    height: 10px;\n    box-sizing: border-box;\n    border-radius: 7px;\n    margin-top: 0px;\n    @include themify($themes) {\n        background-color: themed('SliderHandleBg');\n        border: 2px solid themed('SliderHandleBorder');\n    }\n}\n\n@mixin triangle-base($width) {\n    content: '';\n    width: 0px;\n    height: 0px;\n    display: block;\n    border-left: $width solid transparent;\n    border-right: $width solid transparent;\n}\n\n@mixin calendar-angle-toggle($symbol-angle) {\n    content: $symbol-angle;\n    font-family: system-ui;\n    font-size: xx-large;\n    font-weight: 200;\n}\n","/* stylelint-disable color-no-hex */\n/* stylelint-disable value-keyword-case */\n// Colours based on Zeplin style guide 28march 2019\n$COLOR_WHITE: #ffffff;\n$COLOR_BLACK: #000000;\n$COLOR_ORANGE: #ff9933;\n$COLOR_SKY_BLUE: #2196f3;\n$COLOR_GREEN_2: #2d9f93;\n$COLOR_PURPLE: #4f60ae;\n$COLOR_DARK_BLUE_1: #0b0e18;\n$COLOR_DARK_BLUE_2: #101320;\n$COLOR_DARK_BLUE_3: #191c31;\n$COLOR_DARK_BLUE_4: #202641;\n$COLOR_DARK_BLUE_5: #2a3052; /* Brand Blue */\n$COLOR_DARK_GRAY_1: #282a37;\n$COLOR_DARK_GRAY_2: #303342;\n$COLOR_DARK_GRAY_3: #555975;\n$COLOR_LIGHT_GRAY: #7f8397;\n$COLOR_LIGHT_GRAY_30: rgba($COLOR_LIGHT_GRAY, 0.3);\n$COLOR_LIGHT_GRAY_1: #999cac;\n$COLOR_LIGHT_GRAY_2: rgba($COLOR_LIGHT_GRAY_1, 0.32);\n$COLOR_LIGHT_GRAY_3: rgb(250, 250, 251);\n$COLOR_LIGHT_BLACK_1: rgba($COLOR_BLACK, 0.8);\n$COLOR_LIGHT_BLACK_1_40: rgba($COLOR_BLACK, 0.4);\n$COLOR_LIGHT_BLACK_3: rgba($COLOR_BLACK, 0.16);\n$COLOR_LIGHT_BLACK_3_SOLID_1: #d6d6d6;\n$COLOR_LIGHT_BLACK_3_SOLID_2: #b3b3b3;\n$COLOR_LIGHT_BLACK_4: rgba($COLOR_BLACK, 0.04);\n$COLOR_LIGHT_BLACK_4_SOLID: #f4f4f6;\n$COLOR_LIGHT_BLACK_5: rgba($COLOR_BLACK, 0.14);\n$COLOR_LIGHT_BLACK_6: rgba($COLOR_BLACK, 0.15);\n\n//Legacy Colours. TODO: Check with design team, replace and remove these colours\n//Legacy Colours. TODO: Check with design team, replace and remove these colours\n$COLOR_YELLOW: #fef1cf;\n$COLOR_LIGHT_BLACK: #5c5c5c;\n$COLOR_BRANDBLUE_40: #aaacba;\n$COLOR_BRANDBLUE_95: #353b5b;\n$COLOR_BRANDBLUE_85: #4a4f6c;\n$COLOR_BRANDBLUE_75: #60647e;\n$COLOR_DARK_BLUE_8: rgba(127, 131, 151, 0.3);\n\n$COLOR_GREEN: #85acb0;\n$COLOR_GREEN_1: #4bb4b3;\n\n/*****************************\\\n *****************************\n        COLOR PALETTE\n *****************************\n\\*****************************/\n\n$color-black: #20242f;\n$color-black-1: #181c25;\n$color-black-3: #282c38;\n$color-black-4: #1d1f20;\n$color-black-5: rgb(40.05,46.72,61.74);\n$color-black-6: #3e3e3e;\n$color-black-7: #000000b8;\n$color-black-8: #323738;\n$color-black-9: #0e0e0ef5;\n$color-black-10: #00000014;\n$color-black-11: #00000029;\n$color-black-12: #0000004d;\n$color-white: #ffffff;\n$color-white-1: #fffffff5;\n$color-white-2: #ffffff29;\n$color-red: #ff444f;\n$color-red-1: #ec3f3f;\n$color-red-2: #cc2e3d;\n$color-red-3: #a32430;\n$color-red-4: #d33636;\n$color-red-5: #eb3e48;\n$color-red-6: #ff444f14;\n$color-red-7: #ff525c;\n$color-grey: #c2c2c2;\n$color-grey-1: #999999;\n$color-grey-2: #f2f3f4;\n$color-grey-3: #eaeced;\n$color-grey-4: #e6e9e9;\n$color-grey-5: #d6dadb;\n$color-grey-6: #d6d6d6;\n$color-grey-7: #6e6e6e;\n$color-green: #85acb0;\n$color-green-1: #4bb4b3;\n$color-green-2: #3d9494;\n$color-green-3: #00a79e;\n$color-green-4: #008079;\n$color-orange: #ff6444;\n$color-yellow: #ffad3a;\n$color-blue: #2c9aff;\n\n/* Preserve legacy variables */\n/* Primary */\n\n$COLOR_BLACK: #000000;\n$COLOR_BLACK_2: #1d1f20;\n$COLOR_BLACK_3: #0e0e0e;\n$COLOR_GREEN_1: #39b19d;\n$COLOR_GREEN_2: #2d9f93;\n$COLOR_GREEN_3: #21ce99;\n$COLOR_GREEN_4: #00a79e;\n$COLOR_GREEN_5: #4bb4b3;\n$COLOR_ORANGE: #ff9933;\n$COLOR_DARK_ORANGE: #ff8802;\n$COLOR_PURPLE: #4f60ae;\n$COLOR_RED: #e31c4b;\n$COLOR_RED_2: #cc2e3d;\n$COLOR_RED_3: #ec3f3f;\n$COLOR_CORAL_RED: #ff444f;\n$COLOR_SKY_BLUE: #2196f3;\n$COLOR_WHITE: #ffffff;\n$COLOR_BLUE: #1c5ae3;\n// Light theme\n$COLOR_LIGHT_BLACK_1: rgba(0, 0, 0, 0.8);\n$COLOR_LIGHT_BLACK_2: rgba(0, 0, 0, 0.4);\n$COLOR_LIGHT_BLACK_3: rgba(0, 0, 0, 0.16);\n$COLOR_LIGHT_BLACK_3_SOLID_1: #d6d6d6;\n$COLOR_LIGHT_BLACK_3_SOLID_2: #b3b3b3;\n$COLOR_LIGHT_BLACK_4: rgba(0, 0, 0, 0.04);\n$COLOR_LIGHT_BLACK_4_SOLID: #f4f4f6;\n$COLOR_LIGHT_GRAY_1: #999cac;\n$COLOR_LIGHT_GRAY_2: rgba(153, 156, 172, 0.32);\n$COLOR_LIGHT_GRAY_3: #eaeced;\n$COLOR_LIGHT_GRAY_4: #6e6e6e;\n$COLOR_LIGHT_GRAY_5: #c2c2c2;\n$COLOR_LIGHT_GRAY_6: #e9e9ed;\n$COLOR_LIGHT_GRAY_7: rgba(0, 0, 0, 0.08);\n$COLOR_LIGHT_GREEN_GRADIENT: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(0, 148, 117, 0.16));\n$COLOR_LIGHT_RED_GRADIENT: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(227, 28, 75, 0.16));\n$COLOR_LIGHT_WHITE_GRADIENT: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));\n// Dark theme\n$COLOR_DARK_BLACK_GRADIENT: linear-gradient(to right, rgba(16, 19, 32, 1), rgba(16, 19, 32, 0));\n$COLOR_DARK_BLUE_1: #0b0e18;\n$COLOR_DARK_BLUE_2: #101320;\n$COLOR_DARK_BLUE_3: #191c31;\n$COLOR_DARK_BLUE_4: #202641;\n$COLOR_DARK_BLUE_5: #2a3052;\n$COLOR_DARK_BLUE_6: #555975;\n$COLOR_DARK_BLUE_7: #7f8397;\n$COLOR_DARK_BLUE_8: rgba(127, 131, 151, 0.3);\n$COLOR_DARK_GREEN_GRADIENT: linear-gradient(to top, rgba(16, 19, 32, 0), rgba(0, 148, 117, 0.16));\n$COLOR_DARK_RED_GRADIENT: linear-gradient(to top, rgba(16, 19, 32, 0), rgba(227, 28, 75, 0.16));\n$COLOR_DARK_GRAY_1: #282a37;\n$COLOR_DARK_GRAY_2: #303342;\n$COLOR_DARK_GRAY_3: #555975;\n$COLOR_DARK_GRAY_4: #999999;\n\n$themes: (\n    light: (\n        DefaultMain: $COLOR_WHITE,\n        DefaultBg: $COLOR_WHITE,\n        DefaultText: $COLOR_LIGHT_GRAY,\n        BtnDefaultBg: transparent,\n        BtnDefaultText: $color-red,\n        BtnDefaultHoverBg: rgba($color-red, 0.08),\n        BtnPrimaryBg: $color-red,\n        BtnPrimaryText: $color-white,\n        BtnPrimaryDisableBg: rgba($color-red, 0.32),\n        BtnPrimaryHoverBg: $color-red-5,\n        BtnSecondaryBg: $color-grey-1,\n        BtnSecondaryText: $color-black-1,\n        BtnSecondaryBorder: $color-grey-1,\n        BtnSecondaryHoverBg: $COLOR_LIGHT_GRAY_7,\n        InputDefaultText: $color-grey-1,\n        InputDefaultBorder: $color-grey-5,\n        InputDefaultHoverBorder: $color-grey-1,\n        InputDefaultActiveBorder: $color-green,\n        CheckboxBg: $color-grey-1,\n        CheckboxActiveBg: $color-red,\n        ScrollbarBg: $color-grey-5,\n        NotificationBadgeBg: $color-red-1,\n        NotificationBadgeText: $color-white,\n        DefaultBorder: $COLOR_LIGHT_GRAY,\n        TooltipBg: $color-grey-5,\n        TooltipText: $color-black-1,\n        TooltipTextBg: transparent,\n        TooltipShadow: transparent,\n        Loading: $COLOR_BLACK,\n        ChartAreaBorder: $COLOR_LIGHT_GRAY_2,\n        ChartBg: $color-white,\n        ChartBorder: $COLOR_LIGHT_GRAY_1,\n        ChartText: $COLOR_DARK_GRAY_3,\n        ChartPanelBg: $color-grey-2,\n        ChartPanelActiveBg: $color-grey-4,\n        ChartPanelText: $color-black-1,\n        ChartCandleBg: $color-red,\n        ChartCandleBgClosed: $COLOR_LIGHT_BLACK_3_SOLID_1,\n        ChartCandleText: $color-white,\n        ChartCandleTextClosed: $COLOR_LIGHT_BLACK_3,\n        ChartGrid: $color-grey-2,\n        ChartIndicateText: $color-grey-3,\n        ChartIndicateDivide: $color-grey-5,\n        ChartCurrentHRBg: $color-red,\n        ChartCloseCurrentHRBg: rgba($color-red, 0.32),\n        ChartMountainBorder: $color-green,\n        ChartMountainBg: rgba($color-green, 0.16),\n        ChartMountainBgShade: rgba(255, 255, 255, 0),\n        ChartMountainClosedBorder: rgba($color-green, 0.32),\n        ChartClosedCandleBgUp: rgba($color-green, 0.32),\n        ChartClosedCandleBgDown: rgba($color-red, 0.32),\n        ChartClosedCandleBorder: rgba($color-black-1, 0.32),\n        ChartStickyBg: $color-grey-2,\n        ChartStickyText: $color-black-1,\n        ChartStickyInnerBg: $color-grey-5,\n        ChartStickyInnerText: $color-black-1,\n        MenuBg: $COLOR_WHITE,\n        MenuIcon: $COLOR_LIGHT_BLACK_1,\n        MenuText: $COLOR_LIGHT_BLACK_1,\n        MenuBorder: $COLOR_LIGHT_GRAY_1,\n        MenuHoverBg: $color-grey-4,\n        MenuHoverIconBg: $COLOR_LIGHT_GRAY_1,\n        MenuActiveBg: $color-white,\n        MenuActiveText: $COLOR_LIGHT_GRAY,\n        MenuActiveIcon: $COLOR_DARK_BLUE_5,\n        MenuActiveBorder: $color-red,\n        ChartTitleBg: $COLOR_WHITE,\n        ChartTitleSubBg: $color-grey-2,\n        ChartTitleText: $COLOR_LIGHT_BLACK_1,\n        ChartTitleBorder: $COLOR_WHITE,\n        ChartTitleArrow: $color-black-1,\n        ChartTitlePriceText: $color-grey-1,\n        ChartTitleSymbolText: $color-black-1,\n        ChartTitleHoverBorder: $color-grey-1,\n        ChartTitleActiveBorder: $color-green,\n        ChartTitleActiveShadow: $COLOR_LIGHT_GRAY_2,\n        ChartTitleActiveArrow: $COLOR_LIGHT_BLACK_1,\n        ChartControlBoxBorder: $color-grey-2,\n        ListScroll: $color-black-1,\n        ListLiBg: $color-white,\n        ListLiText: $color-black-1,\n        ListLiBorder: $color-grey-3,\n        ListHoverLiBg: $color-grey-4,\n        ListActiveLiBg: $COLOR_LIGHT_BLACK_3,\n        ListActiveLiText: $COLOR_DARK_BLUE_5,\n        ListActiveLiBorder: $COLOR_LIGHT_GRAY,\n        DialogBorder: $color-grey-2,\n        DialogHeadBg: $color-white,\n        DialogHeadText: $color-black-1,\n        DialogHeadBorder: $COLOR_LIGHT_BLACK_4_SOLID,\n        DialogHeadIcon: $color-black-1,\n        DialogHeadIconHoverBg: $color-grey-4,\n        DialogHeadActiveBorder: $COLOR_LIGHT_GRAY,\n        DialogTabularBg: $color-grey-2,\n        DialogTabularText: $color-black-1,\n        DialogTabularHeadBg: $color-white,\n        DialogTabularHeadBorder: $color-grey-2,\n        DialogTabularHeadTitleBg: $color-grey-2,\n        DialogTabularBodyBg: $color-white,\n        DialogTabularHoverTabBg: $color-grey-4,\n        DialogTabularActiveTabBg: $color-white,\n        DialogTabularActiveTabBorder: $color-red,\n        DialogBodyBg: $color-grey-2,\n        DialogBodyText: $color-black-1,\n        DialogFootBg: $color-white,\n        DialogFootText: $COLOR_LIGHT_BLACK_1,\n        DialogFootBorder: $color-grey-2,\n        DialogFootIcon: $color-grey-1,\n        DialogFootDeleteIcon: $color-black-1,\n        DialogFootDeleteHoverBg: $color-grey-4,\n        DialogFootResetText: $color-black-1,\n        DialogFootCancelText: $color-red,\n        DialogSettingHeadText: $COLOR_BLACK,\n        DialogSettingBodyBg: $COLOR_WHITE,\n        DialogSettingSectionDivider: $color-grey-2,\n        DialogSettingSectionText: $color-black-1,\n        DialogOverlay: rgba($COLOR_BLACK, 0.72),\n        ChartTypeBg: $color-white,\n        ChartTypeText: $color-black-1,\n        ChartTypeBorder: $color-grey-2,\n        ChartTypeHoverBg: $color-grey-4,\n        ChartTypeActiveBorder: $color-green,\n        ChartTypeTooltipBg: $color-grey-5,\n        ChartTypeTooltipText: $color-black-1,\n        TimeMenuActiveIconBorder: $COLOR_LIGHT_GRAY_1,\n        TimeBg: $color-white,\n        TimeText: $color-black-1,\n        TimeHoverBg: $color-grey-4,\n        TimeActiveText: $color-black-1,\n        TimeActiveItemBorder: $color-green,\n        ChartModeBg: $color-white,\n        ChartModeBorder: $color-grey-2,\n        ChartModeText: $color-black-1,\n        ChartModeTextSecondary: $color-black-1,\n        DrawToolsEmptyText: $color-grey-7,\n        DrawToolsItemText: $color-black-1,\n        DrawToolsItemSubText: $color-grey-1,\n        DrawToolsItemIcon: $color-black-1,\n        DrawToolsHoverBg: $color-grey-4,\n        ChartSettingText: $color-black-1,\n        ChartSettingIcon: $COLOR_LIGHT_GRAY,\n        ChartSettingActiveIcon: $COLOR_DARK_BLUE_5,\n        ChartSettingItemTitleText: $color-black-1,\n        ChartSettingItemHoverBg: $color-grey-4,\n        ChartSettingItemActiveBorder: $color-green,\n        TemplateBg: $color-white,\n        TemplateText: $color-black-1,\n        TemplateEmptyBtnText: $color-red,\n        TemplateEmptyText: $color-grey-1,\n        TemplateFormBtnBg: rgba($color-red, 0.32),\n        TemplateFormBtnText: $color-white,\n        TemplateFormInputBorder: $color-grey-5,\n        TemplateFormInputText: $color-grey-1,\n        TemplateFormInputActiveBorder: $color-green,\n        TemplateFormInputActiveText: $color-black-1,\n        TemplateFormActiveBtnBg: $color-red,\n        TemplateListBorder: $color-grey-2,\n        TemplateListHeadText: $color-grey-1,\n        TemplateListHeadBtnBorder: $color-grey-1,\n        TemplateListHeadBtnText: $color-black-1,\n        TemplateListItemText: $color-black-1,\n        TemplateListItemHoverBg: $color-grey-4,\n        ColorPickerBg: $COLOR_WHITE,\n        ColorPickerShadow: $COLOR_LIGHT_GRAY_7,\n        ColorPickerBorder: $COLOR_LIGHT_GRAY,\n        ColorPickerInputBorder: $color-grey-5,\n        ColorPickerActiveBorder: $color-green,\n        ColorPickerSubtitleText: $color-black-1,\n        ColorPickerSubtitleBg: $color-white,\n        DefaultInputHoverBorder: $color-grey-1,\n        DefaultInputBtnHoverBg: $color-grey-4,\n        DefaultInputActiveBorder: $color-green,\n        DefaultSelectHoverBorder: $color-grey-4,\n        DropdownText: $color-black-1,\n        DropdownSubtitleText: $color-black-1,\n        DropdownSubtitleBg: $color-white,\n        DropdownBg: $color-white,\n        DropdownBorder: $color-grey-5,\n        DropdownActiveBg: $color-grey-5,\n        DropdownActiveText: $color-black-1,\n        DropdownActiveBorder: $color-green,\n        DropdownActiveShadow: $COLOR_LIGHT_GRAY_7,\n        DropdownHoverBg: $color-grey-4,\n        DropdownHoverBorder: $color-grey-1,\n        SliderText: $color-black-1,\n        SliderHandleBg: $color-red,\n        SliderHandleBorder: $color-red,\n        SliderBarBg: $color-grey-3,\n        SliderBarActiveBg: $color-red,\n        SwitchText: $color-white,\n        SwitchHandle: $color-white,\n        SwitchOffBg: $color-grey-3,\n        SwitchOnBg: $color-green-1,\n        InputBg: $COLOR_WHITE,\n        InputText: $color-black-1,\n        InputBorder: $color-grey-5,\n        InputActiveText: $color-black-1,\n        InputActiveBorder: $color-green,\n        InputHoverBorder: $color-grey-1,\n        InputFocusText: $color-black-1,\n        CatDisplayBg: $COLOR_WHITE,\n        CatDisplayShadow: $COLOR_LIGHT_GRAY_1,\n        CatDisplayText: $color-black-1,\n        CatDisplayBorder: $COLOR_WHITE,\n        CatDisplaySearchBg: $COLOR_WHITE,\n        CatDisplaySearchIcon: $color-black-1,\n        CatDisplaySearchText: $COLOR_LIGHT_BLACK_3,\n        CatDisplaySearchBorder: $color-grey-5,\n        CatDisplayActiveSearchText: $color-black-1,\n        CatDisplayActiveSearchIcon: $color-black-1,\n        CatDisplayActiveSearchIconClose: $color-black-1,\n        CatDisplayActiveSearchBorder: $color-green,\n        CatDisplayActiveSearchShadow: $COLOR_LIGHT_GRAY_2,\n        CatDisplayHoverSearchIcon: $color-black-1,\n        CatDisplayHoverSearchBorder: $color-grey-1,\n        CatDisplayFilterBg: $color-grey-2,\n        CatDisplayFilterText: $COLOR_LIGHT_BLACK_1,\n        CatDisplayFilterIcon: $COLOR_LIGHT_GRAY,\n        CatDisplayFilterBorder: $color-grey-2,\n        CatDisplayFilterInputText: $COLOR_WHITE,\n        CatDisplayActiveFilterBg: $COLOR_WHITE,\n        CatDisplayActiveFilterText: $color-black-1,\n        CatDisplayActiveFilterIcon: $color-black-1,\n        CatDisplayActiveFilterBorder: $COLOR_RED,\n        CatDisplayHoverFilterBg: $color-grey-4,\n        CatDisplayCatTitleText: $color-black-1,\n        CatDisplayCatSubTitleText: $COLOR_LIGHT_GRAY,\n        CatDisplayCatContentBg: $COLOR_WHITE,\n        CatDisplayCatContentBorder: $COLOR_WHITE,\n        CatDisplayCatContentTitleBg: $COLOR_WHITE,\n        CatDisplayCatContentTitleText: $color-grey-1,\n        CatDisplayCatContentIcon: $color-black-1,\n        CatDisplayCatContentDisabled: $COLOR_LIGHT_BLACK_3_SOLID_1,\n        CatDisplayCatActiveContentBg: $color-grey-5,\n        CatDisplayCatActiveContentText: $color-black-1,\n        CatDisplayCatActiveContentIcon: $color-black-1,\n        CatDisplayActiveText: $COLOR_LIGHT_BLACK_1,\n        CatDisplayCatHoverContentBg: $color-grey-4,\n        CatDisplayCatHoverContentText: $color-black-1,\n        CatDisplayCatHoverContentIcon: $color-black-1,\n        DownloadBg: $color-white,\n        DownloadText: $color-black-1,\n        DownloadActiveBg: $color-grey-4,\n        LoadingBg: $color-green,\n        StarIconFav: $COLOR_ORANGE,\n        LastdigitsBarBg: $COLOR_LIGHT_GRAY_1,\n        LastdigitsMaxBarBg: $COLOR_GREEN_2,\n        LastdigitsMinBarBg: $COLOR_RED,\n        LastdigitsBarText: $COLOR_LIGHT_GRAY,\n        LastdigitsBarFooter: $COLOR_BLACK,\n        ChartHistoryBg: $color-grey-2,\n        ChartHistoryBgContainer: $color-white,\n        ChartHistoryColor: $color-black-1,\n        ChartHistoryBorder: $COLOR_LIGHT_GRAY,\n        ChartHistoryPickerBg: $COLOR_WHITE,\n        ChartHistoryPickerDropdownBg: $COLOR_WHITE,\n        ChartHistoryPickerDropdownBorder: $color-grey-3,\n        ChartHistoryPickerBorder: $color-grey-3,\n        ChartHistoryPickerColor: $COLOR_LIGHT_BLACK,\n        ChartHistoryPickerIcon: $COLOR_LIGHT_BLACK,\n        ChartHistoryPickerActiveBorder: $COLOR_GREEN,\n        ChartHistoryPickerActiveColor: $COLOR_LIGHT_BLACK,\n        ChartHistoryPickerActiveIcon: $COLOR_DARK_BLUE_5,\n        ChartHistoryPickerTopColor: $COLOR_BRANDBLUE_40,\n        ChartHistoryPickerHeaderBg: $COLOR_WHITE,\n        ChartHistoryPickerHeaderBorder: $COLOR_LIGHT_GRAY_3,\n        ChartHistoryPickerHeaderColor: $COLOR_BLACK,\n        ChartHistoryPickerHeaderIcon: $color-black-1,\n        ChartHistoryPickerFooterBg: $COLOR_WHITE,\n        ChartHistoryPickerFooterBorder: $color-grey-2,\n        ChartHistoryPickerFooterColor: $color-black-1,\n        ChartHistoryPickerBodyColor: $color-black-1,\n        ChartHistoryPickerBodyDisableColor: $color-grey-6,\n        ChartHistoryPickerBodyActiveBg: $color-grey-5,\n        ChartHistoryPickerBodyActiveColor: $color-black-1,\n        ChartHistoryPickerBodyActiveBorder: $COLOR_DARK_BLUE_5,\n        ChartHistoryPickerBodyHoverBg: $color-grey-3,\n        PaginationLoaderStripeColor: $COLOR_LIGHT_BLACK_4_SOLID,\n        NavigationWidgetBg: $color-grey-2,\n        NavigationWidgetColor: $color-black-1,\n        HighestLowestMarkerLabelBg: $COLOR_LIGHT_BLACK_3,\n        HighestLowestMarkerLabelText: $COLOR_LIGHT_BLACK_1,\n        HighestSpotColor: $COLOR_GREEN_1,\n        ToolbarWidgetBg: $color-white,\n        ToolbarWidgetBorder: $color-grey-2,\n        ToolbarWidgetHoverBg: $color-grey-4,\n        ToolbarWidgetItemIcon: $color-black-1,\n        LowestSpotColor: $COLOR_RED,\n        ChartBackgroundOpacity: 0.05,\n        IndicatorEmptyText: $color-grey-1,\n        IndicatorEmptyTitleText: $color-black-1,\n        IndicatorListItemText: $color-black-1,\n        IndicatorListItemSubText: $color-grey-1,\n        IndicatorListItemHoverBg: $color-grey-4,\n        IndicatorAddedBorder: $color-grey-6,\n        IndicatorSearchBg: $color-white,\n        IndicatorSearchBorder: $color-grey-5,\n        IndicatorSearchText: $COLOR_LIGHT_BLACK_3_SOLID_1,\n        IndicatorSearchIcon: $color-black-1,\n        IndicatorSearchIconReset: $color-grey-1,\n        IndicatorSearchHoverBorder: $color-grey-1,\n        IndicatorSearchActiveBorder: $color-green,\n        IndicatorSearchActiveText: $color-black-1,\n        IndicatorCategoryText: $color-grey-1,\n        IndicatorInfoText: $color-black-1,\n        IndicatorInfoBg: $color-white,\n        FooterBg: $color-white,\n        FooterText: $color-black-1,\n        FooterBorder: $color-grey-2,\n        FooterItemHoverBg: $color-grey-4,\n        ChartStatus: $color-grey-2,\n        ChartStatusOnline: $color-green-1,\n        ChartStatusOffline: $color-red-2,\n        PredictionDialogTitle: $color-black-1,\n        PredictionDialogText: $color-black-1,\n        ChartHistoryPickerBgCalendar: $color-white,\n        ChartHistoricalMarker: $color-grey-5,\n        ChartHistoricalMarkerFont: $color-black-1,\n        DrawingToastBg: $COLOR_BLACK,\n        DrawingToastText: $COLOR_WHITE,\n        DrawingToastBorder: rgba($COLOR_WHITE, 0.04),\n        DrawingToastButtonText: $COLOR_WHITE,\n        DrawingToastButtonHoverBg: rgba($COLOR_WHITE, 0.08),\n        DrawingToastButtonActiveBg: rgba($COLOR_WHITE, 0.12),\n        DrawingToastFocusOutline: $color-green,\n        DrawingToastShadow1: rgba($COLOR_BLACK, 0.03),\n        DrawingToastShadow2: rgba($COLOR_BLACK, 0.02),\n        DeletionSnackbarBg: $COLOR_BLACK,\n        DeletionSnackbarText: $COLOR_WHITE,\n        DeletionSnackbarBorder: rgba($COLOR_WHITE, 0.04),\n        DeletionSnackbarCloseText: $COLOR_WHITE,\n        DeletionSnackbarCloseHoverBg: rgba($COLOR_WHITE, 0.08),\n        DeletionSnackbarCloseActiveBg: rgba($COLOR_WHITE, 0.12),\n        DeletionSnackbarFocusOutline: $color-green,\n        DeletionSnackbarShadow1: rgba($COLOR_BLACK, 0.03),\n        DeletionSnackbarShadow2: rgba($COLOR_BLACK, 0.02),\n    ),\n    dark: (\n        DefaultMain: $color-black,\n        DefaultBg: $color-black,\n        DefaultText: $COLOR_WHITE,\n        DefaultBorder: $COLOR_WHITE,\n        TooltipBg: $color-black-8,\n        TooltipText: $color-white,\n        TooltipShadow: transparent,\n        TooltipTextBg: transparent,\n        BtnDefaultBg: transparent,\n        BtnDefaultText: $color-red,\n        BtnDefaultHoverBg: rgba($color-red, 0.08),\n        BtnPrimaryBg: $color-red,\n        BtnPrimaryText: $color-white,\n        BtnPrimaryDisableBg: rgba($color-red, 0.32),\n        BtnPrimaryHoverBg: $color-red-7,\n        BtnSecondaryBg: $color-grey-1,\n        BtnSecondaryText: $color-white,\n        BtnSecondaryBorder: $color-grey-7,\n        BtnSecondaryHoverBg: $color-black-3,\n        InputDefaultBorder: $color-black-8,\n        InputDefaultHoverBorder: $color-grey-7,\n        InputDefaultActiveBorder: $color-green,\n        CheckboxBg: $color-grey-7,\n        CheckboxActiveBg: $color-red,\n        ScrollbarBg: $color-black-8,\n        NotificationBadgeBg: $color-red-1,\n        NotificationBadgeText: $color-white,\n        Loading: $COLOR_WHITE,\n        ChartAreaBorder: $COLOR_LIGHT_GRAY_30,\n        ChartBg: $color-black-1,\n        ChartBorder: $COLOR_WHITE,\n        ChartText: $color-grey-1,\n        ChartPanelBg: $color-black,\n        ChartPanelActiveBg: $color-black-5,\n        ChartPanelText: $color-grey,\n        ChartCandleBg: $color-red,\n        ChartCandleBgClosed: $COLOR_DARK_GRAY_2,\n        ChartCandleText: $color-white,\n        ChartCandleTextClosed: $COLOR_LIGHT_GRAY_30,\n        ChartGrid: $color-black-4,\n        ChartIndicateText: $COLOR_WHITE,\n        ChartIndicateDivide: $color-black-8,\n        ChartMountainBorder: $color-green,\n        ChartMountainBg: rgba(255, 255, 255, 0.36),\n        ChartMountainBgShade: rgba(16, 19, 32, 0),\n        ChartMountainClosedBorder: rgba($COLOR_WHITE, 0.32),\n        ChartStickyBg: $color-black,\n        ChartStickyText: $color-grey,\n        ChartStickyInnerBg: $color-black-8,\n        ChartStickyInnerText: $color-white,\n        MenuBg: $color-black,\n        MenuBorder: $COLOR_DARK_BLUE_5,\n        MenuIcon: $color-grey-1,\n        MenuText: $color-grey-1,\n        MenuHoverBg: $color-black-5,\n        MenuHoverIconBg: $COLOR_DARK_GRAY_3,\n        MenuActiveBg: $color-black,\n        MenuActiveText: $color-white,\n        MenuActiveIcon: $color-white,\n        MenuActiveBorder: $color-red,\n        ChartTitleBg: $color-black-1,\n        ChartTitleSubBg: $color-black,\n        ChartTitleText: $COLOR_WHITE,\n        ChartTitleBorder: $color-black,\n        ChartTitleArrow: $color-grey-1,\n        ChartTitlePriceText: $color-grey-1,\n        ChartTitleSymbolText: $COLOR_WHITE,\n        ChartTitleHoverBorder: $color-grey-1,\n        ChartTitleActiveBorder: $color-green,\n        ChartTitleActiveShadow: $COLOR_DARK_BLUE_8,\n        ChartTitleActiveArrow: $color-grey-1,\n        ChartControlBoxBorder: $color-black,\n        ListScroll: $color-grey,\n        ListLiBg: $color-black,\n        ListLiText: $color-grey,\n        ListLiBorder: $color-black-4,\n        ListHoverLiBg: $color-black-5,\n        ListActiveLiBg: $color-black-8,\n        ListActiveLiText: $color-white,\n        ListActiveLiBorder: $color-black-4,\n        DialogBorder: $color-black,\n        DialogHeadBg: $color-black,\n        DialogHeadText: $color-white,\n        DialogHeadBorder: $color-black-3,\n        DialogHeadIcon: $color-grey,\n        DialogHeadIconHoverBg: $color-black-5,\n        DialogHeadActiveBorder: $COLOR_DARK_BLUE_3,\n        DialogTabularBg: $color-black-3,\n        DialogTabularText: $color-grey,\n        DialogTabularHeadBg: $color-black,\n        DialogTabularHeadBorder: $color-black-3,\n        DialogTabularHeadTitleBg: $color-black-3,\n        DialogTabularBodyBg: $color-black,\n        DialogTabularHoverTabBg: $color-black-5,\n        DialogTabularActiveTabBg: $color-black,\n        DialogTabularActiveTabText: $color-white,\n        DialogTabularActiveTabBorder: $color-red,\n        DialogBodyBg: $color-black,\n        DialogBodyText: $color-grey,\n        DialogFootBg: $color-black,\n        DialogFootText: $color-white,\n        DialogFootBorder: $color-black-3,\n        DialogFootIcon: $color-grey-7,\n        DialogFootDeleteIcon: $color-grey,\n        DialogFootDeleteHoverBg: $color-black-5,\n        DialogFootCancelText: $color-red,\n        DialogSettingHeadText: $COLOR_WHITE,\n        DialogSettingBodyBg: $color-black,\n        DialogSettingSectionDivider: $color-black,\n        DialogSettingSectionText: $color-white,\n        DialogOverlay: rgba($COLOR_BLACK, 0.72),\n        ChartTypeBg: $color-black,\n        ChartTypeText: $color-grey,\n        ChartTypeBorder: $color-black-3,\n        ChartTypeHoverBg: $color-black-5,\n        ChartTypeActiveText: $color-white,\n        ChartTypeActiveBorder: $color-green,\n        ChartTypeTooltipBg: $color-black-8,\n        ChartTypeTooltipText: $color-white,\n        TimeBg: $color-black,\n        TimeText: $color-grey,\n        TimeTitleText: $color-white,\n        TimeHoverBg: $color-black-5,\n        TimeActiveText: $color-white,\n        TimeActiveItemBorder: $color-green,\n        ChartModeBg: $color-black,\n        ChartModeBorder: $color-black-3,\n        ChartModeText: $color-grey,\n        ChartModeTextSecondary: $color-grey-1,\n        DrawToolsEmptyText: $color-grey-1,\n        DrawToolsItemText: $color-grey,\n        DrawToolsItemSubText: $color-grey-7,\n        DrawToolsItemIcon: $color-grey,\n        DrawToolsHoverBg: $color-black-5,\n        ChartSettingText: $color-grey-3,\n        ChartSettingIcon: $COLOR_DARK_GRAY_3,\n        ChartSettingActiveIcon: $color-white,\n        ChartSettingItemTitleText: $color-white,\n        ChartSettingItemHoverBg: $color-black-5,\n        ChartSettingItemActiveBorder: $color-green,\n        TemplateBg: $color-black,\n        TemplateText: $color-grey,\n        TemplateEmptyBtnText: $color-red,\n        TemplateEmptyText: $color-grey-7,\n        TemplateFormBtnBg: rgba($color-red, 0.32),\n        TemplateFormBtnText: $color-white,\n        TemplateFormInputBorder: $color-black-8,\n        TemplateFormInputText: $color-grey-7,\n        TemplateFormInputActiveBorder: $color-green,\n        TemplateFormInputActiveText: $color-white,\n        TemplateFormActiveBtnBg: $color-red,\n        TemplateListBorder: $color-black-3,\n        TemplateListHeadText: $color-grey-7,\n        TemplateListHeadBtnBorder: $color-grey-7,\n        TemplateListHeadBtnText: $color-white,\n        TemplateListItemText: $color-grey,\n        TemplateListItemHoverBg: $color-black-5,\n        ColorPickerBg: $color-black,\n        ColorPickerShadow: rgba(0, 0, 0, 0.64),\n        ColorPickerBorder: $COLOR_DARK_GRAY_3,\n        ColorPickerInputBorder: $COLOR_DARK_BLUE_8,\n        ColorPickerActiveBorder: $color-green,\n        ColorPickerSubtitleText: $color-grey,\n        ColorPickerSubtitleBg: $color-black,\n        DefaultInputHoverBorder: $color-grey-7,\n        DefaultInputBtnHoverBg: $color-black-5,\n        DefaultInputActiveBorder: $color-green,\n        DefaultSelectHoverBorder: $color-black-5,\n        DropdownText: $color-grey,\n        DropdownSubtitleText: $color-grey,\n        DropdownSubtitleBg: $color-black,\n        DropdownBg: $color-black,\n        DropdownBorder: $color-black-8,\n        DropdownActiveBg: rgb(56.1, 65.45, 86.49),\n        DropdownActiveText: $color-white,\n        DropdownActiveBorder: $color-green,\n        DropdownActiveShadow: rgba(0, 0, 0, 0.64),\n        DropdownHoverBg: $color-black-5,\n        DropdownHoverBorder: $color-grey-7,\n        SliderText: $color-white,\n        SliderHandleBg: $color-red,\n        SliderHandleBorder: $color-red,\n        SliderBarBg: $color-black-4,\n        SliderBarActiveBg: $color-red,\n        SwitchText: $color-white,\n        SwitchHandle: $color-white,\n        SwitchOffBg: rgba(255, 255, 255, 0.16),\n        SwitchOnBg: $color-green-3,\n        InputBg: $color-black,\n        InputText: $color-white,\n        InputBorder: $COLOR_DARK_BLUE_8,\n        InputActiveText: $color-white,\n        InputActiveBorder: $color-green,\n        InputHoverBorder: $color-grey-7,\n        InputFocusText: $color-white,\n        CatDisplayBg: $color-black,\n        CatDisplayShadow: $COLOR_DARK_BLUE_3,\n        CatDisplayText: $color-grey,\n        CatDisplayBorder: $color-black,\n        CatDisplaySearchBg: $color-black,\n        CatDisplaySearchIcon: $color-grey,\n        CatDisplaySearchText: $color-black-6,\n        CatDisplaySearchBorder: $COLOR_DARK_BLUE_8,\n        CatDisplayActiveSearchText: $color-white,\n        CatDisplayActiveSearchIcon: $color-white,\n        CatDisplayActiveSearchIconClose: $color-black-1,\n        CatDisplayActiveSearchBorder: $color-green,\n        CatDisplayActiveSearchShadow: $COLOR_DARK_BLUE_8,\n        CatDisplayHoverSearchIcon: $color-grey,\n        CatDisplayHoverSearchBorder: $color-grey-7,\n        CatDisplayFilterBg: $color-black-3,\n        CatDisplayFilterText: $color-grey,\n        CatDisplayFilterIcon: $color-grey-3,\n        CatDisplayFilterBorder: $color-black,\n        CatDisplayFilterInputText: $COLOR_WHITE,\n        CatDisplayActiveFilterBg: $color-black-1,\n        CatDisplayActiveFilterText: $color-white,\n        CatDisplayActiveFilterBorder: $color-red,\n        CatDisplayActiveFilterIcon: $COLOR_WHITE,\n        CatDisplayHoverFilterBg: $color-black-5,\n        CatDisplayCatTitleText: $COLOR_WHITE,\n        CatDisplayCatSubTitleText: $color-grey-3,\n        CatDisplayCatContentBg: $color-black,\n        CatDisplayCatContentBorder: $color-black,\n        CatDisplayCatContentTitleBg: $COLOR_DARK_BLUE_5,\n        CatDisplayCatContentTitleText: $color-grey-7,\n        CatDisplayCatContentIcon: $color-grey-1,\n        CatDisplayCatContentDisabled: $COLOR_LIGHT_GRAY_30,\n        CatDisplayCatActiveContentBg: $color-black-8,\n        CatDisplayCatActiveContentText: $color-white,\n        CatDisplayCatActiveContentIcon: $color-grey-1,\n        CatDisplayActiveText: $color-white,\n        CatDisplayCatHoverContentBg: $color-black-5,\n        CatDisplayCatHoverContentText: $color-white,\n        CatDisplayCatHoverContentIcon: $color-white,\n        DownloadBg: $color-black,\n        DownloadText: $color-grey,\n        DownloadActiveBg: $color-black-5,\n        LoadingBg: $color-green,\n        StarIconFav: $COLOR_ORANGE,\n        LastdigitsBarBg: $COLOR_DARK_GRAY_3,\n        LastdigitsMaxBarBg: $COLOR_GREEN_1,\n        LastdigitsMinBarBg: $COLOR_RED,\n        LastdigitsBarText: $COLOR_LIGHT_GRAY,\n        LastdigitsBarFooter: $COLOR_WHITE,\n        ChartHistoryBg: $color-black,\n        ChartHistoryBgContainer: $color-black,\n        ChartHistoryColor: $color-grey,\n        ChartHistoryBorder: $COLOR_BRANDBLUE_85,\n        ChartHistoryPickerBg: $color-black,\n        ChartHistoryPickerBorder: $color-black-8,\n        ChartHistoryPickerDropdownBg: $color-black,\n        ChartHistoryPickerDropdownBorder: $color-black,\n        ChartHistoryPickerColor: $COLOR_WHITE,\n        ChartHistoryPickerIcon: $color-grey,\n        ChartHistoryPickerActiveBorder: $COLOR_GREEN,\n        ChartHistoryPickerActiveColor: $COLOR_WHITE,\n        ChartHistoryPickerActiveIcon: $COLOR_WHITE,\n        ChartHistoryPickerTopColor: $COLOR_BRANDBLUE_40,\n        ChartHistoryPickerHeaderBg: $color-black,\n        ChartHistoryPickerHeaderBorder: $color-black,\n        ChartHistoryPickerHeaderColor: $COLOR_WHITE,\n        ChartHistoryPickerHeaderIcon: $color-grey,\n        ChartHistoryPickerFooterBg: $color-black,\n        ChartHistoryPickerFooterBorder: $color-black,\n        ChartHistoryPickerFooterColor: $color-grey,\n        ChartHistoryPickerBodyColor: $color-grey,\n        ChartHistoryPickerBodyDisableColor: $color-black-6,\n        ChartHistoryPickerBodyActiveBg: $color-black-8,\n        ChartHistoryPickerBodyActiveColor: $COLOR_WHITE,\n        ChartHistoryPickerBodyActiveBorder: $color-black-8,\n        ChartHistoryPickerBodyHoverBg: $color-black-5,\n        PaginationLoaderStripeColor: $color-black-1,\n        NavigationWidgetBg: $color-black,\n        NavigationWidgetColor: $color-grey,\n        HighestLowestMarkerLabelBg: $COLOR_DARK_GRAY_2,\n        HighestLowestMarkerLabelText: $COLOR_WHITE,\n        HighestSpotColor: $COLOR_GREEN_1,\n        ToolbarWidgetBg: $color-black-1,\n        ToolbarWidgetBorder: $color-black,\n        ToolbarWidgetHoverBg: $color-black-5,\n        ToolbarWidgetItemIcon: $color-grey,\n        LowestSpotColor: $COLOR_RED,\n        ChartBackgroundOpacity: 0.4,\n        IndicatorEmptyText: $color-grey-7,\n        IndicatorEmptyTitleText: $color-white,\n        IndicatorListItemText: $color-grey,\n        IndicatorListItemSubText: $color-grey-7,\n        IndicatorListItemHoverBg: $color-black-5,\n        IndicatorAddedBorder: $color-black-6,\n        IndicatorSearchBg: $color-black,\n        IndicatorSearchBorder: $color-black-8,\n        IndicatorSearchText: $color-black-6,\n        IndicatorSearchIcon: $color-grey,\n        IndicatorSearchIconReset: $color-black-1,\n        IndicatorSearchHoverBorder: $color-grey-1,\n        IndicatorSearchActiveBorder: $color-green,\n        IndicatorSearchActiveText: $color-white,\n        IndicatorCategoryText: $color-grey-7,\n        IndicatorInfoText: $color-grey,\n        IndicatorInfoBg: $color-black,\n        FooterBg: $color-black,\n        FooterText: $color-grey,\n        FooterBorder: $color-black,\n        FooterItemHoverBg: $color-black-5,\n        ChartStatus: $color-grey-2,\n        ChartStatusOnline: $color-green-1,\n        ChartStatusOffline: $color-red-2,\n        PredictionDialogTitle: $color-white,\n        PredictionDialogText: $color-white,\n        ChartHistoryPickerBgCalendar: $color-black,\n        ChartHistoricalMarker: $color-black-8,\n        ChartHistoricalMarkerFont: $color-grey,\n        DrawingToastBg: $COLOR_WHITE,\n        DrawingToastText: $COLOR_BLACK,\n        DrawingToastBorder: rgba($COLOR_BLACK, 0.04),\n        DrawingToastButtonText: $COLOR_BLACK,\n        DrawingToastButtonHoverBg: rgba($COLOR_BLACK, 0.08),\n        DrawingToastButtonActiveBg: rgba($COLOR_BLACK, 0.12),\n        DrawingToastFocusOutline: $color-green,\n        DrawingToastShadow1: rgba($COLOR_BLACK, 0.03),\n        DrawingToastShadow2: rgba($COLOR_BLACK, 0.02),\n        DeletionSnackbarBg: $COLOR_WHITE,\n        DeletionSnackbarText: $COLOR_BLACK,\n        DeletionSnackbarBorder: rgba($COLOR_BLACK, 0.04),\n        DeletionSnackbarCloseText: $COLOR_BLACK,\n        DeletionSnackbarCloseHoverBg: rgba($COLOR_BLACK, 0.08),\n        DeletionSnackbarCloseActiveBg: rgba($COLOR_BLACK, 0.12),\n        DeletionSnackbarFocusOutline: $color-green,\n        DeletionSnackbarShadow1: rgba($COLOR_BLACK, 0.03),\n        DeletionSnackbarShadow2: rgba($COLOR_BLACK, 0.02),\n    ),\n);\n\n@mixin themify($themes: $themes) {\n    @each $theme, $map in $themes {\n        .smartcharts-#{$theme} & {\n            $theme-map: () !global;\n            @each $key, $submap in $map {\n                $value: map-get(map-get($themes, $theme), '#{$key}');\n                $theme-map: map-merge(\n                    $theme-map,\n                    (\n                        $key: $value,\n                    )\n                ) !global;\n            }\n            @content;\n            $theme-map: null !global;\n        }\n    }\n}\n\n@function themed($key) {\n    @return map-get($theme-map, $key);\n}\n\n:export {\n    red: $color-red;\n    light_chart_text: map-get(map-get($themes, 'light'), 'ChartText');\n    dark_chart_text: map-get(map-get($themes, 'dark'), 'ChartText');\n    light_chart_grid: map-get(map-get($themes, 'light'), 'ChartGrid');\n    dark_chart_grid: map-get(map-get($themes, 'dark'), 'ChartGrid');\n    light_chart_mountain_border: map-get(map-get($themes, 'light'), 'ChartMountainBorder');\n    light_chart_mountain_bg: map-get(map-get($themes, 'light'), 'ChartMountainBg');\n    light_chart_mountain_bg_shade: map-get(map-get($themes, 'light'), 'ChartMountainBgShade');\n    light_chart_closed_mountain_border: map-get(map-get($themes, 'light'), 'ChartMountainClosedBorder');\n    dark_chart_mountain_border: map-get(map-get($themes, 'dark'), 'ChartMountainBorder');\n    dark_chart_mountain_bg: map-get(map-get($themes, 'dark'), 'ChartMountainBg');\n    dark_chart_mountain_bg_shade: map-get(map-get($themes, 'dark'), 'ChartMountainBgShade');\n    dark_chart_closed_mountain_border: map-get(map-get($themes, 'dark'), 'ChartMountainClosedBorder');\n    // we don't have difference color for chart_closed_candle_up, chart_closed_candle_down, chart_closed_current_hr\n    // in light and dark them\n    chart_closed_candle_up: map-get(map-get($themes, 'light'), 'ChartClosedCandleBgUp');\n    chart_closed_candle_down: map-get(map-get($themes, 'light'), 'ChartClosedCandleBgDown');\n    chart_closed_candle_border: map-get(map-get($themes, 'light'), 'ChartClosedCandleBorder');\n    chart_current_hr: map-get(map-get($themes, 'light'), 'ChartCurrentHRBg');\n    chart_closed_current_hr: map-get(map-get($themes, 'light'), 'ChartCloseCurrentHRBg');\n    light_chart_bg: map-get(map-get($themes, 'light'), 'ChartBg');\n    dark_chart_bg: map-get(map-get($themes, 'dark'), 'ChartBg');\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .ciq-chart-types {\n    .cq-menu-dropdown {\n        width: 424px;\n        height: 174px;\n        box-sizing: border-box;\n\n        .body {\n            padding: 0 7px 0 16px;\n        }\n    }\n    .ciq-list {\n        padding-right: 9px;\n\n        .ciq-list-item {\n            padding: 0;\n            justify-content: space-between;\n\n            > .left {\n                display: inline-flex;\n                align-items: center;\n            }\n            :last-child {\n                .ic-icon > svg {\n                    stroke: none;\n                }\n            }\n        }\n    }\n}\n\n.sc-chart-type {\n    display: flex;\n    padding: 24px;\n    justify-content: space-between;\n    @include themify($themes) {\n        background: themed('ChartTypeBg');\n    }\n\n    &__item {\n        width: 25%;\n        height: 88px;\n        margin-right: 8px;\n        cursor: pointer;\n        border: 1px solid transparent;\n        border-radius: $border-radius;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n\n        .ic-icon {\n            margin: 0 auto 12px;\n        }\n        .text {\n            display: block;\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            text-align: center;\n            @include themify($themes) {\n                color: themed('ChartTypeText');\n            }\n        }\n        &:last-child {\n            margin-right: 0px;\n        }\n        &:hover {\n            @include themify($themes) {\n                background: themed('ChartTypeHoverBg');\n            }\n        }\n        &--active {\n            background: transparent !important;\n            @include themify($themes) {\n                border-color: themed('ChartTypeActiveBorder');\n            }\n\n            .text {\n                font-weight: bold;\n                @include themify($themes) {\n                    color: themed('ChartTypeActiveText');\n                }\n            }\n        }\n        &--disabled {\n            cursor: initial;\n            background: transparent !important;\n\n            > span {\n                opacity: 0.32;\n                background: transparent !important;\n                pointer-events: none;\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-chart-type {\n        padding: 8px 10px 24px;\n\n        &__item {\n            height: 64px;\n            width: 64px;\n\n            .ic-icon {\n                margin-bottom: 2px;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-scrollbar {\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n    margin-right: 4px;\n    z-index: 1;\n    scrollbar-width: thin;\n    @include themify($themes) {\n        scrollbar-color: themed('ScrollbarBg') transparent;\n    }\n\n    &::-webkit-scrollbar {\n        width: 4px;\n    }\n    &::-webkit-scrollbar-track {\n        -webkit-box-shadow: transparent;\n        -webkit-border-radius: 2px;\n        border-radius: 2px;\n    }\n    &::-webkit-scrollbar-thumb {\n        -webkit-border-radius: 2px;\n        border-radius: 2px;\n        -webkit-box-shadow: transparent;\n        @include themify($themes) {\n            background: themed('ScrollbarBg');\n        }\n    }\n    &::-webkit-scrollbar-button,\n    &::-webkit-scrollbar-corner {\n        display: none;\n    }\n    &--auto-hide {\n        scrollbar-color: transparent transparent !important;\n\n        &::-webkit-scrollbar-thumb {\n            display: none;\n        }\n    }\n    &--freeze {\n        overflow: hidden !important;\n    }\n    &:hover {\n        @include themify($themes) {\n            scrollbar-color: themed('ScrollbarBg') transparent !important;\n        }\n\n        &::-webkit-scrollbar-thumb {\n            display: inherit !important;\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-scrollbar {\n        &--auto-hide {\n            &::-webkit-scrollbar-thumb {\n                display: inherit !important;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .ciq-list {\n    position: relative;\n    box-sizing: border-box;\n\n    .ciq-list-item {\n        cursor: pointer;\n        line-height: normal;\n        font-size: 1.2em;\n        height: auto;\n        padding: 8px 16px;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        border-bottom: none;\n        box-sizing: border-box;\n        @include themify($themes) {\n            color: themed('ListLiText');\n            background: themed('ListLiBg');\n            border: 1px solid themed('ListLiBorder');\n            border-top: none;\n        }\n\n        &:first-child {\n            margin-top: 18px;\n            border-radius: $border-radius $border-radius 0 0;\n            @include themify($themes) {\n                border-top: 1px solid themed('ListLiBorder');\n            }\n        }\n        &:last-child {\n            border-radius: 0 0 $border-radius $border-radius;\n            margin-bottom: 18px;\n        }\n        &:hover {\n            @include themify($themes) {\n                background-color: themed('ListHoverLiBg');\n            }\n        }\n        &.active {\n            font-weight: bold;\n            @include themify($themes) {\n                color: themed('ListActiveLiText');\n                background-color: themed('ListActiveLiBg');\n            }\n        }\n        &.disabled {\n            pointer-events: none;\n\n            > * {\n                opacity: 0.2;\n                cursor: auto;\n            }\n        }\n    }\n    > div:nth-child(3) {\n        > div {\n            opacity: 0.16;\n            @include themify($themes) {\n                background-color: themed('ListScroll') !important;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; // classNames and styles needed for smartcharts to work outside of smartcharts class wrapper when rendered in portal\n@media (max-width: 767px) and (min-width: 320px) {\n    .smartcharts-portal {\n        opacity: 0;\n        pointer-events: none;\n        display: none;\n\n        &--open {\n            display: block;\n            pointer-events: auto;\n            opacity: 1;\n        }\n        .smartcharts {\n            .smartcharts-mobile {\n                .cq-modal-dropdown {\n                    &.stxMenuActive {\n                        z-index: 9999;\n                    }\n                }\n                .cq-menu-dropdown {\n                    width: 100%;\n                    height: auto;\n                    left: 0px;\n                    bottom: auto;\n                    transform: translateX(0) translateY(-3em);\n\n                    &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n                        opacity: 1;\n                        transform: translateX(0) translateY(0em);\n                    }\n                    &.cq-menu-dropdown-enter-done {\n                        z-index: 6;\n                    }\n                }\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-dialog {\n    width: auto;\n    top: auto;\n    border-radius: $border-radius;\n    position: absolute;\n    opacity: 0;\n    box-shadow: 0 0 0.63em 0.03em rgba(0, 0, 0, 0.14);\n    z-index: -3;\n    pointer-events: none;\n    transform: translateY(3em);\n    @include dialog-transition();\n    @include themify($themes) {\n        background: themed('DialogBodyBg');\n    }\n\n    &.sc-dialog-enter-done,\n    &.sc-dialog-enter-active {\n        opacity: 1;\n        transform: none;\n        z-index: 3;\n    }\n    &.sc-dialog-enter-done {\n        pointer-events: initial;\n    }\n    &__head {\n        display: flex;\n        justify-content: space-between;\n        border-radius: $border-radius $border-radius 0 0;\n        height: auto;\n        box-sizing: border-box;\n        border-bottom: 2px solid;\n        @include themify($themes) {\n            color: themed('DialogHeadText');\n            background: themed('DialogHeadBg');\n            border-color: themed('DialogHeadBorder');\n        }\n\n        &--title {\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            min-width: 240px;\n            padding: 16px;\n            border-radius: 5px 0 0;\n            position: relative;\n            box-sizing: border-box;\n        }\n        &--custom {\n            width: 100%;\n        }\n        &--info {\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            padding: 10px 8px 10px 16px;\n\n            .ic-icon {\n                width: 32px;\n                height: 32px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                cursor: pointer;\n                margin-right: 4px;\n\n                svg {\n                    @include themify($themes) {\n                        fill: themed('DialogHeadIcon');\n                    }\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('DialogHeadIconHoverBg');\n                    }\n                }\n            }\n        }\n        &--search {\n            padding: 10px 0px 10px 12px;\n        }\n        &--action {\n            display: flex;\n            align-items: center;\n            padding: 0 16px;\n            border-radius: 0 5px 0 0;\n\n            .ic-icon {\n                width: 32px;\n                height: 32px;\n                line-height: 34px;\n                cursor: pointer;\n                border-radius: $border-radius;\n                padding: 4px;\n                position: relative;\n\n                svg {\n                    @include themify($themes) {\n                        fill: themed('DialogHeadIcon');\n                    }\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('DialogHeadIconHoverBg');\n                    }\n                }\n            }\n        }\n    }\n    &__body {\n        border-radius: 0 0 $border-radius $border-radius;\n        position: relative;\n    }\n    &--tabular {\n        .sc-dialog__head {\n            @include themify($themes) {\n                background: themed('DialogTabularHeadBg');\n                border-color: themed('DialogTabularHeadBorder');\n            }\n\n            .sc-dialog__head--title {\n                width: 200px;\n                @include themify($themes) {\n                    background: themed('DialogTabularHeadTitleBg');\n                }\n            }\n        }\n    }\n    .info-footnote {\n        @include themify($themes) {\n            color: themed('ChartModeText') !important;\n        }\n        line-height: 18px;\n        font-size: 12px;\n        font-weight: 400;\n        padding: 16px;\n        text-align: center;\n\n        &--mobile {\n            font-size: 11px;\n        }\n    }\n}\n\n.tabs {\n    &--vertical {\n        display: flex;\n        border-radius: 0 0 $border-radius $border-radius;\n\n        .react-tabs__tab-list {\n            margin: 0px;\n            width: 240px;\n            min-width: 240px;\n            border-radius: 0 0 0 5px;\n            border-bottom: none;\n            padding: 0;\n            @include themify($themes) {\n                background: themed('DialogTabularBg');\n            }\n\n            .react-tabs__tab {\n                width: 100%;\n                display: flex;\n                box-sizing: border-box;\n                padding: 10px 12px;\n                border: none;\n                border-radius: 0px;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                align-items: center;\n                outline: none !important;\n                box-shadow: none !important;\n                cursor: pointer;\n                @include themify($themes) {\n                    color: themed('DialogTabularText');\n                    border-left: 4px solid themed('DialogTabularBg');\n                }\n\n                .ic-icon {\n                    width: 16px;\n                    height: 16px;\n                    line-height: 27px;\n                    margin-right: 16px;\n                    @include themify($themes) {\n                        fill: themed('DialogTabularText');\n                    }\n\n                    svg {\n                        width: 16px;\n                        height: 16px;\n\n                        @include themify($themes) {\n                            fill: themed('DialogTabularText');\n                        }\n                    }\n                }\n                .sc-notification-badge {\n                    position: relative;\n                    margin-left: 5px;\n                    top: 0px;\n                    left: 0px;\n                }\n                &:hover {\n                    @include themify($themes) {\n                        border-left-color: themed('DialogTabularHoverTabBg');\n                        background: themed('DialogTabularHoverTabBg');\n                    }\n                }\n                &:after {\n                    display: none !important;\n                }\n                &--selected {\n                    border-radius: 0px;\n                    font-weight: bold;\n                    @include themify($themes) {\n                        color: themed('DialogTabularActiveTabText') !important;\n                        background: themed('DialogTabularActiveTabBg') !important;\n                        border-left-color: themed('DialogTabularActiveTabBorder') !important;\n                    }\n\n                    .ic-icon {\n                        @include themify($themes) {\n                            fill: themed('DialogTabularActiveTabText');\n                        }\n                    }\n                }\n            }\n        }\n        .react-tabs__tab-panel {\n            width: calc(100% - 200px);\n            border-radius: 0 0 $border-radius;\n            @include themify($themes) {\n                background: themed('DialogTabularBodyBg');\n            }\n\n            .items {\n                border-radius: 0 0 $border-radius;\n            }\n        }\n    }\n}\n\n/* Mobile Style */\n.smartcharts-mobile {\n    .sc-dialog {\n        left: 10px;\n        width: calc(100% - 20px);\n\n        .react-tabs__tab-panel {\n            height: 430px;\n        }\n        &--tabular {\n            .sc-dtools__panel {\n                width: 100%;\n            }\n            .sc-dtools__category {\n                margin-top: 0;\n            }\n            .sc-dtools__category__head {\n                padding-left: 1rem;\n            }\n            .sc-dialog__body {\n                @include themify($themes) {\n                    background: themed('DialogTabularHeadBg');\n                }\n\n                .tabs {\n                    &--horizontal {\n                        .react-tabs__tab-list {\n                            display: flex;\n                            font-size: 14px;\n                            @include themify($themes) {\n                                border-bottom: 2px solid themed('DialogTabularHeadBorder');\n                            }\n\n                            .ic-icon {\n                                svg {\n                                    height: 16px;\n                                    width: 16px;\n\n                                    @include themify($themes) {\n                                        fill: themed('DialogHeadIcon');\n                                    }\n                                }\n                            }\n                            .react-tabs__tab {\n                                display: flex;\n                                width: 100%;\n                                padding: 10px 15px;\n                                justify-content: center;\n                                align-items: center;\n                                gap: 10px;\n                                @include themify($themes) {\n                                    color: themed('DialogTabularText');\n                                }\n\n                                .sc-notification-badge {\n                                    width: 19px;\n                                    height: 19px;\n                                    border-radius: 10px;\n                                    top: 12px;\n                                    left: 78%;\n                                    font-size: 12px;\n                                }\n                            }\n                            .react-tabs__tab:focus:after {\n                                display: none;\n                            }\n                            .react-tabs__tab--selected {\n                                border: none;\n                                font-weight: bold;\n\n                                @include themify($themes) {\n                                    color: themed('DialogTabularActiveTabText') !important;\n                                    background: themed('DialogTabularActiveTabBg') !important;\n                                    border-bottom: 3px solid themed('DialogTabularActiveTabBorder');\n                                }\n\n                                .ic-icon {\n                                    @include themify($themes) {\n                                        fill: themed('DialogTabularActiveTabText');\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n            .sc-dialog__head {\n                @include themify($themes) {\n                    background: themed('DialogTabularHeadBg');\n                    border-color: themed('DialogTabularHeadBorder');\n                }\n\n                .sc-dialog__head--title {\n                    width: 150px;\n                    min-width: 150px;\n                    padding: 15px;\n                    @include themify($themes) {\n                        background: transparent;\n                    }\n                }\n                .sc-dialog__head--info {\n                    position: absolute;\n                    left: 50px;\n                    width: calc(100% - 90px);\n                    padding: 10px 8px;\n                    font-size: 14px;\n                    @include themify($themes) {\n                        background: themed('DialogTabularHeadBg');\n                    }\n                }\n            }\n        }\n    }\n    .cq-modal--settings .sc-dialog {\n        width: 320px;\n        left: calc(50% - 160px);\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-chart-mode {\n    .sc-dialog {\n        width: 424px;\n    }\n    &__menu {\n        position: relative;\n\n        .ic-icon {\n            margin: auto;\n            width: 16px;\n            height: 16px;\n            top: -4px;\n            position: relative;\n\n            svg {\n                stroke: none !important;\n                width: 16px !important;\n                height: 16px !important;\n                @include themify($themes) {\n                    fill: themed('ChartModeText') !important;\n                }\n            }\n        }\n        &__timeperiod {\n            position: absolute;\n            top: -9px;\n            left: 4px;\n            font-size: 8px;\n            font-weight: bold;\n            @include themify($themes) {\n                color: themed('ChartModeText') !important;\n            }\n        }\n    }\n    &__section {\n        border-radius: $border-radius;\n        @include themify($themes) {\n            background: themed('ChartModeBg');\n        }\n\n        &__item {\n            &:first-child {\n                @include themify($themes) {\n                    border-bottom: 4px solid themed('ChartModeBorder');\n                }\n            }\n        }\n    }\n    &__smooth-toggle {\n        margin-top: 4px;\n        padding: 24px;\n        border-radius: $border-radius;\n        @include themify($themes) {\n            background: themed('ChartModeBg');\n            border: 1px solid themed('ChartModeBorder');\n        }\n\n        &-content {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 16px;\n        }\n        &-text {\n            flex: 1;\n        }\n        &-title {\n            font-size: 14px;\n            font-weight: 600;\n            margin-bottom: 4px;\n            @include themify($themes) {\n                color: themed('ChartModeText');\n            }\n        }\n        &-description {\n            font-size: 12px;\n            line-height: 1.4;\n            @include themify($themes) {\n                color: themed('ChartModeTextSecondary');\n            }\n        }\n    }\n}\n\n.sc-toolbar-widget {\n    .sc-chart-mode__menu {\n        padding: 8px;\n    }\n    .sc-chart-mode__menu__timeperiod {\n        top: 3px;\n        left: 8px;\n    }\n\n    @media screen and (max-width: 600px) {\n        display: flex;\n        width: auto !important;\n    }\n}\n\n.smartcharts-mobile {\n    .sc-chart-mode .sc-dialog {\n        width: 300px;\n        left: auto;\n        max-height: 555px;\n        height: calc(100% - 32px);\n        overflow-x: inherit;\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; @mixin form_subtitle_text {\n    padding-left: 4px;\n    padding-right: 4px;\n    z-index: 1;\n    font-size: 10px;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.4;\n    letter-spacing: normal;\n}\n\n.form {\n    $self: &;\n    padding: 8px 0px;\n    flex-grow: 1;\n    overflow-y: scroll;\n    box-sizing: border-box;\n\n    #{ $self }__label {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        font-size: 10px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.4;\n        letter-spacing: normal;\n        @include themify($themes) {\n            color: themed('DialogBodyText');\n        }\n    }\n    #{ $self }__control {\n        display: block;\n    }\n    &__group {\n        box-sizing: border-box;\n        padding: 0;\n        margin-bottom: 16px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-around;\n    }\n    &__group--select,\n    &__group--colorpicker {\n        position: relative;\n        height: 40px;\n\n        #{ $self }__label {\n            margin-bottom: -8px;\n            margin-left: 10px;\n\n            span {\n                padding-left: 2px;\n                padding-right: 2px;\n                z-index: 1;\n                @include themify($themes) {\n                    background: themed('DialogSettingBodyBg');\n                }\n            }\n        }\n    }\n    &__group--switch {\n        flex-direction: row;\n        justify-content: flex-start;\n\n        #{ $self }__label {\n            width: auto;\n            min-width: 70px;\n            font-size: 14px;\n        }\n        #{ $self }__control {\n            padding-left: 16px;\n            width: auto;\n        }\n    }\n    &__group--end {\n        height: 20px;\n        margin-bottom: 0px;\n    }\n    &__input-group {\n        padding: 16px 24px;\n        @include themify($themes) {\n            border-top: 4px solid themed('DialogSettingSectionDivider');\n        }\n\n        h4 {\n            font-size: 14px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            margin: 0 0 16px;\n            @include themify($themes) {\n                color: themed('DialogSettingSectionText');\n            }\n        }\n        &:first-child {\n            border-top: none;\n        }\n    }\n    &__input-group--show-zones {\n        margin-bottom: 30px;\n\n        #{ $self }__label {\n            font-size: 14px;\n        }\n    }\n    &--indicator-setting {\n        min-width: 320px;\n        max-width: 320px;\n        min-height: 280px;\n        max-height: 280px;\n        overflow: hidden;\n        @include themify($themes) {\n            background: themed('DialogSettingBodyBg');\n        }\n\n        #{ $self }__input-group {\n            width: 320px !important;\n            box-sizing: border-box;\n        }\n        #{ $self }__input-group--result:last-child {\n            height: 280px;\n        }\n        .sc-scrollbar {\n            height: 282px;\n        }\n    }\n    &--fractal-chaos-bands {\n        .form__group--switch {\n            margin-bottom: 98px;\n        }\n    }\n    &--drawing-tool {\n        .sc-scrollbar {\n            height: 280px;\n        }\n    }\n}\n\n/* stylelint-disable plugin/no-unsupported-browser-features */\n.sc-slider {\n    width: 100%;\n    height: 12px;\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    .sc-slider-range {\n        position: relative;\n        width: calc(100% - 38px);\n        margin-top: 9px;\n        padding-right: 8px;\n        height: 12px;\n\n        > input, div {\n            position: absolute;\n            left: 0px;\n            top: 0px;\n        }\n        input[type='range'] {\n            -webkit-appearance: none;\n            width: 100%;\n            margin: 0;\n            background: transparent;\n            height: 12px;\n            top: -5px;\n\n            &:focus {\n                outline: none;\n            }\n            &::-webkit-slider-runnable-track {\n                @include rangetrack();\n            }\n            &::-moz-range-track {\n                @include rangetrack();\n                height: 14px;\n                margin-top: -3px;\n                top: -3px;\n            }\n            &::-ms-track {\n                @include rangetrack();\n                color: transparent;\n            }\n            &::-ms-thumb {\n                @include rangethumb();\n                margin-top: 0px;\n            }\n            &::-moz-range-thumb {\n                @include rangethumb();\n                margin-top: 0px;\n            }\n            &::-webkit-slider-thumb {\n                -webkit-appearance: none;\n                @include rangethumb();\n                margin-top: 1px;\n            }\n            &::-moz-focus-outer {\n                border: 0;\n            }\n        }\n        .sc-slider-bar {\n            width: 100%;\n            outline: none;\n            height: 2px;\n            @include themify($themes) {\n                background: themed('SliderBarBg');\n            }\n        }\n        .sc-slider-active-bar {\n            height: 2px;\n            min-width: 10px;\n            @include themify($themes) {\n                background: themed('SliderBarActiveBg');\n            }\n        }\n    }\n    > div:last-child {\n        text-align: right;\n        flex-grow: 1;\n        font-weight: bold;\n        font-size: 14px;\n        width: 26px;\n        @include themify($themes) {\n            color: themed('SliderText');\n        }\n    }\n}\n\n/* stylelint-enable plugin/no-unsupported-browser-features */\n.sc-dropdown {\n    position: relative;\n    height: 40px;\n    width: 100%;\n    user-select: none;\n    @include themify($themes) {\n        background: themed('DropdownBg');\n    }\n\n    .subtitle {\n        position: absolute;\n        margin-left: 10px;\n        top: -6px;\n\n        span {\n            @include form_subtitle_text;\n            @include themify($themes) {\n                background: themed('DropdownSubtitleBg');\n                color: themed('DropdownSubtitleText');\n            }\n        }\n    }\n    .value {\n        height: 40px;\n        padding: 10px 12px;\n        cursor: pointer;\n        border-radius: $border-radius;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        font-size: 14px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.43;\n        letter-spacing: normal;\n        text-transform: capitalize;\n        @include themify($themes) {\n            color: themed('DropdownText') !important;\n            border: 1px solid themed('DropdownBorder');\n        }\n\n        .ic-icon {\n            line-height: 35px;\n\n            svg {\n                pointer-events: none;\n                transition: transform 0.6s;\n                @include themify($themes) {\n                    fill: themed('DropdownText');\n                }\n            }\n        }\n        .text {\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 220px;\n            min-width: 210px;\n            overflow: hidden;\n        }\n        &:after {\n            content: ' ';\n            position: absolute;\n            left: 0px;\n            top: 0px;\n            width: 100%;\n            height: 100%;\n        }\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder');\n            }\n        }\n        &.active {\n            @include themify($themes) {\n                border-color: themed('DropdownActiveBorder');\n            }\n\n            svg {\n                transform: scaleY(-1);\n            }\n        }\n    }\n    .dropdown {\n        position: absolute;\n        right: -4px;\n        opacity: 0;\n        pointer-events: none;\n        z-index: 2;\n        max-height: 2px;\n        overflow: scroll;\n        box-shadow: 0 2px 8px 0 rgba(42, 48, 82, 0.14);\n        box-sizing: border-box;\n        border-radius: $border-radius;\n        font-size: 14px;\n        width: 272px;\n        transform: translateY(-8px);\n        transition: opacity 0.2s, transform 0.2s;\n        @include themify($themes) {\n            background: themed('DropdownBg');\n        }\n\n        &.active {\n            opacity: 1;\n            max-height: 200px;\n            pointer-events: all;\n            transform: translateY(8px);\n            @include themify($themes) {\n                box-shadow: 0 16px 16px 0 themed('DropdownActiveShadow'), 0 0 16px 0 themed('DropdownActiveShadow');\n            }\n        }\n        .row {\n            cursor: pointer;\n            padding: 10px 16px 9px;\n            text-transform: capitalize;\n            @include themify($themes) {\n                color: themed('DropdownText');\n            }\n\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DropdownHoverBg');\n                }\n            }\n            &--selected {\n                font-weight: bold;\n                @include themify($themes) {\n                    background: themed('DropdownActiveBg') !important;\n                    color: themed('DropdownActiveText') !important;\n                }\n            }\n        }\n    }\n\n    // Pattern\n    .option {\n        display: inline-block;\n        width: 100%;\n        pointer-events: none;\n        margin-right: 16px;\n    }\n    /* Line style types */\n    .solid-1 {\n        border-top-style: solid;\n        border-top-width: 1px;\n    }\n    .dotted-1 {\n        border-top-style: dotted;\n        border-top-width: 1px;\n    }\n    .dashed-1 {\n        border-top-style: dashed;\n        border-top-width: 1px;\n    }\n    .solid-3 {\n        border-top-style: solid;\n        border-top-width: 2px;\n    }\n    .dotted-3 {\n        border-top-style: dotted;\n        border-top-width: 2px;\n    }\n    .dashed-3 {\n        border-top-style: dashed;\n        border-top-width: 2px;\n    }\n    .solid-5 {\n        border-top-style: solid;\n        border-top-width: 3px;\n    }\n    .dotted-5 {\n        border-top-style: dotted;\n        border-top-width: 3px;\n    }\n    .dashed-5 {\n        border-top-style: dashed;\n        border-top-width: 3px;\n    }\n    &.active {\n        position: fixed;\n        z-index: 2;\n\n        .subtitle {\n            span {\n                @include themify($themes) {\n                    color: themed('DropdownActiveBorder');\n                }\n            }\n        }\n    }\n}\n\n.sc-color-picker {\n    position: relative;\n    height: 40px;\n    width: 100%;\n    @include themify($themes) {\n        background: themed('ColorPickerBg');\n    }\n\n    .subtitle {\n        position: absolute;\n        margin-left: 10px;\n        top: -6px;\n        user-select: none;\n        z-index: 1;\n\n        span {\n            @include form_subtitle_text;\n            @include themify($themes) {\n                background: themed('ColorPickerSubtitleBg');\n                color: themed('ColorPickerSubtitleText');\n            }\n        }\n    }\n    .value {\n        width: 100%;\n        height: 40px;\n        line-height: 40px;\n        padding: 10px 12px;\n        cursor: pointer;\n        border-radius: $border-radius;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        position: relative;\n        @include themify($themes) {\n            background-color: themed('ColorPickerBg');\n            color: themed('DropdownText') !important;\n            border: 1px solid themed('DropdownBorder');\n        }\n\n        &:before {\n            position: absolute;\n            content: ' ';\n            width: 100%;\n            height: 100%;\n            left: 0px;\n            top: 0px;\n        }\n        .sc-input-color {\n            height: 100%;\n            width: 100%;\n            border-radius: $border-radius;\n            margin-right: 16px;\n        }\n        .ic-icon {\n            line-height: 35px;\n\n            svg {\n                pointer-events: none;\n                transition: transform 0.6s;\n                @include themify($themes) {\n                    fill: themed('DropdownText');\n                }\n            }\n        }\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder');\n            }\n        }\n    }\n    .dropdown {\n        position: absolute;\n        right: 0px;\n        opacity: 0;\n        pointer-events: none;\n        z-index: 2;\n        width: 266px;\n        padding: 8px;\n        border-radius: $border-radius;\n        transform: translateY(-8px);\n        box-sizing: border-box;\n        transition: opacity 0.2s, transform 0.2s;\n        @include themify($themes) {\n            box-shadow: 0 16px 16px 0 themed('ColorPickerShadow'), 0 0 16px 0 themed('ColorPickerShadow');\n            background: themed('ColorPickerBg');\n        }\n\n        &.open {\n            opacity: 1;\n            pointer-events: initial;\n            transform: translateY(8px);\n        }\n        .row {\n            height: 18px;\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            margin-top: 2px;\n            align-items: center;\n\n            .tile-color {\n                width: 15px;\n                height: 15px;\n                cursor: pointer;\n            }\n        }\n    }\n    &.active {\n        position: fixed;\n        z-index: 2;\n\n        .subtitle {\n            span {\n                @include themify($themes) {\n                    color: themed('DropdownActiveBorder');\n                }\n            }\n        }\n        .value {\n            @include themify($themes) {\n                border-color: themed('ColorPickerActiveBorder');\n            }\n\n            svg {\n                transform: scaleY(-1);\n            }\n        }\n    }\n    .sc-color-picker,\n    .sc-numeric-input {\n        min-width: 124px;\n        max-width: 124px;\n    }\n}\n\n.sc-switch {\n    width: 32px;\n    height: 18px;\n    position: relative;\n    cursor: pointer;\n    border-radius: 9px;\n\n    .handle {\n        position: absolute;\n        top: 2px;\n        width: 14px;\n        height: 14px;\n        transition: left 0.2s;\n        border-radius: 7px;\n        @include themify($themes) {\n            background: themed('SwitchHandle');\n        }\n    }\n    &.on {\n        .handle {\n            left: 16px;\n        }\n        @include themify($themes) {\n            background: themed('SwitchOnBg');\n        }\n    }\n    &.off {\n        .handle {\n            left: 2px;\n        }\n        @include themify($themes) {\n            background: themed('SwitchOffBg');\n        }\n    }\n}\n\n.sc-checkbox {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    &__label {\n        font-size: 14px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.43;\n        letter-spacing: normal;\n    }\n    &__box {\n        border-radius: 2px;\n\n        svg {\n            border-radius: 2px;\n            @include themify($themes) {\n                fill: themed('CheckboxBg');\n            }\n        }\n    }\n    &--checked {\n        .sc-checkbox__box svg {\n            @include themify($themes) {\n                background: themed('CheckboxActiveBg');\n                fill: themed('CheckboxActiveBg');\n            }\n        }\n    }\n}\n\n.sc-switch-icon {\n    display: flex;\n\n    &__icon {\n        width: 160px;\n        height: 120px;\n    }\n    &__description {\n        padding-left: 16px;\n    }\n}\n\n.sc-numbercolorpicker, .sc-fontsetting {\n    display: inline-flex;\n}\n\n.sc-numbercolorpicker {\n    display: flex;\n\n    input {\n        box-shadow: none !important;\n        @include themify($themes) {\n            background: themed('InputBg');\n            border: 1px solid themed('InputBorder');\n            color: themed('InputText');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('InputHoverBorder') !important;\n            }\n        }\n        &:focus {\n            @include themify($themes) {\n                border-color: themed('ColorPickerActiveBorder') !important;\n            }\n        }\n    }\n    .sc-numeric-input {\n        width: 124px;\n        min-width: 124px;\n    }\n    .sc-color-picker {\n        width: 124px;\n    }\n}\n\n.sc-numeric-input {\n    position: relative;\n    height: 40px;\n    width: 100%;\n    margin-right: 25px;\n\n    .subtitle {\n        position: absolute;\n        margin-left: 10px;\n        top: -6px;\n        user-select: none;\n\n        span {\n            @include form_subtitle_text;\n            @include themify($themes) {\n                color: themed('ColorPickerSubtitleText');\n                background: themed('DialogSettingBodyBg');\n            }\n        }\n    }\n    input[type='number'] {\n        -moz-appearance: textfield;\n        height: 40px;\n        line-height: 40px;\n        cursor: pointer;\n        border-radius: $border-radius;\n        box-sizing: border-box;\n        padding: 10px 12px;\n        width: 100% !important;\n        box-shadow: none !important;\n        outline: none;\n        @include themify($themes) {\n            color: themed('DropdownText') !important;\n            border: 1px solid themed('DropdownBorder');\n        }\n\n        &::-webkit-outer-spin-button,\n        &::-webkit-inner-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n        &:hover,\n        &:focus {\n            -moz-appearance: textfield;\n        }\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder') !important;\n            }\n        }\n        &:focus {\n            @include themify($themes) {\n                color: themed('InputFocusText') !important;\n                border-color: themed('DefaultInputActiveBorder') !important;\n            }\n        }\n        &:focus + .subtitle > span {\n            @include themify($themes) {\n                color: themed('DefaultInputActiveBorder') !important;\n            }\n        }\n    }\n    .sc-numeric-input-buttons {\n        display: flex;\n        flex-direction: column;\n        position: absolute;\n        top: 1px;\n        right: 1px;\n        border-radius: 0 3px 3px 0;\n        @include themify($themes) {\n            background: themed('DialogSettingBodyBg');\n        }\n\n        .ic-icon {\n            width: 24px;\n            height: 19px;\n            line-height: 19px;\n            cursor: pointer;\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('DropdownText');\n                }\n            }\n            &:first-child {\n                border-radius: 0 3px 0 0;\n            }\n            &:last-child {\n                border-radius: 0 0 3px;\n            }\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DefaultInputBtnHoverBg');\n                }\n            }\n        }\n    }\n    &:hover {\n        input[type='number'] {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder');\n            }\n        }\n    }\n}\n\n.sc-changefontsize {\n    width: 56px;\n    margin-right: 5px;\n}\n\n.sc-changefontfamily {\n    width: 138px;\n}\n\n.sc-toggle {\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n}\n\n.sc-toggle > .ic-icon {\n    width: 24px;\n    height: 24px;\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-interval {\n    $self: &;\n    display: flex;\n    padding: 24px;\n    flex-direction: column;\n    box-sizing: border-box;\n    border-radius: $border-radius;\n    @include themify($themes) {\n        background: themed('TimeBg');\n        color: themed('TimeText');\n    }\n\n    &__head {\n        display: flex;\n\n        strong {\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            @include themify($themes) {\n                color: themed('TimeTitleText');\n            }\n        }\n    }\n    &__info {\n        display: none;\n    }\n    &__content {\n        display: flex;\n        flex-wrap: wrap;\n        padding-top: 16px;\n\n        #{ $self }__item {\n            width: 23.9%;\n            height: 32px;\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            text-align: center;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin: 0 4px 8px 0px;\n            cursor: pointer;\n            border-radius: $border-radius;\n            border: 1px solid transparent;\n            box-sizing: border-box;\n            position: relative;\n\n            &:hover {\n                @include themify($themes) {\n                    background: themed('TimeHoverBg');\n                }\n            }\n            &--active {\n                background: transparent !important;\n                @include themify($themes) {\n                    color: themed('TimeActiveText');\n                    border-color: themed('TimeActiveItemBorder');\n                    font-weight: bold;\n                }\n            }\n            &--disabled {\n                cursor: initial;\n                background: transparent !important;\n\n                span {\n                    opacity: 0.32;\n                    pointer-events: none;\n                }\n            }\n        }\n    }\n}\n\n/* Mobile Style */\n.smartcharts-mobile {\n    .sc-interval {\n        padding: 8px 10px 24px;\n    }\n    .sc-interval__info {\n        display: block;\n    }\n    .sc-interval__content .sc-interval__item {\n        width: 31.9% !important;\n        margin: 0 4px 8px 0px;\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-studies {\n    $self: &;\n\n    .react-tabs__tab-list {\n        .react-tabs__tab {\n            box-shadow: none !important;\n            outline: none !important;\n\n            &:after {\n                display: none;\n            }\n        }\n    }\n    .hidden {\n        display: none;\n    }\n    &__panel {\n        width: 360px;\n        height: 392px;\n        padding: 8px 0px 8px 8px;\n        box-sizing: border-box;\n\n        > h3 {\n            font-size: 14px;\n            color: #999999;\n            font-weight: normal;\n            padding: 0 8px;\n            margin: 18px 0;\n            display: none;\n        }\n        &__head {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 16px;\n\n            p {\n                font-size: 12px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 0.1;\n                letter-spacing: normal;\n                padding: 0 8px;\n                @include themify($themes) {\n                    color: themed('IndicatorListItemText');\n                }\n            }\n        }\n        &__content {\n            width: 100%;\n\n            &--active {\n                #{ $self }__list__item {\n                    height: 48px;\n                    cursor: initial;\n\n                    &__box {\n                        padding: 4px 16px;\n                        height: 48px;\n                    }\n                }\n            }\n        }\n        &--active {\n            padding-right: 8px;\n        }\n        &--search {\n            .sc-scrollbar {\n                .sc-studies__category:first-child {\n                    .sc-studies__list {\n                        &__item {\n                            &:nth-child(1),\n                            &:nth-child(2) {\n                                .sc-tooltip__inner {\n                                    position: fixed;\n                                    left: auto;\n                                    top: auto;\n                                    transform: translateY(-100%) translateX(10%);\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &--empty {\n        display: flex;\n        flex-direction: column;\n        padding: 8px;\n        justify-content: center;\n        align-content: center;\n        text-align: center;\n\n        > .ic-icon {\n            width: 130px;\n            height: 80px;\n            margin: 80px auto 24px;\n        }\n        strong {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            text-align: center;\n            margin-bottom: 8px;\n            @include themify($themes) {\n                color: themed('IndicatorEmptyTitleText');\n            }\n        }\n        p {\n            font-size: 12px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            text-align: center;\n            margin: 0px;\n            @include themify($themes) {\n                color: themed('IndicatorEmptyText');\n            }\n        }\n    }\n    &__list {\n        &__item {\n            display: block;\n            height: 40px;\n\n            &__box {\n                height: 40px;\n                cursor: pointer;\n                position: relative;\n                display: flex;\n                margin-right: 4px;\n                border-radius: $border-radius;\n                box-sizing: border-box;\n                justify-content: space-between;\n                align-items: center;\n\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('IndicatorListItemHoverBg');\n                    }\n\n                    .ic-info {\n                        opacity: 1;\n                    }\n                }\n                .info {\n                    display: flex;\n                    justify-content: flex-start;\n                    align-items: center;\n                    width: 100%;\n                    padding: 8px 0 8px 16px;\n\n                    .ic-icon {\n                        margin-right: 16px;\n                    }\n                    .text {\n                        display: flex;\n                        flex-direction: column;\n                        padding-left: 16px;\n\n                        span {\n                            font-size: 14px;\n                            font-weight: normal;\n                            font-style: normal;\n                            line-height: 1.43;\n                            letter-spacing: normal;\n                            margin-right: 16px;\n                            @include themify($themes) {\n                                color: themed('IndicatorListItemText');\n                            }\n                        }\n                        small {\n                            display: block;\n                            font-size: 12px;\n                            font-weight: normal;\n                            font-style: normal;\n                            line-height: 1.5;\n                            letter-spacing: normal;\n                            margin-top: 2px;\n                            text-overflow: ellipsis;\n                            white-space: nowrap;\n                            overflow: hidden;\n                            max-width: 170px;\n                            @include themify($themes) {\n                                color: themed('IndicatorListItemSubText');\n                            }\n                        }\n                    }\n                }\n                .detail {\n                    display: flex;\n                    justify-content: flex-end;\n                    align-items: center;\n                    padding: 0px;\n\n                    span {\n                        font-size: 14px;\n                        font-weight: normal;\n                        font-style: normal;\n                        line-height: 1.43;\n                        letter-spacing: normal;\n                        text-align: right;\n                        margin-left: 8px;\n                    }\n                    .ic-icon {\n                        width: 16px;\n                        height: 16px;\n                        cursor: pointer;\n                        transition: none;\n\n                        svg {\n                            width: 16px;\n                            height: 16px;\n                            @include themify($themes) {\n                                fill: themed('IndicatorListItemText');\n                            }\n                        }\n                        &.ic-info {\n                            margin-right: 16px;\n                        }\n                    }\n                }\n                .ic-info {\n                    opacity: 0;\n                }\n            }\n            .sc-tooltip__inner {\n                width: 280px;\n                height: auto;\n                white-space: break-spaces;\n                text-align: center;\n            }\n            &--disabled {\n                opacity: 0.3;\n                pointer-events: none;\n            }\n            &--disabled-prediction {\n                .info {\n                    opacity: 0.3;\n                    pointer-events: none;\n                }\n            }\n        }\n    }\n    &__category {\n        &__head {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            padding: 8px;\n            @include themify($themes) {\n                color: themed('IndicatorCategoryText');\n            }\n        }\n        &__body {\n            width: 100%;\n        }\n    }\n    &__info {\n        width: 360px;\n        right: 0px;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        position: absolute;\n        padding: 16px 24px;\n        align-items: center;\n        box-sizing: border-box;\n        flex-direction: column;\n        justify-content: space-between;\n        @include themify($themes) {\n            color: themed('IndicatorInfoText');\n            background: themed('IndicatorInfoBg');\n        }\n\n        &__content {\n            margin: -20px -20px 0;\n            padding: 0;\n\n            p {\n                padding: 16px 24px;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                margin: 0px;\n            }\n        }\n        &__footer {\n            width: 100%;\n            position: relative;\n\n            .sc-btn {\n                width: 100%;\n\n                &:disabled {\n                    opacity: 0.32;\n                    pointer-events: none;\n                }\n            }\n            .sc-tooltip__inner {\n                width: 280px;\n                height: auto;\n                white-space: break-spaces;\n                text-align: center;\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-studies {\n        .react-tabs__tab-panel {\n            height: 425px !important;\n        }\n        .sc-dialog {\n            overflow-y: scroll;\n            max-height: calc(100vh - 90px);\n        }\n    }\n    .tabs--vertical .react-tabs__tab-list {\n        width: 50px;\n        min-width: 50px;\n\n        .react-tabs__tab {\n            span:not(.sc-notification-badge):not(.ic-icon) {\n                display: none;\n            }\n            .sc-notification-badge {\n                position: absolute;\n                top: 2px;\n                left: 19px;\n            }\n            .ic-icon {\n                width: 22px;\n                height: 22px;\n\n                svg {\n                    width: 22px;\n                    height: 22px;\n                }\n            }\n        }\n    }\n    .tabs--vertical .react-tabs__tab-panel {\n        width: calc(100% - 50px);\n    }\n    .sc-studies__panel {\n        width: 100%;\n\n        > h3 {\n            display: block;\n        }\n    }\n    .sc-studies__panel__content--active .sc-studies__list__item {\n        padding: 4px;\n    }\n    .sc-studies__list__item .info {\n        padding: 8px 0 8px 8px;\n\n        .text {\n            padding-left: 0px;\n        }\n    }\n    .sc-studies__list__item .ic-info {\n        opacity: 1;\n    }\n    .sc-studies__list__item .detail span {\n        margin-left: 16px;\n    }\n    .sc-studies__info {\n        width: calc(100% - 50px);\n\n        > p {\n            max-height: 360px;\n            height: 360px;\n            overflow-y: scroll;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-search-input {\n    width: 100%;\n    padding: 0px;\n    box-sizing: border-box;\n    position: relative;\n\n    > input {\n        direction: ltr;\n        padding-left: 32px;\n        line-height: 2;\n        font-size: 1.4rem;\n        border: none;\n        outline: 0;\n        background-color: transparent;\n        border-radius: $border-radius;\n        width: 100%;\n        box-sizing: border-box;\n        transition: border-color 0.2s ease-in-out;\n        @include placeholder {\n            @include themify($themes) {\n                color: themed('IndicatorSearchText');\n            }\n        }\n        @include themify($themes) {\n            color: themed('IndicatorSearchActiveText');\n            border: 1px solid themed('IndicatorSearchBorder');\n            background: themed('IndicatorSearchBg');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('IndicatorSearchHoverBorder');\n            }\n        }\n        &:focus {\n            @include themify($themes) {\n                border-color: themed('IndicatorSearchActiveBorder');\n            }\n        }\n    }\n    .ic-icon {\n        position: absolute;\n        top: 6px;\n        left: 8px;\n        width: 16px;\n        height: 16px;\n\n        svg {\n            width: 16px;\n            height: 16px;\n            top: -1px;\n            @include themify($themes) {\n                fill: themed('IndicatorSearchIcon');\n            }\n        }\n        &.icon-reset {\n            left: auto;\n            right: 8px;\n            opacity: 0;\n            top: 5px;\n            pointer-events: none;\n            cursor: pointer;\n\n            svg {\n                stroke: none;\n                @include themify($themes) {\n                    fill: themed('IndicatorSearchIconReset');\n                }\n            }\n        }\n    }\n    &.active {\n        > input {\n            @include themify($themes) {\n                color: themed('IndicatorSearchActiveText') !important;\n                border-color: themed('IndicatorSearchActiveBorder') !important;\n            }\n        }\n        .ic-icon {\n            &.icon-reset {\n                opacity: 1;\n                pointer-events: initial;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-views-menu {\n    .sc-dialog {\n        width: 320px;\n    }\n}\n\n.form--sc-views {\n    overflow-y: hidden !important;\n\n    &__input {\n        height: 40px;\n        position: relative;\n        display: flex;\n\n        .sc-input {\n            width: calc(100% - 40px);\n            border-radius: $border-radius 0 0 $border-radius;\n            height: 40px;\n            text-align: left;\n            @include themify($themes) {\n                color: themed('DefaultText');\n            }\n\n            &::placeholder {\n                @include themify($themes) {\n                    color: themed('TemplateFormInputText');\n                }\n            }\n        }\n        .subtitle {\n            position: absolute;\n            top: -6px;\n            left: 10px;\n            z-index: 1;\n            opacity: 0;\n            font-size: 10px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.4;\n            letter-spacing: normal;\n\n            span {\n                padding: 0 4px;\n                @include themify($themes) {\n                    background: themed('TemplateBg');\n                }\n            }\n        }\n        button {\n            width: 40px;\n            height: 40px;\n            border-radius: 0 $border-radius $border-radius 0;\n            padding: 8px 7px;\n            border: none !important;\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('TemplateFormBtnText');\n                }\n            }\n        }\n        &--active {\n            .subtitle {\n                opacity: 1;\n                @include themify($themes) {\n                    color: themed('TemplateFormInputActiveBorder');\n                }\n            }\n            input {\n                @include themify($themes) {\n                    border-color: themed('TemplateFormInputActiveBorder');\n                    color: themed('TemplateFormInputActiveText');\n                }\n            }\n            button {\n                @include themify($themes) {\n                    background: themed('TemplateFormActiveBtnBg');\n                }\n            }\n        }\n    }\n}\n\n.sc-views {\n    height: 304px;\n    position: relative;\n    border-radius: 0 0 $border-radius $border-radius;\n    @include themify($themes) {\n        background: themed('TemplateBg');\n    }\n\n    &__menu {\n        position: relative;\n\n        .ic-icon {\n            margin: auto;\n            width: 16px;\n            height: 16px;\n            top: -4px;\n            position: relative;\n\n            svg {\n                stroke: none !important;\n                width: 16px !important;\n                height: 16px !important;\n                @include themify($themes) {\n                    fill: themed('ChartModeText') !important;\n                }\n            }\n        }\n    }\n    &--empty {\n        display: flex;\n        flex-direction: column;\n        padding: 24px;\n        justify-content: center;\n        align-content: center;\n        text-align: center;\n\n        > .ic-icon {\n            width: 130px;\n            height: 130px;\n            margin: 24px auto 0px;\n        }\n        p {\n            font-size: 12px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            text-align: center;\n            margin: 0 0 46px;\n            @include themify($themes) {\n                color: themed('TemplateEmptyText');\n            }\n        }\n        button {\n            background: transparent;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-weight: bold;\n            outline: none;\n            padding: 10px 16px;\n\n            > .ic-icon {\n                width: 16px;\n                height: 16px;\n                line-height: 16px;\n                margin-right: 6px;\n                @include themify($themes) {\n                    fill: themed('TemplateEmptyBtnText');\n                }\n            }\n        }\n    }\n    &__views {\n        padding: 16px 8px 0;\n        @include themify($themes) {\n            border-top: 1px solid themed('TemplateListBorder');\n        }\n\n        &__head {\n            display: flex;\n            justify-content: space-between;\n            padding: 8px 16px;\n\n            h5 {\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                margin: 0px;\n                @include themify($themes) {\n                    color: themed('TemplateListHeadText');\n                }\n            }\n            button {\n                height: 24px;\n                border-radius: $border-radius;\n                cursor: pointer;\n                background: transparent;\n                outline: none !important;\n                font-weight: bold;\n                @include themify($themes) {\n                    border: 1px solid themed('TemplateListHeadBtnBorder');\n                    color: themed('TemplateListHeadBtnText');\n                }\n            }\n        }\n        &__list {\n            &__item {\n                height: 40px;\n                border-radius: $border-radius;\n                display: flex;\n                padding: 10px 16px;\n                justify-content: space-between;\n                box-sizing: border-box;\n                align-items: center;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                cursor: pointer;\n                position: relative;\n                @include themify($themes) {\n                    color: themed('TemplateListItemText');\n                }\n\n                .text {\n                    max-width: 240px;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    overflow: hidden;\n\n                    &--disabled {\n                        opacity: 0.5;\n                        cursor: not-allowed; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n                    }\n                }\n                .ic-icon {\n                    @include themify($themes) {\n                        fill: themed('TemplateListItemText');\n                    }\n                }\n                .sc-tooltip__inner {\n                    max-width: 304px;\n                    height: auto;\n                    white-space: break-spaces;\n                    text-align: center;\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('TemplateListItemHoverBg');\n                    }\n                }\n            }\n        }\n    }\n    &--overwrite {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        width: 100%;\n        height: 100%;\n        z-index: 40;\n        @include themify($themes) {\n            background: themed('TemplateBg');\n        }\n\n        &__content {\n            height: 230px;\n            padding: 24px 16px 16px;\n            box-sizing: border-box;\n            text-align: center;\n\n            .ic-icon {\n                margin: auto;\n                width: 128px;\n                height: 128px;\n            }\n            p {\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                text-align: center;\n                @include themify($themes) {\n                    color: themed('TemplateText');\n                }\n            }\n        }\n        &__footer {\n            height: 72px;\n            padding: 16px 24px;\n            text-align: right;\n            box-sizing: border-box;\n            @include themify($themes) {\n                border-top: 2px solid themed('TemplateListBorder');\n            }\n\n            button {\n                margin-left: 8px;\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-views-menu {\n        .sc-dialog {\n            left: auto;\n            width: 300px;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-chart-size {\n    display: flex !important;\n    height: auto;\n    width: auto !important;\n\n    &:after {\n        display: none;\n    }\n    > span {\n        opacity: 1;\n        position: relative;\n        cursor: pointer;\n        transition: scale 0.25s;\n    }\n    .cq-menu-btn {\n        cursor: pointer;\n        padding: 5px 0px;\n\n        &:hover {\n            @include themify($themes) {\n                background: themed('MenuHoverBg');\n            }\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-dtools {\n    $self: &;\n\n    .tabs--vertical .react-tabs__tab-list {\n        padding-top: 0px !important;\n    }\n    &--empty {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        height: 100%;\n\n        > .ic-icon {\n            width: 130px;\n            height: 80px;\n            margin: 0 auto 24px;\n        }\n        p {\n            font-size: 12px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            text-align: center;\n            margin: 0 0 46px;\n            @include themify($themes) {\n                color: themed('DrawToolsEmptyText');\n            }\n        }\n    }\n    &__panel {\n        width: 360px;\n        height: 392px;\n        padding: 16px 0 16px 8px;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n\n        &__head {\n            text-align: right;\n            padding: 0 16px 16px;\n\n            .sc-btn {\n                cursor: pointer;\n            }\n        }\n        &__content {\n            box-sizing: border-box;\n\n            &--active {\n                #{ $self }__list__item {\n                    height: 48px;\n                    padding: 4px 16px;\n                    cursor: initial;\n                }\n            }\n        }\n    }\n    &__list {\n        &__item {\n            height: 40px;\n            padding: 10px 16px;\n            display: flex;\n            margin-right: 8px;\n            border-radius: $border-radius;\n            box-sizing: border-box;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            @include themify($themes) {\n                color: themed('DrawToolsItemText');\n            }\n\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DrawToolsHoverBg');\n                }\n            }\n            .info {\n                display: flex;\n                align-items: center;\n\n                .text {\n                    display: flex;\n                    flex-direction: column;\n                    padding-left: 16px;\n\n                    span {\n                        font-size: 14px;\n                        font-weight: normal;\n                        font-style: normal;\n                        line-height: 1.43;\n                        letter-spacing: normal;\n                        margin-right: 16px;\n                    }\n                    small {\n                        display: block;\n                        font-size: 12px;\n                        font-weight: normal;\n                        font-style: normal;\n                        line-height: 1.5;\n                        letter-spacing: normal;\n                        margin-top: 2px;\n                        @include themify($themes) {\n                            color: themed('DrawToolsItemSubText');\n                        }\n                    }\n                }\n            }\n            .actions {\n                display: flex;\n                justify-content: space-between;\n\n                small {\n                    font-size: 14px;\n                    font-weight: normal;\n                    font-style: normal;\n                    line-height: 1.43;\n                    letter-spacing: normal;\n                    text-align: right;\n                }\n                .ic-icon {\n                    cursor: pointer;\n\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('DrawToolsItemIcon');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &__category {\n        margin-top: 16px;\n\n        &__head {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            margin-bottom: 8px;\n            @include themify($themes) {\n                color: themed('DrawToolsItemSubText');\n            }\n        }\n    }\n    .cq-menu-dropdown {\n        width: 200px;\n        box-sizing: border-box;\n        overflow: visible !important;\n\n        .body {\n            padding: 0 7px 0 16px;\n            overflow: visible;\n\n            .ciq-list {\n                padding-right: 9px;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-chart-setting {\n    .tabs--vertical .react-tabs__tab-list {\n        padding-top: 0px !important;\n    }\n    &__panel {\n        width: 536px;\n        height: 564px;\n        padding: 24px;\n        box-sizing: border-box;\n    }\n    .form__group {\n        margin-bottom: 24px;\n\n        .form__label {\n            font-size: 14px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            margin-bottom: 16px;\n            @include themify($themes) {\n                color: themed('ChartSettingItemTitleText');\n            }\n        }\n        .sc-checkbox {\n            .sc-checkbox__label {\n                @include themify($themes) {\n                    color: themed('ChartSettingText');\n                }\n            }\n        }\n        &--theme {\n            .form__control {\n                display: flex;\n                justify-content: space-between;\n            }\n            .form__group__item {\n                cursor: pointer;\n                border-radius: $border-radius;\n                text-align: center;\n\n                .ic-icon {\n                    border-radius: $border-radius;\n                    border: 1px solid transparent;\n                    width: 238px;\n                    height: 182px;\n                    cursor: pointer;\n                }\n                .text {\n                    font-size: 14px;\n                    font-weight: normal;\n                    font-style: normal;\n                    line-height: 1.43;\n                    letter-spacing: normal;\n                    text-align: center;\n                    padding-top: 8px;\n                    @include themify($themes) {\n                        color: themed('ChartSettingText');\n                    }\n                }\n                &--active {\n                    .ic-icon {\n                        @include themify($themes) {\n                            border-color: themed('ChartSettingItemActiveBorder');\n                        }\n                    }\n                    .text {\n                        font-weight: bold;\n                    }\n                }\n            }\n        }\n        &--language {\n            .form__control {\n                display: flex;\n                flex-wrap: wrap;\n            }\n            .form__group__item {\n                width: 80px;\n                height: 84px;\n                text-align: center;\n                border-radius: $border-radius;\n                border: 1px solid transparent;\n                cursor: pointer;\n                box-sizing: border-box;\n                margin: 0 16px 16px 0;\n\n                .ic-icon {\n                    margin: 16px auto 8px;\n                    width: 36px;\n                    height: 24px;\n\n                    svg {\n                        width: 36px;\n                        height: 24px;\n                    }\n                }\n                .text {\n                    display: block;\n                    font-size: 14px;\n                    font-weight: normal;\n                    font-style: normal;\n                    line-height: 1.43;\n                    letter-spacing: normal;\n                    text-align: center;\n                    @include themify($themes) {\n                        color: themed('ChartSettingText');\n                    }\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('ChartSettingItemHoverBg');\n                    }\n                }\n                &--active {\n                    background: transparent !important;\n                    @include themify($themes) {\n                        border-color: themed('ChartSettingItemActiveBorder');\n                    }\n                }\n            }\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-download-menu {\n    .sc-dialog {\n        width: 320px;\n    }\n}\n\n.sc-download {\n    padding: 24px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    border-radius: $border-radius;\n    gap: 16px;\n    font-size: 12px;\n    line-height: 18px;\n    justify-items: center;\n\n    &__description {\n        grid-column: 1 / span 2;\n        justify-self: start;\n    }\n    @include themify($themes) {\n        background: themed('DownloadBg');\n        color: themed('DownloadText');\n    }\n\n    &__item {\n        width: 88px;\n        height: 88px;\n        place-content: center;\n        box-sizing: border-box;\n        border-radius: $border-radius;\n        text-align: center;\n        cursor: pointer;\n        position: relative;\n        margin-right: 8px;\n\n        .ic-icon {\n            width: 32px;\n            height: 32px;\n            margin: 0 auto 4px;\n        }\n        &:hover {\n            @include themify($themes) {\n                background: themed('DownloadActiveBg');\n            }\n        }\n        &__label {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            display: block;\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-download {\n        justify-content: space-around;\n\n        &__item {\n            margin: 0px;\n        }\n    }\n    .sc-download-menu {\n        .sc-dialog {\n            left: auto;\n            width: 300px;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .react-tabs {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-tabs__tab-list {\n  border-bottom: 1px solid #aaa;\n  margin: 0 0 10px;\n  padding: 0;\n}\n\n.react-tabs__tab {\n  display: inline-block;\n  border: 1px solid transparent;\n  border-bottom: none;\n  bottom: -1px;\n  position: relative;\n  list-style: none;\n  padding: 6px 12px;\n  cursor: pointer;\n}\n\n.react-tabs__tab--selected {\n  background: #fff;\n  border-color: #aaa;\n  color: black;\n  border-radius: 5px 5px 0 0;\n}\n\n.react-tabs__tab--disabled {\n  color: GrayText;\n  cursor: default;\n}\n\n.react-tabs__tab:focus {\n  outline: none;\n}\n\n.react-tabs__tab:focus:after {\n  content: '';\n  position: absolute;\n  height: 5px;\n  left: -4px;\n  right: -4px;\n  bottom: -5px;\n  background: #fff;\n}\n\n.react-tabs__tab-panel {\n  display: none;\n}\n\n.react-tabs__tab-panel--selected {\n  display: block;\n}\n","@charset \"UTF-8\";\n\n$chart-green: #4caf50;\n$chart-red: #f95454;\n\n/* CSS Document */\n\nhtml,\nbody {\n    -ms-touch-action: none; /* This is necessary to allow the chart to grab windows touch events */ /* stylelint-disable-line plugin/no-unsupported-browser-features */\n    touch-action: none; /* Standard property for compatibility */ /* stylelint-disable-line plugin/no-unsupported-browser-features */\n    margin: 0px; /*to deal with iFraming which sets 8px by default in some browsers*/\n}\n\n/*! rtl:ignore */\n.chartContainer {\n    /* DIV that the canvas expands to. #chartContainer is only for backward compatibility with older libraries. */\n    display: block;\n    font-family: $base-font;\n    font-size: 12px;\n    position: relative; /* chart container must be relative for internal DOM elements to be correct */\n    transition: height 0.4s ease-in-out;\n    @include themify($themes) {\n        background: themed('ChartBg');\n        color: themed('ChartText');\n    }\n\n    .flutter-chart {\n        width: 100%;\n        height: 100%;\n    }\n}\n\n/*! rtl:ignore */\n.cq-inchart-subholder {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0px;\n    pointer-events: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n}\n/* Chart Block */\n\n/*! rtl:ignore */\n.ciq-chart {\n    height: auto;\n    width: 100%;\n    z-index: 4;\n    touch-action: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n\n    @include themify($themes) {\n        background: themed('ChartBg');\n    }\n\n    &--screenshot {\n        .calendar,\n        .cq-menu-dropdown,\n        .sc-toolbar-widget,\n        .sc-navigation-widget,\n        .time-picker-dropdown {\n            /*\n            There is a strange bug where dropdowns get displayed (partially)\n            when html is being rendered to canvas. So we set this to manually\n            hide it when PNG is exported.\n            */\n            display: none !important;\n        }\n    }\n}\n\n/* The Chart */\n\n/*! rtl:ignore */\n.cq-chart-control-left {\n    .chartContainer {\n        width: calc(100% - 100px);\n        margin-left: 100px;\n    }\n}\n\n/* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */\n\n/* Up/Down Arrow indicators */\n.cq-change {\n    &:after {\n        /*! rtl:ignore */\n        float: right;\n        margin-top: 5px;\n        margin-right: 5px;\n        @include triangle-base(6px);\n    }\n    &.up:after {\n        border-bottom: 8px solid $COLOR_GREEN_1;\n    }\n    &.down:after {\n        border-top: 8px solid $COLOR_RED;\n    }\n    .cq-todays-change-percent {\n        padding-left: 3px;\n    }\n}\n\n/* --------------------------------------------------------- CHART CONTROLS --------------------------------------------------------- */\n\n/*! rtl:ignore */\n\n.scroll_to_recent:hover,\n.scroll_to_recent:active {\n    /* Make buttons full opacity on hover or hit */\n    opacity: 1;\n}\n\n/*! rtl:ignore */\n\n.scroll_to_recent {\n    /* Button  jumping to today's data */\n    color: #fff;\n    overflow: hidden;\n    position: absolute;\n    bottom: 12px;\n    right: 80px;\n    line-height: 0px;\n    height: 32px;\n    width: 32px;\n    padding: 0px;\n    margin-bottom: 17px;\n    border-radius: $border-radius;\n    z-index: 12;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    @include themify($themes) {\n        background: themed('NavigationWidgetBg');\n    }\n\n    svg {\n        position: relative;\n        @include themify($themes) {\n            fill: themed('NavigationWidgetColor');\n        }\n    }\n}\n\n/* ------------------------------------------------------- CHART OVERLAY ELEMENTS ------------------------------------------------------ */\n.mSticky {\n    position: absolute;\n    display: none;\n    z-index: 44;\n    white-space: nowrap;\n    border-radius: $border-radius;\n    font-size: 12px;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    text-align: center;\n    @include themify($themes) {\n        color: themed('ChartStickyText');\n        background: themed('ChartStickyBg');\n    }\n\n    .mStickyInterior {\n        padding: 8px;\n        position: relative;\n        width: 100%;\n        border-radius: $border-radius $border-radius 0px 0px;\n        border: none;\n        box-sizing: border-box;\n        font-size: 12px;\n        font-weight: bold;\n        font-style: normal;\n        line-height: 1.5;\n        letter-spacing: normal;\n        text-align: center;\n        @include themify($themes) {\n            background: themed('ChartStickyInnerBg');\n            color: themed('ChartStickyInnerText');\n        }\n    }\n}\n\n.mouseDeleteInstructions {\n    margin: 8px;\n    background: transparent;\n    display: block;\n}\n\n/* --------------------------------------------------------- CHART SDK --------------------------------------------------------- */\n\n/* -------- Axis tabs and current Prices -------- */\n\n@keyframes pulse {\n    0% {\n        box-shadow: 0 0 0 0 rgba($COLOR_ORANGE, 0.6);\n    }\n    70% {\n        box-shadow: 0 0 0 10px rgba($COLOR_ORANGE, 0);\n    }\n    100% {\n        box-shadow: 0 0 0 0 rgba($COLOR_ORANGE, 0);\n    }\n}\n\n.smartcharts-mobile {\n    .mSticky {\n        background: none;\n\n        .mStickyInterior {\n            margin: 0px;\n            padding: 0px 8px 0 !important;\n            line-height: 30px;\n            border-radius: 3px 0px 0px 3px;\n            width: auto;\n            z-index: 99;\n        }\n    }\n    .ciq-chart {\n        padding: 0 8px;\n    }\n}\n\n// To hide google translate tooltips on drag\n#gtx-trans {\n    display: none;\n}\n\n.fast-marker {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    overflow: hidden;\n}\n","/* --------------------------------------------------------- Layout --------------------------------------------------------- */\n\n.ciq-chart-area,\n.ciq-chart {\n    box-sizing: border-box;\n}\n\n/* Chart Area Block */\n.cq-context,\n.ciq-chart-area {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    margin: 0px;\n    z-index: 1;\n    padding: 0px;\n    @include themify($themes) {\n        background: themed('DefaultBg');\n    }\n}\n\n/* --------------------------------------------------------- Navigation --------------------------------------------------------- */\n\n/* Menus/Panel Toggles */\n.smartcharts {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    font-family: $base-font;\n    font-size: $font-size-base;\n    overflow: hidden;\n    top: 0;\n    @include themify($themes) {\n        background: themed('DefaultMain');\n    }\n\n    input {\n        font-weight: 300;\n        user-select: text;\n        @include themify($themes) {\n            color: themed('DefaultText');\n            background-color: themed('DefaultMain');\n        }\n\n        &::placeholder,\n        &::-moz-placeholder {\n            @include themify($themes) {\n                color: themed('DefaultText');\n            }\n        }\n    }\n    div,\n    li,\n    span,\n    a {\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* eliminated annoying flash when tapping screen on ipads */\n        -webkit-tap-highlight-color: transparent; /* For some Androids */\n    }\n    .cq-top-ui-widgets {\n        position: absolute;\n        z-index: 5;\n        margin: 0.2em 0.5em;\n        width: 100%;\n        pointer-events: none;\n\n        > div {\n            // top widgets panel will have no pointer events, but it's children should not be affected:\n            pointer-events: initial;\n        }\n    }\n    .ciq-menu {\n        display: inline-block;\n        position: relative;\n        box-sizing: border-box;\n    }\n    .smartcharts-mobile,\n    .smartcharts-desktop {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n    }\n    .cq-chart-control-left {\n        .cq-top-ui-widgets {\n            left: 90px;\n        }\n        .cq-notifications {\n            right: 100px;\n        }\n    }\n    &--loading {\n        .cq-menu-btn,\n        .sc-toolbar-widget,\n        .ciq-navigation-widget,\n        .sc-chart-footer {\n            opacity: 0.24;\n        }\n    }\n    /* Mobile Style */\n    .smartcharts-mobile {\n        user-select: none;\n\n        .cq-top-ui-widgets {\n            z-index: 13;\n        }\n    }\n}\n\n/*! rtl:ignore */\n.cq-modal__overlay {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: center;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    overflow: hidden;\n}\n\n/*! rtl:ignore */\n.ciq-modal {\n    .cq-modal__overlay {\n        z-index: 9999;\n        position: absolute;\n        @include themify($themes) {\n            background: themed('DialogOverlay');\n        }\n    }\n}\n\n@import 'menu';\n\n/* -------------------------- custom styles -------------------------------------*/\n/*! rtl:ignore */\n.cq-chart-unavailable {\n    position: absolute;\n    text-align: center;\n    width: 100%;\n    top: 50%;\n    z-index: 1;\n    font-size: 1.7em;\n    color: #878787;\n}\n/*! rtl:begin:ignore */\n.sc-tooltip {\n    &__inner {\n        position: absolute;\n        top: 0px;\n        /*! rtl:begin:ignore */\n        left: 50%;\n        /*! rtl:end:ignore */\n        border-radius: $border-radius;\n        height: 34px;\n        width: auto;\n        white-space: nowrap;\n        padding: 8px;\n        font-size: 12px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.5;\n        letter-spacing: normal;\n        opacity: 0;\n        box-sizing: border-box;\n        transform: translateX(-50%) translateY(calc(-100% - 8px));\n        pointer-events: none;\n        @include themify($themes) {\n            background: themed('TooltipBg');\n            color: themed('TooltipText');\n        }\n\n        &:before {\n            position: absolute;\n            width: 0;\n            height: 0;\n            content: ' ';\n            bottom: 0px;\n            left: calc(50% - 6px);\n            background: transparent;\n            border-right: 6px solid transparent;\n            border-left: 6px solid transparent;\n            transform: translateY(100%);\n            @include themify($themes) {\n                border-top: 6px solid themed('TooltipBg');\n            }\n        }\n    }\n    &--right {\n        .sc-tooltip__inner {\n            left: calc(100% + 10px);\n            top: calc(50% - 17px);\n            transform: none;\n\n            &:before {\n                left: -6px;\n                bottom: calc(50% - 6px);\n                border-top: 6px solid transparent !important;\n                border-bottom: 6px solid transparent !important;\n                border-left: none;\n                transform: translateY(0);\n                @include themify($themes) {\n                    border-right: 6px solid themed('TooltipBg');\n                }\n            }\n        }\n    }\n    &--enable {\n        &:hover {\n            .sc-tooltip__inner {\n                opacity: 1;\n                z-index: 3;\n            }\n        }\n    }\n}\n\n.sc-notification-badge {\n    width: 16px;\n    height: 16px;\n    border-radius: 8px;\n    position: absolute;\n    top: 3px;\n    right: 3px;\n    font-size: 10px;\n    font-weight: bold;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    text-align: center;\n    @include themify($themes) {\n        background: themed('NotificationBadgeBg');\n        color: themed('NotificationBadgeText');\n    }\n}\n/* -------------------------- buttons -------------------------------------*/\n\n.sc-btn {\n    padding: 5px 16px;\n    font-size: 14px;\n    font-weight: bold;\n    font-style: normal;\n    line-height: 1.43;\n    letter-spacing: normal;\n    text-align: center;\n    border-radius: $border-radius;\n    outline: none !important;\n    border: 1px solid;\n    @include themify($themes) {\n        border-color: themed('BtnDefaultBg');\n        background: themed('BtnDefaultBg');\n        color: themed('BtnDefaultText');\n    }\n\n    &[type='button'] {\n        cursor: pointer;\n    }\n    &:hover {\n        @include themify($themes) {\n            background: themed('BtnDefaultHoverBg');\n        }\n    }\n    &--sm {\n        padding: 3px 12px;\n        font-size: 12px;\n    }\n    &--w100 {\n        width: 100%;\n    }\n    &--primary {\n        @include themify($themes) {\n            border-color: themed('BtnPrimaryBg');\n            background: themed('BtnPrimaryBg');\n            color: themed('BtnPrimaryText');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('BtnPrimaryHoverBg');\n                background: themed('BtnPrimaryHoverBg');\n            }\n        }\n        &--disabled {\n            opacity: 0.32;\n            @include themify($themes) {\n                border-color: themed('BtnPrimaryBg');\n                background: themed('BtnPrimaryBg');\n            }\n\n            &:hover {\n                @include themify($themes) {\n                    border-color: themed('BtnPrimaryBg');\n                    background: themed('BtnPrimaryBg');\n                }\n            }\n        }\n    }\n    &--outline-secondary {\n        background: transparent;\n        @include themify($themes) {\n            border-color: themed('BtnSecondaryBorder');\n            color: themed('BtnSecondaryText');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                background: themed('BtnSecondaryHoverBg') !important;\n            }\n        }\n    }\n}\n\n.sc-chart__status {\n    width: 8px;\n    height: 8px;\n    border-radius: $border-radius;\n    margin: 4px 0;\n    opacity: 1;\n    @include themify($themes) {\n        background: themed('ChartStatus');\n    }\n\n    &--online {\n        @include themify($themes) {\n            background: themed('ChartStatusOnline');\n        }\n    }\n    &--blinker {\n        animation: blinking-network-status 0.4s infinite alternate;\n        @include themify($themes) {\n            background: themed('ChartStatusOnline');\n        }\n    }\n    &--offline {\n        @include themify($themes) {\n            background: themed('ChartStatusOffline');\n        }\n    }\n}\n\n.sc-input {\n    border-radius: $border-radius 0 0 $border-radius;\n    height: 40px;\n    box-sizing: border-box;\n    border-right: none !important;\n    position: relative;\n    outline: none !important;\n    padding: 10px 12px;\n    font-size: 14px;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.43;\n    letter-spacing: normal;\n    background: transparent;\n    @include themify($themes) {\n        border: 1px solid themed('InputDefaultBorder');\n    }\n\n    &::placeholder,\n    &::-moz-placeholder {\n        font-size: 14px;\n        @include themify($themes) {\n            color: themed('InputDefaultText');\n        }\n    }\n    &:hover {\n        @include themify($themes) {\n            border-color: themed('InputDefaultHoverBorder');\n        }\n    }\n    &--active {\n        @include themify($themes) {\n            border-color: themed('InputDefaultActiveBorder') !important;\n        }\n    }\n}\n\n[dir='rtl'] .sc-input {\n    border-right: 1px solid $color-grey-5 !important;\n}\n\n/*! rtl:end:ignore */\n@keyframes blinking-network-status {\n    40% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 0;\n    }\n}\n","$transition-duration: 300ms;\n\n.ciq-menu {\n    position: relative;\n    @include themify($themes) {\n        color: themed('MenuText');\n    }\n\n    > span {\n        padding: 0 12px 0 0;\n        position: relative;\n        font-weight: 400;\n    }\n    .cq-menu-btn {\n        user-select: none;\n    }\n    &.ciq-enabled > .cq-menu-btn {\n        cursor: pointer;\n    }\n}\n\n.cq-menu-dropdown {\n    display: block;\n    line-height: 2.1em;\n    position: absolute;\n    overflow: hidden;\n    height: auto;\n    border-radius: 3px;\n    bottom: 5em;\n    pointer-events: none;\n    opacity: 0;\n    z-index: 3;\n    transition: transform $transition-duration, opacity $transition-duration;\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);\n    margin-top: 5px;\n    @include themify($themes) {\n        color: themed('DialogBodyText');\n        background-color: themed('DialogBodyBg');\n    }\n\n    &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n        opacity: 1;\n    }\n    &.cq-menu-dropdown-enter-done {\n        pointer-events: initial;\n    }\n    .title {\n        display: block;\n        height: 20px;\n        line-height: 20px;\n        padding: 9px 16px;\n        box-sizing: content-box;\n        @include themify($themes) {\n            background: themed('DialogHeadBg');\n            color: themed('DialogHeadText');\n        }\n\n        .title-text {\n            display: inline-block;\n            font-size: 1.2em;\n            font-weight: bold;\n        }\n        > .ic-icon {\n            @include themify($themes) {\n                color: themed('DialogHeadIcon');\n            }\n        }\n    }\n    .icon-close-menu {\n        cursor: pointer;\n        position: absolute;\n        top: 5px;\n        right: 5px;\n        height: 30px;\n        width: 30px;\n        pointer-events: none;\n        opacity: 0;\n    }\n}\n\n.smartcharts-mobile {\n    .ciq-menu {\n        &.stxMenuActive {\n            z-index: 9;\n        }\n        .cq-menu-btn:hover {\n            > .ic-icon {\n                svg {\n                    background: transparent;\n                }\n            }\n        }\n    }\n    .cq-modal-dropdown {\n        &.stxMenuActive {\n            z-index: 2;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n        }\n        &.cq-chart-title {\n            .cq-modal__overlay .cq-menu-dropdown {\n                /* for studies and comparison dropdown, fill screen in mobile */\n                height: 100%;\n\n                .title {\n                    border-bottom: none !important;\n                }\n            }\n        }\n        .cq-modal__overlay {\n            position: relative;\n            transition: opacity $transition-duration;\n            height: inherit;\n            width: 100%;\n            padding: 0;\n            opacity: 0;\n        }\n        &.stxMenuActive .cq-modal__overlay {\n            opacity: 1;\n            pointer-events: initial;\n            visibility: visible;\n        }\n        &.cq-chart-title .cq-menu-dropdown {\n            transform: translateY(-3em);\n        }\n        .cq-menu-dropdown {\n            height: auto;\n            bottom: 0;\n            box-shadow: none;\n            border-radius: 0;\n            width: 100%;\n            position: absolute;\n            transform: translateY(3em);\n            border: none;\n\n            &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n                transform: translateY(0em);\n            }\n            .title {\n                .title-text {\n                    font-size: 14px;\n                }\n                .icon-close-menu {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('DialogHeadText');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .cq-menu-dropdown {\n        &.cq-menu-dropdown-enter-done {\n            .icon-close-menu {\n                pointer-events: initial;\n                opacity: 1;\n            }\n        }\n    }\n}\n","@charset \"UTF-8\";\n\n/*! rtl:begin:ignore */\n.barrier-area {\n    -moz-user-select: none;\n    -webkit-user-select: none;\n    padding: 13px 0;\n    position: absolute;\n    top: 0;\n    user-select: none;\n    width: 100%;\n}\n\n/* Drag Lines and Prices */\n\n.chart-line {\n    position: absolute;\n    z-index: 35;\n\n    &.draggable {\n        pointer-events: all;\n    }\n    &.horizontal {\n        width: 100%;\n        left: 0;\n        font-size: 1em;\n\n        &:hover {\n            z-index: 105;\n        }\n        &.draggable > .draggable-area {\n            &:hover {\n                background: rgba(0, 0, 0, 0.05);\n            }\n            height: 20px;\n            top: -8px;\n            position: absolute;\n            width: 100%;\n        }\n        .drag-line {\n            /* rtl:begin:ignore */\n            height: 1px;\n            float: left;\n            width: 100%;\n            margin-left: -10px;\n            position: relative;\n            border-top-width: 1px;\n            border-top-color: $color-blue;\n            /* rtl:end:ignore */\n        }\n        .title-wrapper {\n            $title-height: 24px;\n            position: absolute;\n            height: $title-height;\n            top: -11px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 11px;\n            padding: 3px 10px;\n            font-weight: bold;\n\n            .title {\n                white-space: pre-wrap;\n            }\n        }\n    }\n}\n\n.draggable.chart-line:hover {\n    &.horizontal {\n        cursor: ns-resize;\n    }\n    &.vertical {\n        cursor: ew-resize;\n    }\n}\n\n.hide-pricelines > .chart-line.horizontal,\n.hide-pricelines > .barrier-area {\n    display: none;\n}\n\n.drag-price {\n    display: flex;\n    height: 24px;\n    top: -14px;\n    position: absolute;\n    right: -1px;\n    justify-content: space-between;\n    border: 1px solid;\n    border-radius: 4px;\n\n    @include themify($themes) {\n        &:not(&--narrow) {\n            background-color: themed('DefaultMain');\n        }\n    }\n\n    &--narrow {\n        height: 25px;\n        top: -12px;\n        background-color: rgba(12, 40, 247, 0.16);\n    }\n    .arrow-icon {\n        height: 41px;\n        padding: 4px 0px;\n        position: absolute;\n        transition: none;\n        left: 2px;\n        width: calc(100% - 2px);\n    }\n}\n\n.price {\n    display: block;\n    font-size: 12px;\n    line-height: 18px;\n    overflow: unset;\n    padding: 3px 1px;\n    position: relative;\n    right: 45px;\n    text-align: center;\n    width: max-content;\n\n    &--zero {\n        color: $color-blue;\n        padding: unset;\n\n        @include themify($themes) {\n            /* stylelint-disable number-max-precision, plugin/no-unsupported-browser-features */\n            background-image: linear-gradient(\n                rgba(255, 255, 255, 0.001) 30%,\n                themed('DefaultBg') 50%,\n                rgba(255, 255, 255, 0.001) 75%\n            );\n            /* stylelint-enable number-max-precision, plugin/no-unsupported-browser-features */\n        }\n    }\n}\n\n.draggable {\n    &-area-wrapper {\n        display: flex;\n    }\n    .price {\n        overflow: unset;\n        position: relative;\n        right: 55px;\n    }\n    .drag-icon {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        padding-left: 3px;\n        border-top-left-radius: 4px;\n        border-bottom-left-radius: 4px;\n        color: $color-white;\n        background-color: $color-blue;\n\n        div {\n            background-color: $color-white;\n            height: 1px;\n            margin: 1px;\n            width: 8px;\n        }\n        &--hidden {\n            background-color: transparent;\n\n            div {\n                background-color: $color-blue;\n            }\n        }\n    }\n}\n\n/*--------------------------------------------------*/\n\n/* shade */\n\n.shade.hidden {\n    opacity: 0;\n}\n\n.shade {\n    position: absolute;\n    width: 100%;\n    top: -120px;\n    left: 0;\n    right: 0;\n    height: 120px !important;\n    opacity: 0.3;\n    z-index: -1;\n}\n\n/* css gradients are only partially supported in Safari, but will work here since colors are not premultiplied */\n.top-shade {\n    /* stylelint-disable plugin/no-unsupported-browser-features */\n    background-image: linear-gradient(to bottom, transparent, var(--shade-color));\n    /* stylelint-enable plugin/no-unsupported-browser-features */\n}\n\n.between-shade {\n    opacity: 0.2;\n    background-color: var(--shade-color);\n}\n\n.bottom-shade {\n    /* stylelint-disable plugin/no-unsupported-browser-features */\n    background-image: linear-gradient(to bottom, var(--shade-color), transparent);\n    /* stylelint-enable plugin/no-unsupported-browser-features */\n}\n\n/*! rtl:end:ignore */\n",".sc-loader .sc-loader-spin, .cq-comparison-loader {\n    background-image: svg-load('./icons/loading/loading-spin.svg');\n    background-size: cover;\n}\n\n.smartcharts-dark {\n    .sc-loader .sc-loader-spin, .cq-comparison-loader {\n        background-image: svg-load('./icons/loading/loading-spin-white.svg');\n    }\n}\n\n.sc-loader {\n    display: none;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    top: 0px;\n    left: 0px;\n\n    &.show {\n        display: block;\n        z-index: 9;\n    }\n    .sc-loader-spin {\n        position: absolute;\n        height: 50px;\n        width: 50px;\n        left: 50%;\n        top: 50%;\n        margin-left: -25px;\n        margin-top: -45px;\n        z-index: 1;\n        @include themify($themes) {\n            stroke: themed('Loading');\n        }\n    }\n    .sc-loader-status {\n        padding-top: 5px;\n        position: absolute;\n        height: 20px;\n        width: 200px;\n        left: 50%;\n        top: 50%;\n        margin-left: -100px;\n        margin-top: 10px;\n        text-align: center;\n        @include themify($themes) {\n            color: themed('Loading');\n        }\n    }\n}\n\n.sc-inline-loader {\n    position: relative;\n\n    &:after {\n        border-radius: 3px;\n        position: absolute;\n        content: ' ';\n        left: 0px;\n        top: 0px;\n        width: 100%;\n        height: 100%;\n    }\n    &__inner {\n        width: 50px;\n        height: 14px;\n        position: absolute;\n        top: calc(50% - 7px);\n        left: calc(50% - 25px);\n        opacity: 1 !important;\n\n        &__bullet {\n            height: 100%;\n            width: 4px;\n            margin: 0 2px;\n            display: inline-block;\n            border-radius: 3px;\n            -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;\n            animation: sk-stretchdelay 1.2s infinite ease-in-out;\n            @include themify($themes) {\n                background-color: themed('LoadingBg');\n            }\n\n            &:nth-child(2) {\n                -webkit-animation-delay: -1.1s;\n                animation-delay: -1.1s;\n            }\n            &:nth-child(3) {\n                -webkit-animation-delay: -1s;\n                animation-delay: -1s;\n            }\n            &:nth-child(4) {\n                -webkit-animation-delay: -0.9s;\n                animation-delay: -0.9s;\n            }\n        }\n    }\n    &--enable {\n        > span,\n        > div {\n            opacity: 0.32;\n        }\n    }\n}\n\n@-webkit-keyframes sk-stretchdelay {\n    0%, 40%, 100% {\n        -webkit-transform: scaleY(0.4);\n    }\n    20% {\n        -webkit-transform: scaleY(1);\n    }\n}\n\n@keyframes sk-stretchdelay {\n    0%, 40%, 100% {\n        transform: scaleY(0.4);\n        -webkit-transform: scaleY(0.4);\n    }\n    20% {\n        transform: scaleY(1);\n        -webkit-transform: scaleY(1);\n    }\n}",".sc-drawing-toast {\n    position: fixed;\n    bottom: 24px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 1000;\n\n    display: flex;\n    max-width: 90vw;\n    width: max-content;\n    min-height: 3rem;\n    padding: 0.5rem 0.5rem 0.5rem 1rem;\n    align-items: center;\n    gap: 0.5rem;\n\n    border-radius: 0.5rem;\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n\n    // Animation\n    animation: slideUp 0.3s ease-out;\n\n    @include themify($themes) {\n        border: 1px solid themed('DrawingToastBorder');\n        background: themed('DrawingToastBg');\n        color: themed('DrawingToastText');\n        box-shadow: 0 4px 8px 2px themed('DrawingToastShadow1'), 0 4px 8px 2px themed('DrawingToastShadow2');\n    }\n\n    &__content {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        gap: 8px;\n    }\n    &__message {\n        flex: 1;\n    }\n    &__cancel {\n        background: none;\n        border: none;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: inherit;\n        font-weight: 500;\n        padding: 8px 12px;\n        border-radius: 4px;\n        transition: background-color 0.2s ease;\n\n        @include themify($themes) {\n            color: themed('DrawingToastButtonText');\n\n            &:hover {\n                background: themed('DrawingToastButtonHoverBg');\n            }\n            &:active {\n                background: themed('DrawingToastButtonActiveBg');\n            }\n        }\n\n        &:focus {\n            outline: 2px solid;\n\n            @include themify($themes) {\n                outline-color: themed('DrawingToastFocusOutline');\n            }\n        }\n    }\n\n    // Mobile responsive\n    @media (max-width: 768px) {\n        max-width: calc(100vw - 32px);\n        margin: 0 16px;\n        left: 0;\n        right: 0;\n        transform: none;\n\n        &__message {\n            font-size: 14px;\n        }\n    }\n}\n\n@keyframes slideUp {\n    from {\n        opacity: 0;\n        transform: translateX(-50%) translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0);\n    }\n}\n\n// Mobile animation\n@media (max-width: 768px) {\n    @keyframes slideUp {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n}\n",".sc-deletion-snackbar {\n    position: fixed;\n    bottom: 24px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 1000;\n\n    display: flex;\n    max-width: 90vw;\n    width: max-content;\n    min-height: 3rem;\n    padding: 0.5rem 0.5rem 0.5rem 1rem;\n    align-items: center;\n    gap: 0.5rem;\n\n    border-radius: 0.5rem;\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n\n    // Animation\n    animation: slideUpSnackbar 0.3s ease-out;\n\n    @include themify($themes) {\n        border: 1px solid themed('DeletionSnackbarBorder');\n        background: themed('DeletionSnackbarBg');\n        color: themed('DeletionSnackbarText');\n        box-shadow: 0 4px 8px 2px themed('DeletionSnackbarShadow1'), 0 4px 8px 2px themed('DeletionSnackbarShadow2');\n    }\n\n    &__content {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        gap: 12px;\n    }\n    &__message {\n        flex: 1;\n    }\n    &__close {\n        background: none;\n        border: none;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: 18px;\n        font-weight: 400;\n        padding: 4px 8px;\n        border-radius: 4px;\n        transition: background-color 0.2s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 24px;\n        height: 24px;\n\n        @include themify($themes) {\n            color: themed('DeletionSnackbarCloseText');\n\n            &:hover {\n                background: themed('DeletionSnackbarCloseHoverBg');\n            }\n            &:active {\n                background: themed('DeletionSnackbarCloseActiveBg');\n            }\n        }\n\n        &:focus {\n            outline: 2px solid;\n\n            @include themify($themes) {\n                outline-color: themed('DeletionSnackbarFocusOutline');\n            }\n        }\n\n        // Ensure SVG icons inherit the color\n        .ic-icon > svg {\n            @include themify($themes) {\n                fill: themed('DeletionSnackbarCloseText');\n            }\n        }\n    }\n\n    // Mobile responsive\n    @media (max-width: 768px) {\n        max-width: calc(100vw - 32px);\n        margin: 0 16px;\n        left: 0;\n        right: 0;\n        transform: none;\n\n        &__message {\n            font-size: 14px;\n        }\n    }\n}\n\n@keyframes slideUpSnackbar {\n    from {\n        opacity: 0;\n        transform: translateX(-50%) translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0);\n    }\n}\n\n// Mobile animation\n@media (max-width: 768px) {\n    @keyframes slideUpSnackbar {\n        from {\n            opacity: 0;\n        }\n        to {\n            opacity: 1;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .cq-last-digits {\r\n    position: absolute;\r\n    bottom: 45px;\r\n    left: calc(50% - 150px);\r\n    visibility: hidden;\r\n\r\n    &.show {\r\n        visibility: visible;\r\n    }\r\n    .cq-bars {\r\n        height: 70px;\r\n        @include themify($themes) {\r\n            color: themed('LastdigitsBarText');\r\n        }\r\n\r\n        .min {\r\n            @include themify($themes) {\r\n                color: themed('LastdigitsMinBarBg');\r\n            }\r\n        }\r\n        .max {\r\n            @include themify($themes) {\r\n                color: themed('LastdigitsMaxBarBg');\r\n            }\r\n        }\r\n        .cq-bar-value {\r\n            margin: -16px 0 0 -6px;\r\n            transition: opacity 0.8s linear;\r\n            font-size: 12px;\r\n            opacity: 0;\r\n\r\n            &.show {\r\n                opacity: 1;\r\n            }\r\n        }\r\n        .cq-bar {\r\n            width: 10px;\r\n            @include themify($themes) {\r\n                background-color: themed('LastdigitsBarBg');\r\n            }\r\n            position: absolute;\r\n            bottom: 40px;\r\n            transition: height 0.8s ease-in-out;\r\n            border-radius: 16px;\r\n\r\n            .cq-bar-title {\r\n                position: absolute;\r\n                bottom: -20px;\r\n                width: 10px;\r\n                text-align: center;\r\n                font-size: 14px;\r\n            }\r\n            &.min {\r\n                @include themify($themes) {\r\n                    background-color: themed('LastdigitsMinBarBg');\r\n                }\r\n            }\r\n            &.max {\r\n                @include themify($themes) {\r\n                    background-color: themed('LastdigitsMaxBarBg');\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .cq-bar-footer {\r\n        text-align: center;\r\n        width: 475px;\r\n        font-size: 12px;\r\n        top: 60px;\r\n        position: absolute;\r\n        left: -75px;\r\n\r\n        @include themify($themes) {\r\n            color: themed('LastdigitsBarFooter');\r\n        }\r\n    }\r\n    &.minimised {\r\n        bottom: 10px;\r\n\r\n        .cq-bars {\r\n            height: 25px;\r\n        }\r\n        .cq-bar-footer {\r\n            top: 8px;\r\n        }\r\n    }\r\n}\r\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .cq-bottom-ui-widgets {\n    position: absolute;\n    width: 100%;\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n/* rtl:begin:ignore */\n\n.cq-chart-controls {\n    position: absolute;\n    display: flex;\n    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);\n    z-index: 9;\n    justify-content: center;\n    align-items: stretch;\n    box-sizing: border-box;\n    border-radius: 2px;\n    transition: z-index 0.3s linear;\n    @include themify($themes) {\n        background: themed('MenuBg');\n        box-shadow: inset 0 1px 0 0 themed('ChartControlBoxBorder');\n    }\n\n    &.active {\n        z-index: 5;\n    }\n    .ciq-menu {\n        width: auto;\n\n        > span {\n            margin: 0;\n            padding: 0;\n        }\n        &:after {\n            right: 5px;\n            top: 11px;\n            transform: rotate(225deg); /* 180 + 45 */\n            display: none;\n        }\n        &.ciq-enabled {\n            &.stxMenuActive {\n                @include themify($themes) {\n                    box-shadow: 0px -2px 0px 0 themed('MenuActiveBorder');\n                }\n\n                .cq-menu-btn {\n                    @include themify($themes) {\n                        background: themed('MenuActiveBg');\n                    }\n\n                    > .ic-icon {\n                        @include themify($themes) {\n                            color: themed('MenuActiveText');\n                        }\n\n                        .ic-subtitle {\n                            display: none;\n                            font-weight: bold;\n                            @include themify($themes) {\n                                color: themed('MenuActiveText');\n                            }\n                        }\n                    }\n                }\n            }\n            .cq-menu-btn {\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('MenuHoverBg');\n                    }\n                }\n            }\n        }\n        .cq-menu-btn {\n            position: relative;\n            padding: 3px 5px;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n\n            > .ic-icon {\n                &.active {\n                    .ic-subtitle {\n                        font-weight: bold;\n                        @include themify($themes) {\n                            color: themed('MenuActiveText');\n                        }\n                    }\n                }\n                .ic-subtitle {\n                    display: none;\n                    font-weight: normal;\n                    line-height: normal;\n                    text-align: center;\n                    font-size: 1em;\n                    @include themify($themes) {\n                        color: themed('MenuText');\n                    }\n                }\n                padding: 0.35em 0.5em;\n            }\n        }\n        .sc-tooltip__inner {\n            display: none !important;\n        }\n    }\n}\n\n/* Menu dropdown open/close animation */\n\n.cq-chart-controls .ciq-menu .cq-menu-dropdown {\n    .cq-chart-control-bottom & {\n        transform: translateX(-50%) translateY(3em);\n        left: 50%;\n\n        &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n            transform: translateX(-50%) translateY(0em);\n        }\n    }\n    .cq-chart-control-left & {\n        bottom: auto;\n        left: 9em;\n        top: -1em;\n        transform: translateX(-3em);\n\n        &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n            transform: translateX(0em);\n        }\n    }\n    &.cq-menu-dropdown-exit-active {\n        opacity: 0;\n        z-index: -3;\n    }\n    &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n        opacity: 1;\n        z-index: 6;\n    }\n}\n\n.cq-chart-control-bottom .cq-chart-controls {\n    bottom: 0px;\n    height: 40px;\n    width: 100%;\n    padding: 0 5px;\n}\n\n.cq-chart-control-left .cq-chart-controls {\n    left: 0px;\n    top: 0;\n    height: 100%;\n    width: 100px;\n    padding: 5px 0;\n    flex-flow: column;\n\n    .ciq-menu {\n        min-height: 45px;\n        height: auto;\n\n        .stxMenuActive {\n            @include themify($themes) {\n                box-shadow: 2px 0.3px 0px 0 themed('MenuActiveBorder');\n            }\n        }\n        .cq-menu-btn {\n            padding: 0 5px;\n        }\n    }\n}\n\n/* Mobile Style */\n\n.smartcharts-mobile {\n    .cq-chart-controls {\n        justify-content: space-around;\n        padding: 0 0.7em;\n        height: 40px;\n        @include themify($themes) {\n            box-shadow: inset 0 1px 0 0 themed('ChartControlBoxBorder');\n        }\n\n        &.active {\n            z-index: 5;\n        }\n        .cq-menu-btn {\n            padding: 0;\n        }\n        .ciq-menu {\n            padding: 0em;\n            width: auto;\n\n            .cq-menu-btn {\n                > .ic-icon {\n                    padding: 0.35em 0em;\n                }\n            }\n            .cq-menu-dropdown {\n                height: auto;\n                left: -1px;\n                padding: 0;\n                border: none;\n                box-shadow: none;\n            }\n        }\n        .cq-menu-btn, .sc-chart-size > span {\n            padding: 0 !important;\n        }\n        .ic-icon-with-sub > svg {\n            padding: 5px 10px;\n        }\n    }\n}\n\n.smartcharts-480 {\n    .smartcharts-desktop {\n        .cq-chart-control-bottom {\n            .cq-chart-controls {\n                .ciq-menu {\n                    width: 50px;\n\n                    .cq-menu-btn {\n                        // padding: 8px 5px;\n\n                        > .ic-icon {\n                            padding: 0.35em 0em;\n                        }\n                        .ic-subtitle {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.smartcharts-900 {\n    .smartcharts-desktop {\n        .cq-chart-control-bottom {\n            .cq-chart-controls {\n                .ciq-menu {\n                    width: auto;\n                    min-width: 45px;\n\n                    .cq-menu-btn {\n                        > .ic-icon {\n                            padding: 0.35em 0em;\n                        }\n                        .ic-subtitle {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.smartcharts-1280 {\n    .smartcharts-desktop {\n        .cq-chart-controls {\n            .ciq-menu {\n                width: auto;\n                min-width: 70px;\n\n                .cq-menu-btn {\n                    > .ic-icon {\n                        padding: 0.35em 0.5em;\n                    }\n                    .ic-subtitle {\n                        display: none;\n                    }\n                }\n            }\n        }\n    }\n}\n\n/* rtl:end:ignore */\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-chart-footer {\n    display: flex;\n    height: 31px;\n    width: 100%;\n    position: absolute;\n    bottom: 0px;\n    left: 0px;\n    justify-content: flex-end;\n    z-index: 9;\n    @include themify($themes) {\n        color: themed('FooterText');\n        background: themed('FooterBg');\n        border-top: 1px solid themed('FooterBorder');\n    }\n\n    .ciq-menu {\n        .cq-menu-btn {\n            padding: 8px;\n            cursor: pointer;\n\n            .ic-icon {\n                width: 16px;\n                height: 16px;\n                line-height: 8px;\n\n                svg {\n                    @include themify($themes) {\n                        fill: themed('FooterText');\n                    }\n                }\n            }\n            .ic-subtitle {\n                display: none;\n            }\n            .ic-icon-with-sub {\n                line-height: 8px;\n            }\n        }\n        .sc-tooltip__inner {\n            display: none;\n        }\n        &:hover {\n            @include themify($themes) {\n                background: themed('FooterItemHoverBg');\n            }\n        }\n    }\n    &__item {\n        padding: 8px;\n        font-size: 12px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.5;\n        letter-spacing: normal;\n        text-align: right;\n        position: relative;\n\n        &--status {\n            padding-right: 0px;\n            padding-left: 0px;\n            margin-right: 16px;\n        }\n        &--time {\n            padding-right: 0px;\n            padding-left: 0px;\n            margin-right: 8px;\n\n            span {\n                padding-right: 16px;\n                padding-left: 16px;\n                @include themify($themes) {\n                    border-right: 1px solid themed('FooterBorder');\n                    border-left: 1px solid themed('FooterBorder');\n                }\n            }\n        }\n        .sc-tooltip__inner {\n            top: 9px;\n        }\n        .sc-tooltip__inner:before {\n            display: none;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; /*! rtl:begin:ignore */\n.cq-chart-title {\n    display: inline-block;\n    top: 1em;\n    z-index: 41;\n    margin: 0.2em 0.8em;\n\n    &.ciq-menu.ciq-enabled {\n        .cq-menu-btn > .cq-symbol-select-btn {\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n\n            > .ic-icon.cq-symbol-dropdown {\n                display: block;\n                margin-right: 0px;\n                margin-left: 10px;\n                width: 12px;\n\n                svg {\n                    width: 12px;\n\n                    @include themify($themes) {\n                        fill: themed('ChartTitleArrow');\n                    }\n                }\n            }\n        }\n        &.stxMenuActive > .cq-menu-btn > .cq-symbol-select-btn {\n            @include themify($themes) {\n                border: solid 1px themed('ChartTitleActiveBorder');\n            }\n\n            > .ic-icon.cq-symbol-dropdown {\n                svg {\n                    transform: rotate(180deg);\n\n                    @include themify($themes) {\n                        fill: themed('ChartTitleActiveArrow');\n                    }\n                }\n            }\n        }\n    }\n    &.ciq-enabled .cq-symbol-select-btn {\n        @include themify($themes) {\n            background: themed('ChartTitleBg');\n            border: solid 1px themed('ChartTitleBorder');\n        }\n    }\n    .cq-menu-btn {\n        padding: 8px;\n        border-radius: $border-radius;\n\n        @include themify($themes) {\n            background: themed('ChartTitleSubBg');\n        }\n    }\n    .cq-symbol-select-btn {\n        font-family: $base-font;\n        padding: 0.6em 1em;\n        position: relative;\n        display: flex;\n        align-items: center;\n        border-radius: $border-radius;\n\n        @include themify($themes) {\n            color: themed('ChartTitleText');\n        }\n\n        &__container {\n            display: flex;\n            justify-content: space-between;\n        }\n        &:hover {\n            @include themify($themes) {\n                border: solid 1px themed('ChartTitleHoverBorder');\n            }\n        }\n        > .ic-icon.cq-symbol-dropdown {\n            display: none;\n            position: relative;\n\n            svg {\n                transition: transform 0.2s ease-in-out;\n            }\n        }\n        > .ic-icon,\n        > .ic-frx,\n        > .ic-wld,\n        > .ic-otc {\n            height: $large-icon-size;\n            width: $large-icon-size;\n            transform: scale(1.3);\n\n            > svg {\n                height: $large-icon-size;\n            }\n        }\n        .cq-symbol-info {\n            display: flex;\n            flex-direction: column;\n            margin: 0 0 0 20px;\n\n            @media (min-width: 768px) {\n                min-width: 15rem;\n                min-height: 4.2rem;\n            }\n        }\n        .cq-symbol,\n        .cq-chart-price {\n            .cq-animated-price {\n                transition: color 300ms ease-out;\n            }\n            .divider {\n                padding: 0 3px;\n            }\n            > div {\n                line-height: 1.5;\n            }\n            line-height: 22px;\n            font-size: 1.2em;\n            text-align: left;\n        }\n        .cq-symbol {\n            font-weight: bold;\n            font-size: 1.6em;\n            text-align: left;\n            line-height: 24px;\n            width: auto;\n            padding-right: 1rem;\n\n            @include themify($themes) {\n                color: themed('ChartTitleSymbolText');\n            }\n\n            &.closed-no-opentime {\n                // To make the cq-symbol-btn have the same height with and without opening time (or price):\n                // We add the following quantity to line-height of cq-symbol (The height which was occupied by price)\n                // (1.2 * 1.5) / 1.6 = 1.125 ~~ 1.13;\n                // ((font-size of cq-chart-price * line-height of cq-chart-price) / font-size of cq-symbol)\n                line-height: calc(24px + 1.13em);\n            }\n        }\n        .cq-chart-closed {\n            .cq-closed-icon {\n                width: 12px;\n                margin-right: 5px;\n                height: 12px;\n                margin-top: 3px;\n\n                @include themify($themes) {\n                    fill: themed('TimeIconColor');\n                }\n\n                svg {\n                    left: 0;\n                    position: absolute;\n                }\n            }\n            .cq-closed-opening {\n                font-size: 1.2em;\n                text-align: left;\n                line-height: 1.5;\n\n                .cq-closed-opening-time {\n                    font-weight: bold;\n\n                    @include themify($themes) {\n                        color: themed('ChartTitleText');\n                    }\n                }\n            }\n        }\n        .cq-symbol-closed-text {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            text-align: center;\n            width: auto;\n            padding: 0 5px;\n            height: 20px;\n            border: 2px solid $COLOR_RED;\n            color: $COLOR_RED;\n            border-radius: $border-radius;\n            text-transform: uppercase;\n        }\n        .cq-chart-price > *,\n        .cq-chart-closed > * {\n            position: relative;\n        }\n        .cq-chart-price,\n        .cq-chart-closed {\n            display: flex;\n            vertical-align: text-bottom;\n\n            @include themify($themes) {\n                color: themed('ChartTitlePriceText');\n            }\n        }\n    }\n    .cq-menu-dropdown {\n        left: 0px;\n        bottom: auto;\n        transform: translateX(0) translateY(-3em);\n\n        &.cq-menu-dropdown-enter-done,\n        &.cq-menu-dropdown-enter-active {\n            opacity: 1;\n            transform: translateX(0) translateY(0em);\n        }\n        &.cq-menu-dropdown-enter-done {\n            z-index: 6;\n        }\n    }\n}\n\n/* Mobile Style */\n.smartcharts-mobile {\n    .cq-top-ui-widgets {\n        width: 100%;\n        padding: 0px;\n        margin: 0 !important;\n        z-index: 3;\n    }\n    .cq-chart-title {\n        width: 100%;\n        display: block;\n        top: 0em;\n        margin: 0px;\n\n        .cq-symbol-select-btn {\n            margin: 0.3em 0.4em;\n        }\n        .cq-menu-dropdown {\n            width: 100%;\n            top: 0px;\n            margin: 0px;\n        }\n    }\n}\n/*! rtl:end:ignore */\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; // sc-market-categorical-display\n.sc-mcd {\n    $self: &;\n    max-width: 600px;\n    min-width: 560px;\n    width: auto;\n    display: flex;\n    height: 100%;\n    @include themify($themes) {\n        color: themed('CatDisplayText');\n        background: themed('CatDisplayBg');\n        box-shadow: 0 2px 8px 0 themed('CatDisplayShadow');\n    }\n\n    &__tabs {\n        width: 240px;\n        box-sizing: border-box;\n        @include themify($themes) {\n            background: themed('CatDisplayFilterBg');\n        }\n\n        &__head {\n            height: 56px;\n            padding: 16px 24px;\n            box-sizing: border-box;\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n        }\n    }\n    &__content {\n        min-width: 320px;\n        width: max-content;\n        display: flex;\n        flex-direction: column;\n\n        &__head {\n            height: 56px;\n            padding: 12px 16px 10px;\n            box-sizing: border-box;\n            @include themify($themes) {\n                border-bottom: 2px solid themed('CatDisplayFilterBg');\n            }\n        }\n        &__body {\n            height: calc(100% - 56px);\n            transform: translateZ(0);\n            position: relative;\n\n            &__scroll {\n                overflow-y: auto;\n                position: relative;\n                height: 100%;\n            }\n        }\n    }\n    &__filter {\n        margin: 0px;\n        width: 240px;\n        min-width: 240px;\n        border-radius: 0 0 0 5px;\n        border-bottom: none;\n        padding: 0;\n\n        &__group {\n            &-icon {\n                margin-right: 4.5px !important;\n                margin-left: auto;\n\n                &--open {\n                    transform: rotate(180deg);\n                }\n            }\n        }\n        &__subgroups {\n            display: none;\n\n            &-item {\n                direction: ltr;\n                width: 100%;\n                display: flex;\n                box-sizing: border-box;\n                padding: 10px 50px;\n                border-radius: 0px;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                align-items: center;\n                outline: none !important;\n                box-shadow: none !important;\n                text-transform: capitalize;\n                cursor: pointer;\n\n                &:hover {\n                    @include themify($themes) {\n                        background-color: themed('CatDisplayHoverFilterBg');\n                        border-left-color: themed('CatDisplayHoverFilterBg');\n                    }\n                }\n                &--selected {\n                    font-weight: 800;\n                    @include themify($themes) {\n                        color: themed('CatDisplayActiveFilterText');\n                        background-color: themed('CatDisplayActiveFilterBg') !important;\n                        border-left-color: themed('CatDisplayActiveFilterBorder') !important;\n                    }\n                }\n            }\n            &--open {\n                display: block;\n                animation: display 2s linear;\n                opacity: 1;\n            }\n        }\n        &__item {\n            direction: ltr;\n            width: 100%;\n            display: flex;\n            box-sizing: border-box;\n            padding: 10px 12px;\n            border-radius: 0px;\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            align-items: center;\n            outline: none !important;\n            box-shadow: none !important;\n            cursor: pointer;\n            @include themify($themes) {\n                border-left: 4px solid themed('CatDisplayFilterBorder');\n            }\n\n            .ic-icon {\n                display: inline-flex;\n                vertical-align: middle;\n                width: $small-icon-size;\n                height: $small-icon-size;\n                margin-right: 1.3em;\n                position: relative;\n                top: 2px;\n            }\n            &:hover {\n                @include themify($themes) {\n                    background-color: themed('CatDisplayHoverFilterBg');\n                    border-left-color: themed('CatDisplayHoverFilterBg');\n                }\n            }\n            &--active {\n                @include themify($themes) {\n                    color: themed('CatDisplayActiveFilterText');\n                    background-color: themed('CatDisplayActiveFilterBg') !important;\n                    border-left-color: themed('CatDisplayActiveFilterBorder') !important;\n                }\n            }\n            &--selected {\n                font-weight: 800;\n                @include themify($themes) {\n                    color: themed('CatDisplayActiveFilterText');\n                    background-color: themed('CatDisplayActiveFilterBg') !important;\n                    border-left-color: themed('CatDisplayActiveFilterBorder') !important;\n                }\n\n                .ic-icon {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('CatDisplayActiveFilterIcon');\n                        }\n                    }\n                    &:not(.ic-synthetic_index, .ic-cryptocurrency) svg {\n                        @include themify($themes) {\n                            stroke: themed('CatDisplayActiveFilterIcon');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &__category {\n        padding-bottom: 12px;\n        position: relative;\n        @include themify($themes) {\n            border-bottom: 4px solid themed('CatDisplayFilterBg');\n        }\n\n        .empty-category {\n            padding: 0.9em 1.2em;\n            border-radius: $border-radius;\n            font-size: 14px;\n            @include themify($themes) {\n                background-color: themed('CatDisplayCatContentBg');\n            }\n        }\n        &:last-child {\n            margin-bottom: 10px !important;\n            border-bottom: none;\n        }\n        &--has-subtitle {\n            padding-top: 6.5em;\n        }\n        &--favorite {\n            .sc-mcd__category__content {\n                margin: 0 3px 4px 8px;\n            }\n        }\n        &--synthetic_index {\n            @media (min-width: 1024px) {\n                visibility: hidden;\n            }\n            padding: 0;\n        }\n        &__head {\n            display: block;\n            font-size: 1.4em;\n            font-weight: bold;\n            padding: 0 20px;\n            line-height: 40px;\n            position: relative;\n            top: 0;\n            // width: 100%;\n            transform: translate3d(0, 0, 0);\n            @include themify($themes) {\n                color: themed('CatDisplayCatTitleText');\n            }\n\n            .category-name-postfix {\n                margin-left: 5px;\n            }\n            .category-subtitle {\n                font-weight: normal;\n                line-height: normal;\n                @include themify($themes) {\n                    color: themed('CatDisplayCatSubTitleText');\n                }\n            }\n        }\n        &__content {\n            &--has-subcategory {\n                margin: 0 3px 4px 8px;\n                border-radius: $border-radius;\n                @include themify($themes) {\n                    border: 1px solid themed('CatDisplayCatContentBorder');\n                }\n\n                &:last-child {\n                    margin-bottom: 0px;\n                }\n            }\n            .subcategory {\n                padding: 0 20px;\n                font-size: 1.4em;\n                border-radius: $border-radius $border-radius 0 0;\n                display: flex;\n                height: 40px;\n                font-weight: bold;\n                align-items: center;\n                @include themify($themes) {\n                    color: themed('CatDisplayCatTitleText');\n                    background-color: themed('CatDisplayCatContentBg');\n                }\n            }\n        }\n    }\n    &__item {\n        $item: &;\n        direction: ltr;\n        padding-left: 20px;\n        padding-right: 20px;\n        display: flex;\n        height: 40px;\n        align-items: center;\n        justify-content: space-between;\n        line-height: initial;\n        font-size: 1.4em;\n        cursor: pointer;\n        @include themify($themes) {\n            border-bottom: 1px solid themed('CatDisplayBg');\n            background-color: themed('CatDisplayCatContentBg');\n        }\n\n        &:first-child {\n            border-top-left-radius: 4px;\n            border-top-right-radius: 4px;\n        }\n        &:last-child {\n            border-bottom-left-radius: 4px;\n            border-bottom-right-radius: 4px;\n            border-bottom: none;\n        }\n        &:not(:first-child):not(:last-child) {\n            border-radius: $border-radius;\n        }\n        &__name {\n            display: flex;\n            align-items: center;\n\n            > span {\n                margin-right: 16px;\n            }\n        }\n        &__detail {\n            display: flex;\n            align-items: center;\n\n            .ic-icon {\n                svg {\n                    @include themify($themes) {\n                        fill: themed('CatDisplayCatContentIcon');\n                        stroke: themed('CatDisplayCatContentIcon');\n                    }\n                }\n            }\n        }\n        .closed-market {\n            border: 1px solid #f44336;\n            color: #f44336;\n            padding: 3px 6px;\n            font-size: 0.64em;\n            border-radius: $border-radius;\n        }\n        &:hover {\n            @include themify($themes) {\n                color: themed('CatDisplayCatHoverContentText');\n                background: themed('CatDisplayCatHoverContentBg');\n            }\n\n            #{ $item }__detail {\n                .ic-icon {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('CatDisplayCatHoverContentIcon');\n                            stroke: themed('CatDisplayCatHoverContentIcon');\n                        }\n                    }\n                }\n            }\n        }\n        &--selected {\n            @include themify($themes) {\n                color: themed('CatDisplayCatActiveContentText') !important;\n                background: themed('CatDisplayCatActiveContentBg') !important;\n            }\n\n            #{ $item }__name {\n                font-weight: bold;\n            }\n            #{ $item }__detail {\n                .ic-icon {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('CatDisplayCatActiveContentIcon');\n                        }\n                    }\n                }\n            }\n        }\n        &--market-selected {\n            &,\n            &:hover {\n                @include themify($themes) {\n                    background-color: themed('DropdownActiveBg') !important;\n                    color: themed('DropdownActiveText') !important;\n                }\n            }\n        }\n    }\n    &--nested {\n        #{ $self }__category {\n            width: 100%;\n            padding: 0px;\n            max-height: 40px;\n            overflow-y: hidden;\n            border-bottom: none;\n            transition: max-height 0.5s ease-in-out;\n\n            &__head {\n                display: flex;\n                justify-content: space-between;\n                box-sizing: border-box;\n                align-items: center;\n                position: relative;\n                padding-left: 17px;\n                padding-right: 20px;\n                cursor: pointer;\n\n                .category-title-left {\n                    display: flex;\n                    align-items: center;\n\n                    &__placeholder {\n                        margin-left: 40px;\n                    }\n                    &__subgroup {\n                        font-weight: normal;\n                    }\n                    .ic-icon {\n                        margin-right: 16px;\n                        position: relative;\n                        top: -1px;\n                        @include themify($themes) {\n                            color: themed('CatDisplayText');\n                        }\n\n                        svg {\n                            width: 24px;\n                            height: 24px;\n                            @include themify($themes) {\n                                fill: themed('CatDisplayText');\n                            }\n                        }\n                    }\n                }\n                .ic-icon.arrow {\n                    transition: transform 0.3s ease-in-out;\n                    @include themify($themes) {\n                        fill: themed('CatDisplayText');\n                    }\n                }\n            }\n            &__content {\n                .subcategory {\n                    font-weight: normal;\n                    @include themify($themes) {\n                        color: themed('CatDisplayCatContentTitleText');\n                    }\n                }\n            }\n            &--active {\n                max-height: 2000px;\n\n                .sc-mcd__category__head {\n                    > .ic-icon.arrow {\n                        transform: rotate(180deg);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-mcd {\n        flex-direction: column;\n        min-width: 375px;\n        width: 100%;\n        height: 100%;\n        box-shadow: none;\n\n        &__content {\n            width: 100%;\n            height: 100%;\n\n            &__head {\n                border-bottom: none;\n            }\n        }\n        &__category {\n            &--favorite {\n                .sc-mcd__category__content {\n                    margin: 0 8px 4px;\n                }\n            }\n            &__content {\n                &--has-subcategory {\n                    margin: 0 8px 4px;\n                }\n                .subcategory {\n                    padding: 0 45px 0 48px;\n                }\n            }\n            .empty-category {\n                padding: 0.9em 3.33em;\n            }\n        }\n        &__item {\n            padding-left: 45px;\n            padding-right: 45px;\n        }\n        &--nested {\n            min-height: calc(100% - 38px);\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-highlow {\n    width: 160px;\n    height: 160px;\n}\n\n.spot {\n    &__shape {\n        &-circule {\n            border-radius: 100%;\n            width: 6px;\n            height: 6px;\n            margin-left: 77px;\n            margin-top: 77px;\n            line-height: 1px;\n            position: absolute;\n\n        }\n    }\n    &__fill {\n        &-red {\n            @include themify ($themes) {\n                background-color: themed('LowestSpotColor');\n            }\n        }\n        &-blue {\n            @include themify ($themes) {\n                background-color: themed('HighestSpotColor');\n            }\n        }\n    }\n    &__label {\n        text-align: center;\n        padding: 4px;\n        white-space: nowrap;\n        position: absolute;\n        z-index: 1;\n        margin-left: 0px;\n        line-height: 1.5;\n        @include themify($themes) {\n            background-color: themed('HighestLowestMarkerLabelBg');\n            color: themed('HighestLowestMarkerLabelText');\n        }\n\n        &:after {\n            content: '';\n            position: absolute;\n            left: 0;\n            margin-left: 0px;\n            border-width: 4px;\n            border-style: solid;\n        }\n        &[data-label-pos='top'] {\n            border-radius: 3px 3px 3px 0px;\n            margin-top: 42px;\n            margin-left: 79px;\n\n            &:after {\n                top: 100%;\n                @include themify($themes) {\n                    border-color: themed('HighestLowestMarkerLabelBg') transparent transparent themed('HighestLowestMarkerLabelBg');\n                }\n            }\n        }\n        &[data-label-pos='bottom'] {\n            border-radius: 0px 3px 3px;\n            margin-top: 91px;\n            margin-left: 79px;\n\n            &:after {\n                bottom: 100%;\n                @include themify($themes) {\n                    border-color: transparent transparent themed('HighestLowestMarkerLabelBg') themed('HighestLowestMarkerLabelBg');\n                }\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.cq-dialog--indicator-prediction {\n    .sc-dialog {\n        width: 440px;\n        border-radius: 8px;\n    }\n}\n\n.cq-indicator-prediction {\n    padding: 24px;\n\n    strong {\n        font-style: normal;\n        font-weight: bold;\n        font-size: 16px;\n        line-height: 24px;\n        display: block;\n        margin-bottom: 24px;\n        @include themify ($themes) {\n            color: themed('DialogTabularText');\n        }\n    }\n    p {\n        font-style: normal;\n        font-weight: normal;\n        font-size: 14px;\n        line-height: 20px;\n        @include themify ($themes) {\n            color: themed('DialogBodyText');\n        }\n    }\n    &__footer {\n        width: 100%;\n        display: flex;\n        justify-content: flex-end;\n\n        .sc-btn {\n            margin-left: 8px;\n            padding: 10px 16px;\n        }\n        .sc-btn--outline-secondary {\n            border-width: 2px;\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; /*! rtl:begin:ignore */\n.sc-navigation-widget {\n    direction: ltr;\n    width: 32px;\n    position: absolute;\n    bottom: 80px;\n    left: 13px;\n    z-index: 4;\n\n    &__item {\n        &--scale {\n            margin-bottom: 8px;\n        }\n        &--zoom {\n            .ic-icon:first-child {\n                margin-bottom: 2px;\n            }\n        }\n        &--hidden {\n            display: none;\n        }\n        &--disabled {\n            opacity: 0.5;\n            pointer-events: none;\n        }\n        .ic-icon {\n            width: 32px;\n            height: 32px;\n            border-radius: $border-radius;\n            cursor: pointer;\n            margin: auto;\n            line-height: 41px;\n            transition: none;\n            @include themify($themes) {\n                background-color: themed('NavigationWidgetBg');\n            }\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('NavigationWidgetColor');\n                }\n            }\n        }\n    }\n}\n/*! rtl:end:ignore */\n.smartcharts-mobile .sc-navigation-widget__item--indent {\n    margin-bottom: calc(10% - 1rem);\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; @-webkit-keyframes move-background {\n    from {\n        -webkit-transform: translateX(0);\n    }\n    to {\n        -webkit-transform: translateX(46px);\n    }\n}\n\n@keyframes move-background {\n    from {\n        transform: translateX(0);\n    }\n    to {\n        transform: translateX(46px);\n    }\n}\n\n.pagination {\n    top: 0;\n    bottom: 0 !important;\n\n    &__loader {\n        color: $COLOR_BLACK;\n        position: relative;\n        height: 100%;\n        text-align: center;\n        overflow: hidden;\n        /**\n         * TODO\n         * The current impelementaion of MarkerStore just set the left attribute to the marker's style,\n         * the line below should be removed whenever the MarkerSotre is able to set right attribute to the marker.\n         **/\n        margin-left: -10000px;\n        opacity: 0.7;\n\n        &-background {\n            position: absolute;\n            left: -46px;\n            right: 0;\n            top: 0;\n            bottom: 0;\n            z-index: -1;\n\n            @include themify($themes) {\n                /* stylelint-disable */\n                background: -webkit-repeating-linear-gradient(\n                145deg,\n                rgba(255, 0, 0, 0) 1px,\n                themed('PaginationLoaderStripeColor') 2px,\n                themed('PaginationLoaderStripeColor') 11px,\n                rgba(255, 0, 0, 0) 12px,\n                rgba(255, 0, 0, 0) 20px,\n                );\n                background: repeating-linear-gradient(\n                -55deg,\n                rgba(255, 0, 0, 0) 1px,\n                themed('PaginationLoaderStripeColor') 2px,\n                themed('PaginationLoaderStripeColor') 11px,\n                rgba(255, 0, 0, 0) 12px,\n                rgba(255, 0, 0, 0) 20px,\n                );\n                /* stylelint-enable */\n            }\n            -webkit-animation-name: move-background;\n            -webkit-animation-duration: 0.6s;\n            -webkit-animation-timing-function: linear;\n            -webkit-animation-iteration-count: infinite;\n\n            animation-name: move-background;\n            animation-duration: 0.6s;\n            animation-timing-function: linear;\n            animation-iteration-count: infinite;\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.cq-chart-settings {\n    display: flex;\n    flex-direction: column;\n    height: auto !important;\n\n    .ciq-num-input > input[type=number] {\n        width: 5.5em;\n    }\n    .buttons {\n        display: flex;\n        justify-content: space-between;\n        padding: 16px 24px 24px;\n        border-radius: 0 0 $border-radius $border-radius;\n        height: 72px;\n        box-sizing: border-box;\n        @include themify($themes) {\n            background: themed('DialogFootBg');\n            border-top: 1px solid themed('DialogFootBorder');\n        }\n\n        .sc-btn--delete {\n            cursor: pointer;\n            padding: 5px;\n            width: 32px;\n            height: 32px;\n            border-radius: $border-radius;\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('DialogFootDeleteIcon');\n                }\n            }\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DialogFootDeleteHoverBg');\n                }\n            }\n        }\n        .sc-btn--reset {\n            margin-right: 8px;\n            padding: 5px 12px;\n        }\n    }\n    input[type=number] {\n        display: inline-block;\n        width: 3.2em;\n        line-height: 1.6em;\n        margin-right: 5px;\n        padding-left: 6px;\n        border-radius: 3px;\n        font-size: 14px;\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; /*! rtl:begin:ignore */\n.sc-toolbar-widget {\n    position: absolute;\n    direction: ltr;\n    border-radius: $border-radius;\n    width: 40px;\n    top: 102px;\n    left: 1.2em;\n    z-index: 4;\n    box-sizing: content-box;\n    @include themify($themes) {\n        background: themed('ToolbarWidgetBg');\n        border: 8px solid themed('ToolbarWidgetBorder');\n    }\n\n    .ciq-menu {\n        .cq-menu-btn {\n            .sc-chart-mode__menu,\n            .sc-views__menu,\n            .sc-download__menu,\n            .sc-studies__menu,\n            .sc-dtools__menu {\n                width: 40px;\n                height: 40px;\n                box-sizing: border-box;\n                padding: 8px;\n\n                .ic-icon {\n                    width: 24px !important;\n                    height: 24px !important;\n                    top: 0px;\n\n                    svg {\n                        width: 24px !important;\n                        height: 24px !important;\n                        position: relative;\n                        bottom: 0px;\n\n                        @include themify($themes) {\n                            fill: themed('ToolbarWidgetItemIcon');\n                        }\n                    }\n                }\n            }\n            .sc-chart-mode__menu {\n                .ic-icon {\n                    svg {\n                        width: 20px !important;\n                        height: 20px !important;\n                        bottom: -2px;\n                    }\n                }\n            }\n            &:hover {\n                @include themify($themes) {\n                    background: themed('ToolbarWidgetHoverBg');\n                }\n            }\n        }\n    }\n    .sc-tooltip__inner {\n        left: calc(100% + 15px);\n    }\n    &--bottom {\n        top: auto;\n        bottom: 38px;\n    }\n    &:hover {\n        z-index: 5;\n    }\n}\n/*! rtl:end:ignore */\n"],"names":[],"sourceRoot":""}