zarebin-player-library 1.0.23 → 1.0.24

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 (5) hide show
  1. package/dist/src/videoPlayerLibrary/shared/providers/theme-provider.d.ts +1 -0
  2. package/dist/zarebin-player-library.css +251 -250
  3. package/dist/zarebin-player-library.js +105 -86
  4. package/dist/zarebin-player-library.js.map +1 -1
  5. package/package.json +2 -2
package/dist/src/videoPlayerLibrary/shared/providers/theme-provider.d.ts CHANGED
@@ -3,6 +3,7 @@ type Theme = "light" | "dark";
3
3
  interface ThemeContextType {
4
4
  theme: Theme;
5
5
  setTheme: (theme: Theme) => void;
6
+ toggleTheme: () => void;
6
7
  }
7
8
  interface ThemeProviderProps {
8
9
  children: ReactNode;
package/dist/zarebin-player-library.css CHANGED
@@ -10660,7 +10660,7 @@
10660
10660
  max-height: 100dvh;
10661
10661
  overflow-x: hidden;
10662
10662
  }@media print {
10663
- body {
10663
+ #video-player-container {
10664
10664
  print-color-adjust: exact;
10665
10665
  -webkit-print-color-adjust: exact;
10666
10666
  }
@@ -12272,7 +12272,7 @@ video {
12272
12272
  background-color: rgb(0 0 0 / 0.8) !important;
12273
12273
  }.\!pl-bg-dark-1{
12274
12274
  --tw-bg-opacity: 1 !important;
12275
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
12275
+ background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1)) !important;
12276
12276
  }.\!pl-bg-dark-3{
12277
12277
  --tw-bg-opacity: 1 !important;
12278
12278
  background-color: rgb(48 48 52 / var(--tw-bg-opacity, 1)) !important;
@@ -12316,7 +12316,7 @@ video {
12316
12316
  background-color: rgb(0 0 0 / 0.7);
12317
12317
  }.pl-bg-dark-1{
12318
12318
  --tw-bg-opacity: 1;
12319
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
12319
+ background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1));
12320
12320
  }.pl-bg-dark-2{
12321
12321
  --tw-bg-opacity: 1;
12322
12322
  background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1));
