@deriv-com/smartcharts-champion 1.9.12 → 1.9.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/.github/workflows/DocSyncAI.yml +27 -1
  2. package/.github/workflows/README.md +1 -1
  3. package/.github/workflows/deploy-preview.yml +9 -9
  4. package/.github/workflows/publish-smart-charts.yml +12 -12
  5. package/CHANGELOG.md +3 -2
  6. package/README.md +1 -1
  7. package/dist/chart/flutter_bootstrap.js +1 -1
  8. package/dist/chart/flutter_service_worker.js +1 -1
  9. package/dist/smartcharts.css +1 -1
  10. package/dist/smartcharts.css.map +1 -1
  11. package/dist/smartcharts.js +1 -1
  12. package/dist/smartcharts.js.map +1 -1
  13. package/package.json +3 -3
  14. package/release.config.cjs +1 -1
package/dist/smartcharts.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"smartcharts.css","mappings":"kJAEA,SAMI,kBACA,sBANA,cACA,WCYe,CDVf,iBAIA,kBAHA,wBAFA,UAKA,CAII,mDACI,oBE0yBJ,yFFxyBQ,sBEwyBR,uFFxyBQ,YEwyBR,uGFjyBQ,oBACA,sBAIZ,gBACI,aAEJ,aACI,kBAEJ,kCAEI,aAEJ,0BACI,UAEJ,0BACI,aAEJ,0BACI,aAEJ,0BACI,aAIR,kBACI,sBAEA,iBADA,oBACA,CAEA,oDAEI,eE6vBA,8WFhvBQ,oBEgvBR,wWFhvBQ,UEgvBR,opBF3uBQ,sBE2uBR,8oBF3uBQ,YE2uBR,sJFjuBI,aACA,eEguBJ,oJFjuBI,UACA,YAKZ,wBAOI,qBAFA,YADA,eAEA,kBAEA,mBALA,UAKA,CAEA,uCACI,kBAKJ,wBAEI,SADA,OACA,CAKJ,aACI,QAEJ,wBAEI,SADA,QACA,CAKJ,wBAEI,UADA,SACA,CAEA,4BAEI,YADA,UACA,CAEJ,iDAEI,UADA,QACA,CAEA,qDAGI,mBADA,WADA,UAEA,CAQZ,iEAEI,sBAEJ,mBACI,uBAA2B,CAE/B,kBACI,uBAA2B,CAE3B,2EAEI,qBAGA,2IAEI,qBAQR,wDAEI,aGhLR,mCAGI,sBADA,aADA,WAEA,CAEA,yCACI,qBAGR,2BACI,kBAEA,0CAEI,8BADA,SACA,CAEA,gDAEI,mBADA,mBACA,CAGA,mEACI,YAOpB,eACI,aAEA,8BADA,YACA,CDwxBI,kCCtxBA,gBDsxBA,iCCtxBA,mBAGJ,qBAWI,mBANA,6BACA,iBFzBQ,CEuBR,eAIA,aACA,sBAPA,YAQA,uBAPA,iBAIA,kBANA,SAUA,CAEA,8BACI,mBAEJ,2BACI,cACA,eAEA,kBADA,gBAGA,sBADA,iBAEA,kBD4vBJ,8CC1vBQ,cD0vBR,6CC1vBQ,cAGR,gCACI,eDsvBJ,8CClvBQ,mBDkvBR,6CClvBQ,mBAGR,6BACI,iCD8uBJ,+FC5uBQ,qBAGJ,mCACI,gBDwuBR,qDCtuBY,WAIZ,+BACI,WACA,CAEA,mEAFA,gCAKI,CAHJ,oCACI,YAEA,oBAOZ,mCACI,sBAEA,yCACI,YACA,WAEA,kDACI,kBC5GhB,cAII,iBAFA,kBADA,gBAEA,kBAGA,qBADA,SACA,CFkzBI,iCEhzBA,oCFgzBA,gCEhzBA,oCAGJ,iCACI,UAOJ,8EAFI,kBAFA,8BAOA,CFkyBA,0DEhyBI,mBFgyBJ,yDEhyBI,mBAGR,gFAEI,aAEJ,yBACI,kDAEA,kDACI,aAGR,sBACI,0BFixBA,uCE7wBI,8CF6wBJ,sCE7wBI,8CAYA,mHACI,0BCzD4C,UAExD,sBADA,iBACA,CAEA,yBAOI,mBAEA,mBACA,sBATA,eAKA,aAHA,gBACA,YAIA,2BANA,mBAGA,gBAKA,CH2yBA,4CGxyBI,gBAEA,yCAHA,aAGA,CHsyBJ,2CGxyBI,mBAEA,yCAHA,aAGA,CAGJ,qCAEI,0BADA,eACA,CHiyBJ,wDG/xBQ,6BH+xBR,uDG/xBQ,6BAGR,oCACI,0BACA,mBH0xBJ,kDGtxBQ,yBHsxBR,iDGtxBQ,yBAGR,gCACI,gBHkxBJ,mDG/wBQ,iCADA,aACA,CH+wBR,kDG/wBQ,yBADA,UACA,CAGR,kCACI,oBAEA,oCAEI,YADA,UACA,CAKR,+BACI,YHiwBJ,kDG/vBQ,mCH+vBR,iDG/vBQ,mCCzDhB,6CACI,oBAGI,aAFA,UACA,mBACA,CAEA,0BACI,cAEA,SAAQ,CADR,mBACA,CAKQ,sFACI,aAGR,uEAII,YAFA,YACA,OAEA,yCAJA,UAIA,CAEA,wMACI,UACA,sCAEJ,mGACI,WC/BoC,WAGxD,iBNgBY,CMbZ,2CADA,UAGA,oBAJA,kBAFA,SAOA,0BNkBA,uLM1BA,WAMA,UNoBA,CC8xBI,8BK7yBA,mBL6yBA,6BK7yBA,mBAGJ,kEAEI,UACA,eACA,UAEJ,gCACI,oBAEJ,iBAMI,wBAHA,0BAEA,sBAJA,aAGA,YAFA,6BAIA,CL2xBA,oCKxxBI,gBACA,qBAFA,aAEA,CLuxBJ,mCKxxBI,mBACA,qBAFA,UAEA,CAGJ,wBAQI,sBAEA,sBATA,eAEA,kBADA,gBAGA,sBADA,gBAEA,gBACA,aAEA,iBACA,CAEJ,yBACI,WAEJ,uBAGI,mBAFA,aAGA,eAEA,kBADA,gBAHA,2BAMA,sBADA,gBAEA,2BAEA,gCAKI,mBACA,eAHA,aADA,YAEA,uBAGA,iBANA,UAMA,CLmvBR,uDK/uBgB,aL+uBhB,sDK/uBgB,aL+uBhB,yDK1uBgB,mBL0uBhB,wDK1uBgB,mBAKhB,yBACI,yBAEJ,yBAEI,mBAEA,wBAHA,aAEA,cACA,CAEA,kCAKI,iBN/EA,CM8EA,eAFA,YACA,iBAGA,YACA,kBANA,UAMA,CLqtBR,yDKjtBgB,aLitBhB,wDKjtBgB,aLitBhB,2DK5sBgB,mBL4sBhB,0DK5sBgB,mBAMpB,iBACI,0BACA,kBLosBA,wDK/rBQ,gBACA,qBL8rBR,uDK/rBQ,mBACA,qBAGJ,6DACI,YL0rBR,gFKxrBY,mBLwrBZ,+EKxrBY,mBAKhB,0BAKI,eACA,gBAFA,iBAGA,aACA,kBL2qBA,6CKjrBI,wBLirBJ,4CKjrBI,wBAQJ,kCACI,eAMR,gBAEI,0BADA,YACA,CAEA,sCAKI,mBADA,wBAHA,SAEA,gBAGA,SAAQ,CAJR,WAIA,CLwpBJ,yDKtpBQ,mBLspBR,wDKtpBQ,mBAGJ,uDAYI,mBAPA,YACA,gBAQA,0BAXA,sBAYA,eAbA,aAKA,eAEA,kBADA,gBAGA,sBADA,iBAGA,uBATA,kBAHA,UAcA,CLooBR,0EKjoBY,8BADA,aACA,CLioBZ,yEKjoBY,8BADA,aACA,CAGJ,gEAEI,YACA,iBACA,kBAHA,UAGA,CL0nBZ,mFKxnBgB,aLwnBhB,kFKxnBgB,aAGJ,oEAEI,YADA,UACA,CLmnBhB,uFKhnBoB,aLgnBpB,sFKhnBoB,aAIZ,8EAII,OAFA,gBADA,kBAEA,KACA,CLwmBZ,gFKnmBgB,mBADA,yBACA,CLmmBhB,+EKnmBgB,mBADA,yBACA,CAGR,6DACI,uBAEJ,iEACI,gBACA,gBL2lBZ,oFKxlBgB,0BACA,oCLulBhB,mFKxlBgB,6BACA,oCAFA,oBAEA,CLulBhB,4FKllBoB,UAMpB,uCAEI,sBADA,wBACA,CL0kBJ,0DKxkBQ,gBLwkBR,yDKxkBQ,mBAGJ,8CACI,sBAQZ,+BACI,UACA,wBAEA,sDACI,aAGA,0DACI,WAEJ,6DACI,aAEJ,mEACI,kBL6iBR,4EKziBY,gBLyiBZ,2EKziBY,mBAKI,iGACI,aACA,eLkiBpB,oHKhiBwB,gCLgiBxB,mHKhiBwB,gCAIA,8GACI,YACA,WL0hB5B,iIKvhBgC,aLuhBhC,gIKvhBgC,aAIZ,kHAKI,mBAJA,aAKA,SAFA,uBADA,kBADA,UAIA,CL6gBxB,qIK3gB4B,cL2gB5B,oIK3gB4B,cAGJ,yIAGI,mBAGA,eAJA,YAGA,SADA,SAHA,UAKA,CAGR,8HACI,aAEJ,4HACI,YACA,gBL0fxB,+IKtf4B,0BACA,gCLqf5B,8IKtf4B,6BACA,gCAFA,oBAEA,CLqf5B,uJKhfgC,ULgfhC,4EKteY,gBACA,qBLqeZ,2EKteY,mBACA,qBAGJ,iFAEI,gBACA,aAFA,WAEA,CL+dZ,uMK7dgB,uBAGR,gFAKI,eAHA,UAEA,iBAHA,kBAEA,uBAEA,CLqdZ,mGKndgB,gBLmdhB,kGKndgB,mBAMpB,mDAEI,uBADA,WACA,CC7WJ,0BACI,YAEJ,qBACI,kBAEA,8BAGI,YAFA,YAIA,kBADA,SAFA,UAGA,CAEA,kCAGI,sBAFA,sBACA,oBACA,CNwyBR,qDMtyBY,uBNsyBZ,oDMtyBY,uBAIZ,iCAII,cACA,gBAFA,SAFA,kBACA,QAGA,CN6xBJ,oDM3xBQ,wBN2xBR,mDM3xBQ,wBAIZ,wBACI,iBPhBQ,CCsyBR,2CMpxBI,gBNoxBJ,0CMpxBI,mBNoxBJ,6DM9wBY,gCN8wBZ,4DM9wBY,gCAKhB,8BAGI,kBAFA,eACA,YP/BQ,CCsyBR,iDMpwBI,gBACA,yBNmwBJ,gDMpwBI,mBACA,yBAGJ,sCAGI,mBAFA,aAGA,SAFA,6BAEA,CAEJ,mCACI,OAEJ,oCACI,eACA,gBACA,kBNovBJ,uDMlvBQ,cNkvBR,sDMlvBQ,cAGR,0CACI,eACA,gBN6uBJ,6DM3uBQ,cN2uBR,4DM3uBQ,WAOZ,wCACI,YAEJ,oDAEI,SADA,OACA,CAGJ,oCATJ,mBAUQ,aACA,sBAKJ,8CAII,yBAFA,UACA,iBAEA,mBAJA,WAIA,CAEJ,8EAQI,mBAFA,0BADA,mBAEA,aAGA,QAPA,sBAMA,uBAPA,sBAEA,oBAMA,CNosBA,oHMjsBI,2BNisBJ,kHMjsBI,+BAGJ,4HAGI,YAFA,WAGA,UAFA,SAEA,CAGR,qDACI,aAEJ,mDAEI,eACA,kBACA,iBAHA,kBAKA,yBADA,mBAEA,mBN6qBA,sEM3qBI,cN2qBJ,qEM3qBI,cCnIZ,MAKI,sBAFA,YACA,kBAFA,aAGA,CAEA,mBAGI,mBAFA,aAGA,eAEA,kBADA,gBAHA,8BAMA,sBADA,eACA,CP+xBA,sCO7xBI,cP6xBJ,qCO7xBI,cAGR,qBACI,cAEJ,aACI,sBAGA,aACA,sBACA,6BAHA,mBADA,SAIA,CAEJ,+CAGI,YADA,iBACA,CAEA,yEACI,mBACA,iBAEA,mFACI,iBACA,kBACA,UPmwBR,yHOjwBY,gBPiwBZ,uHOjwBY,mBAKhB,qBACI,mBACA,2BAEA,kCAGI,eADA,eADA,UAEA,CAEJ,oCACI,kBACA,WAGR,kBACI,YACA,gBAEJ,mBACI,kBPyuBA,sCOvuBI,6BPuuBJ,qCOvuBI,6BAGJ,sBACI,eAEA,kBADA,gBAGA,sBADA,iBAEA,gBP8tBJ,yCO5tBQ,cP4tBR,wCO5tBQ,WAGR,+BACI,gBAGR,+BACI,mBAEA,4CACI,eAGR,yBAII,iBAFA,gBACA,iBAFA,gBAIA,gBPysBA,4COvsBI,gBPusBJ,2COvsBI,mBAGJ,4CAEI,sBADA,qBACA,CAEJ,+DACI,aAEJ,uCACI,aAIJ,gDACI,mBAIJ,kCACI,aAMZ,WAII,mBADA,aADA,YAGA,kBAJA,UAIA,CAEA,4BAKI,YAFA,eACA,kBAHA,kBACA,uBAGA,CAEA,kEAEI,OADA,kBAEA,MAEJ,8CACI,wBAGA,uBACA,YAFA,SAGA,SAJA,UAIA,CAEA,oDACI,aAEJ,6ER/GR,uBACA,uBAFA,gBADA,eADA,YADA,UAKA,CQiHQ,gERlHR,uBACA,uBAFA,gBADA,eADA,YQuHY,YACA,gBACA,SR1HZ,UQ0HY,CAEJ,yDRxHR,uBACA,uBAFA,gBQ2HY,kBR5HZ,eADA,YADA,UQ8HY,CAEJ,yDRpHR,kBADA,sBAHA,eAEA,YQwHY,aRzHZ,UQyHY,CP+nBR,uJDlvBA,yBACA,yBQoHI,gERxHR,kBADA,sBAHA,eAEA,YQ4HY,aR7HZ,UQ6HY,CP2nBR,qKDlvBA,yBACA,yBQwHI,oEACI,wBR7HZ,kBADA,sBAHA,eAEA,YQiIY,eRlIZ,UQkIY,CPsnBR,6KDlvBA,yBACA,yBQ6HI,gEACI,SAGR,2CAGI,WADA,aADA,UAEA,CP6mBJ,8DO3mBQ,mBP2mBR,6DO3mBQ,mBAGR,kDACI,WACA,ePsmBJ,yIOpmBQ,mBAIZ,0BAEI,YAEA,eADA,gBAFA,iBAIA,WP2lBA,6COzlBI,cPylBJ,4COzlBI,WAMZ,aAEI,YADA,kBAGA,gEADA,UACA,CP+kBI,gCO7kBA,gBP6kBA,+BO7kBA,mBAGJ,uBAEI,iBADA,kBAEA,SAEA,4BAhPJ,eAEA,kBADA,gBAGA,sBADA,gBANA,iBACA,kBACA,SAKA,CPizBI,+COlkBQ,gBACA,cPikBR,8COlkBQ,mBACA,cAIZ,oBAOI,mBAHA,iBR7OQ,CQ8OR,sBAFA,eAGA,aAGA,eAEA,kBADA,gBATA,YAOA,8BAKA,sBADA,iBAVA,kBAYA,0BP+iBA,uCO5iBI,yBADA,uBACA,CP4iBJ,sCO5iBI,yBADA,uBACA,CAGJ,6BACI,iBAEA,iCACI,oBACA,yBPoiBR,oDOliBY,aPkiBZ,mDOliBY,aAIZ,0BAGI,gBACA,gBACA,gBAJA,uBACA,kBAGA,CAEJ,0BACI,YAKA,YAHA,OADA,kBAEA,MACA,UACA,CPihBJ,6CO7gBQ,kBP6gBR,4CO7gBQ,qBP6gBR,2FOxgBQ,qBAGJ,+BACI,qBAIZ,uBAUI,iBRhTQ,CQ8SR,0CACA,sBAEA,eALA,eAHA,UAIA,gBAHA,oBAHA,kBACA,WAWA,2BACA,qCAFA,YAPA,SASA,CPkfA,0COhfI,gBPgfJ,yCOhfI,mBAGJ,8BAEI,iBADA,UAEA,mBACA,0BPyeJ,iDOveQ,oEPueR,gDOveQ,oEAGR,4BACI,eACA,sBACA,0BPieJ,+CO/dQ,cP+dR,8CO/dQ,cP+dR,qDO1dY,mBP0dZ,oDO1dY,mBAGR,sCACI,gBPsdR,yDOpdY,6BACA,wBPmdZ,wDOpdY,6BACA,qBAOhB,qBACI,qBAGA,kBADA,oBADA,UAEA,CAGJ,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,UP+ZA,2GO1ZY,cAOpB,iBAEI,YADA,kBAEA,WPgZI,oCO9YA,gBP8YA,mCO9YA,mBAGJ,2BAEI,iBADA,kBAEA,SACA,gEACA,UAEA,gCAjbJ,eAEA,kBADA,gBAGA,sBADA,gBANA,iBACA,kBACA,SAKA,CPizBI,mDOjYQ,gBACA,cPgYR,kDOjYQ,mBACA,cAIZ,wBASI,mBAHA,iBRhbQ,CQibR,sBAFA,eAGA,aANA,YAQA,8BAPA,iBACA,kBAOA,kBAVA,UAUA,CPiXA,2CO/WI,sBAEA,yBADA,uBACA,CP6WJ,0CO/WI,yBAEA,yBADA,uBACA,CAGJ,+BAEI,YAEA,YACA,OAJA,kBAKA,MAHA,UAGA,CAEJ,wCAGI,iBRvcI,CQqcJ,YAGA,kBAFA,UAEA,CAEJ,iCACI,iBAEA,qCACI,oBACA,yBPuVR,wDOrVY,aPqVZ,uDOrVY,aPqVZ,iDO/UQ,kBP+UR,gDO/UQ,qBAIZ,2BAQI,iBRneQ,CQqeR,sBAPA,UAIA,YAHA,oBAHA,kBACA,QAOA,2BAEA,qCALA,YADA,SAMA,CPgUA,8CO7TI,gBADA,mEACA,CP6TJ,6CO7TI,mBADA,mEACA,CAGJ,gCACI,UACA,oBACA,0BAEJ,gCAMI,mBAHA,aAFA,YAGA,8BACA,eAHA,UAIA,CAEA,4CAGI,eADA,YADA,UAEA,CAIZ,wBACI,eACA,UPoSA,mHO/RY,cP+RZ,mGOzRQ,qBAGJ,mCACI,qBAIZ,qEAGI,gBADA,eACA,CAIR,WAKI,kBADA,eAFA,YACA,kBAFA,UAIA,CAEA,mBAMI,kBAFA,YAHA,kBACA,QAGA,oBAFA,UAGA,CP6PA,2EO3PI,gBAIJ,sBACI,UPsPJ,iCOnPI,mBPmPJ,gCOnPI,mBAIJ,uBACI,SP8OJ,kCO3OI,mBP2OJ,iCO3OI,+BAKZ,aAEI,mBACA,eAFA,YAEA,CAEA,oBACI,eAEA,kBADA,gBAGA,sBADA,gBACA,CAKA,wCACI,kBPsNJ,yCOpNQ,UPoNR,wCOpNQ,aPoNR,6HO7MQ,mBACA,aAMhB,gBACI,aAEA,sBAEI,aADA,WACA,CAEJ,6BACI,kBAIR,sCACI,oBAGJ,sBACI,aAEA,4BACI,0BPkLA,+COhLI,gBACA,yBACA,cP8KJ,8COhLI,mBACA,sCACA,WP8KJ,qDOzKQ,4BPyKR,oDOzKQ,+BPyKR,yGOpKQ,+BAIZ,wCAEI,gBADA,WACA,CAEJ,uCACI,YAIR,kBAEI,YAEA,kBAHA,kBAEA,UACA,CAEA,4BAEI,iBADA,kBAEA,SACA,gEAEA,iCA1qBJ,eAEA,kBADA,gBAGA,sBADA,gBANA,iBACA,kBACA,SAKA,CPizBI,oDOvIQ,gBADA,aACA,CPuIR,mDOvIQ,mBADA,aACA,CAIZ,qCACI,0BAIA,iBRxqBQ,CQ4qBR,0BAHA,sBAFA,eAFA,YACA,iBAOA,aAHA,kBACA,oBAEA,CPyHA,wDOtHI,yBADA,uBACA,CPsHJ,uDOtHI,yBADA,uBACA,CAGJ,gIAEI,wBACA,SAEJ,sFAEI,0BP4GJ,8DOxGQ,4BPwGR,6DOxGQ,+BPwGR,8DOlGQ,+BADA,uBACA,CPkGR,6DOlGQ,+BADA,oBACA,CPkGR,yJO7FQ,wBAIZ,4CAMI,0BALA,aACA,sBACA,kBAEA,UADA,OAEA,CPmFA,+DOjFI,gBPiFJ,8DOjFI,mBAGJ,qDAII,eAFA,YACA,iBAFA,UAGA,CP0EJ,4EOtEY,aPsEZ,2EOtEY,aAGR,iEACI,wBAEJ,gEACI,sBP+DR,8EO3DY,mBP2DZ,6EO3DY,mBP2DZ,8DOnDQ,kBPmDR,6DOnDQ,qBAMhB,mBAEI,iBADA,UACA,CAGJ,qBACI,YAGJ,WAGI,mBAFA,aACA,4BACA,CAGJ,oBAEI,YADA,UACA,CC7xBwD,aAMxD,kBADA,sBAHA,aAEA,sBADA,YTgBY,CCsyBR,gCQjzBA,gBACA,cRgzBA,+BQjzBA,mBACA,cAGJ,mBACI,aAEA,0BACI,eAEA,kBADA,gBAGA,sBADA,eACA,CRqyBJ,4CQnyBQ,WAIZ,mBACI,aAEJ,sBACI,aACA,eACA,iBAEA,yCAWI,mBAIA,6BADA,iBT7BI,CS+BJ,sBAHA,eAJA,aANA,eAEA,kBADA,gBAFA,YAQA,uBAHA,sBADA,iBAMA,mBAKA,kBATA,kBAPA,WAgBA,CRswBJ,kEQlwBY,mBRkwBZ,iEQlwBY,mBAGR,iDACI,iCR8vBR,oEQ3vBY,qBADA,cAEA,gBR0vBZ,mEQ3vBY,qBADA,WAEA,gBAGR,mDAEI,iCADA,WACA,CAEA,wDACI,YACA,oBAShB,iCACI,sBAEJ,uCACI,cAEJ,6DAEI,mBADA,qBACA,CCpFA,mDACI,0BACA,uBAOR,6EACI,aAEJ,mBAII,sBAFA,aACA,sBAFA,WAGA,CAEA,sBAEI,WAIA,aALA,eAEA,gBAEA,cADA,aAEA,CAEJ,yBAGI,mBAFA,aACA,8BAEA,mBAEA,2BACI,eAEA,kBADA,gBAGA,sBADA,eAEA,cT8wBR,8CS5wBY,cT4wBZ,6CS5wBY,cAIZ,4BACI,WAGI,4DAEI,YADA,WACA,CAEA,iEAEI,YADA,gBACA,CAKhB,2BACI,kBASoB,qQAEI,UADA,eAEA,SACA,4CAShC,mBAKI,qBAJA,aACA,sBAEA,uBADA,YAGA,kBAEA,4BAEI,YACA,sBAFA,WAEA,CAEJ,0BACI,eAEA,kBADA,gBAGA,sBADA,iBAGA,kBADA,iBACA,CT8sBJ,6CS5sBQ,cT4sBR,4CS5sBQ,WAGR,qBACI,eAEA,kBADA,gBAGA,sBADA,gBAGA,SADA,iBACA,CTksBJ,wCShsBQ,WTgsBR,uCShsBQ,cAKR,wBACI,cACA,YAEA,6BASI,mBAHA,iBVrHA,CUsHA,sBALA,eAEA,aAHA,YAOA,8BAHA,iBAFA,iBAMA,CT8qBR,sDS1qBgB,mBT0qBhB,qDS1qBgB,mBAGJ,4CACI,UAGR,mCAGI,mBAFA,aACA,2BAGA,uBADA,UACA,CAEA,4CACI,kBAEJ,yCACI,aACA,sBACA,kBAEA,8CACI,eAEA,kBADA,gBAGA,sBADA,iBAEA,kBT8oBpB,iES5oBwB,cT4oBxB,gES5oBwB,cAGR,+CACI,cACA,eAEA,kBADA,gBAGA,sBADA,gBAEA,eAIA,gBADA,gBAFA,uBACA,kBAEA,CT8nBpB,kES5nBwB,WT4nBxB,iES5nBwB,cAKhB,qCAGI,mBAFA,aACA,yBAEA,UAEA,0CACI,eAEA,kBADA,gBAGA,sBADA,iBAGA,gBADA,gBACA,CAEJ,8CAGI,eADA,YAEA,gBAHA,UAGA,CAEA,kDAEI,YADA,UACA,CTgmBpB,qES9lBwB,aT8lBxB,oES9lBwB,aAGR,sDACI,kBAIZ,sCACI,UAGR,2CAEI,YAEA,kBADA,yBAFA,WAGA,CAOA,qFACI,WACA,oBAMZ,4BACI,eAEA,kBADA,gBAGA,sBADA,iBAEA,YTyjBJ,+CSvjBQ,WTujBR,8CSvjBQ,cAGR,4BACI,WAGR,kBAQI,mBACA,sBAJA,aAKA,sBANA,YAOA,8BAJA,kBADA,kBAJA,QADA,YAEA,SAQA,CTqiBA,qCSliBI,gBADA,aACA,CTkiBJ,oCSliBI,mBADA,aACA,CAGJ,2BACI,qBACA,UAEA,6BAEI,eAEA,kBADA,gBAGA,sBADA,iBAEA,SANA,iBAMA,CAGR,0BAEI,kBADA,UACA,CAEA,kCACI,WAEA,2CACI,YACA,oBAGR,6CAEI,YAEA,kBADA,yBAFA,WAGA,CAQR,uDACI,uBAEJ,2CAEI,8BADA,iBACA,CAGR,0DAEI,eADA,UACA,CAGI,0HACI,aAEJ,kGAGI,UAFA,kBACA,OACA,CAMA,4KAEI,YADA,UACA,CAKhB,2DACI,wBAEJ,uCACI,WAEA,0CACI,cAGR,gFACI,YAEJ,kDACI,sBAEA,wDACI,eAGR,qDACI,UAEJ,yDACI,iBAEJ,sCACI,wBAEA,wCAEI,aADA,iBAEA,kBChYgD,iBAGxD,sBADA,UAEA,kBAHA,UAGA,CAEA,uBAOI,6BAFA,YAGA,iBXKQ,CWHR,sBATA,cAGA,iBADA,cAGA,UAJA,kBASA,wCAFA,UAEA,CVwyBA,qEUryBQ,cVqyBR,oEUryBQ,cVqyBR,2DUryBQ,cVqyBR,0DUryBQ,cVqyBR,4DUryBQ,cVqyBR,2DUryBQ,cVqyBR,gEUryBQ,cVqyBR,+DUryBQ,cVqyBR,0CU/xBI,gBADA,yBADA,aAEA,CV+xBJ,yCU/xBI,mBADA,yBADA,UAEA,CV+xBJ,+FU1xBQ,kBV0xBR,+FUrxBQ,qBAIZ,0BAKI,YAFA,SAFA,kBACA,QAEA,UACA,CAEA,8BAEI,YACA,SAFA,UAEA,CVuwBJ,iDUrwBQ,aVqwBR,gDUrwBQ,aAGR,qCAMI,eALA,UAEA,UAEA,oBAHA,UAEA,OAEA,CAEA,yCACI,YVyvBR,4DUvvBY,UVuvBZ,2DUvvBY,aVuvBZ,iDU9uBQ,+BADA,uBACA,CV8uBR,gDU9uBQ,+BADA,oBACA,CAIJ,4CACI,UACA,oBChFZ,0BACI,YAIR,gBACI,4BAEA,uBAGI,aAFA,YACA,iBACA,CAEA,iCAEI,0BACA,YACA,gBAHA,uBAGA,CXuyBJ,oDWryBQ,cXqyBR,mDWryBQ,WXqyBR,sEWhyBY,WXgyBZ,iEWhyBY,WXgyBZ,qEWhyBY,cXgyBZ,gEWhyBY,cAIZ,iCAMI,eAEA,kBADA,gBAJA,UAOA,sBADA,gBAJA,UAJA,kBACA,SAEA,SAMA,CAEA,sCACI,cX+wBR,yDW7wBY,gBX6wBZ,wDW7wBY,mBAIZ,8BAKI,sBAFA,0BADA,YAEA,gBAHA,UAIA,CXowBJ,yGWhwBY,UAKR,yCACI,UX0vBR,uHWxvBY,cXwvBZ,wDWnvBY,qBACA,cXkvBZ,uDWnvBY,qBACA,WXkvBZ,iHW7uBY,mBAOpB,UAGI,0BAFA,aACA,iBACA,CXmuBI,6BWjuBA,gBXiuBA,4BWjuBA,mBAGJ,gBACI,kBAEA,yBAGI,YAFA,YAIA,kBADA,SAFA,UAGA,CAEA,6BAGI,sBAFA,sBACA,oBACA,CXitBR,gDW/sBY,uBX+sBZ,+CW/sBY,uBAKhB,iBAKI,qBAJA,aACA,sBAEA,uBADA,aAGA,kBAEA,0BAEI,aACA,mBAFA,WAEA,CAEJ,mBACI,eAEA,kBADA,gBAGA,sBADA,gBAGA,gBADA,iBACA,CXsrBJ,sCWprBQ,WXorBR,qCWprBQ,cAGR,wBAII,mBAHA,uBACA,aAGA,gBAFA,uBAGA,aACA,kBAEA,iCAEI,YACA,iBACA,iBAHA,UAGA,CXoqBR,uGWlqBY,aAKhB,iBACI,mBX4pBA,oCW1pBI,6BX0pBJ,mCW1pBI,6BAGJ,uBACI,aACA,8BACA,iBAEA,0BACI,eAEA,kBADA,gBAGA,sBADA,iBAEA,SX4oBR,6CW1oBY,WX0oBZ,4CW1oBY,cAGR,8BAII,uBAFA,iBZjKA,CYkKA,eAGA,gBALA,YAIA,sBACA,CXioBR,iDW/nBY,sBACA,cX8nBZ,gDW/nBY,yBACA,WAKR,6BAOI,mBALA,iBZ/KA,CYmLA,sBAOA,eAVA,aAKA,eAEA,kBADA,gBARA,YAIA,8BAOA,sBADA,iBAPA,kBAUA,kBX2mBR,gDWzmBY,cXymBZ,+CWzmBY,cAGJ,mCACI,gBAGA,gBAFA,uBACA,kBACA,CAEA,6CAEI,mBADA,UACA,CX8lBhB,yDWzlBgB,aXylBhB,wDWzlBgB,aAGR,gDAEI,YADA,gBAGA,kBADA,wBACA,CXklBZ,sDW9kBgB,mBX8kBhB,qDW9kBgB,mBAMpB,qBAKI,YAFA,OAFA,kBACA,MAEA,WAEA,WXkkBA,wCWhkBI,gBXgkBJ,uCWhkBI,mBAGJ,8BAGI,sBAFA,aACA,uBAEA,kBAEA,uCAGI,aAFA,YACA,WACA,CAEJ,gCACI,eAEA,kBADA,gBAGA,sBADA,iBAEA,kBX4iBR,mDW1iBY,cX0iBZ,kDW1iBY,cAIZ,6BAII,sBAHA,YACA,kBACA,gBACA,CXkiBJ,gDWhiBQ,6BXgiBR,+CWhiBQ,6BAGJ,oCACI,gBAQR,8CACI,UACA,YCvSgD,eACxD,uBACA,YACA,qBAEA,qBACI,aAEJ,oBAGI,eAFA,UACA,kBAEA,sBAEJ,4BACI,eACA,cZyyBA,qDYryBQ,mBZqyBR,oDYryBQ,mBCjBZ,iDACI,wBAEJ,kBAEI,mBADA,aAGA,sBACA,YAFA,sBAEA,CAEA,2BAEI,YACA,mBAFA,WAEA,CAEJ,oBACI,eAEA,kBADA,gBAGA,sBADA,gBAGA,gBADA,iBACA,CbgyBJ,uCa9xBQ,cb8xBR,sCa9xBQ,WAIZ,kBAII,sBACA,aACA,sBAJA,aACA,wBAFA,WAKA,CAEA,wBAEI,oBADA,gBACA,CAEA,gCACI,eAGR,2BACI,sBAGI,0DAGI,YAFA,YACA,gBACA,CAMZ,uBAQI,mBAHA,iBd9CI,Cc+CJ,sBAGA,eANA,aAFA,YAMA,8BAHA,iBAFA,iBAOA,CbovBJ,0CalvBQ,cbkvBR,yCalvBQ,cbkvBR,gDa7uBY,mBb6uBZ,+Ca7uBY,mBAGR,6BAEI,mBADA,YACA,CAEA,mCACI,aACA,sBACA,kBAEA,wCACI,eAEA,kBADA,gBAGA,sBADA,iBAEA,kBAEJ,yCACI,cACA,eAEA,kBADA,gBAGA,sBADA,gBAEA,ebktBhB,4DahtBoB,WbgtBpB,2DahtBoB,cAKhB,gCACI,aACA,8BAEA,sCACI,eAEA,kBADA,gBAGA,sBADA,iBAEA,iBAEJ,yCACI,eb8rBZ,gEa1rBoB,ab0rBpB,+Da1rBoB,aAOxB,qBACI,gBAEA,2BACI,eAEA,kBADA,gBAGA,sBADA,iBAEA,kBb0qBJ,8CaxqBQ,WbwqBR,6CaxqBQ,cAIZ,6BAEI,sBACA,2BAFA,WAEA,CAEA,mCAEI,iBADA,oBACA,CAEA,6CACI,kBC7JZ,wDACI,wBAEJ,yBAII,sBAFA,aACA,aAFA,WAGA,CAEJ,+BACI,mBAEA,4CACI,eAEA,kBADA,gBAGA,sBADA,iBAEA,mBdqyBJ,+DcnyBQ,cdmyBR,8DcnyBQ,WdmyBR,mFc7xBY,cd6xBZ,kFc7xBY,cAKR,qDACI,aACA,8BAEJ,yDAEI,iBfpBA,CemBA,eAEA,kBAEA,kEAEI,6BADA,iBfxBJ,Ce4BI,eADA,aADA,WAEA,CAEJ,+DACI,eAEA,kBADA,gBAGA,sBADA,iBAGA,gBADA,iBACA,CdiwBZ,kFc/vBgB,cd+vBhB,iFc/vBgB,cd+vBhB,yLczvBoB,qBAGR,uEACI,gBAMZ,wDACI,aACA,eAEJ,4DAKI,6BADA,iBf/DA,CekEA,sBADA,eAJA,YAMA,qBALA,kBAFA,UAOA,CAEA,qEAGI,YAFA,qBACA,UACA,CAEA,yEAEI,YADA,UACA,CAGR,kEACI,cACA,eAEA,kBADA,gBAGA,sBADA,iBAEA,kBdgtBZ,qFc9sBgB,cd8sBhB,oFc9sBgB,cd8sBhB,qFczsBgB,mBdysBhB,oFczsBgB,mBAGR,oEACI,iCdqsBZ,6KcnsBgB,qBCpHpB,6BACI,YAIR,aAII,iBhBQY,CgBVZ,aACA,8BAFA,aAIA,cACA,eADA,SAGA,qBADA,gBACA,CAEA,0BACI,qBACA,mBfsyBA,gCenyBA,gBACA,cfkyBA,+BenyBA,mBACA,cAGJ,mBAGI,qBAEA,iBhBZQ,CgBWR,sBAGA,eALA,YACA,uBAMA,iBANA,qBAKA,kBAFA,kBALA,UAQA,CAEA,4BAEI,YACA,kBAFA,UAEA,CfixBJ,4Ce7wBQ,mBf6wBR,2Ce7wBQ,mBAGR,0BAMI,cALA,eAEA,kBADA,gBAGA,sBADA,gBAEA,CAMR,iCACI,6BAEA,uCACI,SAIJ,iDACI,UACA,YCrEgD,YAC1D,0CAGF,sBACE,6BACA,gBACA,UAGF,iBAGE,gDACA,YAIA,eAPA,qBAKA,gBACA,iBAFA,iBAGA,CAGF,2BACE,gBACA,kBAEA,0BADA,UACA,CAGF,2BACE,eACA,eAGF,uBACE,aAGF,6BAOE,gBADA,YALA,WAEA,WACA,UAFA,kBAGA,UAEA,CAGF,uBACE,aAGF,iCACE,cC7CF,UAII,SADA,iBACA;AAGJ,gBAAgB,CAChB,gBAEI,cACA,oClBdQ,CkBeR,eACA,kBACA,kCjBoyBI,mCiBlyBA,gBACA,cjBiyBA,kCiBlyBA,mBACA;AASR,gBAAgB,CAChB,qDALQ,YADA,UAWJ,CALJ,sBAKI,oBAFA,kBACA,KACA;AAIJ,gBAAgB,CAChB,WACI,YAGA,kBAFA,WACA,SACA,CjBywBI,8BiBtwBA,gBjBswBA,6BiBtwBA,mBAIA,8MAUI;AAOZ,gBAAgB,CAEZ,uCAEI,kBADA,wBACA,CAQJ,iBlBHA,kCACA,mCALA,WAGA,ckBMI,YADA,gBAAgB,ClBNpB,SkBSI,iBADA,elBTJ,OAIA,CkBSA,oBACI,gCAEJ,sBACI,6BAEJ,qCACI;AAMR,gBAAgB,CAEhB,iDAGI;AAGJ,gBAAgB,CAEhB,kBAeI,mBAHA,iBlB3GY,CkBoGZ,YAHA,WAeA,eAHA,aANA,YAQA,uBATA,gBAIA,mBARA,gBAOA,UANA,kBAEA,WAGA,WAIA,UAIA,CjBsrBI,qCiBnrBA,mBjBmrBA,oCiBnrBA,mBAGJ,sBACI,kBjB+qBA,yCiB7qBI,ajB6qBJ,wCiB7qBI,aAMZ,SAKI,iBlBpIY,CkBiIZ,aAIA,eAEA,kBADA,gBAGA,sBADA,gBARA,kBAUA,kBAPA,mBADA,UAQA,CjB4pBI,4BiBzpBA,mBADA,aACA,CjBypBA,2BiBzpBA,mBADA,aACA,CAGJ,0BAKI,YADA,0BAEA,sBACA,eAEA,kBADA,gBAGA,sBADA,gBATA,YACA,kBAUA,kBATA,UASA,CjB0oBA,6CiBxoBI,mBACA,cjBuoBJ,4CiBxoBI,mBACA,WAKZ,yBAEI,uBACA,cAFA,UAEA,CAOJ,iBACI,GACI,uCAEJ,IACI,yCAEJ,GACI,uCAKJ,6BACI,gBAEA,8CAII,0BADA,iBAFA,SACA,wBAGA,WACA,WAGR,+BACI,cAKR,WACI,aAGJ,aAEI,YAEA,gBADA,kBAFA,UAGA,CCtOJ,2BAEI,sBAIJ,4BAMI,SAHA,OAIA,SAEA,UAPA,kBAEA,QACA,MAGA,SACA,ClBwyBI,kEkBtyBA,gBlBsyBA,gEkBtyBA,mBAOR,aAII,oCnB1BQ,CmB2BR,anBzBa,CmBsBb,YAIA,gBALA,kBAMA,KAAI,CAJJ,UAIA,ClBwxBI,gCkBtxBA,gBlBsxBA,+BkBtxBA,mBAGJ,mBACI,gBACA,gElBixBA,sCkB9wBI,sBADA,aACA,ClB8wBJ,qCkB9wBI,yBADA,UACA,ClB8wBJ,wDkBxwBQ,clBwwBR,2GkBxwBQ,clBwwBR,uDkBxwBQ,WlBwwBR,yGkBxwBQ,WAIZ,kEAKI,0CAEJ,gCAGI,iBAEA,oBAJA,kBAGA,WAFA,SAGA,CAEA,oCAEI,oBAGR,uBAGI,sBAFA,qBACA,iBACA,CAEJ,mEAGI,YADA,kBAEA,WAGA,uDACI,UAEJ,sDACI,YAIJ,gKAII,YAIR,iCACI,gEAEA,oDACI;AAKZ,gBAAgB,CAChB,mBAII,mBAIA,SAPA,aAEA,YAEA,uBAEA,OAGA,gBADA,QAHA,MAJA,UAQA;AAGJ,gBAAgB,CAEZ,8BAEI,kBADA,YACA,ClB0rBA,iGkBxrBI,2BC/HZ,UACI,kBnBszBI,6BmBpzBA,qBnBozBA,4BmBpzBA,WAGJ,eAGI,gBAFA,mBACA,iBACA,CAEJ,uBACI,gEAEJ,mCACI,eAIR,kBAMI,kBACA,WAKA,oCAXA,cAIA,YAHA,kBAWA,eAJA,UALA,gBAIA,oBALA,kBAQA,qCADA,SAGA,CnBuxBI,qCmBpxBA,yBADA,aACA,CnBoxBA,oCmBpxBA,yBADA,aACA,CAGJ,8FACI,UAEJ,8CACI,oBAEJ,yBAKI,mBAJA,cACA,YACA,iBACA,gBACA,CnBswBA,4CmBpwBI,gBACA,cnBmwBJ,2CmBpwBI,mBACA,WAGJ,qCACI,qBACA,gBACA,gBnB6vBJ,qDmBzvBQ,cnByvBR,oDmBzvBQ,cAIZ,mCACI,eAIA,YAGA,SAAQ,CADR,oBALA,kBAEA,UADA,QAGA,UAEA,CAMA,4CACI,UAII,8DACI,uBAMZ,qDAGI,YACA,kBAFA,WADA,SAGA,CAGA,2FAEI,YAEA,kGACI,6BAIZ,0DAGI,eAGA,SAAQ,CADR,UAJA,kBACA,uBAEA,UAEA,CAEJ,wEACI,UACA,oBACA,mBAEJ,wEACI,2BAEJ,yDAQI,YAJA,gBAFA,SACA,gBAFA,YAKA,kBACA,0BAFA,UAGA,CAEA,4KACI,wBAGA,4EACI,enB4qBZ,wGmBvqBoB,anBuqBpB,uGmBvqBoB,UAShB,mFAEI,SAAQ,CADR,mBACA;ADpBhB,gBAAgB,CAChB,sBAOI,cADA,gBALA,kBACA,kBAEA,QADA,WAEA,SAEA;AAEJ,sBAAsB,CAElB,mBAMI,iBnBxIQ,CmBmJR,sBANA,eAEA,kBADA,gBALA,YAHA,SACA,oBAAoB,CAUpB,sBADA,gBAEA,UANA,YASA,oBAlBA,kBACA,MACA,sBAAsB,CAetB,yDATA,mBADA,UAWA,ClBipBA,sCkB/oBI,mBACA,clB8oBJ,qCkB/oBI,mBACA,WAGJ,0BAOI,uBAEA,kCADA,mCAHA,SADA,YADA,SAGA,qBALA,kBASA,2BARA,OAQA,ClBioBJ,6CkB/nBQ,6BlB+nBR,4CkB/nBQ,6BAKR,sCACI,uBACA,qBACA,eAEA,6CAII,8CACA,iBAFA,2CADA,uBADA,UAKA,wBlB+mBR,gEkB7mBY,+BlB6mBZ,+DkB7mBY,+BAOR,6CACI,UACA,UAMhB,uBAGI,kBAIA,eAEA,kBADA,gBANA,YASA,sBADA,gBANA,kBAEA,UAMA,kBAPA,QAJA,UAWA,ClBklBI,mFkBhlBA,mBACA,WAKR,QAUI,iBAFA,iBnBpOY,CmB8NZ,eAEA,kBADA,gBAGA,sBADA,iBAIA,uBARA,iBAMA,iBAGA,ClBgkBI,qDkB7jBA,uBADA,yBAEA,cAGJ,qBACI,elBwjBA,iEkBpjBI,+BAGR,YAEI,eADA,gBACA,CAEJ,cACI,WlB4iBA,uEkBviBI,mBADA,qBAEA,WlBsiBJ,0CkBhiBQ,mBADA,oBACA,ClBgiBR,yCkBhiBQ,mBADA,oBACA,CAGR,2BACI,YlB4hBJ,kMkBnhBY,mBADA,oBACA,CAKhB,2BACI,uBlB6gBA,8CkB3gBI,kBACA,clB0gBJ,6CkB3gBI,qBACA,WlB0gBJ,oDkBrgBQ,qClBqgBR,mDkBrgBQ,6BAMhB,kBAGI,iBnB1SY,CmBySZ,WAEA,aACA,SAAQ,CAJR,SAIA,ClB0fI,yEkBxfA,mBlBwfA,yFkBnfI,mBAGR,2BACI,yDlB+eA,2FkB7eI,mBlB6eJ,2FkBxeI,mBAKZ,UAaI,uBAZA,0BAGA,4BADA,sBAKA,eAEA,kBADA,gBAPA,YAUA,sBADA,iBALA,uBACA,kBAFA,iBAQA,ClBsdI,6BkBpdA,yBlBodA,4BkBpdA,yBAGJ,4BAEI,eAFJ,mDAEI,elB+cA,+CkB7cI,WlB6cJ,yFkB7cI,WlB6cJ,mCkBxcI,kBlBwcJ,kCkBxcI,qBlBwcJ,yEkBncI,+BAKZ,oBACI;AAGJ,oBAAoB,CACpB,mCACI,IACI,UAEJ,GACI;AEnYR,sBAAsB,CACtB,cAGI,eACA,kBACA,MAJA,sBACA,yBAIA,iBACA,WAKJ,YACI,kBACA,WAEA,sBACI,mBAEJ,uBAGI,cADA,OADA,UAEA,CAEA,6BACI,YAEJ,iDAII,YAEA,kBADA,SAEA,WANA,uDACI,2BAOR,kCAQI,yBADA,qBAJA,WADA,WAGA,kBACA,kBAFA,UpB8CC,CoBvCL,sCAMI,mBADA,aAGA,eAEA,gBAPA,WAFe,CAMf,uBAEA,iBAPA,kBAEA,SAMA,CAEA,6CACI,qBAOZ,uCACI,iBAEJ,qCACI,iBAIR,uEAEI,aAGJ,YAOI,iBACA,kBAPA,aACA,YAIA,8BAFA,kBACA,WAFA,SAKA,CAGI,2EACI,sBADJ,yEACI,yBAIR,oBAGI,qCAFA,YACA,SACA,CAEJ,wBACI,YAIA,SAHA,cACA,kBACA,gBAEA,uBAIR,OACI,cACA,eACA,iBACA,kCACA,gBACA,kBACA,WACA,kBACA,yCAEA,aACI,apBrCK,CoBsCL,gBpB0rBA,gCoBtrBI,6FpBsrBJ,+BoBtrBI,gGAWR,wBACI,aAEJ,kBACI,kCACA,kBACA,WAEJ,sBAQI,yBAFA,8BADA,2BAEA,UpB9FM,CoBwFN,aACA,sBACA,uBACA,gBpBjEK,CoBuEL,0BACI,qBpBlGE,CoBmGF,WACA,WACA,UAEJ,8BACI,6BAEA,kCACI,wBpBjFH,CoB2Fb,cACI,UAGJ,OAMI,uBAFA,OAGA,WANA,kBAIA,QAFA,WADA,WAMA,WAIJ,WAEI,2EAIJ,eAEI,oCADA,UACA,CAGJ,cAEI;AAIJ,oBAAoB,CCrNpB,iDACI,+iBACA,uBAIA,qFACI,ucAIR,WACI,aAEA,YAGA,OAJA,kBAGA,MADA,UAEA,CAEA,gBACI,cACA,UAEJ,2BAEI,YAEA,SAEA,kBACA,iBANA,kBAIA,QAFA,WAKA,UrB0xBA,8CqBxxBI,YrBwxBJ,6CqBxxBI,YAGR,6BAGI,YAEA,SAEA,mBACA,gBAPA,gBACA,kBAOA,kBAHA,QAFA,WAKA,CrB4wBA,gDqB1wBI,WrB0wBJ,+CqB1wBI,WAKZ,kBACI,kBAEA,wBACI,kBAEA,YAIA,YAHA,OAFA,kBAGA,MACA,UACA,CAEJ,yBAEI,YAGA,sBACA,oBAHA,kBACA,oBAHA,UAKA,CAEA,iCAOI,oDAFA,kBADA,qBAHA,YAEA,aADA,SAKA,CrB0uBJ,uGqBxuBQ,yBAGJ,8CAEI,sBAEJ,8CAEI,oBAEJ,8CAEI,qBAKR,6DAEI,YAcZ,2BACI,UACI,qBACA,6BAEJ,IACI,oBACA,6BC1HR,kBAYI,mBAUA,+BAPA,oBAbA,YAKA,aASA,6BACA,eACA,gBALA,UAVA,SAgBA,iBAXA,eAEA,gBACA,+BAVA,eAGA,2BAKA,yCAJA,YAiBA,CtBmyBI,qCsB/xBA,gBADA,qCAGA,uEADA,UACA,CtB6xBA,oCsB/xBA,gBADA,iCAGA,uEADA,UACA,CAGJ,2BAEI,mBADA,aAIA,QAFA,8BACA,UACA,CAEJ,2BACI,OAEJ,0BACI,gBACA,YAMA,kBALA,eACA,oBACA,kBACA,gBACA,iBAEA,qCtBuwBA,6CsBpwBI,WAEA,mDACI,+BAEJ,oDACI,+BtB8vBR,4CsBpwBI,WAEA,kDACI,2BAEJ,mDACI,2BAIR,gCACI,kBtByvBJ,qGsBtvBQ,sBAMZ,wBAzEJ,kBA4EQ,OADA,cADA,6BAGA,QACA,eAEA,2BACI,gBAKZ,mBACI,GACI,UACA,4CAEJ,GACI,UACA,0CAKR,wBACI,mBACI,GACI,UACA,2BAEJ,GACI,UACA,0BC1GZ,sBAYI,mBAUA,uCAPA,oBAbA,YAKA,aASA,6BACA,eACA,gBALA,UAVA,SAgBA,iBAXA,eAEA,gBACA,+BAVA,eAGA,2BAKA,yCAJA,YAiBA,CvBmyBI,yCuB/xBA,gBADA,qCAGA,uEADA,UACA,CvB6xBA,wCuB/xBA,gBADA,iCAGA,uEADA,UACA,CAGJ,+BAEI,mBADA,aAIA,SAFA,8BACA,UACA,CAEJ,+BACI,OAEJ,6BAWI,mBAVA,gBACA,YAMA,kBALA,eAOA,aANA,oBACA,eACA,gBAQA,YAFA,uBACA,eANA,gBAEA,oCAKA,CvBkwBA,gDuB/vBI,WAEA,sDACI,+BAEJ,uDACI,+BvByvBR,+CuB/vBI,WAEA,qDACI,2BAEJ,sDACI,2BAIR,mCACI,kBvBovBJ,2GuBjvBQ,sBvBivBR,6DuB1uBQ,UvB0uBR,4DuB1uBQ,UAMZ,wBArFJ,sBAwFQ,OADA,cADA,6BAGA,QACA,eAEA,+BACI,gBAKZ,2BACI,GACI,UACA,4CAEJ,GACI,UACA,0CAKR,wBACI,2BACI,GACI,UAEJ,GACI,YCpHgD,gBAExD,YACA,uBAFA,kBAGA,kBAEA,qBACI,mBAEJ,yBACI,YxB+yBA,uFwB7yBI,cxB6yBJ,iGwBxyBQ,cxBwyBR,iDwBnyBQ,cxBmyBR,gDwBnyBQ,cAGR,uCAGI,eAFA,sBAGA,SAAQ,CAFR,6BAEA,CAEA,4CACI,UAGR,iCAQI,mBAFA,YADA,kBAEA,kCANA,UAOA,CxB8wBJ,oDwBnxBQ,yBxBmxBR,mDwBnxBQ,yBAOJ,+CAEI,aAGA,eAJA,kBAGA,kBADA,UAEA,CxBuwBR,+GwBnwBY,yBxBmwBZ,wDwB9vBY,yBxB8vBZ,uDwB9vBY,yBAKhB,+BAGI,eAGA,WADA,kBAJA,kBAGA,SAFA,WAIA,CxBmvBA,kDwBhvBI,WxBgvBJ,iDwBhvBI,WAGR,0BACI,YAEA,mCACI,YAEJ,yCACI,QCnFgD,sBACxD,kBACA,WCCJ,mBAMI,oBAEA,kBALA,uCAIA,sBALA,aAGA,uBAJA,kBAQA,8BALA,SAKA,C1B6yBI,sC0B3yBA,gBACA,mC1B0yBA,qC0B3yBA,mBACA,mCAGJ,0BACI,UAEJ,6BACI,WAEA,kCACI,SACA,UAEJ,mCAII,aAHA,UACA,SACA,wBACA,C1ByxBJ,mJ0BpxBY,8B1BoxBZ,uF0B/wBgB,gB1B+wBhB,sF0B/wBgB,mB1B+wBhB,gG0B1wBoB,c1B0wBpB,+F0B1wBoB,WAGJ,0FACI,aACA,gB1BqwBpB,6G0BnwBwB,c1BmwBxB,4G0BnwBwB,W1BmwBxB,+E0B1vBgB,mB1B0vBhB,8E0B1vBgB,mBAKhB,0CAII,aACA,sBAFA,YAGA,uBAJA,gBADA,iBAKA,CAEA,mDAmBI,mBAjBI,uEACI,gB1B0uBhB,0F0BxuBoB,c1BwuBpB,yF0BxuBoB,WAIZ,gEACI,aAIA,cAHA,gBACA,mBACA,iBACA,C1B+tBZ,mF0B7tBgB,qB1B6tBhB,kF0B7tBgB,WAMhB,gDACI,uBAQR,wEAEI,SADA,0CACA,CAEA,0MACI,yCAGR,sEACI,YACA,SACA,SACA,2BAEA,sMACI,wBAGR,4EACI,UACA,WAEJ,wJACI,UACA,UAIR,4CACI,SACA,YAEA,cADA,UACA,CAGJ,0CAMI,iBAHA,YAFA,OAIA,cAHA,MAEA,WAEA,CAEA,oDAEI,YADA,eACA,C1BiqBA,2K0B7pBQ,gCAGR,iEACI,cAQR,uCAGI,YAFA,6BACA,cACA,C1B8oBA,0D0B5oBI,mC1B4oBJ,yD0B5oBI,mCAGJ,8CACI,UAEJ,oDACI,UAEJ,iDACI,UACA,WAGI,uEACI,gBAGR,mEAII,YACA,gBAJA,YACA,UACA,SAEA,CAGR,+GACI,oBAEJ,6DACI,iBASI,4FACI,WAKI,kHACI,gBAEJ,sHACI,aAaZ,4FAEI,eADA,UACA,CAGI,kHACI,gBAEJ,sHACI,aAYhB,oEAEI,eADA,UACA,CAGI,0FACI,mBAEJ,8FACI,aCxQxB,iBAKI,SAJA,aACA,YAKA,yBADA,OAFA,kBADA,WAKA,U3BgzBI,oC2B7yBA,gBACA,6BAFA,aAEA,C3B4yBA,mC2B7yBA,mBACA,6BAFA,aAEA,CAIA,wCAEI,eADA,WACA,CAEA,iDAEI,YACA,gBAFA,UAEA,C3BiyBR,wE2B7xBgB,a3B6xBhB,uE2B7xBgB,aAIZ,qDACI,aAEJ,0DACI,gBAGR,8CACI,a3BixBJ,oD2B7wBQ,mB3B6wBR,mD2B7wBQ,mBAIZ,uBAEI,eAEA,kBADA,gBAGA,sBADA,gBAJA,YAOA,kBADA,gBACA,CAEA,+BAGI,kBADA,eADA,eAEA,CAEJ,6BAGI,iBADA,eADA,eAEA,CAEA,kCAEI,kBADA,kBACA,C3BmvBR,qD2BhvBY,8BADA,8BACA,C3BgvBZ,oD2BhvBY,8BADA,8BACA,CAIZ,0CACI,QAEJ,iDACI;ACjFgD,sBAAsB,CAClF,gBACI,qBAGA,iBAFA,QACA,UACA,CAGI,wEACI,eACA,aACA,8BAEA,oGACI,cAEA,iBADA,eAEA,WAEA,wGACI,W5BqyBZ,2H4BlyBgB,a5BkyBhB,0H4BlyBgB,U5BkyBhB,iN4B3xBQ,yBAIA,sHACI,yB5BsxBZ,yI4BnxBgB,oB5BmxBhB,wI4BnxBgB,U5BmxBhB,qE4B3wBI,gBACA,sB5B0wBJ,oE4B3wBI,mBACA,yBAGR,6BAEI,kBADA,W7BhCQ,CCsyBR,gD4BlwBI,mB5BkwBJ,+C4BlwBI,mBAGR,sCAKI,mBACA,kBAFA,aAHA,oC7BvDI,C6BwDJ,iBACA,iB7B1CQ,CCsyBR,yD4BtvBI,qB5BsvBJ,wD4BtvBI,WAGJ,iDACI,aACA,8B5BivBJ,6H4B7uBQ,sBAGR,kEACI,aACA,kBAEA,sEACI,qCAGR,yLAII,W7B5EM,C6B8EN,qBADA,UACA,CAEA,yMACI,W7BjFE,C6BoFV,sDACI,aACA,sBACA,kBAEA,wBALJ,sDAOQ,kBADA,eACA,EAGR,uGAYI,gBADA,iBAEA,gBAXA,6IACI,8BAEJ,yHACI,cAEJ,+GACI,gBAMR,iDAEI,gBADA,gBAGA,iBAEA,mBAHA,gBAEA,UACA,C5BurBJ,oE4BprBQ,c5BorBR,mE4BprBQ,WAGJ,oEAKI,gCAIJ,uEAGI,YADA,iBAEA,eAHA,UAGA,CAMA,2EACI,OACA,kBAGR,0EACI,gBAEA,gBADA,eACA,CAEA,kGACI,gB5BmpBZ,qH4BhpBgB,qB5BgpBhB,oH4BhpBgB,WAKhB,6DAQI,yBAEA,iB7BrKI,C6BoKJ,a5B9EA,C4BsEA,aACA,sBAKA,YAJA,uBAGA,cAFA,kBAOA,yBANA,UAMA,CAEJ,iHAEI,kBAEJ,6GAEI,aACA,2B5BunBJ,oS4BpnBQ,WAIZ,kCAEI,YADA,OAEA,yCAEA,8HAEI,UACA,sCAEJ,8DACI,UAOR,uCAGI,mBADA,UADA,WAGA,UAEJ,oCAEI,cAEA,SADA,MAFA,UAGA,CAEA,0DACI,iBAEJ,sDAGI,SADA,MADA,UAEA,CAIZ,oBAAoB,CChPpB,QAKI,aACA,YAJA,gBACA,gBACA,UAEA,C7BkzBI,2B6B/yBA,gBACA,+BAFA,aAEA,C7B8yBA,0B6B/yBA,mBACA,+BAFA,aAEA,CAGJ,cAEI,sBADA,WACA,C7ByyBA,iC6BvyBI,mB7BuyBJ,gC6BvyBI,mBAGJ,oBAGI,sBACA,eAEA,kBADA,gBAJA,YAOA,sBADA,gBALA,iBAMA,CAGR,iBAGI,aACA,sBAHA,gBACA,wCAEA,CAEA,uBAGI,sBAFA,YACA,sBACA,C7BgxBJ,0C6B9wBQ,gC7B8wBR,yC6B9wBQ,gCAGR,uBACI,yBAEA,kBADA,uBACA,CAEA,+BAGI,YAFA,gBACA,iBACA,CAIZ,gBAKI,mBADA,wBAHA,SAEA,gBAGA,SAAQ,CAJR,WAIA,CAGI,4BAEI,iBADA,4BACA,CAEA,kCACI,yBAIZ,2BACI,aAEA,gCAYI,mBANA,gBAQA,0BAVA,sBAYA,eAfA,cAEA,aAIA,eAEA,kBADA,gBAGA,sBADA,iBAGA,uBARA,kBAUA,0BAbA,UAcA,C7B0tBR,yD6BttBgB,yBACA,0B7BqtBhB,wD6BttBgB,yBACA,0BAGR,0CACI,gB7BitBZ,6D6B9sBgB,gCACA,oCAFA,aAEA,C7B6sBhB,4D6B9sBgB,mCACA,oCAFA,UAEA,CAIZ,iCAEI,4BADA,cAEA,UAGR,sBAYI,mBANA,gBAQA,0BAVA,sBAWA,eAdA,cAEA,aAIA,eAEA,kBADA,gBAGA,sBADA,iBAGA,uBARA,kBAHA,UAaA,C7BorBJ,yC6BlrBQ,8B7BkrBR,wC6BlrBQ,8BAGJ,+BACI,oBAGA,W9B7HE,C8B8HF,mBACA,kBACA,QALA,sBACA,UAIA,C7BwqBR,+C6BpqBY,yBACA,0B7BmqBZ,8C6BpqBY,yBACA,0B7BmqBZ,iD6B7pBY,gCACA,oCAFA,aAEA,C7B4pBZ,gD6B7pBY,mCACA,oCAFA,UAEA,CAGR,gCACI,gB7BwpBR,mD6BrpBY,gCACA,oCAFA,aAEA,C7BopBZ,kD6BrpBY,mCACA,oCAFA,UAEA,C7BopBZ,gE6B9oBoB,a7B8oBpB,+D6B9oBoB,U7B8oBpB,iH6BzoBoB,e7ByoBpB,gH6BzoBoB,YAOxB,kBACI,oBACA,kB7BgoBA,qC6B9nBI,gC7B8nBJ,oC6B9nBI,gCAGJ,kCAEI,iB9B7KI,C8B8KJ,eAFA,kBAEA,C7BwnBJ,qD6BtnBQ,sB7BsnBR,oD6BtnBQ,yBAGR,6BAEI,mBADA,4BACA,CAEJ,gCACI,kBAGA,uDACI,qBAGR,mCAII,UAHA,yBADJ,mCAEQ,mBAIR,wBACI,cACA,gBACA,gBAEA,iBADA,eAEA,kBACA,MAEA,wB7BwlBJ,2C6BtlBQ,c7BslBR,0C6BtlBQ,WAGJ,+CACI,gBAEJ,2CACI,gBACA,mB7B8kBR,8D6B5kBY,c7B4kBZ,6D6B5kBY,cAKR,4CAEI,kBADA,oB9BhOA,CCsyBR,+D6BnkBY,sB7BmkBZ,8D6BnkBY,yBAGJ,uDACI,gBAGR,wCAOI,mBAJA,0BACA,aAFA,gBAIA,gBADA,YAJA,cAMA,C7BqjBR,2D6BljBY,sBADA,aACA,C7BkjBZ,0D6BljBY,yBADA,UACA,CAKhB,cAOI,mBAIA,eATA,cAGA,aAKA,gBAJA,YAEA,8BACA,mBANA,kBACA,kBAOA,C7BkiBA,iC6B/hBI,sBADA,4BACA,C7B+hBJ,gC6B/hBI,yBADA,+BACA,CAGJ,0BACI,2BACA,4BAEJ,yBAGI,mBAFA,8BACA,8BACA,CAEJ,iDACI,iB9BpRI,C8BsRR,oBAEI,mBADA,YACA,CAEA,yBACI,kBAGR,sBAEI,mBADA,YACA,C7BsgBJ,sD6BjgBgB,aACA,e7BggBhB,qD6BjgBgB,UACA,YAKhB,6BACI,yBAIA,kBAHA,cAEA,gBADA,e9B9SI,CCsyBR,uC6BjfQ,mBADA,aACA,C7BifR,sC6BjfQ,mBADA,UACA,C7BifR,0E6B1eoB,aACA,e7ByepB,yE6B1eoB,UACA,Y7ByepB,2C6BheQ,6BADA,uBACA,C7BgeR,0C6BheQ,6BADA,oBACA,CAGJ,4CACI,gB7B4dR,8E6BtdoB,a7BsdpB,6E6BtdoB,U7BsdpB,0G6B5cY,mCACA,wB7B2cZ,wG6B5cY,mCACA,qBAMZ,kCAKI,mBAFA,gBACA,kBAFA,UAIA,sCALA,UAKA,CAEA,wCAII,mBADA,sBAKA,eAPA,aACA,8BAIA,kBACA,mBAFA,iBAGA,CAEA,6DAEI,mBADA,YACA,CAEA,0EACI,iBAEJ,uEACI,gBAEJ,sEACI,kBACA,kBACA,S7BsahB,yF6BpaoB,c7BoapB,wF6BpaoB,cAGJ,0EAEI,YADA,UACA,C7B+ZpB,6F6B7ZwB,a7B6ZxB,4F6B7ZwB,aAKhB,uDACI,qC7BuZZ,0E6BrZgB,a7BqZhB,yE6BrZgB,aAKR,wDACI,gB7B+YZ,2E6B7YgB,W7B6YhB,0E6B7YgB,cAIZ,0CACI,kBAGI,iFACI,yBASpB,4BAKI,gBAJA,sBAGA,YAFA,gBACA,UAEA,CAEA,qCAEI,YADA,UACA,CAEA,2CACI,mBAUA,2IACI,iBAEJ,4DACI,sBAGR,sDACI,oBAGR,kCACI,kBACA,mBAEJ,oCACI,6BCpegD,YAExD,aADA,WACA,CAKI,qBACI,mBAEA,WAGA,gBAFA,iBACA,gBAEA,kBALA,SAKA,C9B2yBJ,qE8BpyBQ,yB9BoyBR,uE8B/xBQ,yBAIZ,aAOI,gBADA,cAJA,YAEA,kBAHA,kBAEA,mBAEA,SAEA,C9BoxBA,gC8BlxBI,iCACA,qB9BixBJ,+B8BlxBI,yBACA,WAGJ,mBAMI,mBADA,iBAJA,WAEA,OACA,cAFA,iBAIA,CAEJ,iCACI,4BAEA,iBADA,eACA,CAEA,uCACI,S9BgwBR,0D8B9vBY,qE9B8vBZ,yD8B9vBY,qDAIZ,oCACI,wBAEA,iBADA,eACA,CAEA,0CACI,Y9BovBR,6D8BlvBY,qE9BkvBZ,4D8BlvBY,qDCrEhB,4CAEI,kBADA,WACA,CAIR,yBACI,aAEA,gCAKI,cAFA,eAFA,kBACA,gBAEA,iBAEA,mB/BwyBA,mD+BtyBI,c/BsyBJ,kD+BtyBI,cAGR,2BAGI,eAFA,kBACA,gBAEA,iB/B+xBA,8C+B7xBI,c/B6xBJ,6C+B7xBI,cAGR,iCAEI,aACA,yBAFA,UAEA,CAEA,yCACI,gBACA,kBAEJ,4DACI;ACzCgD,sBAAsB,CAClF,sBAII,YAHA,cAIA,UAFA,kBADA,WAIA,UAGI,mCACI,kBAGA,uDACI,kBAGR,oCACI,aAEJ,sCACI,WACA,oBAEJ,qCAGI,iBjCTI,CiCUJ,eAFA,YAIA,iBADA,YAEA,gBANA,UAMA,ChCyxBJ,wDgCvxBQ,yBhCuxBR,uDgCvxBQ,yBhCuxBR,4DgClxBY,ahCkxBZ,2DgClxBY,aAMpB,oBAAoB,CACpB,wDACI,+BCtCJ,2BACI,GACI,wBAEJ,GACI,4BAIR,YAEI,mBADA,KACA,CAEA,oBACI,UjCuEM,CiCrEN,YAQA,qBACA,WAPA,gBAHA,kBAEA,iBAQA,CAEA,+BA6BI,+BAKA,uBAHA,2CAKA,mCARA,uCAKA,+BAHA,yCAKA,iCA9BA,SAHA,WADA,kBAEA,QACA,MAEA,UA8BA,CjCivBJ,kDiCnwBQ,oIjCmwBR,iDiCnwBQ,oICrDhB,mBACI,aACA,sBACA,sBAEA,qDACI,YAEJ,4BAII,0BAEA,sBALA,aAIA,YAHA,8BACA,sBAGA,ClC0yBA,+CkCxyBI,gBACA,6BlCuyBJ,8CkCxyBI,mBACA,6BAGJ,4CAKI,kBAJA,eAGA,YAFA,YACA,UnCLI,CCsyBR,mEkC3xBY,alC2xBZ,kEkC3xBY,alC2xBZ,qEkCtxBY,mBlCsxBZ,oEkCtxBY,mBAIZ,2CACI,iBACA,iBAGR,sCAMI,kBALA,qBAMA,eAJA,kBACA,iBACA,iBAHA,WAKA;ACnDoD,sBAAsB,CAClF,mBAGI,iBpCeY,CoCVZ,mBANA,cAIA,WALA,kBAIA,UADA,WAGA,SACA,CnCgzBI,sCmC9yBA,gBACA,yBnC6yBA,qCmC9yBA,mBACA,yBAKI,6SAOI,sBADA,YAEA,YAHA,UAGA,CAEA,0VAEI,sBACA,MAFA,oBAEA,CAEA,8WAII,SAFA,sBACA,kBAFA,oBAGA,CnCqxBhB,6cmClxBoB,anCkxBpB,wcmClxBoB,aAOR,4EAGI,YADA,sBADA,oBAEA,CnCwwBhB,mEmClwBY,mBnCkwBZ,kEmClwBY,mBAKhB,sCACI,uBAEJ,2BAEI,YADA,QACA,CAEJ,yBACI,UAKJ,uCAEI,uBADA,YAEA,QAGI,8DACI,mBAGR,0DACI,uBAIZ,oBAAoB","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 ToolbarWidgetMobileBg: rgba($COLOR_BLACK, 0.04),\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 ToolbarWidgetMobileBg: rgba($COLOR_WHITE, 0.04),\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 .sc-dtools__menu,\n .sc-chart-mode__menu {\n padding: 4px !important;\n height: 32px !important;\n width: 32px !important;\n border-radius: 32px;\n backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n\n @include themify($themes) {\n background: themed('ToolbarWidgetMobileBg');\n }\n\n .sc-notification-badge {\n height: 8px;\n width: 8px;\n font-size: 0px;\n right: 4px;\n }\n }\n .sc-chart-mode__menu__timeperiod {\n display: none;\n }\n .sc-chart-mode__menu__duration {\n text-align: center;\n font-size: 14px;\n font-style: normal;\n line-height: 20px;\n white-space: nowrap;\n text-transform: lowercase;\n word-spacing: -0.3em;\n @include themify($themes) {\n color: themed('ChartModeText');\n }\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\n.smartcharts-mobile {\n .sc-toolbar-widget {\n border: none;\n background: transparent;\n gap: 8px;\n\n .ciq-menu {\n .cq-menu-btn {\n border-radius: 32px;\n }\n }\n .sc-tooltip__inner {\n display: none !important;\n }\n }\n}\n/*! rtl:end:ignore */\n"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"smartcharts.css","mappings":"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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 ToolbarWidgetMobileBg: rgba($COLOR_BLACK, 0.04),\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 ToolbarWidgetMobileBg: rgba($COLOR_WHITE, 0.04),\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 .sc-dtools__menu,\n .sc-chart-mode__menu {\n padding: 4px !important;\n height: 32px !important;\n width: 32px !important;\n border-radius: 32px;\n backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n\n @include themify($themes) {\n background: themed('ToolbarWidgetMobileBg');\n }\n\n .sc-notification-badge {\n height: 8px;\n width: 8px;\n font-size: 0px;\n right: 4px;\n }\n }\n .sc-chart-mode__menu__timeperiod {\n display: none;\n }\n .sc-chart-mode__menu__duration {\n text-align: center;\n font-size: 14px;\n font-style: normal;\n line-height: 20px;\n white-space: nowrap;\n text-transform: lowercase;\n word-spacing: -0.3em;\n @include themify($themes) {\n color: themed('ChartModeText');\n }\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/* Inline-label variant (used by host apps that pass useInlineLabel) */\n\n.chart-line--inline-label {\n pointer-events: none;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 100%;\n height: 0;\n left: 0;\n\n .price-line-inline__line {\n flex: 1 1 auto;\n height: 0;\n border-top-width: 1px;\n margin: 0;\n min-width: 0;\n }\n .price-line-inline__label-row {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n gap: 2px;\n padding-right: 4px;\n padding-left: 4px;\n font-size: 12px;\n line-height: 20px;\n font-weight: normal;\n white-space: nowrap;\n }\n .price-line-inline__chevron {\n flex-shrink: 0;\n }\n .price-line-inline__title {\n padding: 0 4px;\n }\n .price-line-inline__pill {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 2px 8px;\n border: 1px solid;\n border-radius: 4px;\n font-size: 12px;\n line-height: 20px;\n font-feature-settings: 'lnum' 1, 'tnum' 1;\n background-color: $COLOR_WHITE;\n }\n}\n\n.smartcharts-dark .chart-line--inline-label .price-line-inline__pill {\n background-color: $color-black-1;\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\n.smartcharts-mobile {\n .sc-toolbar-widget {\n border: none;\n background: transparent;\n gap: 8px;\n\n .ciq-menu {\n .cq-menu-btn {\n border-radius: 32px;\n }\n }\n .sc-tooltip__inner {\n display: none !important;\n }\n }\n}\n/*! rtl:end:ignore */\n"],"names":[],"sourceRoot":""}