@epam/assets 5.9.1 → 5.9.3

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 (64) hide show
  1. package/css/theme/theme_electric.css.map +1 -1
  2. package/css/theme/theme_loveship.css +15 -0
  3. package/css/theme/theme_loveship.css.map +1 -1
  4. package/css/theme/theme_loveship_dark.css +36 -0
  5. package/css/theme/theme_loveship_dark.css.map +1 -1
  6. package/css/theme/theme_promo.css +12 -0
  7. package/css/theme/theme_promo.css.map +1 -1
  8. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  9. package/icons/common/radio-point-10.svg +13 -13
  10. package/icons/legacy/btn_cross.svg +22 -22
  11. package/icons/legacy/btn_tick.svg +22 -22
  12. package/icons/legacy/calendar-30.svg +12 -12
  13. package/icons/legacy/calendar-36.svg +14 -14
  14. package/icons/legacy/excel.svg +12 -12
  15. package/icons/legacy/filter-24.svg +11 -11
  16. package/icons/legacy/filter.svg +12 -12
  17. package/icons/legacy/folding-arrow.svg +14 -14
  18. package/icons/legacy/gear.svg +14 -14
  19. package/icons/legacy/help-24.svg +11 -11
  20. package/icons/legacy/help.svg +21 -21
  21. package/icons/legacy/label_info.svg +14 -14
  22. package/icons/legacy/lens.svg +17 -17
  23. package/icons/legacy/modal-close-cross.svg +22 -22
  24. package/icons/legacy/more.svg +20 -20
  25. package/icons/legacy/pencil.svg +12 -12
  26. package/icons/legacy/plus.svg +12 -12
  27. package/icons/legacy/sliders.svg +12 -12
  28. package/icons/legacy/sort-24.svg +15 -15
  29. package/icons/legacy/sort-desc-24.svg +15 -15
  30. package/icons/legacy/sort.svg +4 -4
  31. package/icons/legacy/trash.svg +12 -12
  32. package/icons/loaders/circle_loader_30.svg +69 -69
  33. package/icons/loaders/dots_loader_30.svg +39 -39
  34. package/icons/templates/generic-24.svg +40 -40
  35. package/icons/templates/generic-30.svg +43 -43
  36. package/icons/templates/generic.svg +40 -40
  37. package/icons/templates/tall.svg +69 -69
  38. package/package.json +2 -2
  39. package/readme.md +6 -6
  40. package/scss/electric/font-faces.scss +138 -138
  41. package/scss/font-faces.scss +3 -3
  42. package/scss/fonts.scss +2 -2
  43. package/scss/index.scss +4 -4
  44. package/scss/loveship/colors.scss +100 -100
  45. package/scss/loveship/font-faces.scss +186 -186
  46. package/scss/loveship/fonts.scss +23 -23
  47. package/scss/loveship/typography.scss +160 -160
  48. package/scss/loveship-colors.scss +2 -2
  49. package/scss/promo/colors.scss +100 -100
  50. package/scss/promo/font-faces.scss +168 -168
  51. package/scss/promo/fonts.scss +17 -17
  52. package/scss/promo/typography.scss +175 -175
  53. package/scss/typography.scss +2 -2
  54. package/theme/theme_6px.scss +216 -216
  55. package/theme/theme_electric.scss +518 -518
  56. package/theme/theme_loveship.scss +593 -573
  57. package/theme/theme_loveship_dark.scss +823 -773
  58. package/theme/theme_promo.scss +607 -592
  59. package/theme/theme_vanilla_thunder.scss +484 -484
  60. package/theme/tokens/_color_classes.scss +103 -103
  61. package/theme/tokens/_theme_electric.scss +277 -277
  62. package/theme/tokens/_theme_loveship_dark.scss +275 -275
  63. package/theme/tokens/_theme_loveship_light.scss +275 -275
  64. package/theme/tokens/_theme_promo.scss +275 -275
