@vuetify/nightly 3.6.3-master.2024-05-02 → 3.6.3-master.2024-05-03

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 (43) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/dist/json/attributes.json +17 -17
  3. package/dist/json/importMap-labs.json +28 -28
  4. package/dist/json/importMap.json +116 -116
  5. package/dist/json/web-types.json +28 -28
  6. package/dist/vuetify-labs.css +1377 -1363
  7. package/dist/vuetify-labs.d.ts +129 -123
  8. package/dist/vuetify-labs.esm.js +7 -5
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +7 -5
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +765 -751
  13. package/dist/vuetify.d.ts +171 -165
  14. package/dist/vuetify.esm.js +7 -5
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +7 -5
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +5 -5
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAlert/VAlert.css +3 -1
  22. package/lib/components/VAvatar/VAvatar.css +3 -1
  23. package/lib/components/VBanner/index.d.mts +11 -11
  24. package/lib/components/VBtn/VBtn.css +3 -1
  25. package/lib/components/VCard/VCard.css +3 -1
  26. package/lib/components/VChip/VChip.css +3 -1
  27. package/lib/components/VChipGroup/index.d.mts +11 -11
  28. package/lib/components/VDataTable/index.d.mts +66 -66
  29. package/lib/components/VList/VListItem.css +3 -1
  30. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +3 -1
  31. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  32. package/lib/components/VNavigationDrawer/index.d.mts +19 -13
  33. package/lib/components/VSlideGroup/index.d.mts +11 -11
  34. package/lib/components/VSnackbar/VSnackbar.css +3 -1
  35. package/lib/components/VTabs/index.d.mts +11 -11
  36. package/lib/components/index.d.mts +129 -123
  37. package/lib/composables/display.mjs +1 -1
  38. package/lib/composables/display.mjs.map +1 -1
  39. package/lib/entry-bundler.mjs +1 -1
  40. package/lib/framework.mjs +1 -1
  41. package/lib/index.d.mts +42 -42
  42. package/lib/styles/tools/_variant.sass +3 -1
  43. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-master.2024-05-02
2
+ * Vuetify v3.6.3-master.2024-05-03
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17396,18 +17396,6 @@ html.overflow-y-hidden {
17396
17396
  min-height: 100vh;
17397
17397
  min-height: 100dvh;
17398
17398
  position: relative;
17399
- }.v-app-bar {
17400
- display: flex;
17401
- }
17402
- .v-app-bar.v-toolbar {
17403
- background: rgb(var(--v-theme-surface));
17404
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17405
- }
17406
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17407
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17408
- }
17409
- .v-app-bar:not(.v-toolbar--absolute) {
17410
- padding-inline-end: var(--v-scrollbar-offset);
17411
17399
  }.v-alert {
17412
17400
  display: grid;
17413
17401
  flex: 1 1;
@@ -17461,13 +17449,15 @@ html.overflow-y-hidden {
17461
17449
  background: currentColor;
17462
17450
  opacity: var(--v-activated-opacity);
17463
17451
  border-radius: inherit;
17464
- position: absolute;
17465
17452
  top: 0;
17466
17453
  right: 0;
17467
17454
  bottom: 0;
17468
17455
  left: 0;
17469
17456
  pointer-events: none;
17470
17457
  }
17458
+ .v-alert .v-alert__underlay {
17459
+ position: absolute;
17460
+ }
17471
17461
  .v-alert--prominent {
17472
17462
  grid-template-areas: "prepend content append close" "prepend content . .";
17473
17463
  }
@@ -17618,6 +17608,18 @@ html.overflow-y-hidden {
17618
17608
  text-transform: none;
17619
17609
  word-break: normal;
17620
17610
  word-wrap: break-word;
17611
+ }.v-app-bar {
17612
+ display: flex;
17613
+ }
17614
+ .v-app-bar.v-toolbar {
17615
+ background: rgb(var(--v-theme-surface));
17616
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17617
+ }
17618
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17619
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17620
+ }
17621
+ .v-app-bar:not(.v-toolbar--absolute) {
17622
+ padding-inline-end: var(--v-scrollbar-offset);
17621
17623
  }.v-autocomplete .v-field .v-text-field__prefix,
17622
17624
  .v-autocomplete .v-field .v-text-field__suffix,
17623
17625
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17773,13 +17775,15 @@ html.overflow-y-hidden {
17773
17775
  background: currentColor;
17774
17776
  opacity: var(--v-activated-opacity);
17775
17777
  border-radius: inherit;
17776
- position: absolute;
17777
17778
  top: 0;
17778
17779
  right: 0;
17779
17780
  bottom: 0;
17780
17781
  left: 0;
17781
17782
  pointer-events: none;
17782
17783
  }
17784
+ .v-avatar .v-avatar__underlay {
17785
+ position: absolute;
17786
+ }
17783
17787
  .v-avatar--rounded {
17784
17788
  border-radius: 4px;
17785
17789
  }
