@epam/assets 5.3.0-rc.1 → 5.4.0

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 (21) hide show
  1. package/css/theme/theme_electric.css +43 -21
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +34 -28
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +72 -51
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +40 -31
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +71 -31
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/scss/electric/font-faces.scss +7 -0
  13. package/scss/loveship/font-faces.scss +2 -2
  14. package/theme/theme_electric.scss +52 -26
  15. package/theme/theme_loveship.scss +45 -33
  16. package/theme/theme_loveship_dark.scss +99 -74
  17. package/theme/theme_promo.scss +61 -38
  18. package/theme/theme_vanilla_thunder.scss +89 -36
  19. package/css/theme/theme_vanilla_thunder(old).css +0 -805
  20. package/css/theme/theme_vanilla_thunder(old).css.map +0 -1
  21. package/theme/theme_vanilla_thunder(old).scss +0 -1031
package/css/theme/theme_loveship.css CHANGED
@@ -1,8 +1,6 @@
1
1
  .uui-theme-loveship{
2
2
  --uui-font:"Source Sans Pro", sans-serif;
3
- --font-primary:"Sans Semibold", Arial, sans-serif;
4
- --font-promo:"Sans Semibold", Arial, sans-serif;
5
- --font-mono:monospace;
3
+ --uui-font-mono:"Roboto Mono", monospace;
6
4
  --night50:#FAFAFC;
7
5
  --night100:#F5F6FA;
8
6
  --night200:#EBEDF5;
@@ -126,9 +124,9 @@
126
124
  --uui-primary-60:var(--sky-60);
127
125
  --uui-primary-70:var(--sky-70);
128
126
  --uui-primary-contrast:var(--white);
129
- --uui-secondary-5:var(--night200);
130
- --uui-secondary-10:var(--night300);
131
- --uui-secondary-20:var(--night400);
127
+ --uui-secondary-5:var(--night100);
128
+ --uui-secondary-10:var(--night200);
129
+ --uui-secondary-20:var(--night300);
132
130
  --uui-secondary-50:var(--night600);
133
131
  --uui-secondary-60:var(--night700);
134
132
  --uui-secondary-70:var(--night800);
@@ -193,7 +191,6 @@
193
191
  --uui-text-secondary:var(--uui-neutral-70);
194
192
  --uui-text-tertiary:var(--uui-neutral-60);
195
193
  --uui-text-disabled:var(--uui-neutral-50);
196
- --uui-text-contrast:var(--uui-neutral-5);
197
194
  --uui-text-info:var(--uui-info-70);
198
195
  --uui-text-warning:var(--uui-warning-70);
199
196
  --uui-text-critical:var(--uui-critical-70);
@@ -207,34 +204,25 @@
207
204
  --uui-icon-hover:var(--uui-neutral-70);
208
205
  --uui-icon-active:var(--uui-neutral-80);
209
206
  --uui-icon-disabled:var(--uui-neutral-50);
210
- --uui-scroll_bars-bg:var(--uui-neutral-40);
211
- --uui-scroll_bars-bg-active:var(--uui-neutral-60);
212
207
  --uui-control-bg:var(--uui-surface-main);
213
208
  --uui-control-bg-hover:var(--uui-neutral-60);
214
209
  --uui-control-bg-disabled:var(--uui-neutral-5);
215
- --uui-control-bg-readonly:var(--uui-neutral-5);
216
210
  --uui-control-border:var(--uui-neutral-40);
217
211
  --uui-control-border-hover:var(--uui-neutral-60);
212
+ --uui-control-border-focus:var(--uui-primary-50);
218
213
  --uui-control-border-disabled:var(--uui-neutral-30);
219
- --uui-control-border-readonly:var(--uui-neutral-30);
220
- --uui-control-border-checked:var(--uui-primary-50);
221
- --uui-control-label:var(--uui-text-primary);
222
- --uui-control-label-disabled:var(--uui-text-disabled);
223
- --uui-control-placeholder:var(--uui-neutral-60);
214
+ --uui-control-placeholder:var(--uui-neutral-50);
224
215
  --uui-control-placeholder-disabled:var(--uui-neutral-50);
225
- --uui-control-text:var(--uui-neutral-80);
226
- --uui-control-text-disabled:var(--uui-neutral-50);
216
+ --uui-control-text:var(--uui-text-primary);
217
+ --uui-control-text-disabled:var(--uui-text-tertiary);
227
218
  --uui-control-icon:var(--uui-neutral-50);
228
219
  --uui-control-icon-disabled:var(--uui-neutral-50);
229
- --uui-control-checkbox-icon:var(--uui-neutral-0);
230
220
  --uui-outline-focus:#008ACE80;
231
- --uui-search_result-bg-highlight:var(--uui-warning-10);
232
221
  --uui-skeleton:var(--uui-neutral-40);
233
- --uui-skeleton-gradient:linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);
234
- --uui-border-radius:3px;
235
222
  --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
236
223
  --uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
237
224
  --uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);
225
+ --uui-border-radius:3px;
238
226
  }
239
227
  .uui-theme-loveship .uui-color-accent,
240
228
  .uui-theme-loveship .uui-color-grass,
@@ -497,14 +485,18 @@
497
485
  }
498
486
  .uui-theme-loveship .uui-icon_button.uui-color-neutral,
499
487
  .uui-theme-loveship .uui-icon_button.uui-color-night600{
500
- --uui-icon-btn:var(--uui-neutral-60);
501
- --uui-icon-btn-hover:var(--uui-neutral-70);
502
- --uui-icon-btn-active:var(--uui-neutral-80);
488
+ --uui-icon_btn:var(--uui-neutral-60);
489
+ --uui-icon_btn-hover:var(--uui-neutral-70);
490
+ --uui-icon_btn-active:var(--uui-neutral-80);
503
491
  }