@@ -12468,7 +12468,7 @@ video {
12468
12468
  }.\!pl-bg-no-repeat{
12469
12469
  background-repeat: no-repeat !important;
12470
12470
  }.pl-fill-dark-1{
12471
- fill: #000;
12471
+ fill: #1C1B1E;
12472
12472
  }.pl-fill-dark-4{
12473
12473
  fill: #919094;
12474
12474
  }.pl-fill-dark-5{
@@ -13198,252 +13198,6 @@ video {
13198
13198
  background-color: rgb(101 31 255 / var(--tw-bg-opacity, 1)) !important;
13199
13199
  }.disabled\:\!pl-opacity-50:disabled{
13200
13200
  opacity: 0.5 !important;
13201
- }.dark\:pl-border-none:is(.pl-dark *){
13202
- border-style: none;
13203
- }.dark\:\!pl-border-main:is(.pl-dark *){
13204
- --tw-border-opacity: 1 !important;
13205
- border-color: rgb(101 31 255 / var(--tw-border-opacity, 1)) !important;
13206
- }.dark\:pl-border-gray-700:is(.pl-dark *){
13207
- --tw-border-opacity: 1;
13208
- border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
13209
- }.dark\:pl-border-main-highLight:is(.pl-dark *){
13210
- --tw-border-opacity: 1;
13211
- border-color: rgb(187 134 252 / var(--tw-border-opacity, 1));
13212
- }.dark\:pl-border-secondary:is(.pl-dark *){
13213
- --tw-border-opacity: 1;
13214
- border-color: rgb(188 189 192 / var(--tw-border-opacity, 1));
13215
- }.dark\:pl-border-secondary-100:is(.pl-dark *){
13216
- --tw-border-opacity: 1;
13217
- border-color: rgb(247 247 252 / var(--tw-border-opacity, 1));
13218
- }.dark\:pl-border-secondary-300:is(.pl-dark *){
13219
- --tw-border-opacity: 1;
13220
- border-color: rgb(217 219 233 / var(--tw-border-opacity, 1));
13221
- }.dark\:pl-border-secondary-400:is(.pl-dark *){
13222
- --tw-border-opacity: 1;
13223
- border-color: rgb(160 163 189 / var(--tw-border-opacity, 1));
13224
- }.dark\:pl-border-white:is(.pl-dark *){
13225
- --tw-border-opacity: 1;
13226
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
13227
- }.dark\:pl-border-z-gray-700:is(.pl-dark *){
13228
- --tw-border-opacity: 1;
13229
- border-color: rgb(34 40 49 / var(--tw-border-opacity, 1));
13230
- }.dark\:pl-border-z-secondary-500:is(.pl-dark *){
13231
- --tw-border-opacity: 1;
13232
- border-color: rgb(147 149 152 / var(--tw-border-opacity, 1));
13233
- }.dark\:pl-border-z-secondary-600:is(.pl-dark *){
13234
- --tw-border-opacity: 1;
13235
- border-color: rgb(87 88 90 / var(--tw-border-opacity, 1));
13236
- }.dark\:pl-border-b-dark-4:is(.pl-dark *){
13237
- --tw-border-opacity: 1;
13238
- border-bottom-color: rgb(145 144 148 / var(--tw-border-opacity, 1));
13239
- }.dark\:pl-border-b-white:is(.pl-dark *){
13240
- --tw-border-opacity: 1;
13241
- border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
13242
- }.dark\:\!pl-bg-black:is(.pl-dark *){
13243
- --tw-bg-opacity: 1 !important;
13244
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
13245
- }.dark\:\!pl-bg-dark-1:is(.pl-dark *){
13246
- --tw-bg-opacity: 1 !important;
13247
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
13248
- }.dark\:\!pl-bg-dark-13:is(.pl-dark *){
13249
- --tw-bg-opacity: 1 !important;
13250
- background-color: rgb(28 27 31 / var(--tw-bg-opacity, 1)) !important;
13251
- }.dark\:\!pl-bg-dark-3:is(.pl-dark *){
13252
- --tw-bg-opacity: 1 !important;
13253
- background-color: rgb(48 48 52 / var(--tw-bg-opacity, 1)) !important;
13254
- }.dark\:\!pl-bg-main:is(.pl-dark *){
13255
- --tw-bg-opacity: 1 !important;
13256
- background-color: rgb(101 31 255 / var(--tw-bg-opacity, 1)) !important;
13257
- }.dark\:\!pl-bg-main-light\/\[0\.7\]:is(.pl-dark *){
13258
- background-color: rgb(124 77 255 / 0.7) !important;
13259
- }.dark\:pl-bg-black:is(.pl-dark *){
13260
- --tw-bg-opacity: 1;
13261
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
13262
- }.dark\:pl-bg-black\/\[0\.7\]:is(.pl-dark *){
13263
- background-color: rgb(0 0 0 / 0.7);
13264
- }.dark\:pl-bg-dark-1:is(.pl-dark *){
13265
- --tw-bg-opacity: 1;
13266
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
13267
- }.dark\:pl-bg-dark-1\/\[0\.8\]:is(.pl-dark *){
13268
- background-color: rgb(0 0 0 / 0.8);
13269
- }.dark\:pl-bg-dark-2:is(.pl-dark *){
13270
- --tw-bg-opacity: 1;
13271
- background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1));
13272
- }.dark\:pl-bg-dark-2\/\[0\.9\]:is(.pl-dark *){
13273
- background-color: rgb(44 44 44 / 0.9);
13274
- }.dark\:pl-bg-dark-3:is(.pl-dark *){
13275
- --tw-bg-opacity: 1;
13276
- background-color: rgb(48 48 52 / var(--tw-bg-opacity, 1));
13277
- }.dark\:pl-bg-dark-4:is(.pl-dark *){
13278
- --tw-bg-opacity: 1;
13279
- background-color: rgb(145 144 148 / var(--tw-bg-opacity, 1));
13280
- }.dark\:pl-bg-dark-5:is(.pl-dark *){
13281
- --tw-bg-opacity: 1;
13282
- background-color: rgb(227 226 230 / var(--tw-bg-opacity, 1));
13283
- }.dark\:pl-bg-gray-500:is(.pl-dark *){
13284
- --tw-bg-opacity: 1;
13285
- background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
13286
- }.dark\:pl-bg-gray-600:is(.pl-dark *){
13287
- --tw-bg-opacity: 1;
13288
- background-color: rgb(49 58 67 / var(--tw-bg-opacity, 1));
13289
- }.dark\:pl-bg-gray-700:is(.pl-dark *){
13290
- --tw-bg-opacity: 1;
13291
- background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
13292
- }.dark\:pl-bg-gray-800:is(.pl-dark *){
13293
- --tw-bg-opacity: 1;
13294
- background-color: rgb(21 21 21 / var(--tw-bg-opacity, 1));
13295
- }.dark\:pl-bg-gray-800\/\[0\.7\]:is(.pl-dark *){
13296
- background-color: rgb(21 21 21 / 0.7);
13297
- }.dark\:pl-bg-main:is(.pl-dark *){
13298
- --tw-bg-opacity: 1;
13299
- background-color: rgb(101 31 255 / var(--tw-bg-opacity, 1));
13300
- }.dark\:pl-bg-main-dark:is(.pl-dark *){
13301
- --tw-bg-opacity: 1;
13302
- background-color: rgb(68 45 142 / var(--tw-bg-opacity, 1));
13303
- }.dark\:pl-bg-main-highLight\/\[0\.5\]:is(.pl-dark *){
13304
- background-color: rgb(187 134 252 / 0.5);
13305
- }.dark\:pl-bg-secondary-100:is(.pl-dark *){
13306
- --tw-bg-opacity: 1;
13307
- background-color: rgb(247 247 252 / var(--tw-bg-opacity, 1));
13308
- }.dark\:pl-bg-secondary-50:is(.pl-dark *){
13309
- --tw-bg-opacity: 1;
13310
- background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
13311
- }.dark\:pl-bg-secondary-600:is(.pl-dark *){
13312
- --tw-bg-opacity: 1;
13313
- background-color: rgb(78 75 102 / var(--tw-bg-opacity, 1));
13314
- }.dark\:pl-bg-secondary-700:is(.pl-dark *){
13315
- --tw-bg-opacity: 1;
13316
- background-color: rgb(38 35 56 / var(--tw-bg-opacity, 1));
13317
- }.dark\:pl-bg-secondary\/\[0\.6\]:is(.pl-dark *){
13318
- background-color: rgb(188 189 192 / 0.6);
13319
- }.dark\:pl-bg-white:is(.pl-dark *){
13320
- --tw-bg-opacity: 1;
13321
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
13322
- }.dark\:pl-bg-z-gray-500:is(.pl-dark *){
13323
- --tw-bg-opacity: 1;
13324
- background-color: rgb(57 62 70 / var(--tw-bg-opacity, 1));
13325
- }.dark\:pl-bg-z-gray-700:is(.pl-dark *){
13326
- --tw-bg-opacity: 1;
13327
- background-color: rgb(34 40 49 / var(--tw-bg-opacity, 1));
13328
- }.dark\:pl-bg-z-secondary-600:is(.pl-dark *){
13329
- --tw-bg-opacity: 1;
13330
- background-color: rgb(87 88 90 / var(--tw-bg-opacity, 1));
13331
- }.dark\:pl-fill-dark-5:is(.pl-dark *){
13332
- fill: #E3E2E6;
13333
- }.dark\:pl-fill-dark-6:is(.pl-dark *){
13334
- fill: #F2F0F4;
13335
- }.dark\:pl-fill-gray-400:is(.pl-dark *){
13336
- fill: #A3A3A3;
13337
- }.dark\:pl-fill-gray-highLight:is(.pl-dark *){
13338
- fill: #E6E6E6;
13339
- }.dark\:pl-fill-main-highLight:is(.pl-dark *){
13340
- fill: #BB86FC;
13341
- }.dark\:pl-fill-main-lightPurple:is(.pl-dark *){
13342
- fill: #D4C5FF;
13343
- }.dark\:pl-fill-secondary:is(.pl-dark *){
13344
- fill: #BCBDC0;
13345
- }.dark\:pl-fill-secondary-50:is(.pl-dark *){
13346
- fill: #FBFBFB;
13347
- }.dark\:pl-fill-white:is(.pl-dark *){
13348
- fill: #fff;
13349
- }.dark\:pl-fill-z-secondary-50:is(.pl-dark *){
13350
- fill: #FAFAFA;
13351
- }.dark\:pl-fill-z-secondary-500:is(.pl-dark *){
13352
- fill: #939598;
13353
- }.dark\:pl-stroke-dark-5:is(.pl-dark *){
13354
- stroke: #E3E2E6;
13355
- }.dark\:pl-stroke-gray-800:is(.pl-dark *){
13356
- stroke: #151515;
13357
- }.dark\:pl-stroke-secondary-300:is(.pl-dark *){
13358
- stroke: #D9DBE9;
13359
- }.dark\:pl-stroke-secondary-50:is(.pl-dark *){
13360
- stroke: #FBFBFB;
13361
- }.dark\:pl-stroke-z-gray-400:is(.pl-dark *){
13362
- stroke: #BDBDBD;
13363
- }.dark\:\!pl-text-white:is(.pl-dark *){
13364
- --tw-text-opacity: 1 !important;
13365
- color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
13366
- }.dark\:pl-text-dark-4:is(.pl-dark *){
13367
- --tw-text-opacity: 1;
13368
- color: rgb(145 144 148 / var(--tw-text-opacity, 1));
13369
- }.dark\:pl-text-dark-5:is(.pl-dark *){
13370
- --tw-text-opacity: 1;
13371
- color: rgb(227 226 230 / var(--tw-text-opacity, 1));
13372
- }.dark\:pl-text-gray-100:is(.pl-dark *){
13373
- --tw-text-opacity: 1;
13374
- color: rgb(245 245 245 / var(--tw-text-opacity, 1));
13375
- }.dark\:pl-text-gray-400:is(.pl-dark *){
13376
- --tw-text-opacity: 1;
13377
- color: rgb(163 163 163 / var(--tw-text-opacity, 1));
13378
- }.dark\:pl-text-gray-800:is(.pl-dark *){
13379
- --tw-text-opacity: 1;
13380
- color: rgb(21 21 21 / var(--tw-text-opacity, 1));
13381
- }.dark\:pl-text-main-highLight:is(.pl-dark *){
13382
- --tw-text-opacity: 1;
13383
- color: rgb(187 134 252 / var(--tw-text-opacity, 1));
13384
- }.dark\:pl-text-orange-200:is(.pl-dark *){
13385
- --tw-text-opacity: 1;
13386
- color: rgb(252 196 77 / var(--tw-text-opacity, 1));
13387
- }.dark\:pl-text-primary-500:is(.pl-dark *){
13388
- --tw-text-opacity: 1;
13389
- color: rgb(80 165 255 / var(--tw-text-opacity, 1));
13390
- }.dark\:pl-text-secondary:is(.pl-dark *){
13391
- --tw-text-opacity: 1;
13392
- color: rgb(188 189 192 / var(--tw-text-opacity, 1));
13393
- }.dark\:pl-text-secondary-100:is(.pl-dark *){
13394
- --tw-text-opacity: 1;
13395
- color: rgb(247 247 252 / var(--tw-text-opacity, 1));
13396
- }.dark\:pl-text-secondary-200:is(.pl-dark *){
13397
- --tw-text-opacity: 1;
13398
- color: rgb(239 240 246 / var(--tw-text-opacity, 1));
13399
- }.dark\:pl-text-secondary-300:is(.pl-dark *){
13400
- --tw-text-opacity: 1;
13401
- color: rgb(217 219 233 / var(--tw-text-opacity, 1));
13402
- }.dark\:pl-text-secondary-50:is(.pl-dark *){
13403
- --tw-text-opacity: 1;
13404
- color: rgb(251 251 251 / var(--tw-text-opacity, 1));
13405
- }.dark\:pl-text-secondary-700:is(.pl-dark *){
13406
- --tw-text-opacity: 1;
13407
- color: rgb(38 35 56 / var(--tw-text-opacity, 1));
13408
- }.dark\:pl-text-white:is(.pl-dark *){
13409
- --tw-text-opacity: 1;
13410
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
13411
- }.dark\:pl-text-z-gray-400:is(.pl-dark *){
13412
- --tw-text-opacity: 1;
13413
- color: rgb(189 189 189 / var(--tw-text-opacity, 1));
13414
- }.dark\:pl-text-z-secondary-50:is(.pl-dark *){
13415
- --tw-text-opacity: 1;
13416
- color: rgb(250 250 250 / var(--tw-text-opacity, 1));
13417
- }.dark\:pl-text-z-secondary-500:is(.pl-dark *){
13418
- --tw-text-opacity: 1;
13419
- color: rgb(147 149 152 / var(--tw-text-opacity, 1));
13420
- }.dark\:pl-placeholder-secondary-300:is(.pl-dark *)::-moz-placeholder{
13421
- --tw-placeholder-opacity: 1;
13422
- color: rgb(217 219 233 / var(--tw-placeholder-opacity, 1));
13423
- }.dark\:pl-placeholder-secondary-300:is(.pl-dark *)::placeholder{
13424
- --tw-placeholder-opacity: 1;
13425
- color: rgb(217 219 233 / var(--tw-placeholder-opacity, 1));
13426
- }.dark\:pl-opacity-60:is(.pl-dark *){
13427
- opacity: 0.6;
13428
- }.placeholder\:dark\:pl-text-secondary:is(.pl-dark *)::-moz-placeholder{
13429
- --tw-text-opacity: 1;
13430
- color: rgb(188 189 192 / var(--tw-text-opacity, 1));
13431
- }.placeholder\:dark\:pl-text-secondary:is(.pl-dark *)::placeholder{
13432
- --tw-text-opacity: 1;
13433
- color: rgb(188 189 192 / var(--tw-text-opacity, 1));
13434
- }.odd\:dark\:pl-bg-dark-1:is(.pl-dark *):nth-child(odd){
13435
- --tw-bg-opacity: 1;
13436
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
13437
- }.dark\:hover\:pl-bg-dark-10\/\[0\.9\]:hover:is(.pl-dark *){
13438
- background-color: rgb(56 56 56 / 0.9);
13439
- }.dark\:hover\:pl-bg-z-gray-700:hover:is(.pl-dark *){
13440
- --tw-bg-opacity: 1;
13441
- background-color: rgb(34 40 49 / var(--tw-bg-opacity, 1));
13442
- }.hover\:dark\:pl-bg-main:is(.pl-dark *):hover{
13443
- --tw-bg-opacity: 1;
13444
- background-color: rgb(101 31 255 / var(--tw-bg-opacity, 1));
13445
- }.hover\:dark\:pl-bg-white\/\[0\.25\]:is(.pl-dark *):hover{
13446
- background-color: rgb(255 255 255 / 0.25);
13447
13201
  }@media (min-width: 640px){.sm\:pl-items-center{
13448
13202
  align-items: center;
13449
13203
  }
@@ -13476,5 +13230,252 @@ video {
13476
13230
  }
13477
13231
  }.rtl\:pl-space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