@@ -17792,77 +17796,6 @@ html.overflow-y-hidden {
17792
17796
  .v-avatar .v-img {
17793
17797
  height: 100%;
17794
17798
  width: 100%;
17795
- }.v-badge {
17796
- display: inline-block;
17797
- line-height: 1;
17798
- }
17799
-
17800
- .v-badge__badge {
17801
- align-items: center;
17802
- display: inline-flex;
17803
- border-radius: 10px;
17804
- font-size: 0.75rem;
17805
- font-weight: 500;
17806
- height: 1.25rem;
17807
- justify-content: center;
17808
- min-width: 20px;
17809
- padding: 4px 6px;
17810
- pointer-events: auto;
17811
- position: absolute;
17812
- text-align: center;
17813
- text-indent: 0;
17814
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17815
- white-space: nowrap;
17816
- background: rgb(var(--v-theme-surface-variant));
17817
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17818
- }
17819
- .v-badge--bordered .v-badge__badge::after {
17820
- border-radius: inherit;
17821
- border-style: solid;
17822
- border-width: 2px;
17823
- bottom: 0;
17824
- color: rgb(var(--v-theme-background));
17825
- content: "";
17826
- left: 0;
17827
- position: absolute;
17828
- right: 0;
17829
- top: 0;
17830
- transform: scale(1.05);
17831
- }
17832
- .v-badge--dot .v-badge__badge {
17833
- border-radius: 4.5px;
17834
- height: 9px;
17835
- min-width: 0;
17836
- padding: 0;
17837
- width: 9px;
17838
- }
17839
- .v-badge--dot .v-badge__badge::after {
17840
- border-width: 1.5px;
17841
- }
17842
- .v-badge--inline .v-badge__badge {
17843
- position: relative;
17844
- vertical-align: middle;
17845
- }
17846
- .v-badge__badge .v-icon {
17847
- color: inherit;
17848
- font-size: 0.75rem;
17849
- margin: 0 -2px;
17850
- }
17851
- .v-badge__badge img,
17852
- .v-badge__badge .v-img {
17853
- height: 100%;
17854
- width: 100%;
17855
- }
17856
-
17857
- .v-badge__wrapper {
17858
- display: flex;
17859
- position: relative;
17860
- }
17861
- .v-badge--inline .v-badge__wrapper {
17862
- align-items: center;
17863
- display: inline-flex;
17864
- justify-content: center;
17865
- margin: 0 4px;
17866
17799
  }.v-banner {
17867
17800
  display: grid;
17868
17801
  flex: 1 1;
@@ -18020,6 +17953,77 @@ html.overflow-y-hidden {
18020
17953
  }
18021
17954
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18022
17955
  align-self: flex-start;
17956
+ }.v-badge {
17957
+ display: inline-block;
17958
+ line-height: 1;
17959
+ }
17960
+
17961
+ .v-badge__badge {
17962
+ align-items: center;
17963
+ display: inline-flex;
17964
+ border-radius: 10px;
17965
+ font-size: 0.75rem;
17966
+ font-weight: 500;
17967
+ height: 1.25rem;
17968
+ justify-content: center;
17969
+ min-width: 20px;
17970
+ padding: 4px 6px;
17971
+ pointer-events: auto;
17972
+ position: absolute;
17973
+ text-align: center;
17974
+ text-indent: 0;
17975
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17976
+ white-space: nowrap;
17977
+ background: rgb(var(--v-theme-surface-variant));
17978
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17979
+ }
17980
+ .v-badge--bordered .v-badge__badge::after {
17981
+ border-radius: inherit;
17982
+ border-style: solid;
17983
+ border-width: 2px;
17984
+ bottom: 0;
17985
+ color: rgb(var(--v-theme-background));
17986
+ content: "";
17987
+ left: 0;
17988
+ position: absolute;
17989
+ right: 0;
17990
+ top: 0;
17991
+ transform: scale(1.05);
17992
+ }
17993
+ .v-badge--dot .v-badge__badge {
17994
+ border-radius: 4.5px;
17995
+ height: 9px;
17996
+ min-width: 0;
17997
+ padding: 0;
17998
+ width: 9px;
17999
+ }
18000
+ .v-badge--dot .v-badge__badge::after {
18001
+ border-width: 1.5px;
18002
+ }
18003
+ .v-badge--inline .v-badge__badge {
18004
+ position: relative;
18005
+ vertical-align: middle;
18006
+ }
18007
+ .v-badge__badge .v-icon {
18008
+ color: inherit;
18009
+ font-size: 0.75rem;
18010
+ margin: 0 -2px;
18011
+ }
18012
+ .v-badge__badge img,
18013
+ .v-badge__badge .v-img {
18014
+ height: 100%;
18015
+ width: 100%;
18016
+ }
18017
+
18018
+ .v-badge__wrapper {
18019
+ display: flex;
18020
+ position: relative;
18021
+ }
18022
+ .v-badge--inline .v-badge__wrapper {
18023
+ align-items: center;
18024
+ display: inline-flex;
18025
+ justify-content: center;
18026
+ margin: 0 4px;
18023
18027
  }.v-bottom-navigation {
18024
18028
  display: flex;
18025
18029
  max-width: 100%;
@@ -18311,13 +18315,15 @@ html.overflow-y-hidden {
18311
18315
  background: currentColor;
18312
18316
  opacity: var(--v-activated-opacity);
18313
18317
  border-radius: inherit;
18314
- position: absolute;
18315
18318
  top: 0;
18316
18319
  right: 0;
18317
18320
  bottom: 0;
18318
18321
  left: 0;
18319
18322
  pointer-events: none;
18320
18323
  }
18324
+ .v-btn .v-btn__underlay {
18325
+ position: absolute;
18326
+ }
18321
18327
  @supports selector(:focus-visible) {
18322
18328
  .v-btn::after {
18323
18329
  content: "";
@@ -18574,19 +18580,6 @@ html.overflow-y-hidden {
18574
18580
  }
18575
18581
  .v-pagination__item--is-active .v-btn__overlay {
18576
18582
  opacity: var(--v-border-opacity);
18577
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18578
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18579
- }
18580
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18581
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18582
- }
18583
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18584
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18585
- }
18586
- @supports not selector(:focus-visible) {
18587
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18588
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18589
- }
18590
18583
  }.v-btn-group {
18591
18584
  display: inline-flex;
18592
18585
  flex-wrap: nowrap;
@@ -18643,6 +18636,19 @@ html.overflow-y-hidden {
18643
18636
  }
18644
18637
  .v-btn-group--tile {
18645
18638
  border-radius: 0;
18639
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18640
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18641
+ }
18642
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18643
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18644
+ }
18645
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18646
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18647
+ }
18648
+ @supports not selector(:focus-visible) {
18649
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18650
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18651
+ }
18646
18652
  }.v-card {
18647
18653
  display: block;
18648
18654
  overflow: hidden;
@@ -18727,13 +18733,15 @@ html.overflow-y-hidden {
18727
18733
  background: currentColor;
18728
18734
  opacity: var(--v-activated-opacity);
18729
18735
  border-radius: inherit;
18730
- position: absolute;
18731
18736
  top: 0;
18732
18737
  right: 0;
18733
18738
  bottom: 0;
18734
18739
  left: 0;
18735
18740
  pointer-events: none;
18736
18741
  }
18742
+ .v-card .v-card__underlay {
18743
+ position: absolute;
18744
+ }
18737
18745
  .v-card--disabled {
18738
18746
  pointer-events: none;
18739
18747
  -webkit-user-select: none;
@@ -19342,13 +19350,15 @@ html.overflow-y-hidden {
19342
19350
  background: currentColor;
19343
19351
  opacity: var(--v-activated-opacity);
19344
19352
  border-radius: inherit;
19345
- position: absolute;
19346
19353
  top: 0;
19347
19354
  right: 0;
19348
19355
  bottom: 0;
19349
19356
  left: 0;
19350
19357
  pointer-events: none;
19351
19358
  }
19359
+ .v-chip .v-chip__underlay {
19360
+ position: absolute;
19361
+ }
19352
19362
  .v-chip--border {
19353
19363
  border-width: thin;
19354
19364
  }
@@ -20433,93 +20443,33 @@ html.overflow-y-hidden {
20433
20443
  }
20434
20444
  .v-date-picker--show-week {
20435
20445
  width: 368px;
20436
- }.v-date-picker-header {
20437
- align-items: flex-end;
20438
- height: 70px;
20439
- display: grid;
20440
- grid-template-areas: "prepend content append";
20441
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20442
- overflow: hidden;
20443
- padding-inline: 24px 12px;
20444
- padding-bottom: 12px;
20446
+ }.v-date-picker-controls {
20447
+ display: flex;
20448
+ align-items: center;
20449
+ justify-content: space-between;
20450
+ font-size: 0.875rem;
20451
+ padding-top: 4px;
20452
+ padding-bottom: 4px;
20453
+ padding-inline-start: 6px;
20454
+ padding-inline-end: 12px;
20445
20455
  }
20446
-
20447
- .v-date-picker-header__append {
20448
- grid-area: append;
20456
+ .v-date-picker-controls > .v-btn:first-child {
20457
+ text-transform: none;
20458
+ font-weight: 400;
20459
+ line-height: initial;
20460
+ letter-spacing: initial;
20449
20461
  }
20450
-
20451
- .v-date-picker-header__prepend {
20452
- grid-area: prepend;
20453
- padding-inline-start: 8px;
20462
+ .v-date-picker-controls--variant-classic {
20463
+ padding-inline-start: 12px;
20454
20464
  }
20455
-
20456
- .v-date-picker-header__content {
20457
- align-items: center;
20458
- display: inline-flex;
20459
- font-size: 32px;
20460
- line-height: 40px;
20461
- grid-area: content;
20462
- justify-content: space-between;
20465
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20466
+ opacity: 0.7;
20463
20467
  }
20464
- .v-date-picker-header--clickable .v-date-picker-header__content {
20468
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20465
20469
  cursor: pointer;
20466
20470
  }
20467
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20468
- opacity: 0.7;
20469
- }
20470
-
20471
- .date-picker-header-transition-enter-active,
20472
- .date-picker-header-reverse-transition-enter-active {
20473
- transition-duration: 0.3s;
20474
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20475
- }
20476
- .date-picker-header-transition-leave-active,
20477
- .date-picker-header-reverse-transition-leave-active {
20478
- transition-duration: 0.3s;
20479
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20480
- }
20481
-
20482
- .date-picker-header-transition-enter-from {
20483
- transform: translate(0, 100%);
20484
- }
20485
- .date-picker-header-transition-leave-to {
20486
- opacity: 0;
20487
- transform: translate(0, -100%);
20488
- }
20489
-
20490
- .date-picker-header-reverse-transition-enter-from {
20491
- transform: translate(0, -100%);
20492
- }
20493
- .date-picker-header-reverse-transition-leave-to {
20494
- opacity: 0;
20495
- transform: translate(0, 100%);
20496
- }.v-date-picker-controls {
20497
- display: flex;
20498
- align-items: center;
20499
- justify-content: space-between;
20500
- font-size: 0.875rem;
20501
- padding-top: 4px;
20502
- padding-bottom: 4px;
20503
- padding-inline-start: 6px;
20504
- padding-inline-end: 12px;
20505
- }
20506
- .v-date-picker-controls > .v-btn:first-child {
20507
- text-transform: none;
20508
- font-weight: 400;
20509
- line-height: initial;
20510
- letter-spacing: initial;
20511
- }
20512
- .v-date-picker-controls--variant-classic {
20513
- padding-inline-start: 12px;
20514
- }
20515
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20516
- opacity: 0.7;
20517
- }
20518
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20519
- cursor: pointer;
20520
- }
20521
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20522
- opacity: 1;
20471
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20472
+ opacity: 1;
20523
20473
  }
