@vanduo-oss/framework 1.4.1 → 1.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vanduo.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! Vanduo v1.4.1 | Built: 2026-05-23T09:27:52.907Z | git:4799a84 | development */
1
+ /*! Vanduo v1.4.3 | Built: 2026-05-28T13:14:25.371Z | git:02ef7f6 | development */
2
2
  *, :before, :after {
3
3
  box-sizing: border-box;
4
4
  }
@@ -56899,6 +56899,7 @@ a.vd-card:active {
56899
56899
  width: 100%;
56900
56900
  height: 100%;
56901
56901
  transition: var(--vd-modal-transition);
56902
+ --vd-modal-dialog-max-width: var(--vd-modal-width);
56902
56903
  outline: 0;
56903
56904
  display: none;
56904
56905
  position: fixed;
@@ -56915,8 +56916,8 @@ a.vd-card:active {
56915
56916
  }
56916
56917
 
56917
56918
  .vd-modal-dialog {
56918
- width: auto;
56919
- max-width: var(--vd-modal-width);
56919
+ width: min(calc(100% - 3.5rem), var(--vd-modal-dialog-max-width));
56920
+ max-width: var(--vd-modal-dialog-max-width);
56920
56921
  pointer-events: none;
56921
56922
  transition: var(--vd-modal-dialog-transition);
56922
56923
  z-index: 1060;
@@ -57019,16 +57020,16 @@ a.vd-card:active {
57019
57020
  margin: 0;
57020
57021
  }
57021
57022
 
57022
- .vd-modal-sm .vd-modal-dialog {
57023
- max-width: var(--vd-modal-width-sm);
57023
+ .vd-modal-dialog.vd-modal-sm, .vd-modal-sm .vd-modal-dialog {
57024
+ --vd-modal-dialog-max-width: var(--vd-modal-width-sm);
57024
57025
  }
57025
57026
 
57026
- .vd-modal-lg .vd-modal-dialog {
57027
- max-width: var(--vd-modal-width-lg);
57027
+ .vd-modal-dialog.vd-modal-lg, .vd-modal-lg .vd-modal-dialog {
57028
+ --vd-modal-dialog-max-width: var(--vd-modal-width-lg);
57028
57029
  }
57029
57030
 
57030
- .vd-modal-xl .vd-modal-dialog {
57031
- max-width: var(--vd-modal-width-xl);
57031
+ .vd-modal-dialog.vd-modal-xl, .vd-modal-xl .vd-modal-dialog {
57032
+ --vd-modal-dialog-max-width: var(--vd-modal-width-xl);
57032
57033
  }
57033
57034
 
57034
57035
  .vd-modal-fullscreen .vd-modal-dialog {
@@ -57068,6 +57069,7 @@ a.vd-card:active {
57068
57069
 
57069
57070
  @media (width <= 575.98px) {
57070
57071
  .vd-modal-dialog {
57072
+ width: calc(100% - 1rem);
57071
57073
  max-width: calc(100% - 1rem);
57072
57074
  margin: .5rem;
57073
57075
  }
@@ -63069,7 +63071,9 @@ input.vd-doc-search-input {
63069
63071
  padding: var(--vd-dp-padding);
63070
63072
  min-width: 17rem;
63071
63073
  display: none;
63072
- position: absolute;
63074
+ position: fixed;
63075
+ top: 0;
63076
+ left: 0;
63073
63077
  }
63074
63078
 
63075
63079
  .vd-datepicker-popup.is-open {
@@ -63259,7 +63263,9 @@ input.vd-doc-search-input {
63259
63263
  max-height: var(--vd-tp-max-height);
63260
63264
  min-width: 8rem;
63261
63265
  display: none;
63262
- position: absolute;
63266
+ position: fixed;
63267
+ top: 0;
63268
+ left: 0;
63263
63269
  overflow-y: auto;
63264
63270
  }
63265
63271
 
@@ -64173,695 +64179,6 @@ input.vd-doc-search-input {
64173
64179
  border-radius: var(--vd-spotlight-target-radius) !important;
64174
64180
  }
64175
64181
 
64176
- :root {
64177
- --vd-music-player-padding-x: 1.3125rem;
64178
- --vd-music-player-padding-y: .8125rem;
64179
- --vd-music-player-padding-x-sm: .8125rem;
64180
- --vd-music-player-padding-y-sm: .5rem;
64181
- --vd-music-player-padding-x-lg: 2.125rem;
64182
- --vd-music-player-padding-y-lg: 1.3125rem;
64183
- --vd-music-player-gap: .8125rem;
64184
- --vd-music-player-btn-size: 2.125rem;
64185
- --vd-music-player-btn-size-sm: 1.625rem;
64186
- --vd-music-player-btn-size-lg: 2.625rem;
64187
- --vd-music-player-icon-size: 1.125rem;
64188
- --vd-music-player-volume-width: clamp(3.25rem, 16vw, 4.5rem);
64189
- --vd-music-player-volume-width-sm: 3rem;
64190
- --vd-music-player-volume-width-lg: 5.5rem;
64191
- --vd-music-player-border-radius: var(--vd-border-radius, .5rem);
64192
- --vd-music-player-border-width: 1px;
64193
- --vd-music-player-bg: var(--vd-bg-primary);
64194
- --vd-music-player-bg-secondary: var(--vd-bg-secondary);
64195
- --vd-music-player-border: var(--vd-border-color);
64196
- --vd-music-player-text: var(--vd-text-primary);
64197
- --vd-music-player-text-muted: var(--vd-text-muted);
64198
- --vd-music-player-accent: var(--vd-color-primary);
64199
- --vd-music-player-btn-hover-bg: var(--vd-bg-secondary);
64200
- --vd-music-player-btn-active-bg: var(--vd-color-primary-alpha-10, rgba(var(--vd-color-primary-rgb, 59,130,246), .1));
64201
- --vd-music-player-track-bg: var(--vd-border-color);
64202
- --vd-music-player-track-fill: var(--vd-color-primary);
64203
- --vd-music-player-playlist-hover: var(--vd-bg-secondary);
64204
- --vd-music-player-playlist-active-bg: var(--vd-color-primary-alpha-10, rgba(var(--vd-color-primary-rgb, 59,130,246), .1));
64205
- --vd-music-player-playlist-active-text: var(--vd-color-primary);
64206
- --vd-music-player-transition: .15s ease;
64207
- --vd-music-player-glass-bg: var(--vd-glass-bg-light, #ffffffb8);
64208
- --vd-music-player-glass-border: var(--vd-glass-border-light, #ffffff80);
64209
- --vd-music-player-glass-shadow: var(--vd-glass-shadow, 0 4px 24px #0000001f);
64210
- --vd-music-player-floating-shadow: 0 12px 40px #0000002e;
64211
- --vd-music-player-floating-z: 10050;
64212
- --vd-music-player-floating-offset: 1rem;
64213
- --vd-music-player-toolbar-gap: .375rem;
64214
- --vd-music-player-handle-size: 1.5rem;
64215
- }
64216
-
64217
- [data-theme="dark"] {
64218
- --vd-music-player-bg: var(--vd-bg-primary);
64219
- --vd-music-player-bg-secondary: var(--vd-color-gray-800);
64220
- --vd-music-player-btn-hover-bg: var(--vd-color-gray-700);
64221
- --vd-music-player-playlist-hover: var(--vd-color-gray-700);
64222
- --vd-music-player-glass-bg: var(--vd-glass-bg-dark, #1e1e28b8);
64223
- --vd-music-player-glass-border: var(--vd-glass-border-dark, #ffffff24);
64224
- }
64225
-
64226
- @media (prefers-color-scheme: dark) {
64227
- :root:not([data-theme]) {
64228
- --vd-music-player-bg: var(--vd-bg-primary);
64229
- --vd-music-player-bg-secondary: var(--vd-color-gray-800);
64230
- --vd-music-player-btn-hover-bg: var(--vd-color-gray-700);
64231
- --vd-music-player-playlist-hover: var(--vd-color-gray-700);
64232
- --vd-music-player-glass-bg: var(--vd-glass-bg-dark, #1e1e28b8);
64233
- --vd-music-player-glass-border: var(--vd-glass-border-dark, #ffffff24);
64234
- }
64235
- }
64236
-
64237
- .vd-music-player {
64238
- background-color: var(--vd-music-player-bg);
64239
- border: var(--vd-music-player-border-width) solid var(--vd-music-player-border);
64240
- border-radius: var(--vd-music-player-border-radius);
64241
- padding: var(--vd-music-player-padding-y) var(--vd-music-player-padding-x);
64242
- box-sizing: border-box;
64243
- flex-direction: column;
64244
- gap: 0;
64245
- width: 100%;
64246
- min-width: 16rem;
64247
- max-width: 28rem;
64248
- display: flex;
64249
- }
64250
-
64251
- .vd-music-player-info {
64252
- align-items: center;
64253
- gap: .625rem;
64254
- min-height: 1.5rem;
64255
- margin-bottom: .625rem;
64256
- display: flex;
64257
- }
64258
-
64259
- .vd-music-player-icon {
64260
- color: var(--vd-music-player-accent);
64261
- flex-shrink: 0;
64262
- justify-content: center;
64263
- align-items: center;
64264
- width: 1rem;
64265
- height: 1rem;
64266
- display: flex;
64267
- }
64268
-
64269
- .vd-music-player-track-name {
64270
- font-size: var(--vd-font-size-sm, .875rem);
64271
- color: var(--vd-music-player-text);
64272
- white-space: nowrap;
64273
- text-overflow: ellipsis;
64274
- flex: 1;
64275
- min-width: 0;
64276
- overflow: hidden;
64277
- }
64278
-
64279
- .vd-music-player-track-name.is-idle {
64280
- color: var(--vd-music-player-text-muted);
64281
- font-style: italic;
64282
- }
64283
-
64284
- .vd-music-player-controls {
64285
- flex-wrap: wrap;
64286
- align-items: center;
64287
- gap: .375rem;
64288
- display: flex;
64289
- }
64290
-
64291
- .vd-music-player-btn {
64292
- width: var(--vd-music-player-btn-size);
64293
- height: var(--vd-music-player-btn-size);
64294
- border-radius: var(--vd-music-player-border-radius);
64295
- color: var(--vd-music-player-text);
64296
- cursor: pointer;
64297
- transition: background-color var(--vd-music-player-transition),
64298
- color var(--vd-music-player-transition);
64299
- background: none;
64300
- border: none;
64301
- flex-shrink: 0;
64302
- justify-content: center;
64303
- align-items: center;
64304
- padding: 0;
64305
- display: inline-flex;
64306
- }
64307
-
64308
- .vd-music-player-btn:hover:not(:disabled) {
64309
- background-color: var(--vd-music-player-btn-hover-bg);
64310
- color: var(--vd-music-player-accent);
64311
- }
64312
-
64313
- .vd-music-player-btn:focus-visible {
64314
- outline: 2px solid var(--vd-music-player-accent);
64315
- outline-offset: 1px;
64316
- }
64317
-
64318
- .vd-music-player-btn:disabled {
64319
- opacity: .38;
64320
- cursor: not-allowed;
64321
- }
64322
-
64323
- .vd-music-player-btn.is-active {
64324
- color: var(--vd-music-player-accent);
64325
- background-color: var(--vd-music-player-btn-active-bg);
64326
- }
64327
-
64328
- .vd-music-player-btn-play {
64329
- width: calc(var(--vd-music-player-btn-size) + .25rem);
64330
- height: calc(var(--vd-music-player-btn-size) + .25rem);
64331
- }
64332
-
64333
- .vd-music-player-btn svg, .vd-music-player-btn i {
64334
- width: var(--vd-music-player-icon-size);
64335
- height: var(--vd-music-player-icon-size);
64336
- font-size: var(--vd-music-player-icon-size);
64337
- pointer-events: none;
64338
- }
64339
-
64340
- .vd-music-player-spacer {
64341
- flex: 1.5rem;
64342
- min-width: 0;
64343
- }
64344
-
64345
- .vd-music-player-volume {
64346
- flex: 0 auto;
64347
- align-items: center;
64348
- gap: .3125rem;
64349
- min-width: 0;
64350
- max-width: 100%;
64351
- display: flex;
64352
- }
64353
-
64354
- .vd-music-player-volume-icon {
64355
- color: var(--vd-music-player-text-muted);
64356
- flex-shrink: 0;
64357
- align-items: center;
64358
- width: 1rem;
64359
- height: 1rem;
64360
- font-size: 1rem;
64361
- display: flex;
64362
- }
64363
-
64364
- .vd-music-player-volume-slider {
64365
- -webkit-appearance: none;
64366
- appearance: none;
64367
- width: var(--vd-music-player-volume-width);
64368
- background: var(--vd-music-player-track-bg);
64369
- cursor: pointer;
64370
- flex: 0 1 var(--vd-music-player-volume-width);
64371
- border-radius: 9999px;
64372
- outline: none;
64373
- min-width: 3.25rem;
64374
- max-width: 100%;
64375
- height: 4px;
64376
- }
64377
-
64378
- .vd-music-player-volume-slider:focus-visible {
64379
- outline: 2px solid var(--vd-music-player-accent);
64380
- outline-offset: 2px;
64381
- }
64382
-
64383
- .vd-music-player-volume-slider::-webkit-slider-thumb {
64384
- -webkit-appearance: none;
64385
- appearance: none;
64386
- background: var(--vd-music-player-accent);
64387
- cursor: pointer;
64388
- width: .75rem;
64389
- height: .75rem;
64390
- transition: transform var(--vd-music-player-transition);
64391
- border-radius: 50%;
64392
- }
64393
-
64394
- .vd-music-player-volume-slider::-webkit-slider-thumb:hover {
64395
- transform: scale(1.2);
64396
- }
64397
-
64398
- .vd-music-player-volume-slider::-moz-range-thumb {
64399
- background: var(--vd-music-player-accent);
64400
- cursor: pointer;
64401
- width: .75rem;
64402
- height: .75rem;
64403
- transition: transform var(--vd-music-player-transition);
64404
- border: none;
64405
- border-radius: 50%;
64406
- }
64407
-
64408
- .vd-music-player-volume-slider::-moz-range-thumb:hover {
64409
- transform: scale(1.2);
64410
- }
64411
-
64412
- .vd-music-player-volume-slider::-moz-range-progress {
64413
- background: var(--vd-music-player-track-fill);
64414
- border-radius: 9999px;
64415
- }
64416
-
64417
- .vd-music-player-progress {
64418
- align-items: center;
64419
- gap: .5rem;
64420
- margin-top: .625rem;
64421
- display: none;
64422
- }
64423
-
64424
- .vd-music-player.has-progress .vd-music-player-progress {
64425
- display: flex;
64426
- }
64427
-
64428
- .vd-music-player-progress-bar {
64429
- -webkit-appearance: none;
64430
- appearance: none;
64431
- background: var(--vd-music-player-track-bg);
64432
- cursor: pointer;
64433
- border-radius: 9999px;
64434
- outline: none;
64435
- flex: 1;
64436
- height: 4px;
64437
- }
64438
-
64439
- .vd-music-player-progress-bar:focus-visible {
64440
- outline: 2px solid var(--vd-music-player-accent);
64441
- outline-offset: 2px;
64442
- }
64443
-
64444
- .vd-music-player-progress-bar::-webkit-slider-thumb {
64445
- -webkit-appearance: none;
64446
- appearance: none;
64447
- background: var(--vd-music-player-accent);
64448
- cursor: pointer;
64449
- width: .75rem;
64450
- height: .75rem;
64451
- transition: transform var(--vd-music-player-transition);
64452
- border-radius: 50%;
64453
- }
64454
-
64455
- .vd-music-player-progress-bar::-webkit-slider-thumb:hover {
64456
- transform: scale(1.2);
64457
- }
64458
-
64459
- .vd-music-player-progress-bar::-moz-range-thumb {
64460
- background: var(--vd-music-player-accent);
64461
- cursor: pointer;
64462
- width: .75rem;
64463
- height: .75rem;
64464
- transition: transform var(--vd-music-player-transition);
64465
- border: none;
64466
- border-radius: 50%;
64467
- }
64468
-
64469
- .vd-music-player-progress-bar::-moz-range-progress {
64470
- background: var(--vd-music-player-track-fill);
64471
- border-radius: 9999px;
64472
- }
64473
-
64474
- .vd-music-player-time {
64475
- color: var(--vd-music-player-text-muted);
64476
- white-space: nowrap;
64477
- font-variant-numeric: tabular-nums;
64478
- text-align: right;
64479
- flex-shrink: 0;
64480
- min-width: 2.5rem;
64481
- font-size: .6875rem;
64482
- }
64483
-
64484
- .vd-music-player-time:first-child {
64485
- text-align: left;
64486
- }
64487
-
64488
- .vd-music-player-playlist {
64489
- border-top: var(--vd-music-player-border-width) solid var(--vd-music-player-border);
64490
- scrollbar-width: thin;
64491
- flex-direction: column;
64492
- max-height: 12rem;
64493
- margin-top: .625rem;
64494
- padding-top: .5rem;
64495
- display: none;
64496
- overflow-y: auto;
64497
- }
64498
-
64499
- .vd-music-player.has-playlist .vd-music-player-playlist.is-open {
64500
- display: flex;
64501
- }
64502
-
64503
- .vd-music-player-playlist-item {
64504
- border-radius: calc(var(--vd-music-player-border-radius) * .5);
64505
- cursor: pointer;
64506
- font-size: var(--vd-font-size-sm, .875rem);
64507
- color: var(--vd-music-player-text);
64508
- text-align: left;
64509
- width: 100%;
64510
- transition: background-color var(--vd-music-player-transition),
64511
- color var(--vd-music-player-transition);
64512
- background: none;
64513
- border: none;
64514
- align-items: center;
64515
- gap: .5rem;
64516
- padding: .375rem .5rem;
64517
- display: flex;
64518
- }
64519
-
64520
- .vd-music-player-playlist-item:hover {
64521
- background-color: var(--vd-music-player-playlist-hover);
64522
- }
64523
-
64524
- .vd-music-player-playlist-item:focus-visible {
64525
- outline: 2px solid var(--vd-music-player-accent);
64526
- outline-offset: 1px;
64527
- }
64528
-
64529
- .vd-music-player-playlist-item.is-active {
64530
- background-color: var(--vd-music-player-playlist-active-bg);
64531
- color: var(--vd-music-player-playlist-active-text);
64532
- font-weight: var(--vd-font-weight-medium, 500);
64533
- }
64534
-
64535
- .vd-music-player-playlist-num {
64536
- width: 1.25rem;
64537
- color: var(--vd-music-player-text-muted);
64538
- text-align: right;
64539
- font-variant-numeric: tabular-nums;
64540
- flex-shrink: 0;
64541
- font-size: .6875rem;
64542
- }
64543
-
64544
- .vd-music-player-playlist-item.is-active .vd-music-player-playlist-num {
64545
- color: var(--vd-music-player-accent);
64546
- }
64547
-
64548
- .vd-music-player-playlist-name {
64549
- white-space: nowrap;
64550
- text-overflow: ellipsis;
64551
- flex: 1;
64552
- min-width: 0;
64553
- overflow: hidden;
64554
- }
64555
-
64556
- .vd-music-player-compact {
64557
- flex-direction: row;
64558
- align-items: center;
64559
- gap: .5rem;
64560
- width: auto;
64561
- min-width: auto;
64562
- max-width: none;
64563
- padding: .5rem .8125rem;
64564
- }
64565
-
64566
- .vd-music-player-compact .vd-music-player-info {
64567
- display: none;
64568
- }
64569
-
64570
- .vd-music-player-compact .vd-music-player-controls {
64571
- gap: .125rem;
64572
- }
64573
-
64574
- .vd-music-player-inline {
64575
- padding: .625rem var(--vd-music-player-padding-x);
64576
- flex-flow: wrap;
64577
- align-items: center;
64578
- gap: .625rem;
64579
- min-width: 0;
64580
- max-width: none;
64581
- }
64582
-
64583
- .vd-music-player-inline .vd-music-player-info {
64584
- flex: 1;
64585
- min-width: 8rem;
64586
- margin-bottom: 0;
64587
- }
64588
-
64589
- .vd-music-player-inline .vd-music-player-controls {
64590
- flex: auto;
64591
- justify-content: flex-end;
64592
- min-width: 0;
64593
- }
64594
-
64595
- .vd-music-player-inline .vd-music-player-volume {
64596
- flex: 0 auto;
64597
- }
64598
-
64599
- .vd-music-player-inline .vd-music-player-volume-slider {
64600
- flex-basis: clamp(4rem, 18vw, 5.5rem);
64601
- width: clamp(4rem, 18vw, 5.5rem);
64602
- }
64603
-
64604
- .vd-music-player-inline .vd-music-player-progress {
64605
- flex-basis: 100%;
64606
- margin-top: .375rem;
64607
- }
64608
-
64609
- .vd-music-player-sm {
64610
- padding: var(--vd-music-player-padding-y-sm) var(--vd-music-player-padding-x-sm);
64611
- font-size: var(--vd-font-size-sm, .875rem);
64612
- }
64613
-
64614
- .vd-music-player-sm .vd-music-player-btn {
64615
- width: var(--vd-music-player-btn-size-sm);
64616
- height: var(--vd-music-player-btn-size-sm);
64617
- }
64618
-
64619
- .vd-music-player-sm .vd-music-player-btn-play {
64620
- width: calc(var(--vd-music-player-btn-size-sm) + .125rem);
64621
- height: calc(var(--vd-music-player-btn-size-sm) + .125rem);
64622
- }
64623
-
64624
- .vd-music-player-sm .vd-music-player-btn svg, .vd-music-player-sm .vd-music-player-btn i {
64625
- width: .9375rem;
64626
- height: .9375rem;
64627
- font-size: .9375rem;
64628
- }
64629
-
64630
- .vd-music-player-sm .vd-music-player-volume-slider {
64631
- width: var(--vd-music-player-volume-width-sm);
64632
- min-width: var(--vd-music-player-volume-width-sm);
64633
- flex-basis: var(--vd-music-player-volume-width-sm);
64634
- }
64635
-
64636
- .vd-music-player-lg {
64637
- padding: var(--vd-music-player-padding-y-lg) var(--vd-music-player-padding-x-lg);
64638
- }
64639
-
64640
- .vd-music-player-lg .vd-music-player-btn {
64641
- width: var(--vd-music-player-btn-size-lg);
64642
- height: var(--vd-music-player-btn-size-lg);
64643
- }
64644
-
64645
- .vd-music-player-lg .vd-music-player-btn-play {
64646
- width: calc(var(--vd-music-player-btn-size-lg) + .25rem);
64647
- height: calc(var(--vd-music-player-btn-size-lg) + .25rem);
64648
- }
64649
-
64650
- .vd-music-player-lg .vd-music-player-btn svg, .vd-music-player-lg .vd-music-player-btn i {
64651
- width: 1.25rem;
64652
- height: 1.25rem;
64653
- font-size: 1.25rem;
64654
- }
64655
-
64656
- .vd-music-player-lg .vd-music-player-volume-slider {
64657
- width: var(--vd-music-player-volume-width-lg);
64658
- flex-basis: var(--vd-music-player-volume-width-lg);
64659
- min-width: 4rem;
64660
- }
64661
-
64662
- .vd-music-player-neutral {
64663
- --vd-music-player-accent: var(--vd-text-primary);
64664
- --vd-music-player-track-fill: var(--vd-text-primary);
64665
- --vd-music-player-playlist-active-text: var(--vd-text-primary);
64666
- --vd-music-player-playlist-active-bg: var(--vd-bg-secondary);
64667
- --vd-music-player-btn-active-bg: var(--vd-bg-secondary);
64668
- }
64669
-
64670
- .vd-music-player-glass {
64671
- background: var(--vd-music-player-glass-bg);
64672
- border-color: var(--vd-music-player-glass-border);
64673
- box-shadow: var(--vd-music-player-glass-shadow);
64674
- -webkit-backdrop-filter: blur(var(--vd-glass-blur, 12px)) saturate(var(--vd-glass-saturate, 1.8));
64675
- isolation: isolate;
64676
- position: relative;
64677
- overflow: hidden;
64678
- }
64679
-
64680
- .vd-music-player-glass:before {
64681
- content: "";
64682
- background: linear-gradient(to bottom,
64683
- rgba(255, 255, 255, var(--vd-glass-highlight-alpha, .12)) 0%,
64684
- #fff0 45%);
64685
- pointer-events: none;
64686
- z-index: 0;
64687
- border-radius: inherit;
64688
- position: absolute;
64689
- inset: 0;
64690
- }
64691
-
64692
- .vd-music-player-glass:after {
64693
- content: "";
64694
- opacity: var(--vd-glass-noise-opacity, .12);
64695
- pointer-events: none;
64696
- z-index: 0;
64697
- border-radius: inherit;
64698
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url('components/%23n')' opacity='0.25'/%3E%3C/svg%3E");
64699
- position: absolute;
64700
- inset: 0;
64701
- }
64702
-
64703
- .vd-music-player-glass > * {
64704
- z-index: 1;
64705
- position: relative;
64706
- }
64707
-
64708
- @supports not (backdrop-filter: blur(1px)) {
64709
- .vd-music-player-glass {
64710
- background: var(--vd-music-player-bg);
64711
- }
64712
-
64713
- .vd-music-player-glass:before, .vd-music-player-glass:after {
64714
- display: none;
64715
- }
64716
- }
64717
-
64718
- .vd-music-player.vd-music-player-floating {
64719
- z-index: var(--vd-music-player-floating-z);
64720
- max-width: min(28rem, calc(100vw - 2 * var(--vd-music-player-floating-offset)));
64721
- width: min(28rem, calc(100vw - 2 * var(--vd-music-player-floating-offset)));
64722
- box-shadow: var(--vd-music-player-floating-shadow);
64723
- transition: box-shadow var(--vd-music-player-transition),
64724
- transform var(--vd-music-player-transition);
64725
- margin: 0;
64726
- position: fixed;
64727
- }
64728
-
64729
- .vd-music-player-floating.vd-music-player-floating-bottom-left, .vd-music-player-floating.vd-music-player-floating-bottom-right {
64730
- bottom: var(--vd-music-player-floating-offset);
64731
- top: auto;
64732
- }
64733
-
64734
- .vd-music-player-floating.vd-music-player-floating-bottom-left {
64735
- left: var(--vd-music-player-floating-offset);
64736
- right: auto;
64737
- }
64738
-
64739
- .vd-music-player-floating.vd-music-player-floating-bottom-right {
64740
- right: var(--vd-music-player-floating-offset);
64741
- left: auto;
64742
- }
64743
-
64744
- .vd-music-player-floating:hover {
64745
- box-shadow: var(--vd-glass-float-shadow, 0 14px 42px #0003);
64746
- }
64747
-
64748
- .vd-music-player-floating.is-position-custom {
64749
- top: var(--vd-music-player-floating-top, 1rem) !important;
64750
- left: var(--vd-music-player-floating-left, 1rem) !important;
64751
- bottom: auto !important;
64752
- right: auto !important;
64753
- }
64754
-
64755
- .vd-music-player-toolbar {
64756
- align-items: center;
64757
- gap: var(--vd-music-player-toolbar-gap);
64758
- min-height: var(--vd-music-player-handle-size);
64759
- z-index: 2;
64760
- margin: -.25rem -.25rem .5rem;
64761
- display: flex;
64762
- position: relative;
64763
- }
64764
-
64765
- .vd-music-player-drag-handle {
64766
- width: 2.25rem;
64767
- height: var(--vd-music-player-handle-size);
64768
- border-radius: var(--vd-music-player-border-radius);
64769
- color: var(--vd-music-player-text-muted);
64770
- cursor: grab;
64771
- touch-action: none;
64772
- background: none;
64773
- border: none;
64774
- flex-shrink: 0;
64775
- justify-content: center;
64776
- align-items: center;
64777
- padding: 0;
64778
- display: none;
64779
- }
64780
-
64781
- .vd-music-player-drag-handle:active {
64782
- cursor: grabbing;
64783
- }
64784
-
64785
- .vd-music-player-drag-handle .ph {
64786
- pointer-events: none;
64787
- font-size: 1.125rem;
64788
- }
64789
-
64790
- .vd-music-player-detached.vd-music-player-draggable .vd-music-player-drag-handle {
64791
- display: inline-flex;
64792
- }
64793
-
64794
- .vd-music-player-toolbar-spacer {
64795
- flex: auto;
64796
- min-width: .5rem;
64797
- }
64798
-
64799
- .vd-music-player-btn-attach, .vd-music-player-btn-detach, .vd-music-player-btn-minimize {
64800
- flex-shrink: 0;
64801
- }
64802
-
64803
- .vd-music-player.vd-music-player-detached .vd-music-player-btn-detach, .vd-music-player .vd-music-player-btn-attach {
64804
- display: none;
64805
- }
64806
-
64807
- .vd-music-player.vd-music-player-detached .vd-music-player-btn-attach {
64808
- display: inline-flex;
64809
- }
64810
-
64811
- .vd-music-player-minimized .vd-music-player-info, .vd-music-player-minimized .vd-music-player-progress, .vd-music-player-minimized .vd-music-player-playlist {
64812
- display: none !important;
64813
- }
64814
-
64815
- .vd-music-player-minimized .vd-music-player-btn-shuffle, .vd-music-player-minimized .vd-music-player-btn-playlist {
64816
- display: none;
64817
- }
64818
-
64819
- .vd-music-player-minimized {
64820
- min-width: auto;
64821
- max-width: min(22rem, 100vw);
64822
- }
64823
-
64824
- @media (prefers-reduced-transparency: reduce) {
64825
- .vd-music-player-glass {
64826
- -webkit-backdrop-filter: none;
64827
- background: var(--vd-music-player-bg);
64828
- border-color: var(--vd-music-player-border);
64829
- }
64830
-
64831
- .vd-music-player-glass:before, .vd-music-player-glass:after {
64832
- display: none;
64833
- }
64834
- }
64835
-
64836
- @media (prefers-reduced-motion: reduce) {
64837
- .vd-music-player-btn, .vd-music-player-volume-slider::-webkit-slider-thumb, .vd-music-player-volume-slider::-moz-range-thumb, .vd-music-player-progress-bar::-webkit-slider-thumb, .vd-music-player-progress-bar::-moz-range-thumb, .vd-music-player-playlist-item, .vd-music-player-floating {
64838
- transition: none;
64839
- }
64840
-
64841
- .vd-music-player-floating:hover {
64842
- box-shadow: var(--vd-music-player-floating-shadow);
64843
- }
64844
- }
64845
-
64846
- @media (width <= 640px) {
64847
- .vd-music-player {
64848
- min-width: 0;
64849
- max-width: none;
64850
- }
64851
-
64852
- .vd-music-player-controls {
64853
- row-gap: .5rem;
64854
- }
64855
-
64856
- .vd-music-player-spacer {
64857
- display: none;
64858
- }
64859
-
64860
- .vd-music-player-volume {
64861
- margin-left: auto;
64862
- }
64863
- }
64864
-
64865
64182
  :root {
64866
64183
  --vd-parallax-speed-slow: .5;
64867
64184
  --vd-parallax-speed-medium: 1;