13478
13232
  --tw-space-x-reverse: 1;
13233
+ }@media (prefers-color-scheme: dark){.dark\:pl-border-none{
13234
+ border-style: none;
13235
+ }.dark\:\!pl-border-main{
13236
+ --tw-border-opacity: 1 !important;
13237
+ border-color: rgb(101 31 255 / var(--tw-border-opacity, 1)) !important;
13238
+ }.dark\:pl-border-gray-700{
13239
+ --tw-border-opacity: 1;
13240
+ border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
13241
+ }.dark\:pl-border-main-highLight{
13242
+ --tw-border-opacity: 1;
13243
+ border-color: rgb(187 134 252 / var(--tw-border-opacity, 1));
13244
+ }.dark\:pl-border-secondary{
13245
+ --tw-border-opacity: 1;
13246
+ border-color: rgb(188 189 192 / var(--tw-border-opacity, 1));
13247
+ }.dark\:pl-border-secondary-100{
13248
+ --tw-border-opacity: 1;
13249
+ border-color: rgb(247 247 252 / var(--tw-border-opacity, 1));
13250
+ }.dark\:pl-border-secondary-300{
13251
+ --tw-border-opacity: 1;
13252
+ border-color: rgb(217 219 233 / var(--tw-border-opacity, 1));
13253
+ }.dark\:pl-border-secondary-400{
13254
+ --tw-border-opacity: 1;
13255
+ border-color: rgb(160 163 189 / var(--tw-border-opacity, 1));
13256
+ }.dark\:pl-border-white{
13257
+ --tw-border-opacity: 1;
13258
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
13259
+ }.dark\:pl-border-z-gray-700{
13260
+ --tw-border-opacity: 1;
13261
+ border-color: rgb(34 40 49 / var(--tw-border-opacity, 1));
13262
+ }.dark\:pl-border-z-secondary-500{
13263
+ --tw-border-opacity: 1;
13264
+ border-color: rgb(147 149 152 / var(--tw-border-opacity, 1));
13265
+ }.dark\:pl-border-z-secondary-600{
13266
+ --tw-border-opacity: 1;
13267
+ border-color: rgb(87 88 90 / var(--tw-border-opacity, 1));
13268
+ }.dark\:pl-border-b-dark-4{
13269
+ --tw-border-opacity: 1;
13270
+ border-bottom-color: rgb(145 144 148 / var(--tw-border-opacity, 1));
13271
+ }.dark\:pl-border-b-white{
13272
+ --tw-border-opacity: 1;
13273
+ border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
13274
+ }.dark\:\!pl-bg-black{
13275
+ --tw-bg-opacity: 1 !important;
13276
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
13277
+ }.dark\:\!pl-bg-dark-1{
13278
+ --tw-bg-opacity: 1 !important;
13279
+ background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1)) !important;
13280
+ }.dark\:\!pl-bg-dark-13{
13281
+ --tw-bg-opacity: 1 !important;
13282
+ background-color: rgb(28 27 31 / var(--tw-bg-opacity, 1)) !important;
13283
+ }.dark\:\!pl-bg-dark-3{
13284
+ --tw-bg-opacity: 1 !important;
13285
+ background-color: rgb(48 48 52 / var(--tw-bg-opacity, 1)) !important;
13286
+ }.dark\:\!pl-bg-main{
13287
+ --tw-bg-opacity: 1 !important;
13288
+ background-color: rgb(101 31 255 / var(--tw-bg-opacity, 1)) !important;
13289
+ }.dark\:\!pl-bg-main-light\/\[0\.7\]{
13290
+ background-color: rgb(124 77 255 / 0.7) !important;
13291
+ }.dark\:pl-bg-black{
13292
+ --tw-bg-opacity: 1;
13293
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
13294
+ }.dark\:pl-bg-black\/\[0\.7\]{
13295
+ background-color: rgb(0 0 0 / 0.7);
13296
+ }.dark\:pl-bg-dark-1{
13297
+ --tw-bg-opacity: 1;
13298
+ background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1));
13299
+ }.dark\:pl-bg-dark-1\/\[0\.8\]{
13300
+ background-color: rgb(28 27 30 / 0.8);
13301
+ }.dark\:pl-bg-dark-2{
13302
+ --tw-bg-opacity: 1;
13303
+ background-color: rgb(44 44 44 / var(--tw-bg-opacity, 1));
13304
+ }.dark\:pl-bg-dark-2\/\[0\.9\]{
13305
+ background-color: rgb(44 44 44 / 0.9);
13306
+ }.dark\:pl-bg-dark-3{
13307
+ --tw-bg-opacity: 1;
13308
+ background-color: rgb(48 48 52 / var(--tw-bg-opacity, 1));
13309
+ }.dark\:pl-bg-dark-4{
13310
+ --tw-bg-opacity: 1;
13311
+ background-color: rgb(145 144 148 / var(--tw-bg-opacity, 1));
13312
+ }.dark\:pl-bg-dark-5{
13313
+ --tw-bg-opacity: 1;
13314
+ background-color: rgb(227 226 230 / var(--tw-bg-opacity, 1));
13315
+ }.dark\:pl-bg-gray-500{
13316
+ --tw-bg-opacity: 1;
13317
+ background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
13318
+ }.dark\:pl-bg-gray-600{
13319
+ --tw-bg-opacity: 1;
13320
+ background-color: rgb(49 58 67 / var(--tw-bg-opacity, 1));
13321
+ }.dark\:pl-bg-gray-700{
13322
+ --tw-bg-opacity: 1;
13323
+ background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
13324
+ }.dark\:pl-bg-gray-800{
13325
+ --tw-bg-opacity: 1;
13326
+ background-color: rgb(21 21 21 / var(--tw-bg-opacity, 1));
13327
+ }.dark\:pl-bg-gray-800\/\[0\.7\]{
13328
+ background-color: rgb(21 21 21 / 0.7);
13329
+ }.dark\:pl-bg-main{
13330
+ --tw-bg-opacity: 1;
13331
+ background-color: rgb(101 31 255 / var(--tw-bg-opacity, 1));
13332
+ }.dark\:pl-bg-main-dark{
13333
+ --tw-bg-opacity: 1;
13334
+ background-color: rgb(68 45 142 / var(--tw-bg-opacity, 1));
13335
+ }.dark\:pl-bg-main-highLight\/\[0\.5\]{
13336
+ background-color: rgb(187 134 252 / 0.5);
13337
+ }.dark\:pl-bg-secondary-100{
13338
+ --tw-bg-opacity: 1;
13339
+ background-color: rgb(247 247 252 / var(--tw-bg-opacity, 1));
13340
+ }.dark\:pl-bg-secondary-50{
13341
+ --tw-bg-opacity: 1;
13342
+ background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
13343
+ }.dark\:pl-bg-secondary-600{
13344
+ --tw-bg-opacity: 1;
13345
+ background-color: rgb(78 75 102 / var(--tw-bg-opacity, 1));
13346
+ }.dark\:pl-bg-secondary-700{
13347
+ --tw-bg-opacity: 1;
13348
+ background-color: rgb(38 35 56 / var(--tw-bg-opacity, 1));
13349
+ }.dark\:pl-bg-secondary\/\[0\.6\]{
13350
+ background-color: rgb(188 189 192 / 0.6);
13351
+ }.dark\:pl-bg-white{
13352
+ --tw-bg-opacity: 1;
13353
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
13354
+ }.dark\:pl-bg-z-gray-500{
13355
+ --tw-bg-opacity: 1;
13356
+ background-color: rgb(57 62 70 / var(--tw-bg-opacity, 1));
13357
+ }.dark\:pl-bg-z-gray-700{
13358
+ --tw-bg-opacity: 1;
13359
+ background-color: rgb(34 40 49 / var(--tw-bg-opacity, 1));
13360
+ }.dark\:pl-bg-z-secondary-600{
13361
+ --tw-bg-opacity: 1;
13362
+ background-color: rgb(87 88 90 / var(--tw-bg-opacity, 1));
13363
+ }.dark\:pl-fill-dark-5{
13364
+ fill: #E3E2E6;
13365
+ }.dark\:pl-fill-dark-6{
13366
+ fill: #F2F0F4;
13367
+ }.dark\:pl-fill-gray-400{
13368
+ fill: #A3A3A3;
13369
+ }.dark\:pl-fill-gray-highLight{
13370
+ fill: #E6E6E6;
13371
+ }.dark\:pl-fill-main-highLight{
13372
+ fill: #BB86FC;
13373
+ }.dark\:pl-fill-main-lightPurple{
13374
+ fill: #D4C5FF;
13375
+ }.dark\:pl-fill-secondary{
13376
+ fill: #BCBDC0;
13377
+ }.dark\:pl-fill-secondary-50{
13378
+ fill: #FBFBFB;
13379
+ }.dark\:pl-fill-white{
13380
+ fill: #fff;
13381
+ }.dark\:pl-fill-z-secondary-50{
13382
+ fill: #FAFAFA;
13383
+ }.dark\:pl-fill-z-secondary-500{
13384
+ fill: #939598;
13385
+ }.dark\:pl-stroke-dark-5{
13386
+ stroke: #E3E2E6;
13387
+ }.dark\:pl-stroke-gray-800{
13388
+ stroke: #151515;
13389
+ }.dark\:pl-stroke-secondary-300{
13390
+ stroke: #D9DBE9;
13391
+ }.dark\:pl-stroke-secondary-50{
13392
+ stroke: #FBFBFB;
13393
+ }.dark\:pl-stroke-z-gray-400{
13394
+ stroke: #BDBDBD;
13395
+ }.dark\:\!pl-text-white{
13396
+ --tw-text-opacity: 1 !important;
13397
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
13398
+ }.dark\:pl-text-dark-4{
13399
+ --tw-text-opacity: 1;
13400
+ color: rgb(145 144 148 / var(--tw-text-opacity, 1));
13401
+ }.dark\:pl-text-dark-5{
13402
+ --tw-text-opacity: 1;
13403
+ color: rgb(227 226 230 / var(--tw-text-opacity, 1));
13404
+ }.dark\:pl-text-gray-100{
13405
+ --tw-text-opacity: 1;
13406
+ color: rgb(245 245 245 / var(--tw-text-opacity, 1));
13407
+ }.dark\:pl-text-gray-400{
13408
+ --tw-text-opacity: 1;
13409
+ color: rgb(163 163 163 / var(--tw-text-opacity, 1));
13410
+ }.dark\:pl-text-gray-800{
13411
+ --tw-text-opacity: 1;
13412
+ color: rgb(21 21 21 / var(--tw-text-opacity, 1));
13413
+ }.dark\:pl-text-main-highLight{
13414
+ --tw-text-opacity: 1;
13415
+ color: rgb(187 134 252 / var(--tw-text-opacity, 1));
13416
+ }.dark\:pl-text-orange-200{
13417
+ --tw-text-opacity: 1;
13418
+ color: rgb(252 196 77 / var(--tw-text-opacity, 1));
13419
+ }.dark\:pl-text-primary-500{
13420
+ --tw-text-opacity: 1;
13421
+ color: rgb(80 165 255 / var(--tw-text-opacity, 1));
13422
+ }.dark\:pl-text-secondary{
13423
+ --tw-text-opacity: 1;
13424
+ color: rgb(188 189 192 / var(--tw-text-opacity, 1));
13425
+ }.dark\:pl-text-secondary-100{
13426
+ --tw-text-opacity: 1;
13427
+ color: rgb(247 247 252 / var(--tw-text-opacity, 1));
13428
+ }.dark\:pl-text-secondary-200{
13429
+ --tw-text-opacity: 1;
13430
+ color: rgb(239 240 246 / var(--tw-text-opacity, 1));
13431
+ }.dark\:pl-text-secondary-300{
13432
+ --tw-text-opacity: 1;
13433
+ color: rgb(217 219 233 / var(--tw-text-opacity, 1));
13434
+ }.dark\:pl-text-secondary-50{
13435
+ --tw-text-opacity: 1;
13436
+ color: rgb(251 251 251 / var(--tw-text-opacity, 1));
13437
+ }.dark\:pl-text-secondary-700{
13438
+ --tw-text-opacity: 1;
13439
+ color: rgb(38 35 56 / var(--tw-text-opacity, 1));
13440
+ }.dark\:pl-text-white{
13441
+ --tw-text-opacity: 1;
13442
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
13443
+ }.dark\:pl-text-z-gray-400{
13444
+ --tw-text-opacity: 1;
13445
+ color: rgb(189 189 189 / var(--tw-text-opacity, 1));
13446
+ }.dark\:pl-text-z-secondary-50{
13447
+ --tw-text-opacity: 1;
13448
+ color: rgb(250 250 250 / var(--tw-text-opacity, 1));
13449
+ }.dark\:pl-text-z-secondary-500{
13450
+ --tw-text-opacity: 1;
13451
+ color: rgb(147 149 152 / var(--tw-text-opacity, 1));
13452
+ }.dark\:pl-placeholder-secondary-300::-moz-placeholder{
13453
+ --tw-placeholder-opacity: 1;
13454
+ color: rgb(217 219 233 / var(--tw-placeholder-opacity, 1));
13455
+ }.dark\:pl-placeholder-secondary-300::placeholder{
13456
+ --tw-placeholder-opacity: 1;
13457
+ color: rgb(217 219 233 / var(--tw-placeholder-opacity, 1));
13458
+ }.dark\:pl-opacity-60{
13459
+ opacity: 0.6;
13460
+ }.placeholder\:dark\:pl-text-secondary::-moz-placeholder{
13461
+ --tw-text-opacity: 1;
13462
+ color: rgb(188 189 192 / var(--tw-text-opacity, 1));
13463
+ }.placeholder\:dark\:pl-text-secondary::placeholder{
13464
+ --tw-text-opacity: 1;
13465
+ color: rgb(188 189 192 / var(--tw-text-opacity, 1));
13466
+ }.odd\:dark\:pl-bg-dark-1:nth-child(odd){
13467
+ --tw-bg-opacity: 1;
13468
+ background-color: rgb(28 27 30 / var(--tw-bg-opacity, 1));
13469
+ }.dark\:hover\:pl-bg-dark-10\/\[0\.9\]:hover{
13470
+ background-color: rgb(56 56 56 / 0.9);
13471
+ }.dark\:hover\:pl-bg-z-gray-700:hover{
13472
+ --tw-bg-opacity: 1;
13473
+ background-color: rgb(34 40 49 / var(--tw-bg-opacity, 1));
13474
+ }.hover\:dark\:pl-bg-main:hover{
13475
+ --tw-bg-opacity: 1;
13476
+ background-color: rgb(101 31 255 / var(--tw-bg-opacity, 1));
13477
+ }.hover\:dark\:pl-bg-white\/\[0\.25\]:hover{
13478
+ background-color: rgb(255 255 255 / 0.25);
13479
+ }
13479
13480
  }
13480
13481
  /*$vite$:1*/