20524
20474
  .v-date-picker-controls .v-btn:last-child {
20525
20475
  margin-inline-start: 4px;
@@ -20549,40 +20499,6 @@ html.overflow-y-hidden {
20549
20499
 
20550
20500
  .v-date-picker__title {
20551
20501
  display: inline-block;
20552
- }.v-date-picker-months {
20553
- height: 288px;
20554
- }
20555
-
20556
- .v-date-picker-months__content {
20557
- align-items: center;
20558
- display: grid;
20559
- flex: 1 1;
20560
- height: inherit;
20561
- justify-content: space-around;
20562
- grid-template-columns: repeat(2, 1fr);
20563
- grid-gap: 0px 24px;
20564
- padding-inline-start: 36px;
20565
- padding-inline-end: 36px;
20566
- }
20567
- .v-date-picker-months__content .v-btn {
20568
- text-transform: none;
20569
- padding-inline-start: 8px;
20570
- padding-inline-end: 8px;
20571
- }.v-date-picker-years {
20572
- height: 288px;
20573
- overflow-y: scroll;
20574
- }
20575
-
20576
- .v-date-picker-years__content {
20577
- display: grid;
20578
- flex: 1 1;
20579
- justify-content: space-around;
20580
- grid-template-columns: repeat(3, 1fr);
20581
- gap: 8px 24px;
20582
- padding-inline: 32px;
20583
- }
20584
- .v-date-picker-years__content .v-btn {
20585
- padding-inline: 8px;
20586
20502
  }.v-date-picker-month {
20587
20503
  display: flex;
20588
20504
  justify-content: center;
@@ -20638,6 +20554,100 @@ html.overflow-y-hidden {
20638
20554
 
20639
20555
  .v-date-picker-month__day--hide-adjacent {
20640
20556
  opacity: 0;
20557
+ }.v-date-picker-header {
20558
+ align-items: flex-end;
20559
+ height: 70px;
20560
+ display: grid;
20561
+ grid-template-areas: "prepend content append";
20562
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20563
+ overflow: hidden;
20564
+ padding-inline: 24px 12px;
20565
+ padding-bottom: 12px;
20566
+ }
20567
+
20568
+ .v-date-picker-header__append {
20569
+ grid-area: append;
20570
+ }
20571
+
20572
+ .v-date-picker-header__prepend {
20573
+ grid-area: prepend;
20574
+ padding-inline-start: 8px;
20575
+ }
20576
+
20577
+ .v-date-picker-header__content {
20578
+ align-items: center;
20579
+ display: inline-flex;
20580
+ font-size: 32px;
20581
+ line-height: 40px;
20582
+ grid-area: content;
20583
+ justify-content: space-between;
20584
+ }
20585
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20586
+ cursor: pointer;
20587
+ }
20588
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20589
+ opacity: 0.7;
20590
+ }
20591
+
20592
+ .date-picker-header-transition-enter-active,
20593
+ .date-picker-header-reverse-transition-enter-active {
20594
+ transition-duration: 0.3s;
20595
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20596
+ }
20597
+ .date-picker-header-transition-leave-active,
20598
+ .date-picker-header-reverse-transition-leave-active {
20599
+ transition-duration: 0.3s;
20600
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20601
+ }
20602
+
20603
+ .date-picker-header-transition-enter-from {
20604
+ transform: translate(0, 100%);
20605
+ }
20606
+ .date-picker-header-transition-leave-to {
20607
+ opacity: 0;
20608
+ transform: translate(0, -100%);
20609
+ }
20610
+
20611
+ .date-picker-header-reverse-transition-enter-from {
20612
+ transform: translate(0, -100%);
20613
+ }
20614
+ .date-picker-header-reverse-transition-leave-to {
20615
+ opacity: 0;
20616
+ transform: translate(0, 100%);
20617
+ }.v-date-picker-months {
20618
+ height: 288px;
20619
+ }
20620
+
20621
+ .v-date-picker-months__content {
20622
+ align-items: center;
20623
+ display: grid;
20624
+ flex: 1 1;
20625
+ height: inherit;
20626
+ justify-content: space-around;
20627
+ grid-template-columns: repeat(2, 1fr);
20628
+ grid-gap: 0px 24px;
20629
+ padding-inline-start: 36px;
20630
+ padding-inline-end: 36px;
20631
+ }
20632
+ .v-date-picker-months__content .v-btn {
20633
+ text-transform: none;
20634
+ padding-inline-start: 8px;
20635
+ padding-inline-end: 8px;
20636
+ }.v-date-picker-years {
20637
+ height: 288px;
20638
+ overflow-y: scroll;
20639
+ }
20640
+
20641
+ .v-date-picker-years__content {
20642
+ display: grid;
20643
+ flex: 1 1;
20644
+ justify-content: space-around;
20645
+ grid-template-columns: repeat(3, 1fr);
20646
+ gap: 8px 24px;
20647
+ padding-inline: 32px;
20648
+ }
20649
+ .v-date-picker-years__content .v-btn {
20650
+ padding-inline: 8px;
20641
20651
  }.v-dialog {
20642
20652
  align-items: center;
20643
20653
  justify-content: center;
@@ -22222,13 +22232,15 @@ textarea.v-field__input::placeholder {
22222
22232
  background: currentColor;
22223
22233
  opacity: var(--v-activated-opacity);
22224
22234
  border-radius: inherit;
22225
- position: absolute;
22226
22235
  top: 0;
22227
22236
  right: 0;
22228
22237
  bottom: 0;
22229
22238
  left: 0;
22230
22239
  pointer-events: none;
22231
22240
  }
22241
+ .v-list-item .v-list-item__underlay {
22242
+ position: absolute;
22243
+ }
22232
22244
  @supports selector(:focus-visible) {
22233
22245
  .v-list-item::after {
22234
22246
  content: "";
@@ -22628,19 +22640,6 @@ textarea.v-field__input::placeholder {
22628
22640
  --v-layout-right: 0px;
22629
22641
  --v-layout-top: 0px;
22630
22642
  --v-layout-bottom: 0px;
22631
- }.v-menu > .v-overlay__content {
22632
- display: flex;
22633
- flex-direction: column;
22634
- border-radius: 4px;
22635
- }
22636
- .v-menu > .v-overlay__content > .v-card,
22637
- .v-menu > .v-overlay__content > .v-sheet,
22638
- .v-menu > .v-overlay__content > .v-list {
22639
- background: rgb(var(--v-theme-surface));
22640
- border-radius: inherit;
22641
- overflow: auto;
22642
- height: 100%;
22643
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22644
22643
  }.v-messages {
22645
22644
  flex: 1 1 auto;
22646
22645
  font-size: 12px;
@@ -22657,6 +22656,19 @@ textarea.v-field__input::placeholder {
22657
22656
  -webkit-hyphens: auto;
22658
22657
  hyphens: auto;
22659
22658
  transition-duration: 150ms;
22659
+ }.v-menu > .v-overlay__content {
22660
+ display: flex;
22661
+ flex-direction: column;
22662
+ border-radius: 4px;
22663
+ }
22664
+ .v-menu > .v-overlay__content > .v-card,
22665
+ .v-menu > .v-overlay__content > .v-sheet,
22666
+ .v-menu > .v-overlay__content > .v-list {
22667
+ background: rgb(var(--v-theme-surface));
22668
+ border-radius: inherit;
22669
+ overflow: auto;
22670
+ height: 100%;
22671
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22660
22672
  }.v-navigation-drawer {
22661
22673
  -webkit-overflow-scrolling: touch;
22662
22674
  background: rgb(var(--v-theme-surface));
@@ -22759,83 +22771,27 @@ textarea.v-field__input::placeholder {
22759
22771
  .v-navigation-drawer__append {
22760
22772
  flex: none;
22761
22773
  overflow: hidden;
22762
- }.v-otp-input {
22763
- border-radius: 4px;
22764
- align-items: center;
22765
- display: flex;
22766
- justify-content: center;
22767
- padding: 0.5rem 0;
22768
- position: relative;
22769
- }
22770
- .v-otp-input .v-field {
22771
- height: 100%;
22774
+ }.v-overlay-container {
22775
+ contain: layout;
22776
+ left: 0;
22777
+ pointer-events: none;
22778
+ position: absolute;
22779
+ top: 0;
22780
+ display: contents;
22772
22781
  }
22773
22782
 
22774
- .v-otp-input__divider {
22775
- margin: 0 8px;
22783
+ .v-overlay-scroll-blocked {
22784
+ padding-inline-end: var(--v-scrollbar-offset);
22776
22785
  }
22777
-
22778
- .v-otp-input__content {
22779
- align-items: center;
22780
- display: flex;
22781
- gap: 0.5rem;
22782
- height: 64px;
22783
- padding: 0.5rem;
22784
- justify-content: center;
22785
- max-width: 320px;
22786
- position: relative;
22787
- border-radius: inherit;
22786
+ .v-overlay-scroll-blocked:not(html) {
22787
+ overflow-y: hidden !important;
22788
22788
  }
22789
- .v-otp-input--divided .v-otp-input__content {
22790
- max-width: 360px;
22791
- }
22792
-
22793
- .v-otp-input__field {
22794
- color: inherit;
22795
- font-size: 1.25rem;
22796
- height: 100%;
22797
- outline: none;
22798
- text-align: center;
22799
- width: 100%;
22800
- }
22801
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22802
- -webkit-appearance: none;
22803
- margin: 0;
22804
- }
22805
- .v-otp-input__field[type=number] {
22806
- -moz-appearance: textfield;
22807
- }
22808
-
22809
- .v-otp-input__loader {
22810
- align-items: center;
22811
- display: flex;
22812
- height: 100%;
22813
- justify-content: center;
22814
- width: 100%;
22815
- }
22816
- .v-otp-input__loader .v-progress-linear {
22817
- position: absolute;
22818
- }.v-overlay-container {
22819
- contain: layout;
22820
- left: 0;
22821
- pointer-events: none;
22822
- position: absolute;
22823
- top: 0;
22824
- display: contents;
22825
- }
22826
-
22827
- .v-overlay-scroll-blocked {
22828
- padding-inline-end: var(--v-scrollbar-offset);
22829
- }
22830
- .v-overlay-scroll-blocked:not(html) {
22831
- overflow-y: hidden !important;
22832
- }
22833
- html.v-overlay-scroll-blocked {
22834
- position: fixed;
22835
- top: var(--v-body-scroll-y);
22836
- left: var(--v-body-scroll-x);
22837
- width: 100%;
22838
- height: 100%;
22789
+ html.v-overlay-scroll-blocked {
22790
+ position: fixed;
22791
+ top: var(--v-body-scroll-y);
22792
+ left: var(--v-body-scroll-x);
22793
+ width: 100%;
22794
+ height: 100%;
22839
22795
  }
22840
22796
 
22841
22797
  .v-overlay {
@@ -22878,6 +22834,62 @@ html.v-overlay-scroll-blocked {
22878
22834
 
22879
22835
  .v-overlay--scroll-blocked {
22880
22836
  padding-inline-end: var(--v-scrollbar-offset);
22837
+ }.v-otp-input {
22838
+ border-radius: 4px;
22839
+ align-items: center;
22840
+ display: flex;
22841
+ justify-content: center;
22842
+ padding: 0.5rem 0;
22843
+ position: relative;
22844
+ }
22845
+ .v-otp-input .v-field {
22846
+ height: 100%;
22847
+ }
22848
+
22849
+ .v-otp-input__divider {
22850
+ margin: 0 8px;
22851
+ }
22852
+
22853
+ .v-otp-input__content {
22854
+ align-items: center;
22855
+ display: flex;
22856
+ gap: 0.5rem;
22857
+ height: 64px;
22858
+ padding: 0.5rem;
22859
+ justify-content: center;
22860
+ max-width: 320px;
22861
+ position: relative;
22862
+ border-radius: inherit;
22863
+ }
22864
+ .v-otp-input--divided .v-otp-input__content {
22865
+ max-width: 360px;
22866
+ }
22867
+
22868
+ .v-otp-input__field {
22869
+ color: inherit;
22870
+ font-size: 1.25rem;
22871
+ height: 100%;
22872
+ outline: none;
22873
+ text-align: center;
22874
+ width: 100%;
22875
+ }
22876
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22877
+ -webkit-appearance: none;
22878
+ margin: 0;
22879
+ }
22880
+ .v-otp-input__field[type=number] {
22881
+ -moz-appearance: textfield;
22882
+ }
22883
+
22884
+ .v-otp-input__loader {
22885
+ align-items: center;
22886
+ display: flex;
22887
+ height: 100%;
22888
+ justify-content: center;
22889
+ width: 100%;
22890
+ }
22891
+ .v-otp-input__loader .v-progress-linear {
22892
+ position: absolute;
22881
22893
  }.v-pagination__list {
22882
22894
  display: inline-flex;
22883
22895
  list-style-type: none;
@@ -23205,6 +23217,60 @@ html.v-overlay-scroll-blocked {
23205
23217
  0% {
23206
23218
  background-position-x: var(--v-progress-linear-height);
23207
23219
  }
23220
+ }.v-rating {
23221
+ max-width: 100%;
23222
+ display: inline-flex;
23223
+ white-space: nowrap;
23224
+ }
23225
+ .v-rating--readonly {
23226
+ pointer-events: none;
23227
+ }
23228
+
23229
+ .v-rating__wrapper {
23230
+ align-items: center;
23231
+ display: inline-flex;
23232
+ flex-direction: column;
23233
+ }
23234
+ .v-rating__wrapper--bottom {
23235
+ flex-direction: column-reverse;
23236
+ }
23237
+
23238
+ .v-rating__item {
23239
+ display: inline-flex;
23240
+ position: relative;
23241
+ }
23242
+ .v-rating__item label {
23243
+ cursor: pointer;
23244
+ }
23245
+ .v-rating__item .v-btn--variant-plain {
23246
+ opacity: 1;
23247
+ }
23248
+ .v-rating__item .v-btn {
23249
+ transition-property: transform;
23250
+ }
23251
+ .v-rating__item .v-btn .v-icon {
23252
+ transition: inherit;
23253
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23254
+ }
23255
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23256
+ transform: scale(1.25);
23257
+ }
23258
+ .v-rating__item--half {
23259
+ overflow: hidden;
23260
+ position: absolute;
23261
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23262
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23263
+ z-index: 1;
23264
+ }
23265
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23266
+ opacity: 0;
23267
+ }
23268
+
23269
+ .v-rating__hidden {
23270
+ height: 0;
23271
+ opacity: 0;
23272
+ position: absolute;
23273
+ width: 0;
23208
23274
  }.v-radio-group > .v-input__control {
23209
23275
  flex-direction: column;
23210
23276
  }
@@ -23274,60 +23340,6 @@ html.v-overlay-scroll-blocked {
23274
23340
 
23275
23341
  .v-slider__label {
23276
23342
  margin-inline-end: 12px;
23277
- }.v-rating {
23278
- max-width: 100%;
23279
- display: inline-flex;
23280
- white-space: nowrap;
23281
- }
23282
- .v-rating--readonly {
23283
- pointer-events: none;
23284
- }
23285
-
23286
- .v-rating__wrapper {
23287
- align-items: center;
23288
- display: inline-flex;
23289
- flex-direction: column;
23290
- }
23291
- .v-rating__wrapper--bottom {
23292
- flex-direction: column-reverse;
23293
- }
23294
-
23295
- .v-rating__item {
23296
- display: inline-flex;
23297
- position: relative;
23298
- }
23299
- .v-rating__item label {
23300
- cursor: pointer;
23301
- }
23302
- .v-rating__item .v-btn--variant-plain {
23303
- opacity: 1;
23304
- }
23305
- .v-rating__item .v-btn {
23306
- transition-property: transform;
23307
- }
23308
- .v-rating__item .v-btn .v-icon {
23309
- transition: inherit;
23310
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23311
- }
23312
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23313
- transform: scale(1.25);
23314
- }
23315
- .v-rating__item--half {
23316
- overflow: hidden;
23317
- position: absolute;
23318
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23319
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23320
- z-index: 1;
23321
- }
23322
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23323
- opacity: 0;
23324
- }
23325
-
23326
- .v-rating__hidden {
23327
- height: 0;
23328
- opacity: 0;
23329
- position: absolute;
23330
- width: 0;
23331
23343
  }.v-responsive {
23332
23344
  display: flex;
23333
23345
  flex: 1 0 auto;
@@ -23503,14 +23515,6 @@ html.v-overlay-scroll-blocked {
23503
23515
  }
23504
23516
  .v-selection-control--focus-visible .v-selection-control__input::before {
23505
23517
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23506
- }.v-selection-control-group {
23507
- grid-area: control;
23508
- display: flex;
23509
- flex-direction: column;
23510
- }
23511
- .v-selection-control-group--inline {
23512
- flex-direction: row;
23513
- flex-wrap: wrap;
23514
23518
  }.v-sheet {
23515
23519
  display: block;
23516
23520
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23539,6 +23543,14 @@ html.v-overlay-scroll-blocked {
23539
23543
  }
23540
23544
  .v-sheet--rounded {
23541
23545
  border-radius: 4px;
23546
+ }.v-selection-control-group {
23547
+ grid-area: control;
23548
+ display: flex;
23549
+ flex-direction: column;
23550
+ }
23551
+ .v-selection-control-group--inline {
23552
+ flex-direction: row;
23553
+ flex-wrap: wrap;
23542
23554
  }.v-skeleton-loader {
23543
23555
  align-items: center;
23544
23556
  background: rgb(var(--v-theme-surface));
@@ -23870,13 +23882,15 @@ html.v-overlay-scroll-blocked {
23870
23882
  background: currentColor;
23871
23883
  opacity: var(--v-activated-opacity);
23872
23884
  border-radius: inherit;
23873
- position: absolute;
23874
23885
  top: 0;
23875
23886
  right: 0;
23876
23887
  bottom: 0;
23877
23888
  left: 0;
23878
23889
  pointer-events: none;
23879
23890
  }
23891
+ .v-snackbar .v-snackbar__underlay {
23892
+ position: absolute;
23893
+ }
23880
23894
 
23881
23895
  .v-snackbar__content {
23882
23896
  flex-grow: 1;
@@ -23953,70 +23967,29 @@ html.v-overlay-scroll-blocked {
23953
23967
  }
23954
23968
  .v-snackbar-transition-leave-to {
23955
23969
  opacity: 0;
23956
- }.v-speed-dial__content {
23957
- gap: 8px;
23970
+ }.v-stepper.v-sheet {
23971
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23972
+ border-radius: 4px;
23973
+ overflow: hidden;
23958
23974
  }
23959
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
23960
- flex-direction: row;
23975
+ .v-stepper.v-sheet.v-stepper--flat {
23976
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23961
23977
  }
23962
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
23963
- flex-direction: row-reverse;
23978
+
23979
+ .v-stepper-header {
23980
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23981
+ align-items: center;
23982
+ display: flex;
23983
+ position: relative;
23984
+ overflow-x: auto;
23985
+ justify-content: space-between;
23986
+ z-index: 1;
23964
23987
  }
23965
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
23966
- flex-direction: column-reverse;
23988
+ .v-stepper-header .v-divider {
23989
+ margin: 0 -16px;
23967
23990
  }
23968
- .v-speed-dial__content > *:nth-child(1) {
23969
- transition-delay: 0s;
23970
- }
23971
- .v-speed-dial__content > *:nth-child(2) {
23972
- transition-delay: 0.05s;
23973
- }
23974
- .v-speed-dial__content > *:nth-child(3) {
23975
- transition-delay: 0.1s;
23976
- }
23977
- .v-speed-dial__content > *:nth-child(4) {
23978
- transition-delay: 0.15s;
23979
- }
23980
- .v-speed-dial__content > *:nth-child(5) {
23981
- transition-delay: 0.2s;
23982
- }
23983
- .v-speed-dial__content > *:nth-child(6) {
23984
- transition-delay: 0.25s;
23985
- }
23986
- .v-speed-dial__content > *:nth-child(7) {
23987
- transition-delay: 0.3s;
23988
- }
23989
- .v-speed-dial__content > *:nth-child(8) {
23990
- transition-delay: 0.35s;
23991
- }
23992
- .v-speed-dial__content > *:nth-child(9) {
23993
- transition-delay: 0.4s;
23994
- }
23995
- .v-speed-dial__content > *:nth-child(10) {
23996
- transition-delay: 0.45s;
23997
- }.v-stepper.v-sheet {
23998
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23999
- border-radius: 4px;
24000
- overflow: hidden;
24001
- }
24002
- .v-stepper.v-sheet.v-stepper--flat {
24003
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24004
- }
24005
-
24006
- .v-stepper-header {
24007
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24008
- align-items: center;
24009
- display: flex;
24010
- position: relative;
24011
- overflow-x: auto;
24012
- justify-content: space-between;
24013
- z-index: 1;
24014
- }
24015
- .v-stepper-header .v-divider {
24016
- margin: 0 -16px;
24017
- }
24018
- .v-stepper-header .v-divider:last-child {
24019
- margin-inline-end: 0;
23991
+ .v-stepper-header .v-divider:last-child {
23992
+ margin-inline-end: 0;
24020
23993
  }
24021
23994
  .v-stepper-header .v-divider:first-child {
24022
23995
  margin-inline-start: 0;
@@ -24110,6 +24083,47 @@ html.v-overlay-scroll-blocked {
24110
24083
  }
24111
24084
  .v-stepper--mobile .v-stepper-item__subtitle {
24112
24085
  display: none;
24086
+ }.v-speed-dial__content {
24087
+ gap: 8px;
24088
+ }
24089
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24090
+ flex-direction: row;
24091
+ }
24092
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24093
+ flex-direction: row-reverse;
24094
+ }
24095
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24096
+ flex-direction: column-reverse;
24097
+ }
24098
+ .v-speed-dial__content > *:nth-child(1) {
24099
+ transition-delay: 0s;
24100
+ }
24101
+ .v-speed-dial__content > *:nth-child(2) {
24102
+ transition-delay: 0.05s;
24103
+ }
24104
+ .v-speed-dial__content > *:nth-child(3) {
24105
+ transition-delay: 0.1s;
24106
+ }
24107
+ .v-speed-dial__content > *:nth-child(4) {
24108
+ transition-delay: 0.15s;
24109
+ }
24110
+ .v-speed-dial__content > *:nth-child(5) {
24111
+ transition-delay: 0.2s;
24112
+ }
24113
+ .v-speed-dial__content > *:nth-child(6) {
24114
+ transition-delay: 0.25s;
24115
+ }
24116
+ .v-speed-dial__content > *:nth-child(7) {
24117
+ transition-delay: 0.3s;
24118
+ }
24119
+ .v-speed-dial__content > *:nth-child(8) {
24120
+ transition-delay: 0.35s;
24121
+ }
24122
+ .v-speed-dial__content > *:nth-child(9) {
24123
+ transition-delay: 0.4s;
24124
+ }
24125
+ .v-speed-dial__content > *:nth-child(10) {
24126
+ transition-delay: 0.45s;
24113
24127
  }.v-switch .v-label {
24114
24128
  padding-inline-start: 10px;
24115
24129
  }
@@ -24246,6 +24260,43 @@ html.v-overlay-scroll-blocked {
24246
24260
  }
24247
24261
  .v-switch.v-input--vertical .v-selection-control__wrapper {
24248
24262
  transform: rotate(-90deg);
24263
+ }.v-system-bar {
24264
+ align-items: center;
24265
+ display: flex;
24266
+ flex: 1 1 auto;
24267
+ height: 24px;
24268
+ justify-content: flex-end;
24269
+ max-width: 100%;
24270
+ padding-inline: 8px;
24271
+ position: relative;
24272
+ text-align: end;
24273
+ width: 100%;
24274
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24275
+ background: rgba(var(--v-theme-surface-light));
24276
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24277
+ font-size: 0.75rem;
24278
+ font-weight: 400;
24279
+ letter-spacing: 0.0333333333em;
24280
+ line-height: 1.667;
24281
+ text-transform: none;
24282
+ }
24283
+ .v-system-bar .v-icon {
24284
+ opacity: var(--v-medium-emphasis-opacity);
24285
+ }
24286
+ .v-system-bar--absolute {
24287
+ position: absolute;
24288
+ }
24289
+ .v-system-bar--fixed {
24290
+ position: fixed;
24291
+ }
24292
+ .v-system-bar--rounded {
24293
+ border-radius: 0;
24294
+ }
24295
+ .v-system-bar--window {
24296
+ height: 32px;
24297
+ }
24298
+ .v-system-bar:not(.v-system-bar--absolute) {
24299
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24249
24300
  }.v-tab.v-tab.v-btn {
24250
24301
  height: var(--v-tabs-height);
24251
24302
  border-radius: 0;
@@ -24341,43 +24392,112 @@ html.v-overlay-scroll-blocked {
24341
24392
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24342
24393
  margin-inline-end: 52px;
24343
24394
  }
24344
- }.v-system-bar {
24395
+ }/* region BLOCK */
24396
+ .v-text-field input {
24397
+ color: inherit;
24398
+ opacity: 0;
24399
+ flex: 1;
24400
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24401
+ min-width: 0;
24402
+ }
24403
+ .v-text-field input:focus, .v-text-field input:active {
24404
+ outline: none;
24405
+ }
24406
+ .v-text-field input:invalid {
24407
+ box-shadow: none;
24408
+ }
24409
+ .v-text-field .v-field {
24410
+ cursor: text;
24411
+ }
24412
+ .v-text-field--prefixed.v-text-field .v-field__input {
24413
+ --v-field-padding-start: 6px;
24414
+ }
24415
+
24416
+ .v-text-field--suffixed.v-text-field .v-field__input {
24417
+ --v-field-padding-end: 0;
24418
+ }
24419
+
24420
+ .v-text-field .v-input__details {
24421
+ padding-inline: 16px;
24422
+ }
24423
+ .v-input--plain-underlined.v-text-field .v-input__details {
24424
+ padding-inline: 0;
24425
+ }
24426
+
24427
+ .v-text-field .v-field--no-label input,
24428
+ .v-text-field .v-field--active input {
24429
+ opacity: 1;
24430
+ }
24431
+ .v-text-field .v-field--single-line input {
24432
+ transition: none;
24433
+ }
24434
+
24435
+ /* endregion */
24436
+ /* region ELEMENTS */
24437
+ .v-text-field__prefix, .v-text-field__suffix {
24345
24438
  align-items: center;
24439
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24440
+ cursor: default;
24346
24441
  display: flex;
24347
- flex: 1 1 auto;
24348
- height: 24px;
24349
- justify-content: flex-end;
24350
- max-width: 100%;
24351
- padding-inline: 8px;
24352
- position: relative;
24353
- text-align: end;
24354
- width: 100%;
24355
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24356
- background: rgba(var(--v-theme-surface-light));
24357
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24358
- font-size: 0.75rem;
24359
- font-weight: 400;
24360
- letter-spacing: 0.0333333333em;
24361
- line-height: 1.667;
24362
- text-transform: none;
24442
+ opacity: 0;
24443
+ transition: inherit;
24444
+ white-space: nowrap;
24445
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24446
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24447
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24363
24448
  }
24364
- .v-system-bar .v-icon {
24365
- opacity: var(--v-medium-emphasis-opacity);
24449
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24450
+ opacity: 1;
24366
24451
  }
24367
- .v-system-bar--absolute {
24452
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24453
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24454
+ }
24455
+ .v-text-field__prefix {
24456
+ padding-inline-start: var(--v-field-padding-start);
24457
+ }
24458
+ .v-text-field__suffix {
24459
+ padding-inline-end: var(--v-field-padding-end);
24460
+ }
24461
+
24462
+ /* endregion */.v-textarea .v-field {
24463
+ --v-textarea-control-height: var(--v-input-control-height);
24464
+ }
24465
+ .v-textarea .v-field__field {
24466
+ --v-input-control-height: var(--v-textarea-control-height);
24467
+ }
24468
+ .v-textarea .v-field__input {
24469
+ flex: 1 1 auto;
24470
+ outline: none;
24471
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24472
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24473
+ }
24474
+ .v-textarea .v-field__input.v-textarea__sizer {
24475
+ visibility: hidden;
24368
24476
  position: absolute;
24477
+ top: 0;
24478
+ left: 0;
24479
+ height: 0 !important;
24480
+ min-height: 0 !important;
24481
+ pointer-events: none;
24369
24482
  }
24370
- .v-system-bar--fixed {
24371
- position: fixed;
24483
+ .v-textarea--no-resize .v-field__input {
24484
+ resize: none;
24372
24485
  }
24373
- .v-system-bar--rounded {
24374
- border-radius: 0;
24486
+ .v-textarea .v-field--no-label textarea,
24487
+ .v-textarea .v-field--active textarea {
24488
+ opacity: 1;
24375
24489
  }
24376
- .v-system-bar--window {
24377
- height: 32px;
24490
+ .v-textarea textarea {
24491
+ opacity: 0;
24492
+ flex: 1;
24493
+ min-width: 0;
24494
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24378
24495
  }
24379
- .v-system-bar:not(.v-system-bar--absolute) {
24380
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24496
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24497
+ outline: none;
24498
+ }
24499
+ .v-textarea textarea:invalid {
24500
+ box-shadow: none;
24381
24501
  }.v-table {
24382
24502
  background: rgb(var(--v-theme-surface));
24383
24503
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24516,113 +24636,7 @@ html.v-overlay-scroll-blocked {
24516
24636
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24517
24637
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24518
24638
  border-top: 0px !important;
24519
- }.v-textarea .v-field {
24520
- --v-textarea-control-height: var(--v-input-control-height);
24521
- }
24522
- .v-textarea .v-field__field {
24523
- --v-input-control-height: var(--v-textarea-control-height);
24524
- }
24525
- .v-textarea .v-field__input {
24526
- flex: 1 1 auto;
24527
- outline: none;
24528
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24529
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24530
- }
24531
- .v-textarea .v-field__input.v-textarea__sizer {
24532
- visibility: hidden;
24533
- position: absolute;
24534
- top: 0;
24535
- left: 0;
24536
- height: 0 !important;
24537
- min-height: 0 !important;
24538
- pointer-events: none;
24539
- }
24540
- .v-textarea--no-resize .v-field__input {
24541
- resize: none;
24542
- }
24543
- .v-textarea .v-field--no-label textarea,
24544
- .v-textarea .v-field--active textarea {
24545
- opacity: 1;
24546
- }
24547
- .v-textarea textarea {
24548
- opacity: 0;
24549
- flex: 1;
24550
- min-width: 0;
24551
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24552
- }
24553
- .v-textarea textarea:focus, .v-textarea textarea:active {
24554
- outline: none;
24555
- }
24556
- .v-textarea textarea:invalid {
24557
- box-shadow: none;
24558
- }/* region BLOCK */
24559
- .v-text-field input {
24560
- color: inherit;
24561
- opacity: 0;
24562
- flex: 1;
24563
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24564
- min-width: 0;
24565
- }
24566
- .v-text-field input:focus, .v-text-field input:active {
24567
- outline: none;
24568
- }
24569
- .v-text-field input:invalid {
24570
- box-shadow: none;
24571
- }
24572
- .v-text-field .v-field {
24573
- cursor: text;
24574
- }
24575
- .v-text-field--prefixed.v-text-field .v-field__input {
24576
- --v-field-padding-start: 6px;
24577
- }
24578
-
24579
- .v-text-field--suffixed.v-text-field .v-field__input {
24580
- --v-field-padding-end: 0;
24581
- }
24582
-
24583
- .v-text-field .v-input__details {
24584
- padding-inline: 16px;
24585
- }
24586
- .v-input--plain-underlined.v-text-field .v-input__details {
24587
- padding-inline: 0;
24588
- }
24589
-
24590
- .v-text-field .v-field--no-label input,
24591
- .v-text-field .v-field--active input {
24592
- opacity: 1;
24593
- }
24594
- .v-text-field .v-field--single-line input {
24595
- transition: none;
24596
- }
24597
-
24598
- /* endregion */
24599
- /* region ELEMENTS */
24600
- .v-text-field__prefix, .v-text-field__suffix {
24601
- align-items: center;
24602
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24603
- cursor: default;
24604
- display: flex;
24605
- opacity: 0;
24606
- transition: inherit;
24607
- white-space: nowrap;
24608
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24609
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24610
- padding-bottom: var(--v-field-padding-bottom, 6px);
24611
- }
24612
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24613
- opacity: 1;
24614
- }
24615
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24616
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24617
- }
24618
- .v-text-field__prefix {
24619
- padding-inline-start: var(--v-field-padding-start);
24620
- }
24621
- .v-text-field__suffix {
24622
- padding-inline-end: var(--v-field-padding-end);
24623
- }
24624
-
24625
- /* endregion */.v-theme-provider {
24639
+ }.v-theme-provider {
24626
24640
  background: rgb(var(--v-theme-background));
24627
24641
  color: rgb(var(--v-theme-on-background));
24628
24642
  }.v-timeline .v-timeline-divider__dot {
@@ -25321,6 +25335,41 @@ html.v-overlay-scroll-blocked {
25321
25335
  }
25322
25336
  .v-color-picker-edit__input span {
25323
25337
  font-size: 0.75rem;
25338
+ }.v-color-picker-swatches {
25339
+ overflow-y: auto;
25340
+ }
25341
+ .v-color-picker-swatches > div {
25342
+ display: flex;
25343
+ flex-wrap: wrap;
25344
+ justify-content: center;
25345
+ padding: 8px;
25346
+ }
25347
+
25348
+ .v-color-picker-swatches__swatch {
25349
+ display: flex;
25350
+ flex-direction: column;
25351
+ margin-bottom: 10px;
25352
+ }
25353
+
25354
+ .v-color-picker-swatches__color {
25355
+ position: relative;
25356
+ height: 18px;
25357
+ max-height: 18px;
25358
+ width: 45px;
25359
+ margin: 2px 4px;
25360
+ border-radius: 2px;
25361
+ -webkit-user-select: none;
25362
+ user-select: none;
25363
+ overflow: hidden;
25364
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25365
+ cursor: pointer;
25366
+ }
25367
+ .v-color-picker-swatches__color > div {
25368
+ display: flex;
25369
+ align-items: center;
25370
+ justify-content: center;
25371
+ width: 100%;
25372
+ height: 100%;
25324
25373
  }.v-color-picker-preview__alpha .v-slider-track__background {
25325
25374
  background-color: transparent !important;
25326
25375
  }
@@ -25391,41 +25440,6 @@ html.v-overlay-scroll-blocked {
25391
25440
  .v-color-picker-preview__eye-dropper {
25392
25441
  position: relative;
25393
25442
  margin-right: 12px;
25394
- }.v-color-picker-swatches {
25395
- overflow-y: auto;
25396
- }
25397
- .v-color-picker-swatches > div {
25398
- display: flex;
25399
- flex-wrap: wrap;
25400
- justify-content: center;
25401
- padding: 8px;
25402
- }
25403
-
25404
- .v-color-picker-swatches__swatch {
25405
- display: flex;
25406
- flex-direction: column;
25407
- margin-bottom: 10px;
25408
- }
25409
-
25410
- .v-color-picker-swatches__color {
25411
- position: relative;
25412
- height: 18px;
25413
- max-height: 18px;
25414
- width: 45px;
25415
- margin: 2px 4px;
25416
- border-radius: 2px;
25417
- -webkit-user-select: none;
25418
- user-select: none;
25419
- overflow: hidden;
25420
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25421
- cursor: pointer;
25422
- }
25423
- .v-color-picker-swatches__color > div {
25424
- display: flex;
25425
- align-items: center;
25426
- justify-content: center;
25427
- width: 100%;
25428
- height: 100%;
25429
25443
  }.v-picker.v-sheet {
25430
25444
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25431
25445
  border-radius: 4px;
@@ -25479,160 +25493,6 @@ html.v-overlay-scroll-blocked {
25479
25493
  padding-bottom: 16px;
25480
25494
  font-weight: 400;
25481
25495
  letter-spacing: 0.1666666667em;
25482
- }.v-slider-thumb {
25483
- touch-action: none;
25484
- color: rgb(var(--v-theme-surface-variant));
25485
- }
25486
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25487
- color: inherit;
25488
- }
25489
-
25490
- .v-slider-thumb__label {
25491
- background: rgba(var(--v-theme-surface-variant), 0.7);
25492
- color: rgb(var(--v-theme-on-surface-variant));
25493
- }
25494
- .v-slider-thumb__label::before {
25495
- color: rgba(var(--v-theme-surface-variant), 0.7);
25496
- }
25497
-
25498
- .v-slider-thumb {
25499
- outline: none;
25500
- position: absolute;
25501
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25502
- }
25503
-
25504
- .v-slider-thumb__surface {
25505
- cursor: pointer;
25506
- width: var(--v-slider-thumb-size);
25507
- height: var(--v-slider-thumb-size);
25508
- border-radius: 50%;
25509
- -webkit-user-select: none;
25510
- user-select: none;
25511
- background-color: currentColor;
25512
- }
25513
- .v-slider-thumb__surface::before {
25514
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25515
- content: "";
25516
- color: inherit;
25517
- top: 0;
25518
- left: 0;
25519
- width: 100%;
25520
- height: 100%;
25521
- border-radius: 50%;
25522
- background: currentColor;
25523
- position: absolute;
25524
- pointer-events: none;
25525
- opacity: 0;
25526
- }
25527
- .v-slider-thumb__surface::after {
25528
- content: "";
25529
- width: 42px;
25530
- height: 42px;
25531
- position: absolute;
25532
- top: 50%;
25533
- left: 50%;
25534
- transform: translate(-50%, -50%);
25535
- }
25536
-
25537
- .v-slider-thumb__label-container {
25538
- position: absolute;
25539
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25540
- }
25541
-
25542
- .v-slider-thumb__label {
25543
- display: flex;
25544
- align-items: center;
25545
- justify-content: center;
25546
- font-size: 0.75rem;
25547
- min-width: 35px;
25548
- height: 25px;
25549
- border-radius: 4px;
25550
- padding: 6px;
25551
- position: absolute;
25552
- -webkit-user-select: none;
25553
- user-select: none;
25554
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25555
- }
25556
- .v-slider-thumb__label::before {
25557
- content: "";
25558
- width: 0;
25559
- height: 0;
25560
- position: absolute;
25561
- }
25562
-
25563
- .v-slider-thumb__ripple {
25564
- position: absolute;
25565
- left: calc(var(--v-slider-thumb-size) / -2);
25566
- top: calc(var(--v-slider-thumb-size) / -2);
25567
- width: calc(var(--v-slider-thumb-size) * 2);
25568
- height: calc(var(--v-slider-thumb-size) * 2);
25569
- background: inherit;
25570
- }
25571
-
25572
- .v-slider.v-input--horizontal .v-slider-thumb {
25573
- top: 50%;
25574
- transform: translateY(-50%);
25575
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25576
- }
25577
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25578
- left: calc(var(--v-slider-thumb-size) / 2);
25579
- top: 0;
25580
- }
25581
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25582
- bottom: calc(var(--v-slider-thumb-size) / 2);
25583
- }
25584
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25585
- transform: translateX(-50%);
25586
- }
25587
-
25588
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25589
- transform: translateX(50%);
25590
- }
25591
-
25592
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25593
- border-left: 6px solid transparent;
25594
- border-right: 6px solid transparent;
25595
- border-top: 6px solid currentColor;
25596
- bottom: -6px;
25597
- }
25598
-
25599
- .v-slider.v-input--vertical .v-slider-thumb {
25600
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25601
- }
25602
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25603
- top: calc(var(--v-slider-thumb-size) / 2);
25604
- right: 0;
25605
- }
25606
- .v-slider.v-input--vertical .v-slider-thumb__label {
25607
- top: -12.5px;
25608
- left: calc(var(--v-slider-thumb-size) / 2);
25609
- }
25610
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25611
- border-right: 6px solid currentColor;
25612
- border-top: 6px solid transparent;
25613
- border-bottom: 6px solid transparent;
25614
- left: -6px;
25615
- }
25616
-
25617
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25618
- transform: scale(2);
25619
- opacity: var(--v-focus-opacity);
25620
- }
25621
-
25622
- .v-slider-thumb--pressed {
25623
- transition: none;
25624
- }
25625
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25626
- opacity: var(--v-pressed-opacity);
25627
- }
25628
-
25629
- @media (hover: hover) {
25630
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25631
- transform: scale(2);
25632
- }
25633
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25634
- opacity: var(--v-hover-opacity);
25635
- }
25636
25496
  }.v-slider-track__background {
25637
25497
  background-color: rgb(var(--v-theme-surface-variant));
25638
25498
  }
@@ -25796,4 +25656,158 @@ html.v-overlay-scroll-blocked {
25796
25656
 
25797
25657
  .v-slider-track__background--opacity {
25798
25658
  opacity: 0.38;
25659
+ }.v-slider-thumb {
25660
+ touch-action: none;
25661
+ color: rgb(var(--v-theme-surface-variant));
25662
+ }
25663
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25664
+ color: inherit;
25665
+ }
25666
+
25667
+ .v-slider-thumb__label {
25668
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25669
+ color: rgb(var(--v-theme-on-surface-variant));
25670
+ }
25671
+ .v-slider-thumb__label::before {
25672
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25673
+ }
25674
+
25675
+ .v-slider-thumb {
25676
+ outline: none;
25677
+ position: absolute;
25678
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25679
+ }
25680
+
25681
+ .v-slider-thumb__surface {
25682
+ cursor: pointer;
25683
+ width: var(--v-slider-thumb-size);
25684
+ height: var(--v-slider-thumb-size);
25685
+ border-radius: 50%;
25686
+ -webkit-user-select: none;
25687
+ user-select: none;
25688
+ background-color: currentColor;
25689
+ }
25690
+ .v-slider-thumb__surface::before {
25691
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25692
+ content: "";
25693
+ color: inherit;
25694
+ top: 0;
25695
+ left: 0;
25696
+ width: 100%;
25697
+ height: 100%;
25698
+ border-radius: 50%;
25699
+ background: currentColor;
25700
+ position: absolute;
25701
+ pointer-events: none;
25702
+ opacity: 0;
25703
+ }
25704
+ .v-slider-thumb__surface::after {
25705
+ content: "";
25706
+ width: 42px;
25707
+ height: 42px;
25708
+ position: absolute;
25709
+ top: 50%;
25710
+ left: 50%;
25711
+ transform: translate(-50%, -50%);
25712
+ }
25713
+
25714
+ .v-slider-thumb__label-container {
25715
+ position: absolute;
25716
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25717
+ }
25718
+
25719
+ .v-slider-thumb__label {
25720
+ display: flex;
25721
+ align-items: center;
25722
+ justify-content: center;
25723
+ font-size: 0.75rem;
25724
+ min-width: 35px;
25725
+ height: 25px;
25726
+ border-radius: 4px;
25727
+ padding: 6px;
25728
+ position: absolute;
25729
+ -webkit-user-select: none;
25730
+ user-select: none;
25731
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25732
+ }
25733
+ .v-slider-thumb__label::before {
25734
+ content: "";
25735
+ width: 0;
25736
+ height: 0;
25737
+ position: absolute;
25738
+ }
25739
+
25740
+ .v-slider-thumb__ripple {
25741
+ position: absolute;
25742
+ left: calc(var(--v-slider-thumb-size) / -2);
25743
+ top: calc(var(--v-slider-thumb-size) / -2);
25744
+ width: calc(var(--v-slider-thumb-size) * 2);
25745
+ height: calc(var(--v-slider-thumb-size) * 2);
25746
+ background: inherit;
25747
+ }
25748
+
25749
+ .v-slider.v-input--horizontal .v-slider-thumb {
25750
+ top: 50%;
25751
+ transform: translateY(-50%);
25752
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25753
+ }
25754
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25755
+ left: calc(var(--v-slider-thumb-size) / 2);
25756
+ top: 0;
25757
+ }
25758
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25759
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25760
+ }
25761
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25762
+ transform: translateX(-50%);
25763
+ }
25764
+
25765
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25766
+ transform: translateX(50%);
25767
+ }
25768
+
25769
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25770
+ border-left: 6px solid transparent;
25771
+ border-right: 6px solid transparent;
25772
+ border-top: 6px solid currentColor;
25773
+ bottom: -6px;
25774
+ }
25775
+
25776
+ .v-slider.v-input--vertical .v-slider-thumb {
25777
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25778
+ }
25779
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25780
+ top: calc(var(--v-slider-thumb-size) / 2);
25781
+ right: 0;
25782
+ }
25783
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25784
+ top: -12.5px;
25785
+ left: calc(var(--v-slider-thumb-size) / 2);
25786
+ }
25787
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25788
+ border-right: 6px solid currentColor;
25789
+ border-top: 6px solid transparent;
25790
+ border-bottom: 6px solid transparent;
25791
+ left: -6px;
25792
+ }
25793
+
25794
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25795
+ transform: scale(2);
25796
+ opacity: var(--v-focus-opacity);
25797
+ }
25798
+
25799
+ .v-slider-thumb--pressed {
25800
+ transition: none;
25801
+ }
25802
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25803
+ opacity: var(--v-pressed-opacity);
25804
+ }
25805
+
25806
+ @media (hover: hover) {
25807
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25808
+ transform: scale(2);
25809
+ }
25810
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25811
+ opacity: var(--v-hover-opacity);
25812
+ }
25799
25813
  }