504
492
  .uui-theme-loveship .uui-icon_button.uui-color-secondary{
505
- --uui-icon-btn:var(--uui-neutral-50);
506
- --uui-icon-btn-hover:var(--uui-neutral-60);
507
- --uui-icon-btn-active:var(--uui-neutral-70);
493
+ --uui-icon_btn:var(--uui-neutral-50);
494
+ --uui-icon_btn-hover:var(--uui-neutral-60);
495
+ --uui-icon_btn-active:var(--uui-neutral-70);
496
+ }
497
+ .uui-theme-loveship .uui-icon_button.uui-color-white{
498
+ --uui-icon_btn-hover:var(--uui-neutral-20);
499
+ --uui-icon_btn-active:var(--uui-neutral-30);
508
500
  }
509
501
  .uui-theme-loveship .uui-tooltip-container.uui-color-white,
510
502
  .uui-theme-loveship .uui-tooltip-container.uui-color-neutral{
@@ -516,7 +508,7 @@
516
508
  --uui-tooltip-bg:var(--uui-error-60);
517
509
  }
518
510
  .uui-theme-loveship .uui-tooltip-container.uui-color-gray,
519
- .uui-theme-loveship .uui-tooltip-container.uui-color-contrast{
511
+ .uui-theme-loveship .uui-tooltip-container.uui-color-inverted{
520
512
  --uui-tooltip-bg:var(--uui-neutral-80);
521
513
  --uui-tooltip-text:var(--white);
522
514
  }
@@ -564,4 +556,18 @@
564
556
  .uui-theme-loveship .uui-font-sans-light{
565
557
  --uui-text-font:var(--uui-font);
566
558
  --uui-text-font-weight:300;
559
+ }
560
+ .uui-theme-loveship .uui-typography h1{
561
+ font-weight:600;
562
+ }
563
+ .uui-theme-loveship .uui-typography h2{
564
+ font-weight:700;
565
+ }
566
+ .uui-theme-loveship .uui-typography h3{
567
+ font-weight:600;
568
+ }
569
+ .uui-theme-loveship .uui-typography .hero-header{
570
+ font-size:72px;
571
+ line-height:72px;
572
+ font-weight:700;
567
573
  }
package/css/theme/theme_loveship.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../theme/theme_loveship.scss%23sass","../../../../../theme/theme_loveship.scss","../../../theme/theme_loveship.scss"],"names":[],"mappings":"AA8sBA;EC3sBA,wCAAA;EDEI,iDAAA;EACA,+CAAA;EACA,qBAAA;EAEA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAEA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAEA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAEA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAEA,eAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,6BAAA;EACA,6BAAA;EAEA,+BAAA;EACA,+BAAA;EAEA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EAOA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,kCAAA;EAEA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,mCAAA;EAEA,iCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,qCAAA;EAEA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,oCAAA;EAIA,yBAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,gCAAA;EAEA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,mCAAA;EAEA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,sCAAA;EAEA,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;EAEA,uBAAA;EACA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,yBAAA;EAIA,kCAAA;EACA,mCAAA;EAEA,yCAAA;EACA,uCAAA;EACA,0CAAA;EACA,2CAAA;EAEA,mCAAA;EACA,yCAAA;EAEA,sCAAA;EACA,wCAAA;EACA,0CAAA;EACA,yCAAA;EACA,yCAAA;EACA,wCAAA;EAEA,kCAAA;EACA,wCAAA;EACA,0CAAA;EACA,wCAAA;EAMA,wBAAA;EACA,8BAAA;EACA,0BAAA;EACA,gCAAA;EACA,yCAAA;EAEA,gCAAA;EACA,sCAAA;EACA,uCAAA;EACA,yCAAA;EAIA,0CAAA;EACA,iDAAA;EAEA,wCAAA;EACA,4CAAA;EACA,8CAAA;EACA,8CAAA;EAEA,0CAAA;EACA,gDAAA;EACA,mDAAA;EACA,mDAAA;EACA,kDAAA;EAEA,2CAAA;EACA,qDAAA;EAEA,+CAAA;EACA,wDAAA;EAEA,wCAAA;EACA,iDAAA;EAEA,wCAAA;EACA,iDAAA;EAEA,gDAAA;EAEA,6BAAA;EAEA,sDAAA;EAEA,oCAAA;EACA,+HAAA;EAEA,uBAAA;EACA,oFAAA;EACA,uHAAA;EACA,yHAAA;AEhDJ;AFwDI;;;EAGI,iCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,+CAAA;AEtDR;AFyDI;;;EAGI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AEvDR;AF0DI;;;EAGI,mCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,iDAAA;AExDR;AF2DI;EACI,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,8BAAA;EACA,8BAAA;EACA,0CAAA;AEzDR;AF4DI;EACI,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,6BAAA;EACA,2CAAA;EACA,2CAAA;EACA,0CAAA;AE1DR;AF6DI;EACI,0BAAA;EACA,2BAAA;EACA,6BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,0CAAA;AE3DR;AF8DI;EACI,0BAAA;EACA,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,0CAAA;AE5DR;AF+DI;EACI,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,0CAAA;AE7DR;AFgEI;EACI,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,0CAAA;AE9DR;AFiEI;EACI,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,iCAAA;AE/DR;AFkEI;;;;EAII,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;AEhER;AFmEI;EACI,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,iCAAA;AEjER;AFoEI;EACI,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,iCAAA;AElER;AFsEI;;EAEI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AEpER;AFuEI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,0CAAA;AErER;AFwEI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,0CAAA;AEtER;AFyEI;EACI,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,iCAAA;AEvER;AF0EI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AExER;AF2EI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AEzER;AF4EI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AE1ER;AF6EI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,0CAAA;AE3ER;AF8EI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,0CAAA;AE5ER;AFiFI;EACI,iCAAA;AE/ER;AFoFI;EACI,iCAAA;AElFR;AFuFI;EACI,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AErFR;AFwFI;;EAEI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,0CAAA;AEtFR;AFwFQ;;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,yCAAA;EACA,+CAAA;AErFZ;AFyFI;EACI,0CAAA;EACA,8CAAA;AEvFR;AFyFQ;EACI,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AEvFZ;AF2FI;EACI,kCAAA;EACA,wCAAA;EACA,mCAAA;EACA,yCAAA;AEzFR;AF4FI;EACI,mCAAA;AE1FR;AF+FI;EACI,uCAAA;AE7FR;AFkGI;;EAEI,oCAAA;EACA,0CAAA;EACA,2CAAA;AEhGR;AFmGI;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;AEjGR;AFsGI;;EAEI,6BAAA;EACA,wCAAA;AEpGR;AFuGI;;EAEI,oCAAA;AErGR;AFwGI;;EAEI,sCAAA;EACA,+BAAA;AEtGR;AF2GI;;EAEI,8CAAA;EACA,kDAAA;AEzGR;AF4GI;EACI,mDAAA;AE1GR;AFgHQ;EACI,kEAAA;EACA,sCAAA;AE9GZ;AFoHI;EACI,6BAAA;AElHR;AFqHI;EACI,8BAAA;AEnHR;AFsHI;EACI,gCAAA;AEpHR;AFuHI;EACI,iCAAA;AErHR;AFwHI;EACI,0BAAA;AEtHR;AFyHI;EACI,2BAAA;AEvHR;AF0HI;EACI,6BAAA;AExHR;AF6HI;EACI,+BAAA;EACA,0BAAA;AE3HR;AF8HI;EACI,+BAAA;EACA,0BAAA;AE5HR;AF+HI;EACI,+BAAA;EACA,0BAAA;AE7HR","file":"theme_loveship.css","sourcesContent":["/* 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 {\n --uui-font: 'Source Sans Pro', sans-serif;\n --font-primary: 'Sans Semibold', Arial, sans-serif;\n --font-promo: 'Sans Semibold', Arial, sans-serif;\n --font-mono: monospace;\n\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n\n --sky-5: #F5FDFF;\n --sky-10: #E1F4FA;\n --sky-20: #A0DDEE;\n --sky-50: #009ECC;\n --sky-60: #0086AD;\n --sky-70: #006B8A;\n\n --grass-5: #FCFFF5;\n --grass-10: #EBF3D8;\n --grass-20: #C1E288;\n --grass-50: #67A300;\n --grass-60: #528500;\n --grass-70: #396F1F;\n\n --sun-5: #FFFCF5;\n --sun-10: #FFEDC9;\n --sun-20: #FFD785;\n --sun-50: #FCAA00;\n --sun-60: #FF9000;\n --sun-70: #BD5800;\n\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FBB6B6;\n --fire-50: #FF4242;\n --fire-60: #E22A2A;\n --fire-70: #AD0000;\n\n --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n\n /* Loveship old colors */\n --uui-color-white-800: #E6E6E6;\n --uui-color-white-900: #CCCCCC;\n\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n\n --uui-color-night200-700: #E6E8F2;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n\n --uui-color-night300-700: #D9DCE6;\n --uui-color-night300-800: #C2C6D7;\n --uui-color-night300-900: #A4AAC2;\n\n --uui-color-night400-700: #C3C5D2;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n\n --uui-color-night500-700: #9D9FB2;\n --uui-color-night500-800: #8F93A9;\n --uui-color-night500-900: #727793;\n\n --uui-color-night600-700: #595B6D;\n --uui-color-night600-800: #555764;\n\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n\n --uui-color-night900-800: #070709;\n --uui-color-night900-900: #000000;\n /* end Loveship old colors */\n\n /* core variables start */\n\n /* brand colors */\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\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 --uui-secondary-5: var(--night200);\n --uui-secondary-10: var(--night300);\n --uui-secondary-20: var(--night400);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-contrast: var(--white);\n\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 /* semantic colors */\n\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 --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 --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(--night800);\n\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 --uui-neutral-0: #FFFFFF;\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: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-contrast: var(--uui-neutral-5);\n\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--sky-50);\n --uui-link-hover: var(--sky-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n // TODO: should be updated\n\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-60);\n\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-readonly: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-readonly: var(--uui-neutral-30);\n --uui-control-border-checked: var(--uui-primary-50);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--uui-neutral-60);\n --uui-control-placeholder-disabled: var(--uui-neutral-50); // one place of usage\n\n --uui-control-text: var(--uui-neutral-80);\n --uui-control-text-disabled: var(--uui-neutral-50);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-control-checkbox-icon: var(--uui-neutral-0);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-search_result-bg-highlight: var(--uui-warning-10);\n\n --uui-skeleton: var(--uui-neutral-40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);\n\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-accent,\n .uui-color-grass,\n .uui-color-success {\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-primary,\n .uui-color-sky,\n .uui-color-info {\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-fire,\n .uui-color-critical,\n .uui-color-error {\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: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night200);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night50 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--night50);\n --uui-color-60: var(--uui-color-night50-800);\n --uui-color-70: var(--uui-color-night50-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--uui-color-night100-800);\n --uui-color-70: var(--uui-color-night100-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night200 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--night50);\n --uui-color-20: var(--night100);\n --uui-color-50: var(--night200);\n --uui-color-60: var(--uui-color-night200-800);\n --uui-color-70: var(--uui-color-night200-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--uui-color-night300-800);\n --uui-color-70: var(--uui-color-night300-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night400 {\n --uui-color-5: var(--night100);\n --uui-color-10: var(--night200);\n --uui-color-20: var(--night300);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--uui-color-night400-800);\n --uui-color-70: var(--uui-color-night400-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night500 {\n --uui-color-5: var(--night200);\n --uui-color-10: var(--night300);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--uui-color-night500-800);\n --uui-color-70: var(--uui-color-night500-900);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-night600,\n .uui-color-neutral,\n .uui-color-gray,\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-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--uui-color-night700-800);\n --uui-color-70: var(--uui-color-night700-900);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-night800 {\n --uui-color-5: var(--night500);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night700);\n --uui-color-50: var(--night800);\n --uui-color-60: var(--uui-color-night800-800);\n --uui-color-70: var(--uui-color-night800-900);\n --uui-color-contrast: var(--white);\n }\n\n\n .uui-color-warning,\n .uui-color-sun {\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-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(--uui-neutral-80);\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(--uui-neutral-80);\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(--uui-neutral-80);\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(--uui-neutral-80);\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 /* Badge */\n\n .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-night100 {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n\n &.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-border: var(--night600);\n --uui-badge-border-hover: var(--night600);\n --uui-badge-caption: var(--night800);\n --uui-badge-caption-hover: var(--night800);\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-night600 {\n --uui-icon-btn: var(--uui-neutral-60);\n --uui-icon-btn-hover: var(--uui-neutral-70);\n --uui-icon-btn-active: var(--uui-neutral-80);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon-btn: var(--uui-neutral-50);\n --uui-icon-btn-hover: var(--uui-neutral-60);\n --uui-icon-btn-active: var(--uui-neutral-70);\n }\n\n /* TooltipContainer */\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-error-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-contrast {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\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(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-color-night50 {\n --uui-flex-row-bg: var(--night50);\n }\n\n .uui-flex-row.uui-color-night100 {\n --uui-flex-row-bg: var(--night100);\n }\n\n .uui-panel {\n --uui-panel-bg: transparent;\n }\n\n .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-color-night50 {\n --uui-panel-bg: var(--night50);\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 .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n}\n\n.uui-theme-loveship {\n @include theme-loveship();\n}\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 {\n --uui-font: 'Source Sans Pro', sans-serif;\n --font-primary: 'Sans Semibold', Arial, sans-serif;\n --font-promo: 'Sans Semibold', Arial, sans-serif;\n --font-mono: monospace;\n\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n\n --sky-5: #F5FDFF;\n --sky-10: #E1F4FA;\n --sky-20: #A0DDEE;\n --sky-50: #009ECC;\n --sky-60: #0086AD;\n --sky-70: #006B8A;\n\n --grass-5: #FCFFF5;\n --grass-10: #EBF3D8;\n --grass-20: #C1E288;\n --grass-50: #67A300;\n --grass-60: #528500;\n --grass-70: #396F1F;\n\n --sun-5: #FFFCF5;\n --sun-10: #FFEDC9;\n --sun-20: #FFD785;\n --sun-50: #FCAA00;\n --sun-60: #FF9000;\n --sun-70: #BD5800;\n\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FBB6B6;\n --fire-50: #FF4242;\n --fire-60: #E22A2A;\n --fire-70: #AD0000;\n\n --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n\n /* Loveship old colors */\n --uui-color-white-800: #E6E6E6;\n --uui-color-white-900: #CCCCCC;\n\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n\n --uui-color-night200-700: #E6E8F2;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n\n --uui-color-night300-700: #D9DCE6;\n --uui-color-night300-800: #C2C6D7;\n --uui-color-night300-900: #A4AAC2;\n\n --uui-color-night400-700: #C3C5D2;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n\n --uui-color-night500-700: #9D9FB2;\n --uui-color-night500-800: #8F93A9;\n --uui-color-night500-900: #727793;\n\n --uui-color-night600-700: #595B6D;\n --uui-color-night600-800: #555764;\n\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n\n --uui-color-night900-800: #070709;\n --uui-color-night900-900: #000000;\n /* end Loveship old colors */\n\n /* core variables start */\n\n /* brand colors */\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\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 --uui-secondary-5: var(--night200);\n --uui-secondary-10: var(--night300);\n --uui-secondary-20: var(--night400);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-contrast: var(--white);\n\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 /* semantic colors */\n\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 --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 --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(--night800);\n\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 --uui-neutral-0: #FFFFFF;\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: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-contrast: var(--uui-neutral-5);\n\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--sky-50);\n --uui-link-hover: var(--sky-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n // TODO: should be updated\n\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-60);\n\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-readonly: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-readonly: var(--uui-neutral-30);\n --uui-control-border-checked: var(--uui-primary-50);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--uui-neutral-60);\n --uui-control-placeholder-disabled: var(--uui-neutral-50); // one place of usage\n\n --uui-control-text: var(--uui-neutral-80);\n --uui-control-text-disabled: var(--uui-neutral-50);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-control-checkbox-icon: var(--uui-neutral-0);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-search_result-bg-highlight: var(--uui-warning-10);\n\n --uui-skeleton: var(--uui-neutral-40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);\n\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-accent,\n .uui-color-grass,\n .uui-color-success {\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-primary,\n .uui-color-sky,\n .uui-color-info {\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-fire,\n .uui-color-critical,\n .uui-color-error {\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: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night200);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night50 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--night50);\n --uui-color-60: var(--uui-color-night50-800);\n --uui-color-70: var(--uui-color-night50-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--uui-color-night100-800);\n --uui-color-70: var(--uui-color-night100-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night200 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--night50);\n --uui-color-20: var(--night100);\n --uui-color-50: var(--night200);\n --uui-color-60: var(--uui-color-night200-800);\n --uui-color-70: var(--uui-color-night200-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--uui-color-night300-800);\n --uui-color-70: var(--uui-color-night300-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night400 {\n --uui-color-5: var(--night100);\n --uui-color-10: var(--night200);\n --uui-color-20: var(--night300);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--uui-color-night400-800);\n --uui-color-70: var(--uui-color-night400-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night500 {\n --uui-color-5: var(--night200);\n --uui-color-10: var(--night300);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--uui-color-night500-800);\n --uui-color-70: var(--uui-color-night500-900);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-night600,\n .uui-color-neutral,\n .uui-color-gray,\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-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--uui-color-night700-800);\n --uui-color-70: var(--uui-color-night700-900);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-night800 {\n --uui-color-5: var(--night500);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night700);\n --uui-color-50: var(--night800);\n --uui-color-60: var(--uui-color-night800-800);\n --uui-color-70: var(--uui-color-night800-900);\n --uui-color-contrast: var(--white);\n }\n\n\n .uui-color-warning,\n .uui-color-sun {\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-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(--uui-neutral-80);\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(--uui-neutral-80);\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(--uui-neutral-80);\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(--uui-neutral-80);\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 /* Badge */\n\n .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-night100 {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n\n &.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-border: var(--night600);\n --uui-badge-border-hover: var(--night600);\n --uui-badge-caption: var(--night800);\n --uui-badge-caption-hover: var(--night800);\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-night600 {\n --uui-icon-btn: var(--uui-neutral-60);\n --uui-icon-btn-hover: var(--uui-neutral-70);\n --uui-icon-btn-active: var(--uui-neutral-80);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon-btn: var(--uui-neutral-50);\n --uui-icon-btn-hover: var(--uui-neutral-60);\n --uui-icon-btn-active: var(--uui-neutral-70);\n }\n\n /* TooltipContainer */\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-error-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-contrast {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\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(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-color-night50 {\n --uui-flex-row-bg: var(--night50);\n }\n\n .uui-flex-row.uui-color-night100 {\n --uui-flex-row-bg: var(--night100);\n }\n\n .uui-panel {\n --uui-panel-bg: transparent;\n }\n\n .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-color-night50 {\n --uui-panel-bg: var(--night50);\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 .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n}\n\n.uui-theme-loveship {\n @include theme-loveship();\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 {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --font-primary: \"Sans Semibold\", Arial, sans-serif;\n --font-promo: \"Sans Semibold\", Arial, sans-serif;\n --font-mono: monospace;\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n --sky-5: #F5FDFF;\n --sky-10: #E1F4FA;\n --sky-20: #A0DDEE;\n --sky-50: #009ECC;\n --sky-60: #0086AD;\n --sky-70: #006B8A;\n --grass-5: #FCFFF5;\n --grass-10: #EBF3D8;\n --grass-20: #C1E288;\n --grass-50: #67A300;\n --grass-60: #528500;\n --grass-70: #396F1F;\n --sun-5: #FFFCF5;\n --sun-10: #FFEDC9;\n --sun-20: #FFD785;\n --sun-50: #FCAA00;\n --sun-60: #FF9000;\n --sun-70: #BD5800;\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FBB6B6;\n --fire-50: #FF4242;\n --fire-60: #E22A2A;\n --fire-70: #AD0000;\n --white: #FFFFFF;\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n /* Loveship old colors */\n --uui-color-white-800: #E6E6E6;\n --uui-color-white-900: #CCCCCC;\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n --uui-color-night200-700: #E6E8F2;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n --uui-color-night300-700: #D9DCE6;\n --uui-color-night300-800: #C2C6D7;\n --uui-color-night300-900: #A4AAC2;\n --uui-color-night400-700: #C3C5D2;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n --uui-color-night500-700: #9D9FB2;\n --uui-color-night500-800: #8F93A9;\n --uui-color-night500-900: #727793;\n --uui-color-night600-700: #595B6D;\n --uui-color-night600-800: #555764;\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n --uui-color-night900-800: #070709;\n --uui-color-night900-900: #000000;\n /* end Loveship old colors */\n /* core variables start */\n /* brand colors */\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-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(--night200);\n --uui-secondary-10: var(--night300);\n --uui-secondary-20: var(--night400);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-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 /* semantic colors */\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-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(--night800);\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-neutral-0: #FFFFFF;\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: #000000;\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-contrast: var(--uui-neutral-5);\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n /* not accepted part */\n /* control specific */\n --uui-link: var(--sky-50);\n --uui-link-hover: var(--sky-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-60);\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-readonly: var(--uui-neutral-5);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-readonly: var(--uui-neutral-30);\n --uui-control-border-checked: var(--uui-primary-50);\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n --uui-control-placeholder: var(--uui-neutral-60);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n --uui-control-text: var(--uui-neutral-80);\n --uui-control-text-disabled: var(--uui-neutral-50);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-control-checkbox-icon: var(--uui-neutral-0);\n --uui-outline-focus: #008ACE80;\n --uui-search_result-bg-highlight: var(--uui-warning-10);\n --uui-skeleton: var(--uui-neutral-40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* Accordion */\n /* FileCard */\n /* Badge */\n /* Button */\n /* IconButton */\n /* TooltipContainer */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* fonts */\n}\n.uui-theme-loveship .uui-color-accent,\n.uui-theme-loveship .uui-color-grass,\n.uui-theme-loveship .uui-color-success {\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 .uui-color-primary,\n.uui-theme-loveship .uui-color-sky,\n.uui-theme-loveship .uui-color-info {\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 .uui-color-fire,\n.uui-theme-loveship .uui-color-critical,\n.uui-theme-loveship .uui-color-error {\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 .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night200);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night50 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--night50);\n --uui-color-60: var(--uui-color-night50-800);\n --uui-color-70: var(--uui-color-night50-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--uui-color-night100-800);\n --uui-color-70: var(--uui-color-night100-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night200 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--night50);\n --uui-color-20: var(--night100);\n --uui-color-50: var(--night200);\n --uui-color-60: var(--uui-color-night200-800);\n --uui-color-70: var(--uui-color-night200-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--uui-color-night300-800);\n --uui-color-70: var(--uui-color-night300-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night400 {\n --uui-color-5: var(--night100);\n --uui-color-10: var(--night200);\n --uui-color-20: var(--night300);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--uui-color-night400-800);\n --uui-color-70: var(--uui-color-night400-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night500 {\n --uui-color-5: var(--night200);\n --uui-color-10: var(--night300);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--uui-color-night500-800);\n --uui-color-70: var(--uui-color-night500-900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-night600,\n.uui-theme-loveship .uui-color-neutral,\n.uui-theme-loveship .uui-color-gray,\n.uui-theme-loveship .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 .uui-color-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--uui-color-night700-800);\n --uui-color-70: var(--uui-color-night700-900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-night800 {\n --uui-color-5: var(--night500);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night700);\n --uui-color-50: var(--night800);\n --uui-color-60: var(--uui-color-night800-800);\n --uui-color-70: var(--uui-color-night800-900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-warning,\n.uui-theme-loveship .uui-color-sun {\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 .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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 .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 .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 .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 .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-loveship .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-loveship .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-neutral,\n.uui-theme-loveship .uui-badge.uui-color-night300 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-loveship .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-night100 {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-border: var(--night600);\n --uui-badge-border-hover: var(--night600);\n --uui-badge-caption: var(--night800);\n --uui-badge-caption-hover: var(--night800);\n}\n.uui-theme-loveship .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-loveship .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .uui-icon_button.uui-color-neutral,\n.uui-theme-loveship .uui-icon_button.uui-color-night600 {\n --uui-icon-btn: var(--uui-neutral-60);\n --uui-icon-btn-hover: var(--uui-neutral-70);\n --uui-icon-btn-active: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-icon_button.uui-color-secondary {\n --uui-icon-btn: var(--uui-neutral-50);\n --uui-icon-btn-hover: var(--uui-neutral-60);\n --uui-icon-btn-active: var(--uui-neutral-70);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-white,\n.uui-theme-loveship .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-red,\n.uui-theme-loveship .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-error-60);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-gray,\n.uui-theme-loveship .uui-tooltip-container.uui-color-contrast {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n}\n.uui-theme-loveship .uui-count_indicator.uui-color-gray,\n.uui-theme-loveship .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .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(--uui-neutral-40);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-loveship .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-night50 {\n --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-night100 {\n --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-loveship .uui-panel {\n --uui-panel-bg: transparent;\n}\n.uui-theme-loveship .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n}\n.uui-theme-loveship .uui-panel.uui-color-night50 {\n --uui-panel-bg: var(--night50);\n}\n.uui-theme-loveship .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-loveship .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-loveship .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}"]}
1
+ {"version":3,"sources":["../../../theme/theme_loveship.scss%23sass","../../../../../theme/theme_loveship.scss","../../../theme/theme_loveship.scss"],"names":[],"mappings":"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","file":"theme_loveship.css","sourcesContent":["/* 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 {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n\n --sky-5: #F5FDFF;\n --sky-10: #E1F4FA;\n --sky-20: #A0DDEE;\n --sky-50: #009ECC;\n --sky-60: #0086AD;\n --sky-70: #006B8A;\n\n --grass-5: #FCFFF5;\n --grass-10: #EBF3D8;\n --grass-20: #C1E288;\n --grass-50: #67A300;\n --grass-60: #528500;\n --grass-70: #396F1F;\n\n --sun-5: #FFFCF5;\n --sun-10: #FFEDC9;\n --sun-20: #FFD785;\n --sun-50: #FCAA00;\n --sun-60: #FF9000;\n --sun-70: #BD5800;\n\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FBB6B6;\n --fire-50: #FF4242;\n --fire-60: #E22A2A;\n --fire-70: #AD0000;\n\n --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n\n /* Loveship old colors */\n --uui-color-white-800: #E6E6E6;\n --uui-color-white-900: #CCCCCC;\n\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n\n --uui-color-night200-700: #E6E8F2;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n\n --uui-color-night300-700: #D9DCE6;\n --uui-color-night300-800: #C2C6D7;\n --uui-color-night300-900: #A4AAC2;\n\n --uui-color-night400-700: #C3C5D2;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n\n --uui-color-night500-700: #9D9FB2;\n --uui-color-night500-800: #8F93A9;\n --uui-color-night500-900: #727793;\n\n --uui-color-night600-700: #595B6D;\n --uui-color-night600-800: #555764;\n\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n\n --uui-color-night900-800: #070709;\n --uui-color-night900-900: #000000;\n /* end Loveship old colors */\n\n /* core variables start */\n\n /* brand colors */\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\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 --uui-secondary-5: var(--night100);\n --uui-secondary-10: var(--night200);\n --uui-secondary-20: var(--night300);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-contrast: var(--white);\n\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 /* semantic colors */\n\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 --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 --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(--night800);\n\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 --uui-neutral-0: #FFFFFF;\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: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--sky-50);\n --uui-link-hover: var(--sky-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n // TODO: should be updated\n\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-skeleton: var(--uui-neutral-40);\n\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n --uui-border-radius: 3px;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-accent,\n .uui-color-grass,\n .uui-color-success {\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-primary,\n .uui-color-sky,\n .uui-color-info {\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-fire,\n .uui-color-critical,\n .uui-color-error {\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: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night200);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night50 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--night50);\n --uui-color-60: var(--uui-color-night50-800);\n --uui-color-70: var(--uui-color-night50-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--uui-color-night100-800);\n --uui-color-70: var(--uui-color-night100-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night200 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--night50);\n --uui-color-20: var(--night100);\n --uui-color-50: var(--night200);\n --uui-color-60: var(--uui-color-night200-800);\n --uui-color-70: var(--uui-color-night200-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--uui-color-night300-800);\n --uui-color-70: var(--uui-color-night300-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night400 {\n --uui-color-5: var(--night100);\n --uui-color-10: var(--night200);\n --uui-color-20: var(--night300);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--uui-color-night400-800);\n --uui-color-70: var(--uui-color-night400-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night500 {\n --uui-color-5: var(--night200);\n --uui-color-10: var(--night300);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--uui-color-night500-800);\n --uui-color-70: var(--uui-color-night500-900);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-night600,\n .uui-color-neutral,\n .uui-color-gray,\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-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--uui-color-night700-800);\n --uui-color-70: var(--uui-color-night700-900);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-night800 {\n --uui-color-5: var(--night500);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night700);\n --uui-color-50: var(--night800);\n --uui-color-60: var(--uui-color-night800-800);\n --uui-color-70: var(--uui-color-night800-900);\n --uui-color-contrast: var(--white);\n }\n\n\n .uui-color-warning,\n .uui-color-sun {\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-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(--uui-neutral-80);\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(--uui-neutral-80);\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(--uui-neutral-80);\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(--uui-neutral-80);\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 /* Badge */\n\n .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-night100 {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n\n &.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-border: var(--night600);\n --uui-badge-border-hover: var(--night600);\n --uui-badge-caption: var(--night800);\n --uui-badge-caption-hover: var(--night800);\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-night600 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-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 /* TooltipContainer */\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-error-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\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(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-color-night50 {\n --uui-flex-row-bg: var(--night50);\n }\n\n .uui-flex-row.uui-color-night100 {\n --uui-flex-row-bg: var(--night100);\n }\n\n .uui-panel {\n --uui-panel-bg: transparent;\n }\n\n .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-color-night50 {\n --uui-panel-bg: var(--night50);\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 .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 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 {\n @include theme-loveship();\n}\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 {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n\n --sky-5: #F5FDFF;\n --sky-10: #E1F4FA;\n --sky-20: #A0DDEE;\n --sky-50: #009ECC;\n --sky-60: #0086AD;\n --sky-70: #006B8A;\n\n --grass-5: #FCFFF5;\n --grass-10: #EBF3D8;\n --grass-20: #C1E288;\n --grass-50: #67A300;\n --grass-60: #528500;\n --grass-70: #396F1F;\n\n --sun-5: #FFFCF5;\n --sun-10: #FFEDC9;\n --sun-20: #FFD785;\n --sun-50: #FCAA00;\n --sun-60: #FF9000;\n --sun-70: #BD5800;\n\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FBB6B6;\n --fire-50: #FF4242;\n --fire-60: #E22A2A;\n --fire-70: #AD0000;\n\n --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n\n /* Loveship old colors */\n --uui-color-white-800: #E6E6E6;\n --uui-color-white-900: #CCCCCC;\n\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n\n --uui-color-night200-700: #E6E8F2;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n\n --uui-color-night300-700: #D9DCE6;\n --uui-color-night300-800: #C2C6D7;\n --uui-color-night300-900: #A4AAC2;\n\n --uui-color-night400-700: #C3C5D2;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n\n --uui-color-night500-700: #9D9FB2;\n --uui-color-night500-800: #8F93A9;\n --uui-color-night500-900: #727793;\n\n --uui-color-night600-700: #595B6D;\n --uui-color-night600-800: #555764;\n\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n\n --uui-color-night900-800: #070709;\n --uui-color-night900-900: #000000;\n /* end Loveship old colors */\n\n /* core variables start */\n\n /* brand colors */\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\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 --uui-secondary-5: var(--night100);\n --uui-secondary-10: var(--night200);\n --uui-secondary-20: var(--night300);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-contrast: var(--white);\n\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 /* semantic colors */\n\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 --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 --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(--night800);\n\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 --uui-neutral-0: #FFFFFF;\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: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--sky-50);\n --uui-link-hover: var(--sky-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n // TODO: should be updated\n\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-skeleton: var(--uui-neutral-40);\n\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n --uui-border-radius: 3px;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-accent,\n .uui-color-grass,\n .uui-color-success {\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-primary,\n .uui-color-sky,\n .uui-color-info {\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-fire,\n .uui-color-critical,\n .uui-color-error {\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: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night200);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night50 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--night50);\n --uui-color-60: var(--uui-color-night50-800);\n --uui-color-70: var(--uui-color-night50-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--uui-color-night100-800);\n --uui-color-70: var(--uui-color-night100-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night200 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--night50);\n --uui-color-20: var(--night100);\n --uui-color-50: var(--night200);\n --uui-color-60: var(--uui-color-night200-800);\n --uui-color-70: var(--uui-color-night200-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--uui-color-night300-800);\n --uui-color-70: var(--uui-color-night300-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night400 {\n --uui-color-5: var(--night100);\n --uui-color-10: var(--night200);\n --uui-color-20: var(--night300);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--uui-color-night400-800);\n --uui-color-70: var(--uui-color-night400-900);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night500 {\n --uui-color-5: var(--night200);\n --uui-color-10: var(--night300);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--uui-color-night500-800);\n --uui-color-70: var(--uui-color-night500-900);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-night600,\n .uui-color-neutral,\n .uui-color-gray,\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-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--uui-color-night700-800);\n --uui-color-70: var(--uui-color-night700-900);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-night800 {\n --uui-color-5: var(--night500);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night700);\n --uui-color-50: var(--night800);\n --uui-color-60: var(--uui-color-night800-800);\n --uui-color-70: var(--uui-color-night800-900);\n --uui-color-contrast: var(--white);\n }\n\n\n .uui-color-warning,\n .uui-color-sun {\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-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(--uui-neutral-80);\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(--uui-neutral-80);\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(--uui-neutral-80);\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(--uui-neutral-80);\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 /* Badge */\n\n .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-night100 {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n\n &.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-border: var(--night600);\n --uui-badge-border-hover: var(--night600);\n --uui-badge-caption: var(--night800);\n --uui-badge-caption-hover: var(--night800);\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-night600 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-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 /* TooltipContainer */\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-error-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\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(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-color-night50 {\n --uui-flex-row-bg: var(--night50);\n }\n\n .uui-flex-row.uui-color-night100 {\n --uui-flex-row-bg: var(--night100);\n }\n\n .uui-panel {\n --uui-panel-bg: transparent;\n }\n\n .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-color-night50 {\n --uui-panel-bg: var(--night50);\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 .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 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 {\n @include theme-loveship();\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 {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n --sky-5: #F5FDFF;\n --sky-10: #E1F4FA;\n --sky-20: #A0DDEE;\n --sky-50: #009ECC;\n --sky-60: #0086AD;\n --sky-70: #006B8A;\n --grass-5: #FCFFF5;\n --grass-10: #EBF3D8;\n --grass-20: #C1E288;\n --grass-50: #67A300;\n --grass-60: #528500;\n --grass-70: #396F1F;\n --sun-5: #FFFCF5;\n --sun-10: #FFEDC9;\n --sun-20: #FFD785;\n --sun-50: #FCAA00;\n --sun-60: #FF9000;\n --sun-70: #BD5800;\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FBB6B6;\n --fire-50: #FF4242;\n --fire-60: #E22A2A;\n --fire-70: #AD0000;\n --white: #FFFFFF;\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n /* Loveship old colors */\n --uui-color-white-800: #E6E6E6;\n --uui-color-white-900: #CCCCCC;\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n --uui-color-night200-700: #E6E8F2;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n --uui-color-night300-700: #D9DCE6;\n --uui-color-night300-800: #C2C6D7;\n --uui-color-night300-900: #A4AAC2;\n --uui-color-night400-700: #C3C5D2;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n --uui-color-night500-700: #9D9FB2;\n --uui-color-night500-800: #8F93A9;\n --uui-color-night500-900: #727793;\n --uui-color-night600-700: #595B6D;\n --uui-color-night600-800: #555764;\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n --uui-color-night900-800: #070709;\n --uui-color-night900-900: #000000;\n /* end Loveship old colors */\n /* core variables start */\n /* brand colors */\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-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(--night100);\n --uui-secondary-10: var(--night200);\n --uui-secondary-20: var(--night300);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-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 /* semantic colors */\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-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(--night800);\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-neutral-0: #FFFFFF;\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: #000000;\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n /* not accepted part */\n /* control specific */\n --uui-link: var(--sky-50);\n --uui-link-hover: var(--sky-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-outline-focus: #008ACE80;\n --uui-skeleton: var(--uui-neutral-40);\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n --uui-border-radius: 3px;\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* Accordion */\n /* FileCard */\n /* Badge */\n /* Button */\n /* IconButton */\n /* TooltipContainer */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* fonts */\n /* Typography */\n}\n.uui-theme-loveship .uui-color-accent,\n.uui-theme-loveship .uui-color-grass,\n.uui-theme-loveship .uui-color-success {\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 .uui-color-primary,\n.uui-theme-loveship .uui-color-sky,\n.uui-theme-loveship .uui-color-info {\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 .uui-color-fire,\n.uui-theme-loveship .uui-color-critical,\n.uui-theme-loveship .uui-color-error {\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 .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night200);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night50 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--night50);\n --uui-color-60: var(--uui-color-night50-800);\n --uui-color-70: var(--uui-color-night50-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--uui-color-night100-800);\n --uui-color-70: var(--uui-color-night100-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night200 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--night50);\n --uui-color-20: var(--night100);\n --uui-color-50: var(--night200);\n --uui-color-60: var(--uui-color-night200-800);\n --uui-color-70: var(--uui-color-night200-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--uui-color-night300-800);\n --uui-color-70: var(--uui-color-night300-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night400 {\n --uui-color-5: var(--night100);\n --uui-color-10: var(--night200);\n --uui-color-20: var(--night300);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--uui-color-night400-800);\n --uui-color-70: var(--uui-color-night400-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night500 {\n --uui-color-5: var(--night200);\n --uui-color-10: var(--night300);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--uui-color-night500-800);\n --uui-color-70: var(--uui-color-night500-900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-night600,\n.uui-theme-loveship .uui-color-neutral,\n.uui-theme-loveship .uui-color-gray,\n.uui-theme-loveship .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 .uui-color-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--uui-color-night700-800);\n --uui-color-70: var(--uui-color-night700-900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-night800 {\n --uui-color-5: var(--night500);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night700);\n --uui-color-50: var(--night800);\n --uui-color-60: var(--uui-color-night800-800);\n --uui-color-70: var(--uui-color-night800-900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-warning,\n.uui-theme-loveship .uui-color-sun {\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 .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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 .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 .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 .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 .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-loveship .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-loveship .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-neutral,\n.uui-theme-loveship .uui-badge.uui-color-night300 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-loveship .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-night100 {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-border: var(--night600);\n --uui-badge-border-hover: var(--night600);\n --uui-badge-caption: var(--night800);\n --uui-badge-caption-hover: var(--night800);\n}\n.uui-theme-loveship .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-loveship .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .uui-icon_button.uui-color-neutral,\n.uui-theme-loveship .uui-icon_button.uui-color-night600 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n}\n.uui-theme-loveship .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 .uui-tooltip-container.uui-color-white,\n.uui-theme-loveship .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-red,\n.uui-theme-loveship .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-error-60);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-gray,\n.uui-theme-loveship .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n}\n.uui-theme-loveship .uui-count_indicator.uui-color-gray,\n.uui-theme-loveship .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .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(--uui-neutral-40);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-loveship .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-night50 {\n --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-night100 {\n --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-loveship .uui-panel {\n --uui-panel-bg: transparent;\n}\n.uui-theme-loveship .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n}\n.uui-theme-loveship .uui-panel.uui-color-night50 {\n --uui-panel-bg: var(--night50);\n}\n.uui-theme-loveship .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-loveship .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-loveship .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}\n.uui-theme-loveship .uui-typography h1 {\n font-weight: 600;\n}\n.uui-theme-loveship .uui-typography h2 {\n font-weight: 700;\n}\n.uui-theme-loveship .uui-typography h3 {\n font-weight: 600;\n}\n.uui-theme-loveship .uui-typography .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n}"]}