package/css/theme/theme_loveship_dark.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/loveship/font-faces.scss","../../../../../theme/theme_loveship_dark.scss","../../../theme/theme_loveship_dark.scss","../../../theme/theme_loveship_dark.scss%23sass","../../../theme/theme_6px.scss","../../../theme/tokens/_theme_loveship_dark.scss","../../../theme/tokens/_color_classes.scss"],"names":[],"mappings":"AAAA;ECCA,0BDAI;ECCJ,iBAAA;EACA,mBDAI;ECCJ,ioBDAI;AECJ;AFKA;EACI,wBAAA;EACA,iBAAA;EACA,mBAAA;EACA,ynBAAA;AEHJ;AFSA;EACI,uBAAA;EACA,iBAAA;EACA,mBAAA;EACA,qnBAAA;AEPJ;AFaA;EACI,2BAAA;EACA,iBAAA;EACA,mBAAA;EACA,qoBAAA;AEXJ;AFiBA;EACI,yBAAA;EACA,iBAAA;EACA,mBAAA;EACA,6mBAAA;AEfJ;AFqBA;EACI,yBAAA;EACA,iBAAA;EACA,kBAAA;EACA,uIAAA;AEnBJ;AFsBA;EACI,sBAAA;EACA,2HAAA;EACA,kjBAAA;EAIA,kBAAA;AEvBJ;AF0BA;EACI,6BAAA;EACA,6oBAAA;EAIA,eAAA;EACA,iBAAA;AE3BJ;AF8BA;EACI,6BAAA;EACA,qpBAAA;EAIA,eAAA;EACA,iBAAA;AE/BJ;AFkCA;EACI,6BAAA;EACA,ynBAAA;EAIA,eAAA;EACA,iBAAA;AEnCJ;AFsCA;EACI,6BAAA;EACA,ioBAAA;EAIA,eAAA;EACA,iBAAA;AEvCJ;AF0CA;EACI,6BAAA;EACA,ioBAAA;EAIA,eAAA;EACA,iBAAA;AE3CJ;AF8CA;EACI,6BAAA;EACA,6mBAAA;EAIA,eAAA;EACA,iBAAA;AE/CJ;AFkDA;EACI,6BAAA;EACA,qoBAAA;EAIA,eAAA;EACA,iBAAA;AEnDJ;AFsDA;EACI,6BAAA;EACA,6oBAAA;EAIA,eAAA;EACA,iBAAA;AEvDJ;AF0DA;EACI,6BAAA;EACA,qnBAAA;EAIA,eAAA;EACA,iBAAA;AE3DJ;AF8DA;EACI,6BAAA;EACA,6nBAAA;EAIA,eAAA;EACA,iBAAA;AE/DJ;AFkEA;EACI,6BAAA;EACA,ynBAAA;EAIA,eAAA;EACA,iBAAA;AEnEJ;AFsEA;EACI,6BAAA;EACA,ioBAAA;EAIA,eAAA;EACA,iBAAA;AEvEJ;ACgpBA;EChwBI,6BAAA;EACA,8BAAA;EACA,sBAAA;EAEA,wBAAA;EACA,qBAAA;ECIA,eAAA;EACA,eAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EAGA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAGA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAOA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,kCAAA;EAGA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,oCAAA;EAGA,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;EAGA,yBAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,gCAAA;EAGA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,mCAAA;EAGA,iCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,qCAAA;EAGA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,mCAAA;EAGA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,sCAAA;EAMA,4BAAA;EACA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,8BAAA;EAOA,kCAAA;EACA,mCAAA;EACA,yCAAA;EACA,uBAAA;EACA,0CAAA;EACA,2CAAA;EACA,wCAAA;EACA,0CAAA;EAGA,qBAAA;EAGA,wCAAA;EACA,+CAAA;EACA,4CAAA;EACA,0CAAA;EACA,mDAAA;EACA,gDAAA;EACA,gDAAA;EACA,wCAAA;EACA,iDAAA;EACA,kDAAA;EACA,2DAAA;EACA,0CAAA;EACA,oDAAA;EAGA,gCAAA;EACA,sCAAA;EACA,yCAAA;EACA,qCAAA;EAGA,wBAAA;EACA,8BAAA;EACA,mCAAA;EACA,yCAAA;EAGA,6BAAA;EACA,oCAAA;EAGA,6CAAA;EACA,0CAAA;EACA,yCAAA;EACA,kCAAA;EACA,uCAAA;EACA,0CAAA;EACA,wCAAA;EACA,yCAAA;EACA,wCAAA;EFvQA,wCAAA;EACA,wCAAA;EAGA,6EAAA;EACA,qFAAA;EACA,qFAAA;EAEA,uBAAA;ADuVJ;AE9VI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFgWR;AE5VI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AF8VR;AE1VI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AF4VR;AEzVI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AF2VR;AExVI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AF0VR;AEvVI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFyVR;AEtVI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFwVR;AErVI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFuVR;AEnVQ;EACI,4BAAA;AFqVZ;AElVQ;EACI,4BAAA;AFoVZ;AEhVI;EACI,6BAAA;EACA,wBAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFkVR;AE9UQ;EACI,oBAAA;EACA,sBAAA;AFgVZ;AE7UQ;EACI,oBAAA;AF+UZ;AE5UQ;EACI,oBAAA;AF8UZ;AE3UQ;EAEI,wCAAA;AF4UZ;AEzUQ;EAII,wBAAA;AFwUZ;AErUQ;EAGI,4BAAA;AFqUZ;AElUQ;EAEI,4BAAA;AFmUZ;AE9TQ;EACI,wBAAA;AFgUZ;AE3TQ;EACI,4BAAA;AF6TZ;AExTQ;EACI,4BAAA;AF0TZ;AErTQ;EACI,yBAAA;EACA,sBAAA;EACA,oBAAA;AFuTZ;AElTQ;EACI,yBAAA;EACA,sBAAA;EACA,oBAAA;AFoTZ;AEjTQ;EACI,yBAAA;EACA,sBAAA;EACA,oBAAA;AFmTZ;AE/SI;EACI,yBAAA;EACA,sBAAA;EACA,oBAAA;AFiTR;AE7SI;EACI,yBAAA;EACA,sBAAA;EACA,oBAAA;AF+SR;AIjgBI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AJmgBR;AIhgBI;EACI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;AJkgBR;AI/fI;EACI,iCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,+CAAA;AJigBR;AI9fI;EACI,+BAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,6CAAA;AJggBR;AI7fI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AJ+fR;AI5fI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AJ8fR;AI3fI;EACI,gCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,8CAAA;AJ6fR;AI1fI;EACI,mCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,iDAAA;AJ4fR;AIzfI;EACI,0DAAA;EACA,2DAAA;EACA,2DAAA;EACA,mCAAA;EACA,oCAAA;EACA,oCAAA;EACA,0CAAA;AJ2fR;AIxfI;EACI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;AJ0fR;ACtkBI;EACI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,iCAAA;ADwkBR;ACrkBI;EACI,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,iCAAA;ADukBR;ACpkBI;EACI,0BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,iCAAA;ADskBR;ACnkBI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;ADqkBR;AClkBI;EACI,0BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,oCAAA;ADokBR;ACjkBI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,oCAAA;ADmkBR;AChkBI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,oCAAA;ADkkBR;AC/jBI;EACI,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,iCAAA;ADikBR;AC9jBI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;ADgkBR;AC7jBI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AD+jBR;AC5jBI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AD8jBR;AC3jBI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,oCAAA;AD6jBR;AC1jBI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,oCAAA;AD4jBR;ACrjBI;EACI,kCAAA;ADujBR;ACljBI;EACI,iCAAA;ADojBR;AC/iBI;EACI,iCAAA;ADijBR;AC5iBI;EACI,2CAAA;EACA,+CAAA;AD8iBR;AC5iBQ;EACI,yCAAA;AD8iBZ;AC5iBY;EACI,sCAAA;EACA,kCAAA;AD8iBhB;AC1iBQ;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;EACA,qCAAA;AD4iBZ;AC1iBY;EAEI,wCAAA;EACA,yCAAA;EACA,sCAAA;EACA,4CAAA;EACA,6CAAA;EACA,uCAAA;AD2iBhB;ACxiBY;EACI,sCAAA;EACA,qCAAA;EACA,2CAAA;EACA,4CAAA;AD0iBhB;ACtiBQ;EACI,oCAAA;EACA,0CAAA;EFwiBZ,2CAAA;EEtiBY,qCAAA;AFwiBZ;AEtiBY;EAEI,wCAAA;EFuiBhB,yCAAA;EEriBgB,sCAAA;EACA,4CAAA;EACA,6CAAA;EACA,uCAAA;ADuiBhB;ACpiBY;EACI,sCAAA;EACA,qCAAA;EACA,2CAAA;EACA,4CAAA;ADsiBhB;ACliBQ;EACI,qCAAA;ADoiBZ;ACliBY;EAEI,wCAAA;EACA,yCAAA;EACA,4CAAA;EACA,6CAAA;EACA,uCAAA;ADmiBhB;AChiBY;EACI,sCAAA;ADkiBhB;AC7hBI;EACI,wCAAA;EACA,uCAAA;AD+hBR;ACxhBY;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AD0hBhB;ACnhBQ;;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,wCAAA;ADshBZ;ACphBY;;EACI,6CAAA;EACA,iDAAA;EACA,mDAAA;ADuhBhB;ACnhBQ;;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,wCAAA;EACA,8CAAA;ADshBZ;ACjhBQ;EACI,mCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;ADmhBZ;ACjhBY;EACI,mFAAA;EACA,wFAAA;EACA,mDAAA;ADmhBhB;AC7gBQ;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AD+gBZ;AC5gBQ;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AD8gBZ;AC5gBY;EACI,mFAAA;EACA,wFAAA;EACA,mDAAA;AD8gBhB;ACxgBQ;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,gCAAA;EACA,sCAAA;AD0gBZ;ACvgBQ;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,wCAAA;EACA,8CAAA;ADygBZ;ACngBI;EACI,kCAAA;EACA,wCAAA;EACA,yCAAA;ADqgBR;AClgBI;EACI,0CAAA;EACA,2CAAA;ADogBR;ACjgBI;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;ADmgBR;AC9fI;EACI,wCAAA;EACA,8CAAA;EACA,gDAAA;ADggBR;AC7fI;EACI,kDAAA;AD+fR;AC5fI;;EAEI,uCAAA;EACA,6CAAA;AD8fR;AC3fI;EACI,yCAAA;EACA,+CAAA;EACA,gDAAA;AD6fR;AC1fI;EACI,wCAAA;EACA,8EAAA;AD4fR;ACvfI;EACI,8CAAA;EACA,+CAAA;ADyfR;ACpfI;EACI,yCAAA;EACA,gDAAA;EACA,wCAAA;EAEA,8CAAA;EACA,mDAAA;EACA,2DAAA;EACA,mDAAA;EACA,iDAAA;EAEA,yCAAA;EACA,+CAAA;EACA,gDAAA;ADofR;ACjfI;EACI,yCAAA;EACA,gDAAA;EACA,uDAAA;ADmfR;AC9eI;EACI,sCAAA;EACA,4CAAA;EACA,+CAAA;EACA,2CAAA;EACA,wCAAA;ADgfR;AC5eI;EACI,6CAAA;EACA,oDAAA;EACA,qDAAA;EACA,6CAAA;AD8eR;ACzeI;EACI,wCAAA;EACA,8CAAA;EACA,4CAAA;EACA,wDAAA;AD2eR;ACteI;EACI,0CAAA;ADweR;ACreI;EACI,sCAAA;ADueR;ACpeI;EACI,uCAAA;ADseR;ACneI;EACI,sCAAA;EACA,wCAAA;ADqeR;ACheI;EACI,4CAAA;EACA,gDAAA;ADkeR;ACheQ;EACI,mDAAA;ADkeZ;AC3dQ;EACI,kEAAA;EACA,6BAAA;AD6dZ;ACvdQ;;EACI,sCAAA;AD0dZ;ACtdY;;EACI,2EAAA;EACA,sCAAA;ADydhB;ACldI;EACI,oCAAA;EACA,sCAAA;ADodR;ACjdI;EACI,oCAAA;EACA,sCAAA;ADmdR;AChdI;EACI,oCAAA;EACA,sCAAA;ADkdR;AC/cI;EACI,oCAAA;EACA,sCAAA;ADidR;AC3cQ;EACI,0EAAA;EACA,8EAAA;AD6cZ;AC1cQ;EACI,sCAAA;EACA,mCAAA;AD4cZ;AC1cY;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AD4chB;ACtcY;EACI,sCAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;ADwchB;ACtcgB;EACI,6CAAA;EACA,iDAAA;ADwcpB;ACpcY;EACI,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;ADschB;ACpcgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;ADscpB;AChcY;EACI,uCAAA;EACA,2CAAA;ADkchB;AChcgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;ADkcpB;AC9bY;EACI,6DAAA;EACA,qCAAA;EACA,oEAAA;EACA,2CAAA;ADgchB;AC9bgB;EACI,8CAAA;EACA,kDAAA;ADgcpB;AC1bY;EACI,uCAAA;EACA,oCAAA;EACA,kCAAA;EACA,sCAAA;EACA,uCAAA;EACA,4CAAA;AD4bhB;AC1bgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AD4bpB;ACxbY;EACI,sEAAA;EACA,4EAAA;EACA,sCAAA;EACA,4CAAA;AD0bhB;ACxbgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AD0bpB;ACpbY;EACI,sCAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;ADsbhB;ACpbgB;EACI,kDAAA;ADsbpB;AClbY;EACI,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;ADobhB;AClbgB;EACI,kDAAA;EACA,8CAAA;EACA,kDAAA;ADobpB;AC5agB;EACI,iFAAA;EACA,uFAAA;AD8apB;ACvaQ;EACI,sCAAA;ADyaZ;ACtaQ;EACI,sCAAA;ADwaZ;ACpaI;EACI,0CAAA;EACA,iDAAA;ADsaR;ACnaI;EACI,mJAAA;ADqaR;AClaI;EACI,gDAAA;ADoaR;ACjaI;EACI,oDAAA;ADmaR;AC9ZI;EACI,+CAAA;ADgaR;AC3ZI;EACI,kDAAA;AD6ZR;ACxZI;EACI,+BAAA;EACA,0BAAA;AD0ZR;ACvZI;EACI,+BAAA;EACA,0BAAA;ADyZR;ACrZI;EACI,+BAAA;EACA,0BAAA;ADuZR;ACjZQ;EACI,sCAAA;ADmZZ;AChZQ;EACI,eAAA;ADkZZ;AC/YQ;EACI,eAAA;ADiZZ;AC9YQ;EACI,eAAA;ADgZZ;AC7YQ;EACI,cAAA;EACA,gBAAA;EACA,eAAA;AD+YZ","file":"theme_loveship_dark.css","sourcesContent":["@font-face {\n font-family: 'Sans Regular';\n font-style: normal;\n font-stretch: normal;\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\n}\n\n@font-face {\n font-family: 'Sans Light';\n font-style: normal;\n font-stretch: normal;\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');\n}\n\n@font-face {\n font-family: 'Sans Bold';\n font-style: normal;\n font-stretch: normal;\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');\n}\n\n@font-face {\n font-family: 'Sans Semibold';\n font-style: normal;\n font-stretch: normal;\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\n}\n\n@font-face {\n font-family: 'Sans Italic';\n font-style: normal;\n font-stretch: normal;\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\n}\n\n@font-face {\n font-family: 'Roboto Mono';\n font-style: normal;\n font-weight: normal;\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf') format('truetype');\n}\n\n@font-face {\n font-family: 'Redacted';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot');\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');\n font-display: block;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');\n font-weight: 200;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');\n font-weight: 200;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');\n font-weight: 300;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');\n font-weight: 300;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\n font-weight: 400;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\n font-weight: 400;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');\n font-weight: 600;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');\n font-weight: 700;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');\n font-weight: 700;\n font-style: italic;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');\n font-weight: 900;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Source Sans Pro';\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');\n font-weight: 900;\n font-style: italic;\n}\n","@use '../scss/loveship/font-faces';\n@use './theme_6px' as *;\n@use './tokens/_theme_loveship_dark.scss' as tokens;\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-loveship_dark {\n @include tokens.theme-tokens;\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n /* shadows */\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n\n --uui-border-radius: 3px;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-grass {\n --uui-color-5: var(--grass-5);\n --uui-color-10: var(--grass-10);\n --uui-color-20: var(--grass-20);\n --uui-color-50: var(--grass-50);\n --uui-color-60: var(--grass-60);\n --uui-color-70: var(--grass-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-sky {\n --uui-color-5: var(--sky-5);\n --uui-color-10: var(--sky-10);\n --uui-color-20: var(--sky-20);\n --uui-color-50: var(--sky-50);\n --uui-color-60: var(--sky-60);\n --uui-color-70: var(--sky-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-fire {\n --uui-color-5: var(--fire-5);\n --uui-color-10: var(--fire-10);\n --uui-color-20: var(--fire-20);\n --uui-color-50: var(--fire-50);\n --uui-color-60: var(--fire-60);\n --uui-color-70: var(--fire-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-sun {\n --uui-color-5: var(--sun-5);\n --uui-color-10: var(--sun-10);\n --uui-color-20: var(--sun-20);\n --uui-color-50: var(--sun-50);\n --uui-color-60: var(--sun-60);\n --uui-color-70: var(--sun-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--night700);\n }\n\n /* override variables */\n\n /* isInvalid color */\n\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n }\n\n /* Accordion */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n }\n\n /* FileCard */\n\n .uui-file_card {\n --uui-file_card-border-radius: 6px;\n }\n\n /* Button */\n\n .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n\n &.uui-fill-solid.uui-color-white {\n --uui-btn-bg-active: var(--uui-neutral-20);\n\n &:active {\n background-color: var(--uui-neutral-20);\n border-color: var(--uui-neutral-20);\n }\n }\n\n &.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n }\n }\n }\n\n .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n }\n\n /* Badge */\n\n .uui-badge {\n &.uui-fill-outline {\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-80);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-5);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-80);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-0);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-white {\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n }\n\n .uui-badge.uui-color-night100 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n }\n\n .uui-badge.uui-color-night600 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-50);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n /* IconButton */\n\n .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n }\n\n .uui-icon_button.uui-color-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n }\n\n /* LinkButton */\n\n .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n --uui-link_btn-text-disabled: var(--uui-neutral-40);\n }\n\n .uui-link_button.uui-color-primary,\n .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n }\n\n .uui-link_button.uui-color-secondary {\n --uui-link_btn-text: var(--uui-neutral-30);\n --uui-link_btn-text-hover: var(--uui-neutral-20);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n }\n\n /* TubButton */\n\n .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n\n .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n }\n\n .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n }\n\n /* BurgerMenu */\n\n .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n }\n\n /* BurgerButton */\n .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n }\n\n /* BurgerSearch */\n\n .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n }\n\n .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-10);\n }\n\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-50);\n }\n\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n\n &.uui-color-neutral, &.uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--white);\n }\n }\n\n .uui-status_indicator.uui-color-night600,\n .uui-status_indicator.uui-color-neutral {\n .uui-status_indicator_dot {\n background-color: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n }\n }\n }\n\n /* Alert */\n\n .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n /* Tag */\n\n .uui-tag {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-night300 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-50);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-tag-border-hover: var(--uui-neutral-0);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-night100 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-80);\n --uui-tag-fill: var(--uui-neutral-80);\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-night700 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-warning,\n &.uui-color-sun {\n &.uui-fill-solid {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n }\n }\n }\n }\n\n .uui-presets-panel-input .uui-icon-cancel {\n &:hover {\n background-color: var(--uui-neutral-60);\n }\n\n &:active {\n background-color: var(--uui-neutral-50);\n }\n }\n\n .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n }\n\n .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n }\n\n .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\n }\n\n .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n }\n\n /* DropdownMenu */\n\n .uui-dropdownMenu-body {\n --uui-dropdown-selected_mark: var(--uui-info-60);\n }\n\n /* PickerInput */\n\n .uui-pickerInput-body {\n --uui-pickerInput-selected_mark: var(--uui-info-60);\n }\n\n /* fonts */\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n\n }\n\n .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n\n /* Typography */\n\n .uui-typography {\n .uui-highlight {\n background-color: var(--uui-warning-20);\n }\n\n h1 {\n font-weight: 600;\n }\n\n h2 {\n font-weight: 700;\n }\n\n h3 {\n font-weight: 600;\n }\n\n .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n }\n }\n}\n\n.uui-theme-loveship_dark {\n @include uui-6px-grid();\n @include theme-loveship_dark();\n}\n","@font-face {\n font-family: \"Sans Regular\";\n font-style: normal;\n font-stretch: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Sans Light\";\n font-style: normal;\n font-stretch: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Sans Bold\";\n font-style: normal;\n font-stretch: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Sans Semibold\";\n font-style: normal;\n font-stretch: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Sans Italic\";\n font-style: normal;\n font-stretch: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Roboto Mono\";\n font-style: normal;\n font-weight: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Redacted\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot\");\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename\") format(\"svg\");\n font-display: block;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf\") format(\"truetype\");\n font-weight: 200;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf\") format(\"truetype\");\n font-weight: 200;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf\") format(\"truetype\");\n font-weight: 300;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf\") format(\"truetype\");\n font-weight: 300;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf\") format(\"truetype\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf\") format(\"truetype\");\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf\") format(\"truetype\");\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf\") format(\"truetype\");\n font-weight: 600;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf\") format(\"truetype\");\n font-weight: 700;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf\") format(\"truetype\");\n font-weight: 700;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf\") format(\"truetype\");\n font-weight: 900;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf\") format(\"truetype\");\n font-weight: 900;\n font-style: italic;\n}\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-loveship_dark {\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n /***************/\n /*** Palette ***/\n /***************/\n --black: #000000;\n --white: #FFFFFF;\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n --fire-5: #3C343E;\n --fire-10: #473943;\n --fire-20: #6B4447;\n --fire-50: #CC482D;\n --fire-60: #E56248;\n --fire-70: #F78C77;\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n --night50: #FAFAFC;\n --night100: #E1E3EB;\n --night200: #ACAFBF;\n --night300: #6C6F80;\n --night400: #585B69;\n --night500: #474A59;\n --night600: #383B4A;\n --night700: #303240;\n --night800: #272833;\n --night900: #1D1E26;\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n --sun-5: #3F3B3B;\n --sun-10: #47433D;\n --sun-20: #625747;\n --sun-50: #F1A105;\n --sun-60: #F4B83A;\n --sun-70: #FFD06D;\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-accent-contrast: var(--white);\n --uui-critical-5: var(--fire-5);\n --uui-critical-10: var(--fire-10);\n --uui-critical-20: var(--fire-20);\n --uui-critical-50: var(--fire-50);\n --uui-critical-60: var(--fire-60);\n --uui-critical-70: var(--fire-70);\n --uui-critical-contrast: var(--white);\n --uui-error-5: var(--fire-5);\n --uui-error-10: var(--fire-10);\n --uui-error-20: var(--fire-20);\n --uui-error-50: var(--fire-50);\n --uui-error-60: var(--fire-60);\n --uui-error-70: var(--fire-70);\n --uui-error-contrast: var(--white);\n --uui-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-info-contrast: var(--white);\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n --uui-primary-contrast: var(--white);\n --uui-secondary-5: var(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\n --uui-secondary-contrast: var(--white);\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n --uui-warning-contrast: var(--night700);\n /********************/\n /*** Core Neutral ***/\n /********************/\n --uui-neutral-0: var(--white);\n --uui-neutral-5: var(--night50);\n --uui-neutral-10: var(--night100);\n --uui-neutral-20: var(--night200);\n --uui-neutral-30: var(--night300);\n --uui-neutral-40: var(--night400);\n --uui-neutral-50: var(--night500);\n --uui-neutral-60: var(--night600);\n --uui-neutral-70: var(--night700);\n --uui-neutral-80: var(--night800);\n --uui-neutral-90: var(--night900);\n --uui-neutral-100: var(--black);\n /************/\n /*** Core ***/\n /************/\n --uui-app-bg: var(--uui-neutral-90);\n --uui-divider: var(--uui-neutral-50);\n --uui-divider-light: var(--uui-neutral-60);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-70);\n --uui-surface-highest: var(--uui-neutral-60);\n --uui-surface-main: var(--uui-neutral-80);\n --uui-surface-sunken: var(--uui-neutral-60);\n --uui-border-radius: 3;\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-60);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-disabled: var(--uui-neutral-40);\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-text-tertiary);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n --uui-icon-hover: var(--uui-neutral-5);\n --uui-link: var(--sky-60);\n --uui-link-hover: var(--sky-70);\n --uui-link-visited: var(--violet-60);\n --uui-link-visited-hover: var(--violet-70);\n --uui-outline-focus: #008ACE7F;\n --uui-skeleton: var(--uui-neutral-30);\n --uui-text-bg-highlight: var(--uui-warning-20);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-30);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-20);\n --uui-text-warning: var(--uui-warning-70);\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n /* shadows */\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n --uui-border-radius: 3px;\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* override variables */\n /* isInvalid color */\n /* Accordion */\n /* FileCard */\n /* Button */\n /* Badge */\n /* IconButton */\n /* LinkButton */\n /* TubButton */\n /* MainMenu */\n /* BurgerMenu */\n /* BurgerButton */\n /* BurgerSearch */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* Alert */\n /* Tag */\n /* DropdownMenu */\n /* PickerInput */\n /* fonts */\n /* Typography */\n}\n.uui-theme-loveship_dark .uui-size-12 {\n --uui-size: 12px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 12px;\n}\n.uui-theme-loveship_dark .uui-size-18 {\n --uui-size: 18px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 3px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 10px;\n}\n.uui-theme-loveship_dark .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 12px;\n}\n.uui-theme-loveship_dark .uui-size-30 {\n --uui-size: 30px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-size-36 {\n --uui-size: 36px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-size-42 {\n --uui-size: 42px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-loveship_dark .uui-size-48 {\n --uui-size: 48px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-loveship_dark .uui-size-60 {\n --uui-size: 60px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 20px;\n}\n.uui-theme-loveship_dark .uui-input-box.uui-size-42 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-loveship_dark .uui-input-box.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-loveship_dark .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n --uui-horizontal-padding: 12px;\n --uui-horizontal-gap: 6px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-18 {\n --uui-font-size: 12px;\n --uui-line-height: 14px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-24 {\n --uui-icon-size: 18px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-42, .uui-theme-loveship_dark .uui-tag.uui-size-48 {\n --uui-tag-count_indicator-margin-end: 3px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-18, .uui-theme-loveship_dark .uui-tag.uui-size-24, .uui-theme-loveship_dark .uui-tag.uui-size-30, .uui-theme-loveship_dark .uui-tag.uui-size-36 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-18, .uui-theme-loveship_dark .uui-tag.uui-size-24, .uui-theme-loveship_dark .uui-tag.uui-size-30 {\n --uui-horizontal-padding: 3px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-42, .uui-theme-loveship_dark .uui-tag.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-loveship_dark .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) .uui-tag.uui-size-inherit {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-loveship_dark .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit {\n --uui-horizontal-padding: 3px;\n}\n.uui-theme-loveship_dark .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-loveship_dark .uui-checkbox-container.uui-size-18, .uui-theme-loveship_dark .uui-radio-input-container.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-switch.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-switch.uui-size-24 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-loveship_dark .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-loveship_dark .uui-color-primary {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-loveship_dark .uui-color-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-loveship_dark .uui-color-accent {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-loveship_dark .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n}\n.uui-theme-loveship_dark .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n}\n.uui-theme-loveship_dark .uui-color-warning {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-loveship_dark .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-loveship_dark .uui-color-critical {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-loveship_dark .uui-color-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-color-neutral {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-loveship_dark .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-grass {\n --uui-color-5: var(--grass-5);\n --uui-color-10: var(--grass-10);\n --uui-color-20: var(--grass-20);\n --uui-color-50: var(--grass-50);\n --uui-color-60: var(--grass-60);\n --uui-color-70: var(--grass-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-sky {\n --uui-color-5: var(--sky-5);\n --uui-color-10: var(--sky-10);\n --uui-color-20: var(--sky-20);\n --uui-color-50: var(--sky-50);\n --uui-color-60: var(--sky-60);\n --uui-color-70: var(--sky-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-fire {\n --uui-color-5: var(--fire-5);\n --uui-color-10: var(--fire-10);\n --uui-color-20: var(--fire-20);\n --uui-color-50: var(--fire-50);\n --uui-color-60: var(--fire-60);\n --uui-color-70: var(--fire-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-sun {\n --uui-color-5: var(--sun-5);\n --uui-color-10: var(--sun-10);\n --uui-color-20: var(--sun-20);\n --uui-color-50: var(--sun-50);\n --uui-color-60: var(--sun-60);\n --uui-color-70: var(--sun-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n}\n.uui-theme-loveship_dark .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-loveship_dark .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-loveship_dark .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-solid.uui-color-white {\n --uui-btn-bg-active: var(--uui-neutral-20);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-solid.uui-color-white:active {\n background-color: var(--uui-neutral-20);\n border-color: var(--uui-neutral-20);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n}\n.uui-theme-loveship_dark .uui-badge.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-80);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,\n.uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-80);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-0);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-50);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n}\n.uui-theme-loveship_dark .uui-icon_button.uui-color-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n --uui-link_btn-text-disabled: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-primary,\n.uui-theme-loveship_dark .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-secondary {\n --uui-link_btn-text: var(--uui-neutral-30);\n --uui-link_btn-text-hover: var(--uui-neutral-20);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n}\n.uui-theme-loveship_dark .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n}\n.uui-theme-loveship_dark .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n}\n.uui-theme-loveship_dark .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-50);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-neutral, .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--white);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator_dot,\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator_dot {\n background-color: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator_dot,\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-tag .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n}\n.uui-theme-loveship_dark .uui-tag.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-50);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-tag-border-hover: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-80);\n --uui-tag-fill: var(--uui-neutral-80);\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n}\n.uui-theme-loveship_dark .uui-presets-panel-input .uui-icon-cancel:hover {\n background-color: var(--uui-neutral-60);\n}\n.uui-theme-loveship_dark .uui-presets-panel-input .uui-icon-cancel:active {\n background-color: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n}\n.uui-theme-loveship_dark .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\n}\n.uui-theme-loveship_dark .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-dropdownMenu-body {\n --uui-dropdown-selected_mark: var(--uui-info-60);\n}\n.uui-theme-loveship_dark .uui-pickerInput-body {\n --uui-pickerInput-selected_mark: var(--uui-info-60);\n}\n.uui-theme-loveship_dark .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-loveship_dark .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}\n.uui-theme-loveship_dark .uui-typography .uui-highlight {\n background-color: var(--uui-warning-20);\n}\n.uui-theme-loveship_dark .uui-typography h1 {\n font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-typography h2 {\n font-weight: 700;\n}\n.uui-theme-loveship_dark .uui-typography h3 {\n font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-typography .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n}","@use '../scss/loveship/font-faces';\n@use './theme_6px' as *;\n@use './tokens/_theme_loveship_dark.scss' as tokens;\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-loveship_dark {\n @include tokens.theme-tokens;\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n /* shadows */\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n\n --uui-border-radius: 3px;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-grass {\n --uui-color-5: var(--grass-5);\n --uui-color-10: var(--grass-10);\n --uui-color-20: var(--grass-20);\n --uui-color-50: var(--grass-50);\n --uui-color-60: var(--grass-60);\n --uui-color-70: var(--grass-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-sky {\n --uui-color-5: var(--sky-5);\n --uui-color-10: var(--sky-10);\n --uui-color-20: var(--sky-20);\n --uui-color-50: var(--sky-50);\n --uui-color-60: var(--sky-60);\n --uui-color-70: var(--sky-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-fire {\n --uui-color-5: var(--fire-5);\n --uui-color-10: var(--fire-10);\n --uui-color-20: var(--fire-20);\n --uui-color-50: var(--fire-50);\n --uui-color-60: var(--fire-60);\n --uui-color-70: var(--fire-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-sun {\n --uui-color-5: var(--sun-5);\n --uui-color-10: var(--sun-10);\n --uui-color-20: var(--sun-20);\n --uui-color-50: var(--sun-50);\n --uui-color-60: var(--sun-60);\n --uui-color-70: var(--sun-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--night700);\n }\n\n /* override variables */\n\n /* isInvalid color */\n\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n }\n\n /* Accordion */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n }\n\n /* FileCard */\n\n .uui-file_card {\n --uui-file_card-border-radius: 6px;\n }\n\n /* Button */\n\n .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n\n &.uui-fill-solid.uui-color-white {\n --uui-btn-bg-active: var(--uui-neutral-20);\n\n &:active {\n background-color: var(--uui-neutral-20);\n border-color: var(--uui-neutral-20);\n }\n }\n\n &.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n }\n }\n }\n\n .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n }\n\n /* Badge */\n\n .uui-badge {\n &.uui-fill-outline {\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-80);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-5);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-80);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-0);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-white {\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n }\n\n .uui-badge.uui-color-night100 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n }\n\n .uui-badge.uui-color-night600 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-50);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n /* IconButton */\n\n .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n }\n\n .uui-icon_button.uui-color-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n }\n\n /* LinkButton */\n\n .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n --uui-link_btn-text-disabled: var(--uui-neutral-40);\n }\n\n .uui-link_button.uui-color-primary,\n .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n }\n\n .uui-link_button.uui-color-secondary {\n --uui-link_btn-text: var(--uui-neutral-30);\n --uui-link_btn-text-hover: var(--uui-neutral-20);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n }\n\n /* TubButton */\n\n .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n\n .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n }\n\n .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n }\n\n /* BurgerMenu */\n\n .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n }\n\n /* BurgerButton */\n .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n }\n\n /* BurgerSearch */\n\n .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n }\n\n .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-10);\n }\n\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-50);\n }\n\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n\n &.uui-color-neutral, &.uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--white);\n }\n }\n\n .uui-status_indicator.uui-color-night600,\n .uui-status_indicator.uui-color-neutral {\n .uui-status_indicator_dot {\n background-color: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n }\n }\n }\n\n /* Alert */\n\n .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n /* Tag */\n\n .uui-tag {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-night300 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-50);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-tag-border-hover: var(--uui-neutral-0);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-night100 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-80);\n --uui-tag-fill: var(--uui-neutral-80);\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-night700 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-warning,\n &.uui-color-sun {\n &.uui-fill-solid {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n }\n }\n }\n }\n\n .uui-presets-panel-input .uui-icon-cancel {\n &:hover {\n background-color: var(--uui-neutral-60);\n }\n\n &:active {\n background-color: var(--uui-neutral-50);\n }\n }\n\n .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n }\n\n .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n }\n\n .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\n }\n\n .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n }\n\n /* DropdownMenu */\n\n .uui-dropdownMenu-body {\n --uui-dropdown-selected_mark: var(--uui-info-60);\n }\n\n /* PickerInput */\n\n .uui-pickerInput-body {\n --uui-pickerInput-selected_mark: var(--uui-info-60);\n }\n\n /* fonts */\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n\n }\n\n .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n\n /* Typography */\n\n .uui-typography {\n .uui-highlight {\n background-color: var(--uui-warning-20);\n }\n\n h1 {\n font-weight: 600;\n }\n\n h2 {\n font-weight: 700;\n }\n\n h3 {\n font-weight: 600;\n }\n\n .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n }\n }\n}\n\n.uui-theme-loveship_dark {\n @include uui-6px-grid();\n @include theme-loveship_dark();\n}\n","@mixin uui-6px-grid {\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n //--uui-border-radius: 3px; // TODO: ?????\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n\n\n .uui-size-12 {\n --uui-size: 12px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 12px;\n\n }\n\n .uui-size-18 {\n --uui-size: 18px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 3px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 10px;\n\n }\n\n .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 12px;\n }\n\n .uui-size-30 {\n --uui-size: 30px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n .uui-size-36 {\n --uui-size: 36px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n .uui-size-42 {\n --uui-size: 42px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n }\n\n .uui-size-48 {\n --uui-size: 48px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n }\n\n .uui-size-60 {\n --uui-size: 60px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 20px;\n }\n\n .uui-input-box {\n &.uui-size-42 {\n --uui-horizontal-padding: 6px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-padding: 6px;\n }\n }\n\n .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n --uui-horizontal-padding: 12px;\n --uui-horizontal-gap: 6px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n .uui-tag {\n &.uui-size-18 {\n --uui-font-size: 12px;\n --uui-line-height: 14px;\n }\n\n &.uui-size-24 {\n --uui-icon-size: 18px;\n }\n\n &.uui-size-42 {\n --uui-icon-size: 24px;\n }\n\n &.uui-size-42,\n &.uui-size-48 {\n --uui-tag-count_indicator-margin-end: 3px;\n }\n\n &.uui-size-18,\n &.uui-size-24,\n &.uui-size-30,\n &.uui-size-36 {\n --uui-horizontal-gap: 3px;\n }\n\n &.uui-size-18,\n &.uui-size-24,\n &.uui-size-30 {\n --uui-horizontal-padding: 3px;\n }\n\n &.uui-size-42,\n &.uui-size-48 {\n --uui-horizontal-padding: 6px;\n }\n }\n\n .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) {\n .uui-tag.uui-size-inherit {\n --uui-horizontal-gap: 3px;\n }\n }\n\n .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) {\n .uui-tag.uui-size-inherit {\n --uui-horizontal-padding: 3px;\n }\n }\n\n .uui-size-48.uui-picker_toggler {\n .uui-tag.uui-size-inherit {\n --uui-horizontal-padding: 6px;\n }\n }\n\n .uui-checkbox-container, .uui-radio-input-container {\n &.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-switch {\n &.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n &.uui-size-24 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n }\n }\n\n .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n\n }\n\n .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n }\n}\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\n@use './_color_classes.scss' as colorClasses;\n\n@mixin theme-tokens {\n\n /***************/\n /*** Palette ***/\n /***************/\n\n // \"\"\n --black: #000000;\n --white: #FFFFFF;\n\n // \"palette-additional/cobalt\"\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n\n // \"palette-additional/cyan\"\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n\n // \"palette/fire\"\n --fire-5: #3C343E;\n --fire-10: #473943;\n --fire-20: #6B4447;\n --fire-50: #CC482D;\n --fire-60: #E56248;\n --fire-70: #F78C77;\n\n // \"palette-additional/fuchsia\"\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n\n // \"palette/grass\"\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n\n // \"palette-additional/mint\"\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n\n // \"palette/night\"\n --night50: #FAFAFC;\n --night100: #E1E3EB;\n --night200: #ACAFBF;\n --night300: #6C6F80;\n --night400: #585B69;\n --night500: #474A59;\n --night600: #383B4A;\n --night700: #303240;\n --night800: #272833;\n --night900: #1D1E26;\n\n // \"palette-additional/orange\"\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n\n // \"palette-additional/purple\"\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n\n // \"palette/sky\"\n --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n\n // \"palette/sun\"\n --sun-5: #3F3B3B;\n --sun-10: #47433D;\n --sun-20: #625747;\n --sun-50: #F1A105;\n --sun-60: #F4B83A;\n --sun-70: #FFD06D;\n\n // \"palette-additional/violet\"\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n\n // \"palette-additional/yellow\"\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\n\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n\n // \"core/semantic/accent-\"\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-accent-contrast: var(--white);\n\n // \"core/semantic/critical-\"\n --uui-critical-5: var(--fire-5);\n --uui-critical-10: var(--fire-10);\n --uui-critical-20: var(--fire-20);\n --uui-critical-50: var(--fire-50);\n --uui-critical-60: var(--fire-60);\n --uui-critical-70: var(--fire-70);\n --uui-critical-contrast: var(--white);\n\n // \"core/semantic/error-\"\n --uui-error-5: var(--fire-5);\n --uui-error-10: var(--fire-10);\n --uui-error-20: var(--fire-20);\n --uui-error-50: var(--fire-50);\n --uui-error-60: var(--fire-60);\n --uui-error-70: var(--fire-70);\n --uui-error-contrast: var(--white);\n\n // \"core/semantic/info-\"\n --uui-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-info-contrast: var(--white);\n\n // \"core/semantic/primary-\"\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n --uui-primary-contrast: var(--white);\n\n // \"core/semantic/secondary-\"\n --uui-secondary-5: var(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\n --uui-secondary-contrast: var(--white);\n\n // \"core/semantic/success-\"\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n --uui-success-contrast: var(--white);\n\n // \"core/semantic/warning-\"\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n --uui-warning-contrast: var(--night700);\n\n /********************/\n /*** Core Neutral ***/\n /********************/\n\n --uui-neutral-0: var(--white);\n --uui-neutral-5: var(--night50);\n --uui-neutral-10: var(--night100);\n --uui-neutral-20: var(--night200);\n --uui-neutral-30: var(--night300);\n --uui-neutral-40: var(--night400);\n --uui-neutral-50: var(--night500);\n --uui-neutral-60: var(--night600);\n --uui-neutral-70: var(--night700);\n --uui-neutral-80: var(--night800);\n --uui-neutral-90: var(--night900);\n --uui-neutral-100: var(--black);\n\n /************/\n /*** Core ***/\n /************/\n\n // \"core/surfaces\"\n --uui-app-bg: var(--uui-neutral-90);\n --uui-divider: var(--uui-neutral-50);\n --uui-divider-light: var(--uui-neutral-60);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-70);\n --uui-surface-highest: var(--uui-neutral-60);\n --uui-surface-main: var(--uui-neutral-80);\n --uui-surface-sunken: var(--uui-neutral-60);\n\n // \"\"\n --uui-border-radius: 3;\n\n // \"core/controls\"\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-60);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-disabled: var(--uui-neutral-40);\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-text-tertiary);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n // \"core/icons\"\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n --uui-icon-hover: var(--uui-neutral-5);\n\n // \"core/links\"\n --uui-link: var(--sky-60);\n --uui-link-hover: var(--sky-70);\n --uui-link-visited: var(--violet-60);\n --uui-link-visited-hover: var(--violet-70);\n\n // \"core/other\"\n --uui-outline-focus: #008ACE7F;\n --uui-skeleton: var(--uui-neutral-30);\n\n // \"core/text\"\n --uui-text-bg-highlight: var(--uui-warning-20);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-30);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-20);\n --uui-text-warning: var(--uui-warning-70);\n\n @include colorClasses.theme-color-classes;\n}\n","// This file is AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.\n\n@mixin theme-color-classes {\n .uui-color-primary {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n }\n\n .uui-color-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n }\n\n .uui-color-accent {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n }\n\n .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n }\n\n .uui-color-warning {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n }\n\n .uui-color-critical {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n }\n\n .uui-color-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n }\n\n .uui-color-neutral {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../scss/loveship/font-faces.scss","../../../../../theme/theme_loveship_dark.scss","../../../theme/theme_loveship_dark.scss","../../../theme/theme_loveship_dark.scss%23sass","../../../theme/theme_6px.scss","../../../theme/tokens/_theme_loveship_dark.scss","../../../theme/tokens/_color_classes.scss"],"names":[],"mappings":"AAAA;ECCA,0BDAI;ECCJ,iBAAA;EACA,mBDAI;ECCJ,ioBDAI;AECJ;AFKA;EACI,wBAAA;EACA,iBAAA;EACA,mBAAA;EACA,ynBAAA;AEHJ;AFSA;EACI,uBAAA;EACA,iBAAA;EACA,mBAAA;EACA,qnBAAA;AEPJ;AFaA;EACI,2BAAA;EACA,iBAAA;EACA,mBAAA;EACA,qoBAAA;AEXJ;AFiBA;EACI,yBAAA;EACA,iBAAA;EACA,mBAAA;EACA,6mBAAA;AEfJ;AFqBA;EACI,yBAAA;EACA,iBAAA;EACA,kBAAA;EACA,uIAAA;AEnBJ;AFsBA;EACI,sBAAA;EACA,2HAAA;EACA,kjBAAA;EAIA,kBAAA;AEvBJ;AF0BA;EACI,6BAAA;EACA,6oBAAA;EAIA,eAAA;EACA,iBAAA;AE3BJ;AF8BA;EACI,6BAAA;EACA,qpBAAA;EAIA,eAAA;EACA,iBAAA;AE/BJ;AFkCA;EACI,6BAAA;EACA,ynBAAA;EAIA,eAAA;EACA,iBAAA;AEnCJ;AFsCA;EACI,6BAAA;EACA,ioBAAA;EAIA,eAAA;EACA,iBAAA;AEvCJ;AF0CA;EACI,6BAAA;EACA,ioBAAA;EAIA,eAAA;EACA,iBAAA;AE3CJ;AF8CA;EACI,6BAAA;EACA,6mBAAA;EAIA,eAAA;EACA,iBAAA;AE/CJ;AFkDA;EACI,6BAAA;EACA,qoBAAA;EAIA,eAAA;EACA,iBAAA;AEnDJ;AFsDA;EACI,6BAAA;EACA,6oBAAA;EAIA,eAAA;EACA,iBAAA;AEvDJ;AF0DA;EACI,6BAAA;EACA,qnBAAA;EAIA,eAAA;EACA,iBAAA;AE3DJ;AF8DA;EACI,6BAAA;EACA,6nBAAA;EAIA,eAAA;EACA,iBAAA;AE/DJ;AFkEA;EACI,6BAAA;EACA,ynBAAA;EAIA,eAAA;EACA,iBAAA;AEnEJ;AFsEA;EACI,6BAAA;EACA,ioBAAA;EAIA,eAAA;EACA,iBAAA;AEvEJ;ACksBA;EClzBI,6BAAA;EACA,8BAAA;EACA,sBAAA;EAEA,wBAAA;EACA,qBAAA;ECIA,eAAA;EACA,eAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EAGA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAGA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAOA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,kCAAA;EAGA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,oCAAA;EAGA,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;EAGA,yBAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,gCAAA;EAGA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,mCAAA;EAGA,iCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,qCAAA;EAGA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,mCAAA;EAGA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,sCAAA;EAMA,4BAAA;EACA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,8BAAA;EAOA,kCAAA;EACA,mCAAA;EACA,yCAAA;EACA,uBAAA;EACA,0CAAA;EACA,2CAAA;EACA,wCAAA;EACA,0CAAA;EAGA,qBAAA;EAGA,wCAAA;EACA,+CAAA;EACA,4CAAA;EACA,0CAAA;EACA,mDAAA;EACA,gDAAA;EACA,gDAAA;EACA,wCAAA;EACA,iDAAA;EACA,kDAAA;EACA,2DAAA;EACA,0CAAA;EACA,oDAAA;EAGA,gCAAA;EACA,sCAAA;EACA,yCAAA;EACA,qCAAA;EAGA,wBAAA;EACA,8BAAA;EACA,mCAAA;EACA,yCAAA;EAGA,6BAAA;EACA,oCAAA;EAGA,6CAAA;EACA,0CAAA;EACA,yCAAA;EACA,kCAAA;EACA,uCAAA;EACA,0CAAA;EACA,wCAAA;EACA,yCAAA;EACA,wCAAA;EFvQA,wCAAA;EACA,wCAAA;EAGA,6EAAA;EACA,qFAAA;EACA,qFAAA;EAEA,uBAAA;ADwVJ;AE/VI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFiWR;AE7VI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AF+VR;AE3VI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AF6VR;AE1VI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AF4VR;AEzVI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AF2VR;AExVI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AF0VR;AEvVI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFyVR;AEtVI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFwVR;AEpVQ;EACI,4BAAA;AFsVZ;AEnVQ;EACI,4BAAA;AFqVZ;AEjVI;EACI,6BAAA;EACA,wBAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFmVR;AE/UQ;EACI,oBAAA;EACA,sBAAA;AFiVZ;AE9UQ;EACI,oBAAA;AFgVZ;AE7UQ;EACI,oBAAA;AF+UZ;AE5UQ;EAEI,wCAAA;AF6UZ;AE1UQ;EAII,wBAAA;AFyUZ;AEtUQ;EAGI,4BAAA;AFsUZ;AEnUQ;EAEI,4BAAA;AFoUZ;AE/TQ;EACI,wBAAA;AFiUZ;AE5TQ;EACI,4BAAA;AF8TZ;AEzTQ;EACI,4BAAA;AF2TZ;AEtTQ;EACI,yBAAA;EACA,sBAAA;EACA,oBAAA;AFwTZ;AEnTQ;EACI,yBAAA;EACA,sBAAA;EACA,oBAAA;AFqTZ;AElTQ;EACI,yBAAA;EACA,sBAAA;EACA,oBAAA;AFoTZ;AEhTI;EACI,yBAAA;EACA,sBAAA;EACA,oBAAA;AFkTR;AE9SI;EACI,yBAAA;EACA,sBAAA;EACA,oBAAA;AFgTR;AIlgBI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AJogBR;AIjgBI;EACI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;AJmgBR;AIhgBI;EACI,iCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,+CAAA;AJkgBR;AI/fI;EACI,+BAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,6CAAA;AJigBR;AI9fI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AJggBR;AI7fI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AJ+fR;AI5fI;EACI,gCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,8CAAA;AJ8fR;AI3fI;EACI,mCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,iDAAA;AJ6fR;AI1fI;EACI,0DAAA;EACA,2DAAA;EACA,2DAAA;EACA,mCAAA;EACA,oCAAA;EACA,oCAAA;EACA,0CAAA;AJ4fR;AIzfI;EACI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;AJ2fR;ACvkBI;EACI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,iCAAA;ADykBR;ACtkBI;EACI,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,iCAAA;ADwkBR;ACrkBI;EACI,0BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,iCAAA;ADukBR;ACpkBI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;ADskBR;ACnkBI;EACI,0BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,oCAAA;ADqkBR;AClkBI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,oCAAA;ADokBR;ACjkBI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,oCAAA;ADmkBR;AChkBI;EACI,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,iCAAA;ADkkBR;AC/jBI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;ADikBR;AC9jBI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;ADgkBR;AC7jBI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AD+jBR;AC5jBI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,oCAAA;AD8jBR;AC3jBI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,oCAAA;AD6jBR;ACtjBI;EACI,kCAAA;ADwjBR;ACnjBI;EACI,iCAAA;ADqjBR;AChjBI;EACI,iCAAA;ADkjBR;AC7iBI;EACI,2CAAA;EACA,+CAAA;AD+iBR;AC7iBQ;EACI,yCAAA;AD+iBZ;AC7iBY;EACI,sCAAA;EACA,kCAAA;AD+iBhB;AC3iBQ;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;EACA,qCAAA;AD6iBZ;AC3iBY;EAEI,wCAAA;EACA,yCAAA;EACA,sCAAA;EACA,4CAAA;EACA,6CAAA;EACA,uCAAA;AD4iBhB;ACziBY;EACI,sCAAA;EACA,qCAAA;EACA,2CAAA;EACA,4CAAA;AD2iBhB;ACviBQ;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;EACA,qCAAA;ADyiBZ;ACviBY;EAEI,wCAAA;EACA,yCAAA;EACA,sCAAA;EACA,4CAAA;EACA,6CAAA;EACA,uCAAA;ADwiBhB;ACriBY;EACI,sCAAA;EACA,qCAAA;EACA,2CAAA;EACA,4CAAA;ADuiBhB;ACniBQ;EACI,qCAAA;ADqiBZ;ACniBY;EAEI,wCAAA;EACA,yCAAA;EACA,4CAAA;EACA,6CAAA;EACA,uCAAA;ADoiBhB;ACjiBY;EACI,sCAAA;ADmiBhB;AC9hBI;EACI,wCAAA;EACA,uCAAA;ADgiBR;ACzhBY;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AD2hBhB;ACphBQ;;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,wCAAA;ADuhBZ;ACrhBY;;EFwhBZ,6CAAA;EEthBgB,iDAAA;EFwhBhB,mDAAA;ACCA;ACphBQ;;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,wCAAA;EACA,8CAAA;ADuhBZ;AClhBQ;EACI,mCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;ADohBZ;AClhBY;EACI,mFAAA;EACA,wFAAA;EACA,mDAAA;ADohBhB;AC9gBQ;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;ADghBZ;AC7gBQ;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AD+gBZ;AC7gBY;EACI,mFAAA;EACA,wFAAA;EACA,mDAAA;AD+gBhB;ACzgBQ;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,gCAAA;EACA,sCAAA;AD2gBZ;ACxgBQ;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,8CAAA;EACA,wCAAA;EACA,8CAAA;AD0gBZ;ACpgBI;EACI,kCAAA;EACA,wCAAA;EACA,yCAAA;ADsgBR;ACngBI;EACI,0CAAA;EACA,2CAAA;ADqgBR;AClgBI;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;ADogBR;AC/fI;EACI,wCAAA;EACA,8CAAA;EACA,gDAAA;ADigBR;AC9fI;EACI,kDAAA;ADggBR;AC7fI;;EAEI,uCAAA;EACA,6CAAA;AD+fR;AC5fI;EACI,yCAAA;EACA,+CAAA;EACA,gDAAA;AD8fR;AC3fI;EACI,wCAAA;EACA,8EAAA;AD6fR;ACxfI;EACI,8CAAA;EACA,+CAAA;AD0fR;ACrfI;EACI,yCAAA;EACA,gDAAA;EACA,wCAAA;EAEA,8CAAA;EACA,mDAAA;EACA,2DAAA;EACA,mDAAA;EACA,iDAAA;EAEA,yCAAA;EACA,+CAAA;EACA,gDAAA;ADqfR;AClfI;EACI,yCAAA;EACA,gDAAA;EACA,uDAAA;ADofR;AC/eI;EACI,sCAAA;EACA,4CAAA;EACA,+CAAA;EACA,2CAAA;EACA,wCAAA;ADifR;AC7eI;EACI,6CAAA;EACA,oDAAA;EACA,qDAAA;EACA,6CAAA;AD+eR;AC1eI;EACI,wCAAA;EACA,8CAAA;EACA,4CAAA;EACA,wDAAA;AD4eR;ACveI;EACI,0CAAA;ADyeR;ACteI;EACI,sCAAA;ADweR;ACreI;EACI,uCAAA;ADueR;ACpeI;EACI,sCAAA;EACA,wCAAA;ADseR;ACjeI;EACI,4CAAA;EACA,gDAAA;ADmeR;ACjeQ;EACI,mDAAA;ADmeZ;AC5dQ;EACI,kEAAA;EACA,6BAAA;AD8dZ;ACxdQ;;EACI,sCAAA;AD2dZ;ACvdY;;EACI,2EAAA;EACA,sCAAA;AD0dhB;ACndI;EACI,oCAAA;EACA,sCAAA;ADqdR;ACldI;EACI,oCAAA;EACA,sCAAA;ADodR;ACjdI;EACI,oCAAA;EACA,sCAAA;ADmdR;AChdI;EACI,oCAAA;EACA,sCAAA;ADkdR;AC5cQ;EACI,0EAAA;EACA,8EAAA;AD8cZ;AC3cQ;EACI,sCAAA;EACA,mCAAA;AD6cZ;AC3cY;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AD6chB;ACvcY;EACI,sCAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;ADychB;ACvcgB;EACI,6CAAA;EACA,iDAAA;ADycpB;ACrcY;EACI,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;ADuchB;ACrcgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;ADucpB;ACjcY;EACI,uCAAA;EACA,2CAAA;ADmchB;ACjcgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;ADmcpB;AC/bY;EACI,6DAAA;EACA,qCAAA;EACA,oEAAA;EACA,2CAAA;ADichB;AC/bgB;EACI,8CAAA;EACA,kDAAA;ADicpB;AC3bY;EACI,uCAAA;EACA,oCAAA;EACA,kCAAA;EACA,sCAAA;EACA,uCAAA;EACA,4CAAA;AD6bhB;AC3bgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AD6bpB;ACzbY;EACI,sEAAA;EACA,4EAAA;EACA,sCAAA;EACA,4CAAA;AD2bhB;ACzbgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AD2bpB;ACrbY;EACI,sCAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;ADubhB;ACrbgB;EACI,kDAAA;ADubpB;ACnbY;EACI,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;ADqbhB;ACnbgB;EACI,kDAAA;EACA,8CAAA;EACA,kDAAA;ADqbpB;AC7agB;EACI,iFAAA;EACA,uFAAA;AD+apB;ACxaQ;EACI,sCAAA;AD0aZ;ACvaQ;EACI,sCAAA;ADyaZ;ACraI;EACI,0CAAA;EACA,iDAAA;ADuaR;ACpaI;EACI,mJAAA;ADsaR;ACnaI;EACI,gDAAA;ADqaR;AClaI;EACI,oDAAA;ADoaR;AC/ZI;EACI,+CAAA;ADiaR;AC5ZI;EACI,kDAAA;AD8ZR;ACzZI;EACI,+BAAA;EACA,0BAAA;AD2ZR;ACxZI;EACI,+BAAA;EACA,0BAAA;AD0ZR;ACtZI;EACI,+BAAA;EACA,0BAAA;ADwZR;ACnZI;EACI,wBAAA;ADqZR;AClZI;EACI,0BAAA;ADoZR;ACjZI;EACI,wBAAA;ADmZR;AChZI;EACI,yBAAA;ADkZR;AC/YI;EACI,yBAAA;ADiZR;AC9YI;EACI,0BAAA;ADgZR;AC7YI;EACI,0BAAA;AD+YR;AC5YI;EACI,0BAAA;AD8YR;AC3YI;EACI,0BAAA;AD6YR;AC1YI;EACI,0BAAA;AD4YR;ACzYI;EACI,0BAAA;AD2YR;ACxYI;EACI,0BAAA;AD0YR;ACpYQ;EACI,sCAAA;ADsYZ;ACnYQ;EACI,eAAA;ADqYZ;AClYQ;EACI,eAAA;ADoYZ;ACjYQ;EACI,eAAA;ADmYZ;AChYQ;EACI,cAAA;EACA,gBAAA;EACA,eAAA;ADkYZ","file":"theme_loveship_dark.css","sourcesContent":["@font-face {\r\n font-family: 'Sans Regular';\r\n font-style: normal;\r\n font-stretch: normal;\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\r\n}\r\n\r\n@font-face {\r\n font-family: 'Sans Light';\r\n font-style: normal;\r\n font-stretch: normal;\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');\r\n}\r\n\r\n@font-face {\r\n font-family: 'Sans Bold';\r\n font-style: normal;\r\n font-stretch: normal;\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');\r\n}\r\n\r\n@font-face {\r\n font-family: 'Sans Semibold';\r\n font-style: normal;\r\n font-stretch: normal;\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\r\n}\r\n\r\n@font-face {\r\n font-family: 'Sans Italic';\r\n font-style: normal;\r\n font-stretch: normal;\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\r\n}\r\n\r\n@font-face {\r\n font-family: 'Roboto Mono';\r\n font-style: normal;\r\n font-weight: normal;\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf') format('truetype');\r\n}\r\n\r\n@font-face {\r\n font-family: 'Redacted';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot');\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');\r\n font-display: block;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');\r\n font-weight: 200;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');\r\n font-weight: 200;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');\r\n font-weight: 300;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\r\n font-weight: 400;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\r\n font-weight: 600;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');\r\n font-weight: 600;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');\r\n font-weight: 700;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');\r\n font-weight: 900;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');\r\n font-weight: 900;\r\n font-style: italic;\r\n}\r\n","@use '../scss/loveship/font-faces';\r\n@use './theme_6px' as *;\r\n@use './tokens/_theme_loveship_dark.scss' as tokens;\r\n/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin theme-loveship_dark {\r\n @include tokens.theme-tokens;\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n /* shadows */\r\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\r\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\r\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-gray {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-grass {\r\n --uui-color-5: var(--grass-5);\r\n --uui-color-10: var(--grass-10);\r\n --uui-color-20: var(--grass-20);\r\n --uui-color-50: var(--grass-50);\r\n --uui-color-60: var(--grass-60);\r\n --uui-color-70: var(--grass-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-sky {\r\n --uui-color-5: var(--sky-5);\r\n --uui-color-10: var(--sky-10);\r\n --uui-color-20: var(--sky-20);\r\n --uui-color-50: var(--sky-50);\r\n --uui-color-60: var(--sky-60);\r\n --uui-color-70: var(--sky-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-fire {\r\n --uui-color-5: var(--fire-5);\r\n --uui-color-10: var(--fire-10);\r\n --uui-color-20: var(--fire-20);\r\n --uui-color-50: var(--fire-50);\r\n --uui-color-60: var(--fire-60);\r\n --uui-color-70: var(--fire-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-sun {\r\n --uui-color-5: var(--sun-5);\r\n --uui-color-10: var(--sun-10);\r\n --uui-color-20: var(--sun-20);\r\n --uui-color-50: var(--sun-50);\r\n --uui-color-60: var(--sun-60);\r\n --uui-color-70: var(--sun-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n /* override variables */\r\n\r\n /* isInvalid color */\r\n\r\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\r\n --uui-error-50: var(--uui-error-60);\r\n }\r\n\r\n /* Accordion */\r\n\r\n .uui-accordion-container {\r\n --uui-accordion-border-radius: 6px;\r\n }\r\n\r\n /* FileCard */\r\n\r\n .uui-file_card {\r\n --uui-file_card-border-radius: 6px;\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button {\r\n --uui-btn-bg-disabled: var(--uui-neutral-50);\r\n --uui-btn-border-disabled: var(--uui-neutral-50);\r\n\r\n &.uui-fill-solid.uui-color-white {\r\n --uui-btn-bg-active: var(--uui-neutral-20);\r\n\r\n &:active {\r\n background-color: var(--uui-neutral-20);\r\n border-color: var(--uui-neutral-20);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-btn-border: var(--uui-color-60);\r\n --uui-btn-border-hover: var(--uui-color-60);\r\n --uui-btn-border-active: var(--uui-color-60);\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border: var(--uui-neutral-30);\r\n --uui-btn-border-hover: var(--uui-neutral-30);\r\n --uui-btn-border-active: var(--uui-neutral-30);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n\r\n &.uui-color-white {\r\n --uui-btn-caption: var(--uui-neutral-0);\r\n --uui-btn-border: var(--uui-neutral-0);\r\n --uui-btn-border-hover: var(--uui-neutral-0);\r\n --uui-btn-border-active: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-none {\r\n --uui-btn-border: var(--uui-color-60);\r\n --uui-btn-border-hover: var(--uui-color-60);\r\n --uui-btn-border-active: var(--uui-color-60);\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border: var(--uui-neutral-30);\r\n --uui-btn-border-hover: var(--uui-neutral-30);\r\n --uui-btn-border-active: var(--uui-neutral-30);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n\r\n &.uui-color-white {\r\n --uui-btn-caption: var(--uui-neutral-0);\r\n --uui-btn-border: var(--uui-neutral-0);\r\n --uui-btn-border-hover: var(--uui-neutral-0);\r\n --uui-btn-border-active: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-ghost {\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border-hover: var(--uui-neutral-60);\r\n --uui-btn-border-active: var(--uui-neutral-50);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n\r\n &.uui-color-white {\r\n --uui-btn-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n }\r\n\r\n .uui-blocker-container {\r\n --uui-blocker-bg: var(--uui-surface-main);\r\n --uui-blocker-bg-with-opacity: #303240CC;\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge {\r\n &.uui-fill-outline {\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-80);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-badge-caption: var(--uui-neutral-5);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n --uui-count_indicator-caption: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-60);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-50);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-0);\r\n --uui-badge-caption-hover: var(--uui-neutral-5);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-0);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-10);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-70);\r\n --uui-badge-caption-hover: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-10);\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n --uui-badge-caption: var(--uui-neutral-70);\r\n --uui-badge-caption-hover: var(--uui-neutral-70);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-70);\r\n --uui-badge-caption-hover: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night600 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-60);\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-bg-hover: var(--uui-neutral-50);\r\n --uui-badge-border-hover: var(--uui-neutral-50);\r\n --uui-badge-caption: var(--white);\r\n --uui-badge-caption-hover: var(--white);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-80);\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-bg-hover: var(--uui-neutral-70);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-5);\r\n --uui-badge-caption-hover: var(--uui-neutral-5);\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\r\n --uui-icon_btn: var(--uui-color-60);\r\n --uui-icon_btn-hover: var(--uui-color-70);\r\n --uui-icon_btn-active: var(--uui-color-70);\r\n }\r\n\r\n .uui-icon_button.uui-color-white {\r\n --uui-icon_btn-hover: var(--uui-neutral-20);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-40);\r\n --uui-icon_btn-hover: var(--uui-neutral-30);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-contrast {\r\n --uui-link_btn-text: var(--uui-neutral-0);\r\n --uui-link_btn-text-hover: var(--uui-neutral-5);\r\n --uui-link_btn-text-active: var(--uui-neutral-10);\r\n }\r\n\r\n .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\r\n --uui-link_btn-text-disabled: var(--uui-neutral-40);\r\n }\r\n\r\n .uui-link_button.uui-color-primary,\r\n .uui-link_button.uui-color-sky {\r\n --uui-link_btn-text: var(--uui-color-60);\r\n --uui-link_btn-text-hover: var(--uui-color-70);\r\n }\r\n\r\n .uui-link_button.uui-color-secondary {\r\n --uui-link_btn-text: var(--uui-neutral-30);\r\n --uui-link_btn-text-hover: var(--uui-neutral-20);\r\n --uui-link_btn-text-active: var(--uui-neutral-10);\r\n }\r\n\r\n .uui-link_button.uui-color-white {\r\n --uui-link_btn-text: var(--uui-neutral-5);\r\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\r\n }\r\n\r\n /* TubButton */\r\n\r\n .uui-tab-button {\r\n --uui-tab_btn-text-hover: var(--uui-primary-60);\r\n --uui-tab_btn-text-active: var(--uui-primary-60);\r\n }\r\n\r\n /* MainMenu */\r\n\r\n .uui-main_menu {\r\n --uui-main_menu-text: var(--uui-neutral-0);\r\n --uui-main_menu-text-active: var(--uui-neutral-0);\r\n --uui-main_menu-bg: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-search-bg: var(--uui-neutral-5);\r\n --uui-main_menu-search-border: var(--uui-neutral-40);\r\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\r\n --uui-main_menu-search-text: var(--uui-text-primary);\r\n --uui-main_menu-search-icon: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-icon: var(--uui-neutral-5);\r\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\r\n --uui-main_menu-icon-active: var(--uui-neutral-5);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-text: var(--uui-neutral-0);\r\n --uui-main_menu-text-active: var(--uui-neutral-0);\r\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\r\n }\r\n\r\n /* BurgerMenu */\r\n\r\n .uui-burger {\r\n --uui-burger_menu-bg: var(--uui-app-bg);\r\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\r\n --uui-burger_menu-caption: var(--uui-neutral-90);\r\n --uui-burger_menu-icon: var(--uui-neutral-5);\r\n --uui-burger_menu-item: var(--uui-app-bg);\r\n }\r\n\r\n /* BurgerButton */\r\n .uui-main_menu-burger-button {\r\n --uui-burger_btn_caption: var(--uui-neutral-0);\r\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\r\n --uui-burger_btn_caption-active: var(--uui-primary-50);\r\n --uui-burger_btn-border: var(--uui-neutral-40);\r\n }\r\n\r\n /* BurgerSearch */\r\n\r\n .uui-main_menu-burger-search {\r\n --uui-burger_search: var(--uui-neutral-0);\r\n --uui-burger_search-fill: var(--uui-neutral-70);\r\n --uui-burger_search-bg: var(--uui-neutral-40);\r\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-neutral {\r\n --uui-tooltip-border: var(--uui-neutral-50);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-white {\r\n --uui-tooltip-bg: var(--uui-neutral-10);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-critical {\r\n --uui-tooltip-bg: var(--uui-critical-50);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-inverted {\r\n --uui-tooltip-bg: var(--uui-neutral-10);\r\n --uui-tooltip-text: var(--uui-neutral-70);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\r\n --uui-count_indicator-bg: var(--uui-color-60);\r\n --uui-count_indicator-border: var(--uui-color-60);\r\n\r\n &.uui-color-neutral, &.uui-color-gray {\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--white);\r\n }\r\n }\r\n\r\n .uui-status_indicator.uui-color-night600,\r\n .uui-status_indicator.uui-color-neutral {\r\n .uui-status_indicator_dot {\r\n background-color: var(--uui-neutral-30);\r\n }\r\n\r\n &.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n /* Alert */\r\n\r\n .uui-alert.uui-color-info {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-success {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-warning {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-error {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-70);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-50);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-bg-hover: var(--uui-neutral-60);\r\n --uui-tag-border-hover: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-5);\r\n --uui-tag-border-hover: var(--uui-neutral-5);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\r\n --uui-tag-border: var(--uui-neutral-0);\r\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\r\n --uui-tag-border-hover: var(--uui-neutral-0);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-80);\r\n --uui-tag-fill: var(--uui-neutral-80);\r\n --uui-tag-bg: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-bg-hover: var(--uui-neutral-5);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\r\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\r\n --uui-tag-border: var(--uui-neutral-20);\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night700 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-70);\r\n --uui-tag-border: var(--uui-neutral-70);\r\n --uui-tag-bg-hover: var(--uui-neutral-60);\r\n --uui-tag-border-hover: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-80);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-bg-hover: var(--uui-neutral-70);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n --uui-count_indicator-bg: var(--uui-neutral-70);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-sun {\r\n &.uui-fill-solid {\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .uui-presets-panel-input .uui-icon-cancel {\r\n &:hover {\r\n background-color: var(--uui-neutral-60);\r\n }\r\n\r\n &:active {\r\n background-color: var(--uui-neutral-50);\r\n }\r\n }\r\n\r\n .uui-scroll-bars {\r\n --uui-scroll_bars-bg: var(--uui-neutral-40);\r\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-text-placeholder {\r\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\r\n }\r\n\r\n .uui-dt-vars {\r\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\r\n }\r\n\r\n .uui-filters-panel-item-toggler {\r\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\r\n }\r\n\r\n /* DropdownMenu */\r\n\r\n .uui-dropdownMenu-body {\r\n --uui-dropdown-selected_mark: var(--uui-info-60);\r\n }\r\n\r\n /* PickerInput */\r\n\r\n .uui-pickerInput-body {\r\n --uui-pickerInput-selected_mark: var(--uui-info-60);\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n\r\n }\r\n\r\n .uui-font-sans-light {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 300;\r\n }\r\n\r\n /* Text */\r\n\r\n .uui-text.uui-color-sky {\r\n --uui-text: var(--sky-70);\r\n }\r\n\r\n .uui-text.uui-color-grass {\r\n --uui-text: var(--grass-70);\r\n }\r\n\r\n .uui-text.uui-color-sun {\r\n --uui-text: var(--sun-70);\r\n }\r\n\r\n .uui-text.uui-color-fire {\r\n --uui-text: var(--fire-70);\r\n }\r\n\r\n .uui-text.uui-color-night50 {\r\n --uui-text: var(--night50);\r\n }\r\n\r\n .uui-text.uui-color-night300 {\r\n --uui-text: var(--night300);\r\n }\r\n\r\n .uui-text.uui-color-night400 {\r\n --uui-text: var(--night400);\r\n }\r\n\r\n .uui-text.uui-color-night500 {\r\n --uui-text: var(--night500);\r\n }\r\n\r\n .uui-text.uui-color-night600 {\r\n --uui-text: var(--night600);\r\n }\r\n\r\n .uui-text.uui-color-night700 {\r\n --uui-text: var(--night700);\r\n }\r\n\r\n .uui-text.uui-color-night800 {\r\n --uui-text: var(--night800);\r\n }\r\n\r\n .uui-text.uui-color-night900 {\r\n --uui-text: var(--night900);\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n .uui-highlight {\r\n background-color: var(--uui-warning-20);\r\n }\r\n\r\n h1 {\r\n font-weight: 600;\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n }\r\n\r\n h3 {\r\n font-weight: 600;\r\n }\r\n\r\n .hero-header {\r\n font-size: 72px;\r\n line-height: 72px;\r\n font-weight: 700;\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-loveship_dark {\r\n @include uui-6px-grid();\r\n @include theme-loveship_dark();\r\n}\r\n","@font-face {\n font-family: \"Sans Regular\";\n font-style: normal;\n font-stretch: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Sans Light\";\n font-style: normal;\n font-stretch: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Sans Bold\";\n font-style: normal;\n font-stretch: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Sans Semibold\";\n font-style: normal;\n font-stretch: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Sans Italic\";\n font-style: normal;\n font-stretch: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Roboto Mono\";\n font-style: normal;\n font-weight: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf\") format(\"truetype\");\n}\n@font-face {\n font-family: \"Redacted\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot\");\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename\") format(\"svg\");\n font-display: block;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf\") format(\"truetype\");\n font-weight: 200;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf\") format(\"truetype\");\n font-weight: 200;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf\") format(\"truetype\");\n font-weight: 300;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf\") format(\"truetype\");\n font-weight: 300;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf\") format(\"truetype\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf\") format(\"truetype\");\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf\") format(\"truetype\");\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf\") format(\"truetype\");\n font-weight: 600;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf\") format(\"truetype\");\n font-weight: 700;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf\") format(\"truetype\");\n font-weight: 700;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf\") format(\"truetype\");\n font-weight: 900;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf\") format(\"truetype\");\n font-weight: 900;\n font-style: italic;\n}\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-loveship_dark {\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n /***************/\n /*** Palette ***/\n /***************/\n --black: #000000;\n --white: #FFFFFF;\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n --fire-5: #3C343E;\n --fire-10: #473943;\n --fire-20: #6B4447;\n --fire-50: #CC482D;\n --fire-60: #E56248;\n --fire-70: #F78C77;\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n --night50: #FAFAFC;\n --night100: #E1E3EB;\n --night200: #ACAFBF;\n --night300: #6C6F80;\n --night400: #585B69;\n --night500: #474A59;\n --night600: #383B4A;\n --night700: #303240;\n --night800: #272833;\n --night900: #1D1E26;\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n --sun-5: #3F3B3B;\n --sun-10: #47433D;\n --sun-20: #625747;\n --sun-50: #F1A105;\n --sun-60: #F4B83A;\n --sun-70: #FFD06D;\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-accent-contrast: var(--white);\n --uui-critical-5: var(--fire-5);\n --uui-critical-10: var(--fire-10);\n --uui-critical-20: var(--fire-20);\n --uui-critical-50: var(--fire-50);\n --uui-critical-60: var(--fire-60);\n --uui-critical-70: var(--fire-70);\n --uui-critical-contrast: var(--white);\n --uui-error-5: var(--fire-5);\n --uui-error-10: var(--fire-10);\n --uui-error-20: var(--fire-20);\n --uui-error-50: var(--fire-50);\n --uui-error-60: var(--fire-60);\n --uui-error-70: var(--fire-70);\n --uui-error-contrast: var(--white);\n --uui-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-info-contrast: var(--white);\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n --uui-primary-contrast: var(--white);\n --uui-secondary-5: var(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\n --uui-secondary-contrast: var(--white);\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n --uui-warning-contrast: var(--night700);\n /********************/\n /*** Core Neutral ***/\n /********************/\n --uui-neutral-0: var(--white);\n --uui-neutral-5: var(--night50);\n --uui-neutral-10: var(--night100);\n --uui-neutral-20: var(--night200);\n --uui-neutral-30: var(--night300);\n --uui-neutral-40: var(--night400);\n --uui-neutral-50: var(--night500);\n --uui-neutral-60: var(--night600);\n --uui-neutral-70: var(--night700);\n --uui-neutral-80: var(--night800);\n --uui-neutral-90: var(--night900);\n --uui-neutral-100: var(--black);\n /************/\n /*** Core ***/\n /************/\n --uui-app-bg: var(--uui-neutral-90);\n --uui-divider: var(--uui-neutral-50);\n --uui-divider-light: var(--uui-neutral-60);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-70);\n --uui-surface-highest: var(--uui-neutral-60);\n --uui-surface-main: var(--uui-neutral-80);\n --uui-surface-sunken: var(--uui-neutral-60);\n --uui-border-radius: 3;\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-60);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-disabled: var(--uui-neutral-40);\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-text-tertiary);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n --uui-icon-hover: var(--uui-neutral-5);\n --uui-link: var(--sky-60);\n --uui-link-hover: var(--sky-70);\n --uui-link-visited: var(--violet-60);\n --uui-link-visited-hover: var(--violet-70);\n --uui-outline-focus: #008ACE7F;\n --uui-skeleton: var(--uui-neutral-30);\n --uui-text-bg-highlight: var(--uui-warning-20);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-30);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-20);\n --uui-text-warning: var(--uui-warning-70);\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n /* shadows */\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n --uui-border-radius: 3px;\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* override variables */\n /* isInvalid color */\n /* Accordion */\n /* FileCard */\n /* Button */\n /* Badge */\n /* IconButton */\n /* LinkButton */\n /* TubButton */\n /* MainMenu */\n /* BurgerMenu */\n /* BurgerButton */\n /* BurgerSearch */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* Alert */\n /* Tag */\n /* DropdownMenu */\n /* PickerInput */\n /* fonts */\n /* Text */\n /* Typography */\n}\n.uui-theme-loveship_dark .uui-size-12 {\n --uui-size: 12px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 12px;\n}\n.uui-theme-loveship_dark .uui-size-18 {\n --uui-size: 18px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 3px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 10px;\n}\n.uui-theme-loveship_dark .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 12px;\n}\n.uui-theme-loveship_dark .uui-size-30 {\n --uui-size: 30px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-size-36 {\n --uui-size: 36px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-size-42 {\n --uui-size: 42px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-loveship_dark .uui-size-48 {\n --uui-size: 48px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-loveship_dark .uui-size-60 {\n --uui-size: 60px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 20px;\n}\n.uui-theme-loveship_dark .uui-input-box.uui-size-42 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-loveship_dark .uui-input-box.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-loveship_dark .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n --uui-horizontal-padding: 12px;\n --uui-horizontal-gap: 6px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-18 {\n --uui-font-size: 12px;\n --uui-line-height: 14px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-24 {\n --uui-icon-size: 18px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-42, .uui-theme-loveship_dark .uui-tag.uui-size-48 {\n --uui-tag-count_indicator-margin-end: 3px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-18, .uui-theme-loveship_dark .uui-tag.uui-size-24, .uui-theme-loveship_dark .uui-tag.uui-size-30, .uui-theme-loveship_dark .uui-tag.uui-size-36 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-18, .uui-theme-loveship_dark .uui-tag.uui-size-24, .uui-theme-loveship_dark .uui-tag.uui-size-30 {\n --uui-horizontal-padding: 3px;\n}\n.uui-theme-loveship_dark .uui-tag.uui-size-42, .uui-theme-loveship_dark .uui-tag.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-loveship_dark .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) .uui-tag.uui-size-inherit {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-loveship_dark .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) .uui-tag.uui-size-inherit {\n --uui-horizontal-padding: 3px;\n}\n.uui-theme-loveship_dark .uui-size-48.uui-picker_toggler .uui-tag.uui-size-inherit {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-loveship_dark .uui-checkbox-container.uui-size-18, .uui-theme-loveship_dark .uui-radio-input-container.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-switch.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-switch.uui-size-24 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-loveship_dark .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-loveship_dark .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-loveship_dark .uui-color-primary {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-loveship_dark .uui-color-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-loveship_dark .uui-color-accent {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-loveship_dark .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n}\n.uui-theme-loveship_dark .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n}\n.uui-theme-loveship_dark .uui-color-warning {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-loveship_dark .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-loveship_dark .uui-color-critical {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-loveship_dark .uui-color-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-color-neutral {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-loveship_dark .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-grass {\n --uui-color-5: var(--grass-5);\n --uui-color-10: var(--grass-10);\n --uui-color-20: var(--grass-20);\n --uui-color-50: var(--grass-50);\n --uui-color-60: var(--grass-60);\n --uui-color-70: var(--grass-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-sky {\n --uui-color-5: var(--sky-5);\n --uui-color-10: var(--sky-10);\n --uui-color-20: var(--sky-20);\n --uui-color-50: var(--sky-50);\n --uui-color-60: var(--sky-60);\n --uui-color-70: var(--sky-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-fire {\n --uui-color-5: var(--fire-5);\n --uui-color-10: var(--fire-10);\n --uui-color-20: var(--fire-20);\n --uui-color-50: var(--fire-50);\n --uui-color-60: var(--fire-60);\n --uui-color-70: var(--fire-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-sun {\n --uui-color-5: var(--sun-5);\n --uui-color-10: var(--sun-10);\n --uui-color-20: var(--sun-20);\n --uui-color-50: var(--sun-50);\n --uui-color-60: var(--sun-60);\n --uui-color-70: var(--sun-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n}\n.uui-theme-loveship_dark .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-loveship_dark .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-loveship_dark .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-solid.uui-color-white {\n --uui-btn-bg-active: var(--uui-neutral-20);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-solid.uui-color-white:active {\n background-color: var(--uui-neutral-20);\n border-color: var(--uui-neutral-20);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n}\n.uui-theme-loveship_dark .uui-badge.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-80);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,\n.uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-80);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-0);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-50);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n}\n.uui-theme-loveship_dark .uui-icon_button.uui-color-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n --uui-link_btn-text-disabled: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-primary,\n.uui-theme-loveship_dark .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-secondary {\n --uui-link_btn-text: var(--uui-neutral-30);\n --uui-link_btn-text-hover: var(--uui-neutral-20);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n}\n.uui-theme-loveship_dark .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n}\n.uui-theme-loveship_dark .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n}\n.uui-theme-loveship_dark .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-50);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-neutral, .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--white);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator_dot,\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator_dot {\n background-color: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator_dot,\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-tag .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n}\n.uui-theme-loveship_dark .uui-tag.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-50);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-tag-border-hover: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-80);\n --uui-tag-fill: var(--uui-neutral-80);\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n}\n.uui-theme-loveship_dark .uui-presets-panel-input .uui-icon-cancel:hover {\n background-color: var(--uui-neutral-60);\n}\n.uui-theme-loveship_dark .uui-presets-panel-input .uui-icon-cancel:active {\n background-color: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n}\n.uui-theme-loveship_dark .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\n}\n.uui-theme-loveship_dark .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-dropdownMenu-body {\n --uui-dropdown-selected_mark: var(--uui-info-60);\n}\n.uui-theme-loveship_dark .uui-pickerInput-body {\n --uui-pickerInput-selected_mark: var(--uui-info-60);\n}\n.uui-theme-loveship_dark .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-loveship_dark .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}\n.uui-theme-loveship_dark .uui-text.uui-color-sky {\n --uui-text: var(--sky-70);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-grass {\n --uui-text: var(--grass-70);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-sun {\n --uui-text: var(--sun-70);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-fire {\n --uui-text: var(--fire-70);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-night50 {\n --uui-text: var(--night50);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-night300 {\n --uui-text: var(--night300);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-night400 {\n --uui-text: var(--night400);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-night500 {\n --uui-text: var(--night500);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-night600 {\n --uui-text: var(--night600);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-night700 {\n --uui-text: var(--night700);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-night800 {\n --uui-text: var(--night800);\n}\n.uui-theme-loveship_dark .uui-text.uui-color-night900 {\n --uui-text: var(--night900);\n}\n.uui-theme-loveship_dark .uui-typography .uui-highlight {\n background-color: var(--uui-warning-20);\n}\n.uui-theme-loveship_dark .uui-typography h1 {\n font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-typography h2 {\n font-weight: 700;\n}\n.uui-theme-loveship_dark .uui-typography h3 {\n font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-typography .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n}","@use '../scss/loveship/font-faces';\r\n@use './theme_6px' as *;\r\n@use './tokens/_theme_loveship_dark.scss' as tokens;\r\n/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin theme-loveship_dark {\r\n @include tokens.theme-tokens;\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n /* shadows */\r\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\r\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\r\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-gray {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-grass {\r\n --uui-color-5: var(--grass-5);\r\n --uui-color-10: var(--grass-10);\r\n --uui-color-20: var(--grass-20);\r\n --uui-color-50: var(--grass-50);\r\n --uui-color-60: var(--grass-60);\r\n --uui-color-70: var(--grass-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-sky {\r\n --uui-color-5: var(--sky-5);\r\n --uui-color-10: var(--sky-10);\r\n --uui-color-20: var(--sky-20);\r\n --uui-color-50: var(--sky-50);\r\n --uui-color-60: var(--sky-60);\r\n --uui-color-70: var(--sky-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-fire {\r\n --uui-color-5: var(--fire-5);\r\n --uui-color-10: var(--fire-10);\r\n --uui-color-20: var(--fire-20);\r\n --uui-color-50: var(--fire-50);\r\n --uui-color-60: var(--fire-60);\r\n --uui-color-70: var(--fire-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-sun {\r\n --uui-color-5: var(--sun-5);\r\n --uui-color-10: var(--sun-10);\r\n --uui-color-20: var(--sun-20);\r\n --uui-color-50: var(--sun-50);\r\n --uui-color-60: var(--sun-60);\r\n --uui-color-70: var(--sun-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n /* override variables */\r\n\r\n /* isInvalid color */\r\n\r\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\r\n --uui-error-50: var(--uui-error-60);\r\n }\r\n\r\n /* Accordion */\r\n\r\n .uui-accordion-container {\r\n --uui-accordion-border-radius: 6px;\r\n }\r\n\r\n /* FileCard */\r\n\r\n .uui-file_card {\r\n --uui-file_card-border-radius: 6px;\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button {\r\n --uui-btn-bg-disabled: var(--uui-neutral-50);\r\n --uui-btn-border-disabled: var(--uui-neutral-50);\r\n\r\n &.uui-fill-solid.uui-color-white {\r\n --uui-btn-bg-active: var(--uui-neutral-20);\r\n\r\n &:active {\r\n background-color: var(--uui-neutral-20);\r\n border-color: var(--uui-neutral-20);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-btn-border: var(--uui-color-60);\r\n --uui-btn-border-hover: var(--uui-color-60);\r\n --uui-btn-border-active: var(--uui-color-60);\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border: var(--uui-neutral-30);\r\n --uui-btn-border-hover: var(--uui-neutral-30);\r\n --uui-btn-border-active: var(--uui-neutral-30);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n\r\n &.uui-color-white {\r\n --uui-btn-caption: var(--uui-neutral-0);\r\n --uui-btn-border: var(--uui-neutral-0);\r\n --uui-btn-border-hover: var(--uui-neutral-0);\r\n --uui-btn-border-active: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-none {\r\n --uui-btn-border: var(--uui-color-60);\r\n --uui-btn-border-hover: var(--uui-color-60);\r\n --uui-btn-border-active: var(--uui-color-60);\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border: var(--uui-neutral-30);\r\n --uui-btn-border-hover: var(--uui-neutral-30);\r\n --uui-btn-border-active: var(--uui-neutral-30);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n\r\n &.uui-color-white {\r\n --uui-btn-caption: var(--uui-neutral-0);\r\n --uui-btn-border: var(--uui-neutral-0);\r\n --uui-btn-border-hover: var(--uui-neutral-0);\r\n --uui-btn-border-active: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-ghost {\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border-hover: var(--uui-neutral-60);\r\n --uui-btn-border-active: var(--uui-neutral-50);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n\r\n &.uui-color-white {\r\n --uui-btn-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n }\r\n\r\n .uui-blocker-container {\r\n --uui-blocker-bg: var(--uui-surface-main);\r\n --uui-blocker-bg-with-opacity: #303240CC;\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge {\r\n &.uui-fill-outline {\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-80);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-badge-caption: var(--uui-neutral-5);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n --uui-count_indicator-caption: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-60);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-50);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-0);\r\n --uui-badge-caption-hover: var(--uui-neutral-5);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-0);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-10);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-70);\r\n --uui-badge-caption-hover: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-10);\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n --uui-badge-caption: var(--uui-neutral-70);\r\n --uui-badge-caption-hover: var(--uui-neutral-70);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-70);\r\n --uui-badge-caption-hover: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night600 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-60);\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-bg-hover: var(--uui-neutral-50);\r\n --uui-badge-border-hover: var(--uui-neutral-50);\r\n --uui-badge-caption: var(--white);\r\n --uui-badge-caption-hover: var(--white);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-80);\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-bg-hover: var(--uui-neutral-70);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-5);\r\n --uui-badge-caption-hover: var(--uui-neutral-5);\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\r\n --uui-icon_btn: var(--uui-color-60);\r\n --uui-icon_btn-hover: var(--uui-color-70);\r\n --uui-icon_btn-active: var(--uui-color-70);\r\n }\r\n\r\n .uui-icon_button.uui-color-white {\r\n --uui-icon_btn-hover: var(--uui-neutral-20);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-40);\r\n --uui-icon_btn-hover: var(--uui-neutral-30);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-contrast {\r\n --uui-link_btn-text: var(--uui-neutral-0);\r\n --uui-link_btn-text-hover: var(--uui-neutral-5);\r\n --uui-link_btn-text-active: var(--uui-neutral-10);\r\n }\r\n\r\n .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\r\n --uui-link_btn-text-disabled: var(--uui-neutral-40);\r\n }\r\n\r\n .uui-link_button.uui-color-primary,\r\n .uui-link_button.uui-color-sky {\r\n --uui-link_btn-text: var(--uui-color-60);\r\n --uui-link_btn-text-hover: var(--uui-color-70);\r\n }\r\n\r\n .uui-link_button.uui-color-secondary {\r\n --uui-link_btn-text: var(--uui-neutral-30);\r\n --uui-link_btn-text-hover: var(--uui-neutral-20);\r\n --uui-link_btn-text-active: var(--uui-neutral-10);\r\n }\r\n\r\n .uui-link_button.uui-color-white {\r\n --uui-link_btn-text: var(--uui-neutral-5);\r\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\r\n }\r\n\r\n /* TubButton */\r\n\r\n .uui-tab-button {\r\n --uui-tab_btn-text-hover: var(--uui-primary-60);\r\n --uui-tab_btn-text-active: var(--uui-primary-60);\r\n }\r\n\r\n /* MainMenu */\r\n\r\n .uui-main_menu {\r\n --uui-main_menu-text: var(--uui-neutral-0);\r\n --uui-main_menu-text-active: var(--uui-neutral-0);\r\n --uui-main_menu-bg: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-search-bg: var(--uui-neutral-5);\r\n --uui-main_menu-search-border: var(--uui-neutral-40);\r\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\r\n --uui-main_menu-search-text: var(--uui-text-primary);\r\n --uui-main_menu-search-icon: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-icon: var(--uui-neutral-5);\r\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\r\n --uui-main_menu-icon-active: var(--uui-neutral-5);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-text: var(--uui-neutral-0);\r\n --uui-main_menu-text-active: var(--uui-neutral-0);\r\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\r\n }\r\n\r\n /* BurgerMenu */\r\n\r\n .uui-burger {\r\n --uui-burger_menu-bg: var(--uui-app-bg);\r\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\r\n --uui-burger_menu-caption: var(--uui-neutral-90);\r\n --uui-burger_menu-icon: var(--uui-neutral-5);\r\n --uui-burger_menu-item: var(--uui-app-bg);\r\n }\r\n\r\n /* BurgerButton */\r\n .uui-main_menu-burger-button {\r\n --uui-burger_btn_caption: var(--uui-neutral-0);\r\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\r\n --uui-burger_btn_caption-active: var(--uui-primary-50);\r\n --uui-burger_btn-border: var(--uui-neutral-40);\r\n }\r\n\r\n /* BurgerSearch */\r\n\r\n .uui-main_menu-burger-search {\r\n --uui-burger_search: var(--uui-neutral-0);\r\n --uui-burger_search-fill: var(--uui-neutral-70);\r\n --uui-burger_search-bg: var(--uui-neutral-40);\r\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-neutral {\r\n --uui-tooltip-border: var(--uui-neutral-50);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-white {\r\n --uui-tooltip-bg: var(--uui-neutral-10);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-critical {\r\n --uui-tooltip-bg: var(--uui-critical-50);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-inverted {\r\n --uui-tooltip-bg: var(--uui-neutral-10);\r\n --uui-tooltip-text: var(--uui-neutral-70);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\r\n --uui-count_indicator-bg: var(--uui-color-60);\r\n --uui-count_indicator-border: var(--uui-color-60);\r\n\r\n &.uui-color-neutral, &.uui-color-gray {\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--white);\r\n }\r\n }\r\n\r\n .uui-status_indicator.uui-color-night600,\r\n .uui-status_indicator.uui-color-neutral {\r\n .uui-status_indicator_dot {\r\n background-color: var(--uui-neutral-30);\r\n }\r\n\r\n &.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n /* Alert */\r\n\r\n .uui-alert.uui-color-info {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-success {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-warning {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-error {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-70);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-50);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-bg-hover: var(--uui-neutral-60);\r\n --uui-tag-border-hover: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-5);\r\n --uui-tag-border-hover: var(--uui-neutral-5);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\r\n --uui-tag-border: var(--uui-neutral-0);\r\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\r\n --uui-tag-border-hover: var(--uui-neutral-0);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-80);\r\n --uui-tag-fill: var(--uui-neutral-80);\r\n --uui-tag-bg: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-bg-hover: var(--uui-neutral-5);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\r\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\r\n --uui-tag-border: var(--uui-neutral-20);\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night700 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-70);\r\n --uui-tag-border: var(--uui-neutral-70);\r\n --uui-tag-bg-hover: var(--uui-neutral-60);\r\n --uui-tag-border-hover: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-80);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-bg-hover: var(--uui-neutral-70);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n --uui-count_indicator-bg: var(--uui-neutral-70);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-sun {\r\n &.uui-fill-solid {\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .uui-presets-panel-input .uui-icon-cancel {\r\n &:hover {\r\n background-color: var(--uui-neutral-60);\r\n }\r\n\r\n &:active {\r\n background-color: var(--uui-neutral-50);\r\n }\r\n }\r\n\r\n .uui-scroll-bars {\r\n --uui-scroll_bars-bg: var(--uui-neutral-40);\r\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-text-placeholder {\r\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\r\n }\r\n\r\n .uui-dt-vars {\r\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\r\n }\r\n\r\n .uui-filters-panel-item-toggler {\r\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\r\n }\r\n\r\n /* DropdownMenu */\r\n\r\n .uui-dropdownMenu-body {\r\n --uui-dropdown-selected_mark: var(--uui-info-60);\r\n }\r\n\r\n /* PickerInput */\r\n\r\n .uui-pickerInput-body {\r\n --uui-pickerInput-selected_mark: var(--uui-info-60);\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n\r\n }\r\n\r\n .uui-font-sans-light {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 300;\r\n }\r\n\r\n /* Text */\r\n\r\n .uui-text.uui-color-sky {\r\n --uui-text: var(--sky-70);\r\n }\r\n\r\n .uui-text.uui-color-grass {\r\n --uui-text: var(--grass-70);\r\n }\r\n\r\n .uui-text.uui-color-sun {\r\n --uui-text: var(--sun-70);\r\n }\r\n\r\n .uui-text.uui-color-fire {\r\n --uui-text: var(--fire-70);\r\n }\r\n\r\n .uui-text.uui-color-night50 {\r\n --uui-text: var(--night50);\r\n }\r\n\r\n .uui-text.uui-color-night300 {\r\n --uui-text: var(--night300);\r\n }\r\n\r\n .uui-text.uui-color-night400 {\r\n --uui-text: var(--night400);\r\n }\r\n\r\n .uui-text.uui-color-night500 {\r\n --uui-text: var(--night500);\r\n }\r\n\r\n .uui-text.uui-color-night600 {\r\n --uui-text: var(--night600);\r\n }\r\n\r\n .uui-text.uui-color-night700 {\r\n --uui-text: var(--night700);\r\n }\r\n\r\n .uui-text.uui-color-night800 {\r\n --uui-text: var(--night800);\r\n }\r\n\r\n .uui-text.uui-color-night900 {\r\n --uui-text: var(--night900);\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n .uui-highlight {\r\n background-color: var(--uui-warning-20);\r\n }\r\n\r\n h1 {\r\n font-weight: 600;\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n }\r\n\r\n h3 {\r\n font-weight: 600;\r\n }\r\n\r\n .hero-header {\r\n font-size: 72px;\r\n line-height: 72px;\r\n font-weight: 700;\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-loveship_dark {\r\n @include uui-6px-grid();\r\n @include theme-loveship_dark();\r\n}\r\n","@mixin uui-6px-grid {\r\n --uui-focus-outline-width: 2px;\r\n --uui-focus-outline-offset: 2px;\r\n --uui-focus-radius: 2px;\r\n //--uui-border-radius: 3px; // TODO: ?????\r\n --uui-tab-line-width: 3px;\r\n --uui-notify-size: 6px;\r\n\r\n\r\n .uui-size-12 {\r\n --uui-size: 12px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 6px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 12px;\r\n --uui-line-height: 12px;\r\n --uui-font-size: 12px;\r\n\r\n }\r\n\r\n .uui-size-18 {\r\n --uui-size: 18px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 3px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 3px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 12px;\r\n --uui-line-height: 12px;\r\n --uui-font-size: 10px;\r\n\r\n }\r\n\r\n .uui-size-24 {\r\n --uui-size: 24px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 6px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 12px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 12px;\r\n }\r\n\r\n .uui-size-30 {\r\n --uui-size: 30px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 6px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 18px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n }\r\n\r\n .uui-size-36 {\r\n --uui-size: 36px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 6px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 18px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n }\r\n\r\n .uui-size-42 {\r\n --uui-size: 42px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 12px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 18px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 16px;\r\n }\r\n\r\n .uui-size-48 {\r\n --uui-size: 48px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 12px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 24px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 16px;\r\n }\r\n\r\n .uui-size-60 {\r\n --uui-size: 60px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 12px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 24px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 20px;\r\n }\r\n\r\n .uui-input-box {\r\n &.uui-size-42 {\r\n --uui-horizontal-padding: 6px;\r\n }\r\n\r\n &.uui-size-48 {\r\n --uui-horizontal-padding: 6px;\r\n }\r\n }\r\n\r\n .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\r\n --uui-horizontal-padding: 12px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-icon-size: 18px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n }\r\n\r\n .uui-tag {\r\n &.uui-size-18 {\r\n --uui-font-size: 12px;\r\n --uui-line-height: 14px;\r\n }\r\n\r\n &.uui-size-24 {\r\n --uui-icon-size: 18px;\r\n }\r\n\r\n &.uui-size-42 {\r\n --uui-icon-size: 24px;\r\n }\r\n\r\n &.uui-size-42,\r\n &.uui-size-48 {\r\n --uui-tag-count_indicator-margin-end: 3px;\r\n }\r\n\r\n &.uui-size-18,\r\n &.uui-size-24,\r\n &.uui-size-30,\r\n &.uui-size-36 {\r\n --uui-horizontal-gap: 3px;\r\n }\r\n\r\n &.uui-size-18,\r\n &.uui-size-24,\r\n &.uui-size-30 {\r\n --uui-horizontal-padding: 3px;\r\n }\r\n\r\n &.uui-size-42,\r\n &.uui-size-48 {\r\n --uui-horizontal-padding: 6px;\r\n }\r\n }\r\n\r\n .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36, .uui-size-42) {\r\n .uui-tag.uui-size-inherit {\r\n --uui-horizontal-gap: 3px;\r\n }\r\n }\r\n\r\n .uui-picker_toggler:is(.uui-size-24, .uui-size-30, .uui-size-36) {\r\n .uui-tag.uui-size-inherit {\r\n --uui-horizontal-padding: 3px;\r\n }\r\n }\r\n\r\n .uui-size-48.uui-picker_toggler {\r\n .uui-tag.uui-size-inherit {\r\n --uui-horizontal-padding: 6px;\r\n }\r\n }\r\n\r\n .uui-checkbox-container, .uui-radio-input-container {\r\n &.uui-size-18 {\r\n --uui-horizontal-gap: 12px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n }\r\n }\r\n\r\n .uui-switch {\r\n &.uui-size-18 {\r\n --uui-horizontal-gap: 12px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n }\r\n\r\n &.uui-size-24 {\r\n --uui-horizontal-gap: 12px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 16px;\r\n }\r\n }\r\n\r\n .uui-picker-body:is(.uui-size-30, .uui-size-36) .uui-switch.uui-size-inherit {\r\n --uui-horizontal-gap: 12px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n\r\n }\r\n\r\n .uui-picker-body:is(.uui-size-42, .uui-size-48) .uui-switch.uui-size-inherit {\r\n --uui-horizontal-gap: 12px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 16px;\r\n }\r\n}\r\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\r\n@use './_color_classes.scss' as colorClasses;\r\n\r\n@mixin theme-tokens {\r\n\r\n /***************/\r\n /*** Palette ***/\r\n /***************/\r\n\r\n // \"\"\r\n --black: #000000;\r\n --white: #FFFFFF;\r\n\r\n // \"palette-additional/cobalt\"\r\n --cobalt-5: #2C3A4F;\r\n --cobalt-10: #29405D;\r\n --cobalt-20: #20517F;\r\n --cobalt-50: #0091FF;\r\n --cobalt-60: #40ACFF;\r\n --cobalt-70: #7AC5FF;\r\n\r\n // \"palette-additional/cyan\"\r\n --cyan-5: #2E3E4B;\r\n --cyan-10: #2C4955;\r\n --cyan-20: #27656E;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #70E0E0;\r\n --cyan-70: #A1EBEB;\r\n\r\n // \"palette/fire\"\r\n --fire-5: #3C343E;\r\n --fire-10: #473943;\r\n --fire-20: #6B4447;\r\n --fire-50: #CC482D;\r\n --fire-60: #E56248;\r\n --fire-70: #F78C77;\r\n\r\n // \"palette-additional/fuchsia\"\r\n --fuchsia-5: #413346;\r\n --fuchsia-10: #51344C;\r\n --fuchsia-20: #713657;\r\n --fuchsia-50: #E93D82;\r\n --fuchsia-60: #ED5F98;\r\n --fuchsia-70: #F183AF;\r\n\r\n // \"palette/grass\"\r\n --grass-5: #343A3B;\r\n --grass-10: #39443D;\r\n --grass-20: #505F49;\r\n --grass-50: #669900;\r\n --grass-60: #83B918;\r\n --grass-70: #A6D151;\r\n\r\n // \"palette-additional/mint\"\r\n --mint-5: #323E46;\r\n --mint-10: #34484B;\r\n --mint-20: #396258;\r\n --mint-50: #4CC38A;\r\n --mint-60: #79D2A7;\r\n --mint-70: #A6E1C5;\r\n\r\n // \"palette/night\"\r\n --night50: #FAFAFC;\r\n --night100: #E1E3EB;\r\n --night200: #ACAFBF;\r\n --night300: #6C6F80;\r\n --night400: #585B69;\r\n --night500: #474A59;\r\n --night600: #383B4A;\r\n --night700: #303240;\r\n --night800: #272833;\r\n --night900: #1D1E26;\r\n\r\n // \"palette-additional/orange\"\r\n --orange-5: #413940;\r\n --orange-10: #4F3F40;\r\n --orange-20: #744F3F;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #FFAA70;\r\n --orange-70: #FFBF95;\r\n\r\n // \"palette-additional/purple\"\r\n --purple-5: #3E2F4F;\r\n --purple-10: #4A2C5D;\r\n --purple-20: #68267F;\r\n --purple-50: #B915DA;\r\n --purple-60: #D34EEE;\r\n --purple-70: #D68AE5;\r\n\r\n // \"palette/sky\"\r\n --sky-5: #2C394B;\r\n --sky-10: #334052;\r\n --sky-20: #3E586F;\r\n --sky-50: #008ACE;\r\n --sky-60: #48A4D0;\r\n --sky-70: #7DBCDB;\r\n\r\n // \"palette/sun\"\r\n --sun-5: #3F3B3B;\r\n --sun-10: #47433D;\r\n --sun-20: #625747;\r\n --sun-50: #F1A105;\r\n --sun-60: #F4B83A;\r\n --sun-70: #FFD06D;\r\n\r\n // \"palette-additional/violet\"\r\n --violet-5: #393251;\r\n --violet-10: #443166;\r\n --violet-20: #573088;\r\n --violet-50: #8E32EB;\r\n --violet-60: #A55CEF;\r\n --violet-70: #AE8BF4;\r\n\r\n // \"palette-additional/yellow\"\r\n --yellow-5: #403F40;\r\n --yellow-10: #4F4B3F;\r\n --yellow-20: #74683E;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #FEE376;\r\n --yellow-70: #FEEA9D;\r\n\r\n /*********************/\r\n /*** Core Semantic ***/\r\n /*********************/\r\n\r\n // \"core/semantic/accent-\"\r\n --uui-accent-5: var(--grass-5);\r\n --uui-accent-10: var(--grass-10);\r\n --uui-accent-20: var(--grass-20);\r\n --uui-accent-50: var(--grass-50);\r\n --uui-accent-60: var(--grass-60);\r\n --uui-accent-70: var(--grass-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n // \"core/semantic/critical-\"\r\n --uui-critical-5: var(--fire-5);\r\n --uui-critical-10: var(--fire-10);\r\n --uui-critical-20: var(--fire-20);\r\n --uui-critical-50: var(--fire-50);\r\n --uui-critical-60: var(--fire-60);\r\n --uui-critical-70: var(--fire-70);\r\n --uui-critical-contrast: var(--white);\r\n\r\n // \"core/semantic/error-\"\r\n --uui-error-5: var(--fire-5);\r\n --uui-error-10: var(--fire-10);\r\n --uui-error-20: var(--fire-20);\r\n --uui-error-50: var(--fire-50);\r\n --uui-error-60: var(--fire-60);\r\n --uui-error-70: var(--fire-70);\r\n --uui-error-contrast: var(--white);\r\n\r\n // \"core/semantic/info-\"\r\n --uui-info-5: var(--sky-5);\r\n --uui-info-10: var(--sky-10);\r\n --uui-info-20: var(--sky-20);\r\n --uui-info-50: var(--sky-50);\r\n --uui-info-60: var(--sky-60);\r\n --uui-info-70: var(--sky-70);\r\n --uui-info-contrast: var(--white);\r\n\r\n // \"core/semantic/primary-\"\r\n --uui-primary-5: var(--sky-5);\r\n --uui-primary-10: var(--sky-10);\r\n --uui-primary-20: var(--sky-20);\r\n --uui-primary-50: var(--sky-50);\r\n --uui-primary-60: var(--sky-60);\r\n --uui-primary-70: var(--sky-70);\r\n --uui-primary-contrast: var(--white);\r\n\r\n // \"core/semantic/secondary-\"\r\n --uui-secondary-5: var(--night800);\r\n --uui-secondary-10: var(--night700);\r\n --uui-secondary-20: var(--night600);\r\n --uui-secondary-50: var(--night500);\r\n --uui-secondary-60: var(--night400);\r\n --uui-secondary-70: var(--night300);\r\n --uui-secondary-contrast: var(--white);\r\n\r\n // \"core/semantic/success-\"\r\n --uui-success-5: var(--grass-5);\r\n --uui-success-10: var(--grass-10);\r\n --uui-success-20: var(--grass-20);\r\n --uui-success-50: var(--grass-50);\r\n --uui-success-60: var(--grass-60);\r\n --uui-success-70: var(--grass-70);\r\n --uui-success-contrast: var(--white);\r\n\r\n // \"core/semantic/warning-\"\r\n --uui-warning-5: var(--sun-5);\r\n --uui-warning-10: var(--sun-10);\r\n --uui-warning-20: var(--sun-20);\r\n --uui-warning-50: var(--sun-50);\r\n --uui-warning-60: var(--sun-60);\r\n --uui-warning-70: var(--sun-70);\r\n --uui-warning-contrast: var(--night700);\r\n\r\n /********************/\r\n /*** Core Neutral ***/\r\n /********************/\r\n\r\n --uui-neutral-0: var(--white);\r\n --uui-neutral-5: var(--night50);\r\n --uui-neutral-10: var(--night100);\r\n --uui-neutral-20: var(--night200);\r\n --uui-neutral-30: var(--night300);\r\n --uui-neutral-40: var(--night400);\r\n --uui-neutral-50: var(--night500);\r\n --uui-neutral-60: var(--night600);\r\n --uui-neutral-70: var(--night700);\r\n --uui-neutral-80: var(--night800);\r\n --uui-neutral-90: var(--night900);\r\n --uui-neutral-100: var(--black);\r\n\r\n /************/\r\n /*** Core ***/\r\n /************/\r\n\r\n // \"core/surfaces\"\r\n --uui-app-bg: var(--uui-neutral-90);\r\n --uui-divider: var(--uui-neutral-50);\r\n --uui-divider-light: var(--uui-neutral-60);\r\n --uui-overlay: #1D1E26CC;\r\n --uui-surface-higher: var(--uui-neutral-70);\r\n --uui-surface-highest: var(--uui-neutral-60);\r\n --uui-surface-main: var(--uui-neutral-80);\r\n --uui-surface-sunken: var(--uui-neutral-60);\r\n\r\n // \"\"\r\n --uui-border-radius: 3;\r\n\r\n // \"core/controls\"\r\n --uui-control-bg: var(--uui-surface-main);\r\n --uui-control-bg-disabled: var(--uui-neutral-60);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-disabled: var(--uui-neutral-40);\r\n --uui-control-border-focus: var(--uui-primary-60);\r\n --uui-control-border-hover: var(--uui-neutral-20);\r\n --uui-control-icon: var(--uui-neutral-30);\r\n --uui-control-icon-disabled: var(--uui-neutral-30);\r\n --uui-control-placeholder: var(--uui-text-tertiary);\r\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\r\n --uui-control-text: var(--uui-text-primary);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n // \"core/icons\"\r\n --uui-icon: var(--uui-neutral-10);\r\n --uui-icon-active: var(--uui-neutral-5);\r\n --uui-icon-disabled: var(--uui-neutral-30);\r\n --uui-icon-hover: var(--uui-neutral-5);\r\n\r\n // \"core/links\"\r\n --uui-link: var(--sky-60);\r\n --uui-link-hover: var(--sky-70);\r\n --uui-link-visited: var(--violet-60);\r\n --uui-link-visited-hover: var(--violet-70);\r\n\r\n // \"core/other\"\r\n --uui-outline-focus: #008ACE7F;\r\n --uui-skeleton: var(--uui-neutral-30);\r\n\r\n // \"core/text\"\r\n --uui-text-bg-highlight: var(--uui-warning-20);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-disabled: var(--uui-neutral-30);\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-primary: var(--uui-neutral-5);\r\n --uui-text-secondary: var(--uui-neutral-10);\r\n --uui-text-success: var(--uui-success-70);\r\n --uui-text-tertiary: var(--uui-neutral-20);\r\n --uui-text-warning: var(--uui-warning-70);\r\n\r\n @include colorClasses.theme-color-classes;\r\n}\r\n","// This file is AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.\r\n\r\n@mixin theme-color-classes {\r\n .uui-color-primary {\r\n --uui-color-5: var(--uui-primary-5);\r\n --uui-color-10: var(--uui-primary-10);\r\n --uui-color-20: var(--uui-primary-20);\r\n --uui-color-50: var(--uui-primary-50);\r\n --uui-color-60: var(--uui-primary-60);\r\n --uui-color-70: var(--uui-primary-70);\r\n --uui-color-contrast: var(--uui-primary-contrast);\r\n }\r\n\r\n .uui-color-secondary {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-color-accent {\r\n --uui-color-5: var(--uui-accent-5);\r\n --uui-color-10: var(--uui-accent-10);\r\n --uui-color-20: var(--uui-accent-20);\r\n --uui-color-50: var(--uui-accent-50);\r\n --uui-color-60: var(--uui-accent-60);\r\n --uui-color-70: var(--uui-accent-70);\r\n --uui-color-contrast: var(--uui-accent-contrast);\r\n }\r\n\r\n .uui-color-info {\r\n --uui-color-5: var(--uui-info-5);\r\n --uui-color-10: var(--uui-info-10);\r\n --uui-color-20: var(--uui-info-20);\r\n --uui-color-50: var(--uui-info-50);\r\n --uui-color-60: var(--uui-info-60);\r\n --uui-color-70: var(--uui-info-70);\r\n --uui-color-contrast: var(--uui-info-contrast);\r\n }\r\n\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-success-5);\r\n --uui-color-10: var(--uui-success-10);\r\n --uui-color-20: var(--uui-success-20);\r\n --uui-color-50: var(--uui-success-50);\r\n --uui-color-60: var(--uui-success-60);\r\n --uui-color-70: var(--uui-success-70);\r\n --uui-color-contrast: var(--uui-success-contrast);\r\n }\r\n\r\n .uui-color-warning {\r\n --uui-color-5: var(--uui-warning-5);\r\n --uui-color-10: var(--uui-warning-10);\r\n --uui-color-20: var(--uui-warning-20);\r\n --uui-color-50: var(--uui-warning-50);\r\n --uui-color-60: var(--uui-warning-60);\r\n --uui-color-70: var(--uui-warning-70);\r\n --uui-color-contrast: var(--uui-warning-contrast);\r\n }\r\n\r\n .uui-color-error {\r\n --uui-color-5: var(--uui-error-5);\r\n --uui-color-10: var(--uui-error-10);\r\n --uui-color-20: var(--uui-error-20);\r\n --uui-color-50: var(--uui-error-50);\r\n --uui-color-60: var(--uui-error-60);\r\n --uui-color-70: var(--uui-error-70);\r\n --uui-color-contrast: var(--uui-error-contrast);\r\n }\r\n\r\n .uui-color-critical {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--uui-critical-contrast);\r\n }\r\n\r\n .uui-color-white {\r\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\r\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\r\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\r\n --uui-color-50: var(--uui-neutral-0);\r\n --uui-color-60: var(--uui-neutral-10);\r\n --uui-color-70: var(--uui-neutral-20);\r\n --uui-color-contrast: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-color-neutral {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n}\r\n"]}