@vuetify/nightly 3.6.7-master.2024-05-23 → 3.6.7-master.2024-05-25

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/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.7-master.2024-05-23
2
+ * Vuetify v3.6.7-master.2024-05-25
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17380,18 +17380,6 @@ html.overflow-y-hidden {
17380
17380
  .v-ripple__animation--out {
17381
17381
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17382
17382
  opacity: 0;
17383
- }.v-app-bar {
17384
- display: flex;
17385
- }
17386
- .v-app-bar.v-toolbar {
17387
- background: rgb(var(--v-theme-surface));
17388
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17389
- }
17390
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17391
- 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));
17392
- }
17393
- .v-app-bar:not(.v-toolbar--absolute) {
17394
- padding-inline-end: var(--v-scrollbar-offset);
17395
17383
  }.v-application {
17396
17384
  display: flex;
17397
17385
  background: rgb(var(--v-theme-background));
@@ -17408,87 +17396,18 @@ html.overflow-y-hidden {
17408
17396
  min-height: 100vh;
17409
17397
  min-height: 100dvh;
17410
17398
  position: relative;
17411
- }.v-autocomplete .v-field .v-text-field__prefix,
17412
- .v-autocomplete .v-field .v-text-field__suffix,
17413
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17414
- cursor: text;
17415
- }
17416
- .v-autocomplete .v-field .v-field__input > input {
17417
- flex: 1 1;
17418
- }
17419
- .v-autocomplete .v-field input {
17420
- min-width: 64px;
17421
- }
17422
- .v-autocomplete .v-field:not(.v-field--focused) input {
17423
- min-width: 0;
17424
- }
17425
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17426
- margin-inline-end: 2px;
17399
+ }.v-app-bar {
17400
+ display: flex;
17427
17401
  }
17428
- .v-autocomplete .v-autocomplete__selection-text {
17429
- overflow: hidden;
17430
- text-overflow: ellipsis;
17431
- white-space: nowrap;
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));
17432
17405
  }
17433
-
17434
- .v-autocomplete__content {
17435
- overflow: hidden;
17406
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17436
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));
17437
- border-radius: 4px;
17438
- }
17439
- .v-autocomplete__mask {
17440
- background: rgb(var(--v-theme-surface-light));
17441
- }
17442
- .v-autocomplete__selection {
17443
- display: inline-flex;
17444
- align-items: center;
17445
- height: 1.5rem;
17446
- letter-spacing: inherit;
17447
- line-height: inherit;
17448
- max-width: calc(100% - 2px - 2px);
17449
- }
17450
- .v-autocomplete__selection:first-child {
17451
- margin-inline-start: 0;
17452
- }
17453
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17454
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17455
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17456
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17457
- top: 0px;
17458
- }
17459
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17460
- opacity: var(--v-medium-emphasis-opacity);
17461
- }
17462
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17463
- opacity: 1;
17464
- }
17465
- .v-autocomplete--selecting-index .v-field__input > input {
17466
- caret-color: transparent;
17467
- }
17468
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17469
- flex: 1 1;
17470
- position: absolute;
17471
- left: 0;
17472
- right: 0;
17473
- width: 100%;
17474
- padding-inline: inherit;
17475
- }
17476
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17477
- transition: none;
17478
- }
17479
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17480
- opacity: 0;
17481
- }
17482
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17483
- opacity: 0;
17484
17408
  }
17485
- .v-autocomplete__menu-icon {
17486
- margin-inline-start: 4px;
17487
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17488
- }
17489
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17490
- opacity: var(--v-high-emphasis-opacity);
17491
- transform: rotate(180deg);
17409
+ .v-app-bar:not(.v-toolbar--absolute) {
17410
+ padding-inline-end: var(--v-scrollbar-offset);
17492
17411
  }.v-alert {
17493
17412
  display: grid;
17494
17413
  flex: 1 1;
@@ -17701,6 +17620,87 @@ html.overflow-y-hidden {
17701
17620
  text-transform: none;
17702
17621
  word-break: normal;
17703
17622
  word-wrap: break-word;
17623
+ }.v-autocomplete .v-field .v-text-field__prefix,
17624
+ .v-autocomplete .v-field .v-text-field__suffix,
17625
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17626
+ cursor: text;
17627
+ }
17628
+ .v-autocomplete .v-field .v-field__input > input {
17629
+ flex: 1 1;
17630
+ }
17631
+ .v-autocomplete .v-field input {
17632
+ min-width: 64px;
17633
+ }
17634
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17635
+ min-width: 0;
17636
+ }
17637
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17638
+ margin-inline-end: 2px;
17639
+ }
17640
+ .v-autocomplete .v-autocomplete__selection-text {
17641
+ overflow: hidden;
17642
+ text-overflow: ellipsis;
17643
+ white-space: nowrap;
17644
+ }
17645
+
17646
+ .v-autocomplete__content {
17647
+ overflow: hidden;
17648
+ 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));
17649
+ border-radius: 4px;
17650
+ }
17651
+ .v-autocomplete__mask {
17652
+ background: rgb(var(--v-theme-surface-light));
17653
+ }
17654
+ .v-autocomplete__selection {
17655
+ display: inline-flex;
17656
+ align-items: center;
17657
+ height: 1.5rem;
17658
+ letter-spacing: inherit;
17659
+ line-height: inherit;
17660
+ max-width: calc(100% - 2px - 2px);
17661
+ }
17662
+ .v-autocomplete__selection:first-child {
17663
+ margin-inline-start: 0;
17664
+ }
17665
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17666
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17667
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17668
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17669
+ top: 0px;
17670
+ }
17671
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17672
+ opacity: var(--v-medium-emphasis-opacity);
17673
+ }
17674
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17675
+ opacity: 1;
17676
+ }
17677
+ .v-autocomplete--selecting-index .v-field__input > input {
17678
+ caret-color: transparent;
17679
+ }
17680
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17681
+ flex: 1 1;
17682
+ position: absolute;
17683
+ left: 0;
17684
+ right: 0;
17685
+ width: 100%;
17686
+ padding-inline: inherit;
17687
+ }
17688
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17689
+ transition: none;
17690
+ }
17691
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17692
+ opacity: 0;
17693
+ }
17694
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17695
+ opacity: 0;
17696
+ }
17697
+ .v-autocomplete__menu-icon {
17698
+ margin-inline-start: 4px;
17699
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17700
+ }
17701
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17702
+ opacity: var(--v-high-emphasis-opacity);
17703
+ transform: rotate(180deg);
17704
17704
  }.v-avatar {
17705
17705
  flex: none;
17706
17706
  align-items: center;
@@ -17796,6 +17796,77 @@ html.overflow-y-hidden {
17796
17796
  .v-avatar .v-img {
17797
17797
  height: 100%;
17798
17798
  width: 100%;
17799
+ }.v-badge {
17800
+ display: inline-block;
17801
+ line-height: 1;
17802
+ }
17803
+
17804
+ .v-badge__badge {
17805
+ align-items: center;
17806
+ display: inline-flex;
17807
+ border-radius: 10px;
17808
+ font-size: 0.75rem;
17809
+ font-weight: 500;
17810
+ height: 1.25rem;
17811
+ justify-content: center;
17812
+ min-width: 20px;
17813
+ padding: 4px 6px;
17814
+ pointer-events: auto;
17815
+ position: absolute;
17816
+ text-align: center;
17817
+ text-indent: 0;
17818
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17819
+ white-space: nowrap;
17820
+ background: rgb(var(--v-theme-surface-variant));
17821
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17822
+ }
17823
+ .v-badge--bordered .v-badge__badge::after {
17824
+ border-radius: inherit;
17825
+ border-style: solid;
17826
+ border-width: 2px;
17827
+ bottom: 0;
17828
+ color: rgb(var(--v-theme-background));
17829
+ content: "";
17830
+ left: 0;
17831
+ position: absolute;
17832
+ right: 0;
17833
+ top: 0;
17834
+ transform: scale(1.05);
17835
+ }
17836
+ .v-badge--dot .v-badge__badge {
17837
+ border-radius: 4.5px;
17838
+ height: 9px;
17839
+ min-width: 0;
17840
+ padding: 0;
17841
+ width: 9px;
17842
+ }
17843
+ .v-badge--dot .v-badge__badge::after {
17844
+ border-width: 1.5px;
17845
+ }
17846
+ .v-badge--inline .v-badge__badge {
17847
+ position: relative;
17848
+ vertical-align: middle;
17849
+ }
17850
+ .v-badge__badge .v-icon {
17851
+ color: inherit;
17852
+ font-size: 0.75rem;
17853
+ margin: 0 -2px;
17854
+ }
17855
+ .v-badge__badge img,
17856
+ .v-badge__badge .v-img {
17857
+ height: 100%;
17858
+ width: 100%;
17859
+ }
17860
+
17861
+ .v-badge__wrapper {
17862
+ display: flex;
17863
+ position: relative;
17864
+ }
17865
+ .v-badge--inline .v-badge__wrapper {
17866
+ align-items: center;
17867
+ display: inline-flex;
17868
+ justify-content: center;
17869
+ margin: 0 4px;
17799
17870
  }.v-banner {
17800
17871
  display: grid;
17801
17872
  flex: 1 1;
@@ -17953,109 +18024,6 @@ html.overflow-y-hidden {
17953
18024
  }
17954
18025
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17955
18026
  align-self: flex-start;
17956
- }.bottom-sheet-transition-enter-from {
17957
- transform: translateY(100%);
17958
- }
17959
- .bottom-sheet-transition-leave-to {
17960
- transform: translateY(100%);
17961
- }
17962
-
17963
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17964
- align-self: flex-end;
17965
- border-radius: 0;
17966
- flex: 0 1 auto;
17967
- left: 0;
17968
- right: 0;
17969
- margin-inline: 0;
17970
- margin-bottom: 0;
17971
- transition-duration: 0.2s;
17972
- width: 100%;
17973
- max-width: 100%;
17974
- overflow: visible;
17975
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17976
- }
17977
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17978
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17979
- border-radius: 0;
17980
- }
17981
- .v-bottom-sheet.v-bottom-sheet--inset {
17982
- max-width: none;
17983
- }
17984
- @media (min-width: 600px) {
17985
- .v-bottom-sheet.v-bottom-sheet--inset {
17986
- max-width: 70%;
17987
- }
17988
- }.v-badge {
17989
- display: inline-block;
17990
- line-height: 1;
17991
- }
17992
-
17993
- .v-badge__badge {
17994
- align-items: center;
17995
- display: inline-flex;
17996
- border-radius: 10px;
17997
- font-size: 0.75rem;
17998
- font-weight: 500;
17999
- height: 1.25rem;
18000
- justify-content: center;
18001
- min-width: 20px;
18002
- padding: 4px 6px;
18003
- pointer-events: auto;
18004
- position: absolute;
18005
- text-align: center;
18006
- text-indent: 0;
18007
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18008
- white-space: nowrap;
18009
- background: rgb(var(--v-theme-surface-variant));
18010
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18011
- }
18012
- .v-badge--bordered .v-badge__badge::after {
18013
- border-radius: inherit;
18014
- border-style: solid;
18015
- border-width: 2px;
18016
- bottom: 0;
18017
- color: rgb(var(--v-theme-background));
18018
- content: "";
18019
- left: 0;
18020
- position: absolute;
18021
- right: 0;
18022
- top: 0;
18023
- transform: scale(1.05);
18024
- }
18025
- .v-badge--dot .v-badge__badge {
18026
- border-radius: 4.5px;
18027
- height: 9px;
18028
- min-width: 0;
18029
- padding: 0;
18030
- width: 9px;
18031
- }
18032
- .v-badge--dot .v-badge__badge::after {
18033
- border-width: 1.5px;
18034
- }
18035
- .v-badge--inline .v-badge__badge {
18036
- position: relative;
18037
- vertical-align: middle;
18038
- }
18039
- .v-badge__badge .v-icon {
18040
- color: inherit;
18041
- font-size: 0.75rem;
18042
- margin: 0 -2px;
18043
- }
18044
- .v-badge__badge img,
18045
- .v-badge__badge .v-img {
18046
- height: 100%;
18047
- width: 100%;
18048
- }
18049
-
18050
- .v-badge__wrapper {
18051
- display: flex;
18052
- position: relative;
18053
- }
18054
- .v-badge--inline .v-badge__wrapper {
18055
- align-items: center;
18056
- display: inline-flex;
18057
- justify-content: center;
18058
- margin: 0 4px;
18059
18027
  }.v-bottom-navigation {
18060
18028
  display: flex;
18061
18029
  max-width: 100%;
@@ -18111,6 +18079,38 @@ html.overflow-y-hidden {
18111
18079
  }
18112
18080
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18113
18081
  transform: translateY(0.5rem);
18082
+ }.bottom-sheet-transition-enter-from {
18083
+ transform: translateY(100%);
18084
+ }
18085
+ .bottom-sheet-transition-leave-to {
18086
+ transform: translateY(100%);
18087
+ }
18088
+
18089
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18090
+ align-self: flex-end;
18091
+ border-radius: 0;
18092
+ flex: 0 1 auto;
18093
+ left: 0;
18094
+ right: 0;
18095
+ margin-inline: 0;
18096
+ margin-bottom: 0;
18097
+ transition-duration: 0.2s;
18098
+ width: 100%;
18099
+ max-width: 100%;
18100
+ overflow: visible;
18101
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18102
+ }
18103
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18104
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18105
+ border-radius: 0;
18106
+ }
18107
+ .v-bottom-sheet.v-bottom-sheet--inset {
18108
+ max-width: none;
18109
+ }
18110
+ @media (min-width: 600px) {
18111
+ .v-bottom-sheet.v-bottom-sheet--inset {
18112
+ max-width: 70%;
18113
+ }
18114
18114
  }.v-breadcrumbs {
18115
18115
  display: flex;
18116
18116
  align-items: center;
@@ -18586,19 +18586,6 @@ html.overflow-y-hidden {
18586
18586
  }
18587
18587
  .v-pagination__item--is-active .v-btn__overlay {
18588
18588
  opacity: var(--v-border-opacity);
18589
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18590
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18591
- }
18592
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18593
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18594
- }
18595
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18596
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18597
- }
18598
- @supports not selector(:focus-visible) {
18599
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18600
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18601
- }
18602
18589
  }.v-btn-group {
18603
18590
  display: inline-flex;
18604
18591
  flex-wrap: nowrap;
@@ -18655,107 +18642,424 @@ html.overflow-y-hidden {
18655
18642
  }
18656
18643
  .v-btn-group--tile {
18657
18644
  border-radius: 0;
18658
- }.v-carousel {
18659
- overflow: hidden;
18660
- position: relative;
18661
- width: 100%;
18662
- }
18663
- .v-carousel__controls {
18664
- align-items: center;
18665
- bottom: 0;
18666
- display: flex;
18667
- height: 50px;
18668
- justify-content: center;
18669
- list-style-type: none;
18670
- position: absolute;
18671
- width: 100%;
18672
- z-index: 1;
18673
- background: rgba(var(--v-theme-surface-variant), 0.3);
18674
- color: rgb(var(--v-theme-on-surface-variant));
18675
- }
18676
- .v-carousel__controls > .v-item-group {
18677
- flex: 0 1 auto;
18678
- }
18679
- .v-carousel__controls__item {
18680
- margin: 0 8px;
18681
- }
18682
- .v-carousel__controls__item .v-icon {
18683
- opacity: 0.5;
18684
- }
18685
- .v-carousel__controls__item--active .v-icon {
18686
- opacity: 1;
18687
- vertical-align: middle;
18688
- }
18689
- .v-carousel__controls__item:hover {
18690
- background: none;
18645
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18646
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18691
18647
  }
18692
- .v-carousel__controls__item:hover .v-icon {
18693
- opacity: 0.8;
18648
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18649
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18694
18650
  }
18695
-
18696
- .v-carousel__progress {
18697
- margin: 0;
18698
- position: absolute;
18699
- bottom: 0;
18700
- left: 0;
18701
- right: 0;
18651
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18652
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18702
18653
  }
18703
-
18704
- .v-carousel-item {
18654
+ @supports not selector(:focus-visible) {
18655
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18656
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18657
+ }
18658
+ }.v-card {
18705
18659
  display: block;
18706
- height: inherit;
18707
- text-decoration: none;
18708
- }
18709
- .v-carousel-item > .v-img {
18710
- height: inherit;
18711
- }
18712
-
18713
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18714
- background: transparent;
18715
- }
18716
-
18717
- .v-carousel--vertical-delimiters .v-carousel__controls {
18718
- flex-direction: column;
18719
- height: 100% !important;
18720
- width: 50px;
18721
- }.v-chip {
18722
- align-items: center;
18723
- display: inline-flex;
18724
- font-weight: 400;
18725
- max-width: 100%;
18726
- min-width: 0;
18727
18660
  overflow: hidden;
18661
+ overflow-wrap: break-word;
18728
18662
  position: relative;
18663
+ padding: 0;
18729
18664
  text-decoration: none;
18730
- white-space: nowrap;
18731
- vertical-align: middle;
18665
+ transition-duration: 0.28s;
18666
+ transition-property: box-shadow, opacity, background;
18667
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18668
+ z-index: 0;
18732
18669
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18733
18670
  border-style: solid;
18734
18671
  border-width: 0;
18735
- border-radius: 9999px;
18736
- }
18737
- .v-chip .v-icon {
18738
- --v-icon-size-multiplier: 0.8571428571;
18672
+ border-radius: 4px;
18739
18673
  }
18740
- .v-chip.v-chip--size-x-small {
18741
- --v-chip-size: 0.625rem;
18742
- --v-chip-height: 20px;
18743
- font-size: 0.625rem;
18744
- padding: 0 8px;
18674
+ .v-card--border {
18675
+ border-width: thin;
18676
+ box-shadow: none;
18745
18677
  }
18746
- .v-chip.v-chip--size-x-small .v-avatar {
18747
- --v-avatar-height: 14px;
18678
+ .v-card--absolute {
18679
+ position: absolute;
18748
18680
  }
18749
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
18750
- --v-avatar-height: 20px;
18681
+ .v-card--fixed {
18682
+ position: fixed;
18751
18683
  }
18752
-
18753
- .v-chip.v-chip--size-x-small .v-avatar--start {
18754
- margin-inline-start: -5.6px;
18755
- margin-inline-end: 4px;
18684
+ .v-card:hover > .v-card__overlay {
18685
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18756
18686
  }
18757
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
18758
- margin-inline-start: -8px;
18687
+ .v-card:focus-visible > .v-card__overlay {
18688
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18689
+ }
18690
+ @supports not selector(:focus-visible) {
18691
+ .v-card:focus > .v-card__overlay {
18692
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18693
+ }
18694
+ }
18695
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18696
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18697
+ }
18698
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18699
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18700
+ }
18701
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18702
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18703
+ }
18704
+ @supports not selector(:focus-visible) {
18705
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18706
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18707
+ }
18708
+ }
18709
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18710
+ background: transparent;
18711
+ color: inherit;
18712
+ }
18713
+ .v-card--variant-plain {
18714
+ opacity: 0.62;
18715
+ }
18716
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18717
+ opacity: 1;
18718
+ }
18719
+ .v-card--variant-plain .v-card__overlay {
18720
+ display: none;
18721
+ }
18722
+ .v-card--variant-elevated, .v-card--variant-flat {
18723
+ background: rgb(var(--v-theme-surface));
18724
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18725
+ }
18726
+ .v-card--variant-elevated {
18727
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18728
+ }
18729
+ .v-card--variant-flat {
18730
+ 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));
18731
+ }
18732
+ .v-card--variant-outlined {
18733
+ border: thin solid currentColor;
18734
+ }
18735
+ .v-card--variant-text .v-card__overlay {
18736
+ background: currentColor;
18737
+ }
18738
+ .v-card--variant-tonal .v-card__underlay {
18739
+ background: currentColor;
18740
+ opacity: var(--v-activated-opacity);
18741
+ border-radius: inherit;
18742
+ top: 0;
18743
+ right: 0;
18744
+ bottom: 0;
18745
+ left: 0;
18746
+ pointer-events: none;
18747
+ }
18748
+ .v-card .v-card__underlay {
18749
+ position: absolute;
18750
+ }
18751
+ .v-card--disabled {
18752
+ pointer-events: none;
18753
+ -webkit-user-select: none;
18754
+ user-select: none;
18755
+ }
18756
+ .v-card--disabled > :not(.v-card__loader) {
18757
+ opacity: 0.6;
18758
+ }
18759
+ .v-card--flat {
18760
+ box-shadow: none;
18761
+ }
18762
+ .v-card--hover {
18763
+ cursor: pointer;
18764
+ }
18765
+ .v-card--hover::before, .v-card--hover::after {
18766
+ border-radius: inherit;
18767
+ bottom: 0;
18768
+ content: "";
18769
+ display: block;
18770
+ left: 0;
18771
+ pointer-events: none;
18772
+ position: absolute;
18773
+ right: 0;
18774
+ top: 0;
18775
+ transition: inherit;
18776
+ }
18777
+ .v-card--hover::before {
18778
+ opacity: 1;
18779
+ z-index: -1;
18780
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18781
+ }
18782
+ .v-card--hover::after {
18783
+ z-index: 1;
18784
+ opacity: 0;
18785
+ 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));
18786
+ }
18787
+ .v-card--hover:hover::after {
18788
+ opacity: 1;
18789
+ }
18790
+ .v-card--hover:hover::before {
18791
+ opacity: 0;
18792
+ }
18793
+ .v-card--hover:hover {
18794
+ 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));
18795
+ }
18796
+ .v-card--link {
18797
+ cursor: pointer;
18798
+ }
18799
+
18800
+ .v-card-actions {
18801
+ align-items: center;
18802
+ display: flex;
18803
+ flex: none;
18804
+ min-height: 52px;
18805
+ padding: 0.5rem;
18806
+ }
18807
+
18808
+ .v-card-item {
18809
+ align-items: center;
18810
+ display: grid;
18811
+ flex: none;
18812
+ grid-template-areas: "prepend content append";
18813
+ grid-template-columns: max-content auto max-content;
18814
+ padding: 0.625rem 1rem;
18815
+ }
18816
+ .v-card-item + .v-card-text {
18817
+ padding-top: 0;
18818
+ }
18819
+ .v-card-item__prepend, .v-card-item__append {
18820
+ align-items: center;
18821
+ display: flex;
18822
+ }
18823
+ .v-card-item__prepend {
18824
+ grid-area: prepend;
18825
+ padding-inline-end: 0.5rem;
18826
+ }
18827
+ .v-card-item__append {
18828
+ grid-area: append;
18829
+ padding-inline-start: 0.5rem;
18830
+ }
18831
+
18832
+ .v-card-item__content {
18833
+ align-self: center;
18834
+ grid-area: content;
18835
+ overflow: hidden;
18836
+ }
18837
+
18838
+ .v-card-title {
18839
+ display: block;
18840
+ flex: none;
18841
+ font-size: 1.25rem;
18842
+ font-weight: 500;
18843
+ -webkit-hyphens: auto;
18844
+ hyphens: auto;
18845
+ letter-spacing: 0.0125em;
18846
+ min-width: 0;
18847
+ overflow-wrap: normal;
18848
+ overflow: hidden;
18849
+ padding: 0.5rem 1rem;
18850
+ text-overflow: ellipsis;
18851
+ text-transform: none;
18852
+ white-space: nowrap;
18853
+ word-break: normal;
18854
+ word-wrap: break-word;
18855
+ }
18856
+ .v-card .v-card-title {
18857
+ line-height: 1.6;
18858
+ }
18859
+ .v-card--density-comfortable .v-card-title {
18860
+ line-height: 1.75rem;
18861
+ }
18862
+ .v-card--density-compact .v-card-title {
18863
+ line-height: 1.55rem;
18864
+ }
18865
+ .v-card-item .v-card-title {
18866
+ padding: 0;
18867
+ }
18868
+ .v-card-title + .v-card-text,
18869
+ .v-card-title + .v-card-actions {
18870
+ padding-top: 0;
18871
+ }
18872
+
18873
+ .v-card-subtitle {
18874
+ display: block;
18875
+ flex: none;
18876
+ font-size: 0.875rem;
18877
+ font-weight: 400;
18878
+ letter-spacing: 0.0178571429em;
18879
+ opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
18880
+ overflow: hidden;
18881
+ padding: 0 1rem;
18882
+ text-overflow: ellipsis;
18883
+ text-transform: none;
18884
+ white-space: nowrap;
18885
+ }
18886
+ .v-card .v-card-subtitle {
18887
+ line-height: 1.425;
18888
+ }
18889
+ .v-card--density-comfortable .v-card-subtitle {
18890
+ line-height: 1.125rem;
18891
+ }
18892
+ .v-card--density-compact .v-card-subtitle {
18893
+ line-height: 1rem;
18894
+ }
18895
+ .v-card-item .v-card-subtitle {
18896
+ padding: 0 0 0.25rem;
18897
+ }
18898
+
18899
+ .v-card-text {
18900
+ flex: 1 1 auto;
18901
+ font-size: 0.875rem;
18902
+ font-weight: 400;
18903
+ letter-spacing: 0.0178571429em;
18904
+ opacity: var(--v-card-text-opacity, 1);
18905
+ padding: 1rem;
18906
+ text-transform: none;
18907
+ }
18908
+ .v-card .v-card-text {
18909
+ line-height: 1.425;
18910
+ }
18911
+ .v-card--density-comfortable .v-card-text {
18912
+ line-height: 1.2rem;
18913
+ }
18914
+ .v-card--density-compact .v-card-text {
18915
+ line-height: 1.15rem;
18916
+ }
18917
+
18918
+ .v-card__image {
18919
+ display: flex;
18920
+ height: 100%;
18921
+ flex: 1 1 auto;
18922
+ left: 0;
18923
+ overflow: hidden;
18924
+ position: absolute;
18925
+ top: 0;
18926
+ width: 100%;
18927
+ z-index: -1;
18928
+ }
18929
+
18930
+ .v-card__content {
18931
+ border-radius: inherit;
18932
+ overflow: hidden;
18933
+ position: relative;
18934
+ }
18935
+
18936
+ .v-card__loader {
18937
+ bottom: auto;
18938
+ top: 0;
18939
+ left: 0;
18940
+ position: absolute;
18941
+ right: 0;
18942
+ width: 100%;
18943
+ z-index: 1;
18944
+ }
18945
+
18946
+ .v-card__overlay {
18947
+ background-color: currentColor;
18948
+ border-radius: inherit;
18949
+ position: absolute;
18950
+ top: 0;
18951
+ right: 0;
18952
+ bottom: 0;
18953
+ left: 0;
18954
+ pointer-events: none;
18955
+ opacity: 0;
18956
+ transition: opacity 0.2s ease-in-out;
18957
+ }.v-carousel {
18958
+ overflow: hidden;
18959
+ position: relative;
18960
+ width: 100%;
18961
+ }
18962
+ .v-carousel__controls {
18963
+ align-items: center;
18964
+ bottom: 0;
18965
+ display: flex;
18966
+ height: 50px;
18967
+ justify-content: center;
18968
+ list-style-type: none;
18969
+ position: absolute;
18970
+ width: 100%;
18971
+ z-index: 1;
18972
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18973
+ color: rgb(var(--v-theme-on-surface-variant));
18974
+ }
18975
+ .v-carousel__controls > .v-item-group {
18976
+ flex: 0 1 auto;
18977
+ }
18978
+ .v-carousel__controls__item {
18979
+ margin: 0 8px;
18980
+ }
18981
+ .v-carousel__controls__item .v-icon {
18982
+ opacity: 0.5;
18983
+ }
18984
+ .v-carousel__controls__item--active .v-icon {
18985
+ opacity: 1;
18986
+ vertical-align: middle;
18987
+ }
18988
+ .v-carousel__controls__item:hover {
18989
+ background: none;
18990
+ }
18991
+ .v-carousel__controls__item:hover .v-icon {
18992
+ opacity: 0.8;
18993
+ }
18994
+
18995
+ .v-carousel__progress {
18996
+ margin: 0;
18997
+ position: absolute;
18998
+ bottom: 0;
18999
+ left: 0;
19000
+ right: 0;
19001
+ }
19002
+
19003
+ .v-carousel-item {
19004
+ display: block;
19005
+ height: inherit;
19006
+ text-decoration: none;
19007
+ }
19008
+ .v-carousel-item > .v-img {
19009
+ height: inherit;
19010
+ }
19011
+
19012
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19013
+ background: transparent;
19014
+ }
19015
+
19016
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19017
+ flex-direction: column;
19018
+ height: 100% !important;
19019
+ width: 50px;
19020
+ }.v-checkbox.v-input {
19021
+ flex: 0 1 auto;
19022
+ }
19023
+ .v-checkbox .v-selection-control {
19024
+ min-height: var(--v-input-control-height);
19025
+ }.v-chip {
19026
+ align-items: center;
19027
+ display: inline-flex;
19028
+ font-weight: 400;
19029
+ max-width: 100%;
19030
+ min-width: 0;
19031
+ overflow: hidden;
19032
+ position: relative;
19033
+ text-decoration: none;
19034
+ white-space: nowrap;
19035
+ vertical-align: middle;
19036
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19037
+ border-style: solid;
19038
+ border-width: 0;
19039
+ border-radius: 9999px;
19040
+ }
19041
+ .v-chip .v-icon {
19042
+ --v-icon-size-multiplier: 0.8571428571;
19043
+ }
19044
+ .v-chip.v-chip--size-x-small {
19045
+ --v-chip-size: 0.625rem;
19046
+ --v-chip-height: 20px;
19047
+ font-size: 0.625rem;
19048
+ padding: 0 8px;
19049
+ }
19050
+ .v-chip.v-chip--size-x-small .v-avatar {
19051
+ --v-avatar-height: 14px;
19052
+ }
19053
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19054
+ --v-avatar-height: 20px;
19055
+ }
19056
+
19057
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19058
+ margin-inline-start: -5.6px;
19059
+ margin-inline-end: 4px;
19060
+ }
19061
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19062
+ margin-inline-start: -8px;
18759
19063
  }
18760
19064
 
18761
19065
  .v-chip.v-chip--size-x-small .v-avatar--end {
@@ -18948,492 +19252,188 @@ html.overflow-y-hidden {
18948
19252
 
18949
19253
  .v-chip.v-chip--size-x-large .v-avatar--start {
18950
19254
  margin-inline-start: -11.9px;
18951
- margin-inline-end: 8.5px;
18952
- }
18953
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
18954
- margin-inline-start: -17px;
18955
- }
18956
-
18957
- .v-chip.v-chip--size-x-large .v-avatar--end {
18958
- margin-inline-start: 8.5px;
18959
- margin-inline-end: -11.9px;
18960
- }
18961
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
18962
- margin-inline-end: -17px;
18963
- }
18964
-
18965
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
18966
- margin-inline-start: 25.5px;
18967
- }
18968
-
18969
- .v-chip.v-chip--size-x-large .v-icon--start,
18970
- .v-chip.v-chip--size-x-large .v-chip__filter {
18971
- margin-inline-start: -8.5px;
18972
- margin-inline-end: 8.5px;
18973
- }
18974
- .v-chip.v-chip--size-x-large .v-icon--end,
18975
- .v-chip.v-chip--size-x-large .v-chip__close {
18976
- margin-inline-start: 8.5px;
18977
- margin-inline-end: -8.5px;
18978
- }
18979
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
18980
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
18981
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
18982
- margin-inline-start: 17px;
18983
- }
18984
-
18985
- .v-chip.v-chip--density-default {
18986
- height: calc(var(--v-chip-height) + 0px);
18987
- }
18988
-
18989
- .v-chip.v-chip--density-comfortable {
18990
- height: calc(var(--v-chip-height) + -4px);
18991
- }
18992
-
18993
- .v-chip.v-chip--density-compact {
18994
- height: calc(var(--v-chip-height) + -8px);
18995
- }
18996
-
18997
- .v-chip:hover > .v-chip__overlay {
18998
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18999
- }
19000
- .v-chip:focus-visible > .v-chip__overlay {
19001
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19002
- }
19003
- @supports not selector(:focus-visible) {
19004
- .v-chip:focus > .v-chip__overlay {
19005
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19006
- }
19007
- }
19008
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19009
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19010
- }
19011
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19012
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19013
- }
19014
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19015
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19016
- }
19017
- @supports not selector(:focus-visible) {
19018
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19019
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19020
- }
19021
- }
19022
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19023
- background: transparent;
19024
- color: inherit;
19025
- }
19026
- .v-chip--variant-plain {
19027
- opacity: 0.26;
19028
- }
19029
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19030
- opacity: 1;
19031
- }
19032
- .v-chip--variant-plain .v-chip__overlay {
19033
- display: none;
19034
- }
19035
- .v-chip--variant-elevated, .v-chip--variant-flat {
19036
- background: rgb(var(--v-theme-surface-variant));
19037
- color: rgb(var(--v-theme-on-surface-variant));
19038
- }
19039
- .v-chip--variant-elevated {
19040
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19041
- }
19042
- .v-chip--variant-flat {
19043
- 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));
19044
- }
19045
- .v-chip--variant-outlined {
19046
- border: thin solid currentColor;
19047
- }
19048
- .v-chip--variant-text .v-chip__overlay {
19049
- background: currentColor;
19050
- }
19051
- .v-chip--variant-tonal .v-chip__underlay {
19052
- background: currentColor;
19053
- opacity: var(--v-activated-opacity);
19054
- border-radius: inherit;
19055
- top: 0;
19056
- right: 0;
19057
- bottom: 0;
19058
- left: 0;
19059
- pointer-events: none;
19060
- }
19061
- .v-chip .v-chip__underlay {
19062
- position: absolute;
19063
- }
19064
- .v-chip--border {
19065
- border-width: thin;
19066
- }
19067
- .v-chip--link {
19068
- cursor: pointer;
19069
- }
19070
- .v-chip--link, .v-chip--filter {
19071
- -webkit-user-select: none;
19072
- user-select: none;
19255
+ margin-inline-end: 8.5px;
19073
19256
  }
19074
- .v-chip--label {
19075
- border-radius: 4px;
19257
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19258
+ margin-inline-start: -17px;
19076
19259
  }
19077
19260
 
19078
- .v-chip__content {
19079
- align-items: center;
19080
- display: inline-flex;
19261
+ .v-chip.v-chip--size-x-large .v-avatar--end {
19262
+ margin-inline-start: 8.5px;
19263
+ margin-inline-end: -11.9px;
19081
19264
  }
19082
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19083
- overflow: hidden;
19265
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19266
+ margin-inline-end: -17px;
19084
19267
  }
19085
19268
 
19086
- .v-chip__filter,
19087
- .v-chip__prepend,
19088
- .v-chip__append,
19089
- .v-chip__close {
19090
- align-items: center;
19091
- display: inline-flex;
19269
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19270
+ margin-inline-start: 25.5px;
19092
19271
  }
19093
19272
 
19094
- .v-chip__close {
19095
- cursor: pointer;
19096
- flex: 0 1 auto;
19097
- font-size: 18px;
19098
- max-height: 18px;
19099
- max-width: 18px;
19100
- -webkit-user-select: none;
19101
- user-select: none;
19273
+ .v-chip.v-chip--size-x-large .v-icon--start,
19274
+ .v-chip.v-chip--size-x-large .v-chip__filter {
19275
+ margin-inline-start: -8.5px;
19276
+ margin-inline-end: 8.5px;
19102
19277
  }
19103
- .v-chip__close .v-icon {
19104
- font-size: inherit;
19278
+ .v-chip.v-chip--size-x-large .v-icon--end,
19279
+ .v-chip.v-chip--size-x-large .v-chip__close {
19280
+ margin-inline-start: 8.5px;
19281
+ margin-inline-end: -8.5px;
19105
19282
  }
19106
-
19107
- .v-chip__filter {
19108
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19283
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19284
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19285
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19286
+ margin-inline-start: 17px;
19109
19287
  }
19110
19288
 
19111
- .v-chip__overlay {
19112
- position: absolute;
19113
- top: 0;
19114
- left: 0;
19115
- width: 100%;
19116
- height: 100%;
19117
- background-color: currentColor;
19118
- border-radius: inherit;
19119
- pointer-events: none;
19120
- opacity: 0;
19121
- transition: opacity 0.2s ease-in-out;
19289
+ .v-chip.v-chip--density-default {
19290
+ height: calc(var(--v-chip-height) + 0px);
19122
19291
  }
19123
19292
 
19124
- .v-chip--disabled {
19125
- opacity: 0.3;
19126
- pointer-events: none;
19127
- -webkit-user-select: none;
19128
- user-select: none;
19293
+ .v-chip.v-chip--density-comfortable {
19294
+ height: calc(var(--v-chip-height) + -4px);
19129
19295
  }
19130
19296
 
19131
- .v-chip--label {
19132
- border-radius: 4px;
19133
- }.v-card {
19134
- display: block;
19135
- overflow: hidden;
19136
- overflow-wrap: break-word;
19137
- position: relative;
19138
- padding: 0;
19139
- text-decoration: none;
19140
- transition-duration: 0.28s;
19141
- transition-property: box-shadow, opacity, background;
19142
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19143
- z-index: 0;
19144
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19145
- border-style: solid;
19146
- border-width: 0;
19147
- border-radius: 4px;
19148
- }
19149
- .v-card--border {
19150
- border-width: thin;
19151
- box-shadow: none;
19152
- }
19153
- .v-card--absolute {
19154
- position: absolute;
19155
- }
19156
- .v-card--fixed {
19157
- position: fixed;
19297
+ .v-chip.v-chip--density-compact {
19298
+ height: calc(var(--v-chip-height) + -8px);
19158
19299
  }
19159
- .v-card:hover > .v-card__overlay {
19300
+
19301
+ .v-chip:hover > .v-chip__overlay {
19160
19302
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19161
19303
  }
19162
- .v-card:focus-visible > .v-card__overlay {
19304
+ .v-chip:focus-visible > .v-chip__overlay {
19163
19305
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19164
19306
  }
19165
19307
  @supports not selector(:focus-visible) {
19166
- .v-card:focus > .v-card__overlay {
19308
+ .v-chip:focus > .v-chip__overlay {
19167
19309
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19168
19310
  }
19169
19311
  }
19170
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19312
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19171
19313
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19172
19314
  }
19173
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19315
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19174
19316
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19175
19317
  }
19176
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19318
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19177
19319
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19178
19320
  }
19179
19321
  @supports not selector(:focus-visible) {
19180
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19322
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19181
19323
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19182
19324
  }
19183
19325
  }
19184
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19326
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19185
19327
  background: transparent;
19186
19328
  color: inherit;
19187
19329
  }
19188
- .v-card--variant-plain {
19189
- opacity: 0.62;
19190
- }
19191
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19192
- opacity: 1;
19193
- }
19194
- .v-card--variant-plain .v-card__overlay {
19195
- display: none;
19196
- }
19197
- .v-card--variant-elevated, .v-card--variant-flat {
19198
- background: rgb(var(--v-theme-surface));
19199
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19200
- }
19201
- .v-card--variant-elevated {
19202
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19203
- }
19204
- .v-card--variant-flat {
19205
- 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));
19206
- }
19207
- .v-card--variant-outlined {
19208
- border: thin solid currentColor;
19209
- }
19210
- .v-card--variant-text .v-card__overlay {
19211
- background: currentColor;
19212
- }
19213
- .v-card--variant-tonal .v-card__underlay {
19214
- background: currentColor;
19215
- opacity: var(--v-activated-opacity);
19216
- border-radius: inherit;
19217
- top: 0;
19218
- right: 0;
19219
- bottom: 0;
19220
- left: 0;
19221
- pointer-events: none;
19222
- }
19223
- .v-card .v-card__underlay {
19224
- position: absolute;
19225
- }
19226
- .v-card--disabled {
19227
- pointer-events: none;
19228
- -webkit-user-select: none;
19229
- user-select: none;
19230
- }
19231
- .v-card--disabled > :not(.v-card__loader) {
19232
- opacity: 0.6;
19233
- }
19234
- .v-card--flat {
19235
- box-shadow: none;
19236
- }
19237
- .v-card--hover {
19238
- cursor: pointer;
19239
- }
19240
- .v-card--hover::before, .v-card--hover::after {
19241
- border-radius: inherit;
19242
- bottom: 0;
19243
- content: "";
19244
- display: block;
19245
- left: 0;
19246
- pointer-events: none;
19247
- position: absolute;
19248
- right: 0;
19249
- top: 0;
19250
- transition: inherit;
19251
- }
19252
- .v-card--hover::before {
19253
- opacity: 1;
19254
- z-index: -1;
19255
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19256
- }
19257
- .v-card--hover::after {
19258
- z-index: 1;
19259
- opacity: 0;
19260
- 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));
19330
+ .v-chip--variant-plain {
19331
+ opacity: 0.26;
19261
19332
  }
19262
- .v-card--hover:hover::after {
19333
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19263
19334
  opacity: 1;
19264
19335
  }
19265
- .v-card--hover:hover::before {
19266
- opacity: 0;
19267
- }
19268
- .v-card--hover:hover {
19269
- 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));
19270
- }
19271
- .v-card--link {
19272
- cursor: pointer;
19273
- }
19274
-
19275
- .v-card-actions {
19276
- align-items: center;
19277
- display: flex;
19278
- flex: none;
19279
- min-height: 52px;
19280
- padding: 0.5rem;
19281
- }
19282
-
19283
- .v-card-item {
19284
- align-items: center;
19285
- display: grid;
19286
- flex: none;
19287
- grid-template-areas: "prepend content append";
19288
- grid-template-columns: max-content auto max-content;
19289
- padding: 0.625rem 1rem;
19290
- }
19291
- .v-card-item + .v-card-text {
19292
- padding-top: 0;
19293
- }
19294
- .v-card-item__prepend, .v-card-item__append {
19295
- align-items: center;
19296
- display: flex;
19297
- }
19298
- .v-card-item__prepend {
19299
- grid-area: prepend;
19300
- padding-inline-end: 0.5rem;
19301
- }
19302
- .v-card-item__append {
19303
- grid-area: append;
19304
- padding-inline-start: 0.5rem;
19305
- }
19306
-
19307
- .v-card-item__content {
19308
- align-self: center;
19309
- grid-area: content;
19310
- overflow: hidden;
19311
- }
19312
-
19313
- .v-card-title {
19314
- display: block;
19315
- flex: none;
19316
- font-size: 1.25rem;
19317
- font-weight: 500;
19318
- -webkit-hyphens: auto;
19319
- hyphens: auto;
19320
- letter-spacing: 0.0125em;
19321
- min-width: 0;
19322
- overflow-wrap: normal;
19323
- overflow: hidden;
19324
- padding: 0.5rem 1rem;
19325
- text-overflow: ellipsis;
19326
- text-transform: none;
19327
- white-space: nowrap;
19328
- word-break: normal;
19329
- word-wrap: break-word;
19336
+ .v-chip--variant-plain .v-chip__overlay {
19337
+ display: none;
19330
19338
  }
19331
- .v-card .v-card-title {
19332
- line-height: 1.6;
19339
+ .v-chip--variant-elevated, .v-chip--variant-flat {
19340
+ background: rgb(var(--v-theme-surface-variant));
19341
+ color: rgb(var(--v-theme-on-surface-variant));
19333
19342
  }
19334
- .v-card--density-comfortable .v-card-title {
19335
- line-height: 1.75rem;
19343
+ .v-chip--variant-elevated {
19344
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19336
19345
  }
19337
- .v-card--density-compact .v-card-title {
19338
- line-height: 1.55rem;
19346
+ .v-chip--variant-flat {
19347
+ 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));
19339
19348
  }
19340
- .v-card-item .v-card-title {
19341
- padding: 0;
19349
+ .v-chip--variant-outlined {
19350
+ border: thin solid currentColor;
19342
19351
  }
19343
- .v-card-title + .v-card-text,
19344
- .v-card-title + .v-card-actions {
19345
- padding-top: 0;
19352
+ .v-chip--variant-text .v-chip__overlay {
19353
+ background: currentColor;
19346
19354
  }
19347
-
19348
- .v-card-subtitle {
19349
- display: block;
19350
- flex: none;
19351
- font-size: 0.875rem;
19352
- font-weight: 400;
19353
- letter-spacing: 0.0178571429em;
19354
- opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19355
- overflow: hidden;
19356
- padding: 0 1rem;
19357
- text-overflow: ellipsis;
19358
- text-transform: none;
19359
- white-space: nowrap;
19355
+ .v-chip--variant-tonal .v-chip__underlay {
19356
+ background: currentColor;
19357
+ opacity: var(--v-activated-opacity);
19358
+ border-radius: inherit;
19359
+ top: 0;
19360
+ right: 0;
19361
+ bottom: 0;
19362
+ left: 0;
19363
+ pointer-events: none;
19360
19364
  }
19361
- .v-card .v-card-subtitle {
19362
- line-height: 1.425;
19365
+ .v-chip .v-chip__underlay {
19366
+ position: absolute;
19363
19367
  }
19364
- .v-card--density-comfortable .v-card-subtitle {
19365
- line-height: 1.125rem;
19368
+ .v-chip--border {
19369
+ border-width: thin;
19366
19370
  }
19367
- .v-card--density-compact .v-card-subtitle {
19368
- line-height: 1rem;
19371
+ .v-chip--link {
19372
+ cursor: pointer;
19369
19373
  }
19370
- .v-card-item .v-card-subtitle {
19371
- padding: 0 0 0.25rem;
19374
+ .v-chip--link, .v-chip--filter {
19375
+ -webkit-user-select: none;
19376
+ user-select: none;
19372
19377
  }
19373
-
19374
- .v-card-text {
19375
- flex: 1 1 auto;
19376
- font-size: 0.875rem;
19377
- font-weight: 400;
19378
- letter-spacing: 0.0178571429em;
19379
- opacity: var(--v-card-text-opacity, 1);
19380
- padding: 1rem;
19381
- text-transform: none;
19378
+ .v-chip--label {
19379
+ border-radius: 4px;
19382
19380
  }
19383
- .v-card .v-card-text {
19384
- line-height: 1.425;
19381
+
19382
+ .v-chip__content {
19383
+ align-items: center;
19384
+ display: inline-flex;
19385
19385
  }
19386
- .v-card--density-comfortable .v-card-text {
19387
- line-height: 1.2rem;
19386
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19387
+ overflow: hidden;
19388
19388
  }
19389
- .v-card--density-compact .v-card-text {
19390
- line-height: 1.15rem;
19389
+
19390
+ .v-chip__filter,
19391
+ .v-chip__prepend,
19392
+ .v-chip__append,
19393
+ .v-chip__close {
19394
+ align-items: center;
19395
+ display: inline-flex;
19391
19396
  }
19392
19397
 
19393
- .v-card__image {
19394
- display: flex;
19395
- height: 100%;
19396
- flex: 1 1 auto;
19397
- left: 0;
19398
- overflow: hidden;
19399
- position: absolute;
19400
- top: 0;
19401
- width: 100%;
19402
- z-index: -1;
19398
+ .v-chip__close {
19399
+ cursor: pointer;
19400
+ flex: 0 1 auto;
19401
+ font-size: 18px;
19402
+ max-height: 18px;
19403
+ max-width: 18px;
19404
+ -webkit-user-select: none;
19405
+ user-select: none;
19406
+ }
19407
+ .v-chip__close .v-icon {
19408
+ font-size: inherit;
19403
19409
  }
19404
19410
 
19405
- .v-card__content {
19406
- border-radius: inherit;
19407
- overflow: hidden;
19408
- position: relative;
19411
+ .v-chip__filter {
19412
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19409
19413
  }
19410
19414
 
19411
- .v-card__loader {
19412
- bottom: auto;
19415
+ .v-chip__overlay {
19416
+ position: absolute;
19413
19417
  top: 0;
19414
19418
  left: 0;
19415
- position: absolute;
19416
- right: 0;
19417
19419
  width: 100%;
19418
- z-index: 1;
19419
- }
19420
-
19421
- .v-card__overlay {
19420
+ height: 100%;
19422
19421
  background-color: currentColor;
19423
19422
  border-radius: inherit;
19424
- position: absolute;
19425
- top: 0;
19426
- right: 0;
19427
- bottom: 0;
19428
- left: 0;
19429
19423
  pointer-events: none;
19430
19424
  opacity: 0;
19431
19425
  transition: opacity 0.2s ease-in-out;
19432
- }.v-checkbox.v-input {
19433
- flex: 0 1 auto;
19434
19426
  }
19435
- .v-checkbox .v-selection-control {
19436
- min-height: var(--v-input-control-height);
19427
+
19428
+ .v-chip--disabled {
19429
+ opacity: 0.3;
19430
+ pointer-events: none;
19431
+ -webkit-user-select: none;
19432
+ user-select: none;
19433
+ }
19434
+
19435
+ .v-chip--label {
19436
+ border-radius: 4px;
19437
19437
  }.v-chip-group {
19438
19438
  display: flex;
19439
19439
  max-width: 100%;
@@ -19776,67 +19776,6 @@ html.overflow-y-hidden {
19776
19776
  }
19777
19777
  .v-data-table-footer__page {
19778
19778
  padding: 0 8px;
19779
- }.v-date-picker {
19780
- overflow: hidden;
19781
- width: 328px;
19782
- }
19783
- .v-date-picker--show-week {
19784
- width: 368px;
19785
- }.v-date-picker-month {
19786
- display: flex;
19787
- justify-content: center;
19788
- padding: 0 12px 8px;
19789
- --v-date-picker-month-day-diff: 4px;
19790
- }
19791
-
19792
- .v-date-picker-month__weeks {
19793
- display: grid;
19794
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19795
- column-gap: 4px;
19796
- font-size: 0.85rem;
19797
- }
19798
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19799
- grid-row-gap: 0;
19800
- }
19801
-
19802
- .v-date-picker-month__weekday {
19803
- font-size: 0.85rem;
19804
- }
19805
-
19806
- .v-date-picker-month__days {
19807
- display: grid;
19808
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19809
- column-gap: 4px;
19810
- flex: 1 1;
19811
- justify-content: space-around;
19812
- }
19813
-
19814
- .v-date-picker-month__day {
19815
- align-items: center;
19816
- display: flex;
19817
- justify-content: center;
19818
- position: relative;
19819
- height: 40px;
19820
- width: 40px;
19821
- }
19822
- .v-date-picker-month__day--selected .v-btn {
19823
- background-color: rgb(var(--v-theme-surface-variant));
19824
- color: rgb(var(--v-theme-on-surface-variant));
19825
- }
19826
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19827
- --v-btn-height: 24px;
19828
- --v-btn-size: 0.85rem;
19829
- }
19830
- .v-date-picker-month__day--week {
19831
- font-size: var(--v-btn-size);
19832
- }
19833
-
19834
- .v-date-picker-month__day--adjacent {
19835
- opacity: 0.5;
19836
- }
19837
-
19838
- .v-date-picker-month__day--hide-adjacent {
19839
- opacity: 0;
19840
19779
  }.v-date-picker-controls {
19841
19780
  display: flex;
19842
19781
  align-items: center;
@@ -19893,6 +19832,12 @@ html.overflow-y-hidden {
19893
19832
 
19894
19833
  .v-date-picker__title {
19895
19834
  display: inline-block;
19835
+ }.v-date-picker {
19836
+ overflow: hidden;
19837
+ width: 328px;
19838
+ }
19839
+ .v-date-picker--show-week {
19840
+ width: 368px;
19896
19841
  }.v-date-picker-header {
19897
19842
  align-items: flex-end;
19898
19843
  height: 70px;
@@ -19924,35 +19869,90 @@ html.overflow-y-hidden {
19924
19869
  .v-date-picker-header--clickable .v-date-picker-header__content {
19925
19870
  cursor: pointer;
19926
19871
  }
19927
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19928
- opacity: 0.7;
19872
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19873
+ opacity: 0.7;
19874
+ }
19875
+
19876
+ .date-picker-header-transition-enter-active,
19877
+ .date-picker-header-reverse-transition-enter-active {
19878
+ transition-duration: 0.3s;
19879
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19880
+ }
19881
+ .date-picker-header-transition-leave-active,
19882
+ .date-picker-header-reverse-transition-leave-active {
19883
+ transition-duration: 0.3s;
19884
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19885
+ }
19886
+
19887
+ .date-picker-header-transition-enter-from {
19888
+ transform: translate(0, 100%);
19889
+ }
19890
+ .date-picker-header-transition-leave-to {
19891
+ opacity: 0;
19892
+ transform: translate(0, -100%);
19893
+ }
19894
+
19895
+ .date-picker-header-reverse-transition-enter-from {
19896
+ transform: translate(0, -100%);
19897
+ }
19898
+ .date-picker-header-reverse-transition-leave-to {
19899
+ opacity: 0;
19900
+ transform: translate(0, 100%);
19901
+ }.v-date-picker-month {
19902
+ display: flex;
19903
+ justify-content: center;
19904
+ padding: 0 12px 8px;
19905
+ --v-date-picker-month-day-diff: 4px;
19906
+ }
19907
+
19908
+ .v-date-picker-month__weeks {
19909
+ display: grid;
19910
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19911
+ column-gap: 4px;
19912
+ font-size: 0.85rem;
19913
+ }
19914
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19915
+ grid-row-gap: 0;
19929
19916
  }
19930
19917
 
19931
- .date-picker-header-transition-enter-active,
19932
- .date-picker-header-reverse-transition-enter-active {
19933
- transition-duration: 0.3s;
19934
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19918
+ .v-date-picker-month__weekday {
19919
+ font-size: 0.85rem;
19935
19920
  }
19936
- .date-picker-header-transition-leave-active,
19937
- .date-picker-header-reverse-transition-leave-active {
19938
- transition-duration: 0.3s;
19939
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19921
+
19922
+ .v-date-picker-month__days {
19923
+ display: grid;
19924
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19925
+ column-gap: 4px;
19926
+ flex: 1 1;
19927
+ justify-content: space-around;
19940
19928
  }
19941
19929
 
19942
- .date-picker-header-transition-enter-from {
19943
- transform: translate(0, 100%);
19930
+ .v-date-picker-month__day {
19931
+ align-items: center;
19932
+ display: flex;
19933
+ justify-content: center;
19934
+ position: relative;
19935
+ height: 40px;
19936
+ width: 40px;
19944
19937
  }
19945
- .date-picker-header-transition-leave-to {
19946
- opacity: 0;
19947
- transform: translate(0, -100%);
19938
+ .v-date-picker-month__day--selected .v-btn {
19939
+ background-color: rgb(var(--v-theme-surface-variant));
19940
+ color: rgb(var(--v-theme-on-surface-variant));
19941
+ }
19942
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19943
+ --v-btn-height: 24px;
19944
+ --v-btn-size: 0.85rem;
19945
+ }
19946
+ .v-date-picker-month__day--week {
19947
+ font-size: var(--v-btn-size);
19948
19948
  }
19949
19949
 
19950
- .date-picker-header-reverse-transition-enter-from {
19951
- transform: translate(0, -100%);
19950
+ .v-date-picker-month__day--adjacent {
19951
+ opacity: 0.5;
19952
19952
  }
19953
- .date-picker-header-reverse-transition-leave-to {
19953
+
19954
+ .v-date-picker-month__day--hide-adjacent {
19954
19955
  opacity: 0;
19955
- transform: translate(0, 100%);
19956
19956
  }.v-date-picker-months {
19957
19957
  height: 288px;
19958
19958
  }
@@ -20129,75 +20129,6 @@ html.overflow-y-hidden {
20129
20129
  }
20130
20130
  .v-divider__wrapper--vertical .v-divider {
20131
20131
  margin: 0 auto;
20132
- }.v-fab {
20133
- align-items: center;
20134
- display: inline-flex;
20135
- flex: 1 1 auto;
20136
- pointer-events: none;
20137
- position: relative;
20138
- transition-duration: 0.2s;
20139
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20140
- vertical-align: middle;
20141
- }
20142
- .v-fab .v-btn {
20143
- pointer-events: auto;
20144
- }
20145
- .v-fab .v-btn--variant-elevated {
20146
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20147
- }
20148
- .v-fab--app, .v-fab--absolute {
20149
- display: flex;
20150
- }
20151
- .v-fab--start, .v-fab--left {
20152
- justify-content: flex-start;
20153
- }
20154
- .v-fab--center {
20155
- align-items: center;
20156
- justify-content: center;
20157
- }
20158
- .v-fab--end, .v-fab--right {
20159
- justify-content: flex-end;
20160
- }
20161
- .v-fab--bottom {
20162
- align-items: flex-end;
20163
- }
20164
- .v-fab--top {
20165
- align-items: flex-start;
20166
- }
20167
- .v-fab--extended .v-btn {
20168
- border-radius: 9999px !important;
20169
- }
20170
-
20171
- .v-fab__container {
20172
- align-self: center;
20173
- display: inline-flex;
20174
- position: absolute;
20175
- vertical-align: middle;
20176
- }
20177
- .v-fab--app .v-fab__container {
20178
- margin: 12px;
20179
- }
20180
- .v-fab--absolute .v-fab__container {
20181
- position: absolute;
20182
- z-index: 4;
20183
- }
20184
- .v-fab--offset.v-fab--top .v-fab__container {
20185
- transform: translateY(-50%);
20186
- }
20187
- .v-fab--offset.v-fab--bottom .v-fab__container {
20188
- transform: translateY(50%);
20189
- }
20190
- .v-fab--top .v-fab__container {
20191
- top: 0;
20192
- }
20193
- .v-fab--bottom .v-fab__container {
20194
- bottom: 0;
20195
- }
20196
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20197
- left: 0;
20198
- }
20199
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20200
- right: 0;
20201
20132
  }.v-empty-state {
20202
20133
  align-items: center;
20203
20134
  display: flex;
@@ -20475,6 +20406,75 @@ html.overflow-y-hidden {
20475
20406
  }
20476
20407
  .v-expansion-panels--tile > .v-expansion-panel {
20477
20408
  border-radius: 0;
20409
+ }.v-fab {
20410
+ align-items: center;
20411
+ display: inline-flex;
20412
+ flex: 1 1 auto;
20413
+ pointer-events: none;
20414
+ position: relative;
20415
+ transition-duration: 0.2s;
20416
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20417
+ vertical-align: middle;
20418
+ }
20419
+ .v-fab .v-btn {
20420
+ pointer-events: auto;
20421
+ }
20422
+ .v-fab .v-btn--variant-elevated {
20423
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20424
+ }
20425
+ .v-fab--app, .v-fab--absolute {
20426
+ display: flex;
20427
+ }
20428
+ .v-fab--start, .v-fab--left {
20429
+ justify-content: flex-start;
20430
+ }
20431
+ .v-fab--center {
20432
+ align-items: center;
20433
+ justify-content: center;
20434
+ }
20435
+ .v-fab--end, .v-fab--right {
20436
+ justify-content: flex-end;
20437
+ }
20438
+ .v-fab--bottom {
20439
+ align-items: flex-end;
20440
+ }
20441
+ .v-fab--top {
20442
+ align-items: flex-start;
20443
+ }
20444
+ .v-fab--extended .v-btn {
20445
+ border-radius: 9999px !important;
20446
+ }
20447
+
20448
+ .v-fab__container {
20449
+ align-self: center;
20450
+ display: inline-flex;
20451
+ position: absolute;
20452
+ vertical-align: middle;
20453
+ }
20454
+ .v-fab--app .v-fab__container {
20455
+ margin: 12px;
20456
+ }
20457
+ .v-fab--absolute .v-fab__container {
20458
+ position: absolute;
20459
+ z-index: 4;
20460
+ }
20461
+ .v-fab--offset.v-fab--top .v-fab__container {
20462
+ transform: translateY(-50%);
20463
+ }
20464
+ .v-fab--offset.v-fab--bottom .v-fab__container {
20465
+ transform: translateY(50%);
20466
+ }
20467
+ .v-fab--top .v-fab__container {
20468
+ top: 0;
20469
+ }
20470
+ .v-fab--bottom .v-fab__container {
20471
+ bottom: 0;
20472
+ }
20473
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20474
+ left: 0;
20475
+ }
20476
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20477
+ right: 0;
20478
20478
  }/* region INPUT */
20479
20479
  .v-field {
20480
20480
  --v-theme-overlay-multiplier: 1;
@@ -21075,6 +21075,34 @@ textarea.v-field__input::placeholder {
21075
21075
  }
21076
21076
  .v-input--plain-underlined.v-file-input .v-input__details {
21077
21077
  padding-inline: 0;
21078
+ }.v-footer {
21079
+ align-items: center;
21080
+ display: flex;
21081
+ flex: 1 1 auto;
21082
+ padding: 8px 16px;
21083
+ position: relative;
21084
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21085
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21086
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21087
+ border-style: solid;
21088
+ border-width: 0;
21089
+ 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));
21090
+ border-radius: 0;
21091
+ background: rgb(var(--v-theme-surface));
21092
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21093
+ }
21094
+ .v-footer--border {
21095
+ border-width: thin;
21096
+ box-shadow: none;
21097
+ }
21098
+ .v-footer--absolute {
21099
+ position: absolute;
21100
+ }
21101
+ .v-footer--fixed {
21102
+ position: fixed;
21103
+ }
21104
+ .v-footer--rounded {
21105
+ border-radius: 4px;
21078
21106
  }.v-container {
21079
21107
  width: 100%;
21080
21108
  padding: 16px;
@@ -21739,42 +21767,14 @@ textarea.v-field__input::placeholder {
21739
21767
  margin-inline-start: 66.6666666667%;
21740
21768
  }
21741
21769
  .offset-xxl-9 {
21742
- margin-inline-start: 75%;
21743
- }
21744
- .offset-xxl-10 {
21745
- margin-inline-start: 83.3333333333%;
21746
- }
21747
- .offset-xxl-11 {
21748
- margin-inline-start: 91.6666666667%;
21749
- }
21750
- }.v-footer {
21751
- align-items: center;
21752
- display: flex;
21753
- flex: 1 1 auto;
21754
- padding: 8px 16px;
21755
- position: relative;
21756
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21757
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21758
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21759
- border-style: solid;
21760
- border-width: 0;
21761
- 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));
21762
- border-radius: 0;
21763
- background: rgb(var(--v-theme-surface));
21764
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21765
- }
21766
- .v-footer--border {
21767
- border-width: thin;
21768
- box-shadow: none;
21769
- }
21770
- .v-footer--absolute {
21771
- position: absolute;
21772
- }
21773
- .v-footer--fixed {
21774
- position: fixed;
21775
- }
21776
- .v-footer--rounded {
21777
- border-radius: 4px;
21770
+ margin-inline-start: 75%;
21771
+ }
21772
+ .offset-xxl-10 {
21773
+ margin-inline-start: 83.3333333333%;
21774
+ }
21775
+ .offset-xxl-11 {
21776
+ margin-inline-start: 91.6666666667%;
21777
+ }
21778
21778
  }.v-icon {
21779
21779
  --v-icon-size-multiplier: 1;
21780
21780
  align-items: center;
@@ -22623,6 +22623,8 @@ textarea.v-field__input::placeholder {
22623
22623
  }
22624
22624
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22625
22625
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22626
+ }.v-locale-provider {
22627
+ display: contents;
22626
22628
  }.v-main {
22627
22629
  flex: 1 0 auto;
22628
22630
  max-width: 100%;
@@ -22680,8 +22682,6 @@ textarea.v-field__input::placeholder {
22680
22682
  -webkit-hyphens: auto;
22681
22683
  hyphens: auto;
22682
22684
  transition-duration: 150ms;
22683
- }.v-locale-provider {
22684
- display: contents;
22685
22685
  }.v-navigation-drawer {
22686
22686
  -webkit-overflow-scrolling: touch;
22687
22687
  background: rgb(var(--v-theme-surface));
@@ -22917,6 +22917,108 @@ html.v-overlay-scroll-blocked {
22917
22917
  }
22918
22918
  .v-parallax--active > .v-img__img {
22919
22919
  will-change: transform;
22920
+ }.v-progress-circular {
22921
+ align-items: center;
22922
+ display: inline-flex;
22923
+ justify-content: center;
22924
+ position: relative;
22925
+ vertical-align: middle;
22926
+ }
22927
+ .v-progress-circular > svg {
22928
+ width: 100%;
22929
+ height: 100%;
22930
+ margin: auto;
22931
+ position: absolute;
22932
+ top: 0;
22933
+ bottom: 0;
22934
+ left: 0;
22935
+ right: 0;
22936
+ z-index: 0;
22937
+ }
22938
+
22939
+ .v-progress-circular__content {
22940
+ align-items: center;
22941
+ display: flex;
22942
+ justify-content: center;
22943
+ }
22944
+
22945
+ .v-progress-circular__underlay {
22946
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22947
+ stroke: currentColor;
22948
+ z-index: 1;
22949
+ }
22950
+
22951
+ .v-progress-circular__overlay {
22952
+ stroke: currentColor;
22953
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22954
+ z-index: 2;
22955
+ }
22956
+
22957
+ .v-progress-circular--size-x-small {
22958
+ height: 16px;
22959
+ width: 16px;
22960
+ }
22961
+ .v-progress-circular--size-small {
22962
+ height: 24px;
22963
+ width: 24px;
22964
+ }
22965
+ .v-progress-circular--size-default {
22966
+ height: 32px;
22967
+ width: 32px;
22968
+ }
22969
+ .v-progress-circular--size-large {
22970
+ height: 48px;
22971
+ width: 48px;
22972
+ }
22973
+ .v-progress-circular--size-x-large {
22974
+ height: 64px;
22975
+ width: 64px;
22976
+ }
22977
+
22978
+ .v-progress-circular--indeterminate > svg {
22979
+ animation: progress-circular-rotate 1.4s linear infinite;
22980
+ transform-origin: center center;
22981
+ transition: all 0.2s ease-in-out;
22982
+ }
22983
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22984
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22985
+ stroke-dasharray: 25, 200;
22986
+ stroke-dashoffset: 0;
22987
+ stroke-linecap: round;
22988
+ transform-origin: center center;
22989
+ transform: rotate(-90deg);
22990
+ }
22991
+
22992
+ .v-progress-circular--disable-shrink > svg {
22993
+ animation-duration: 0.7s;
22994
+ }
22995
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22996
+ animation: none;
22997
+ }
22998
+
22999
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23000
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23001
+ animation-play-state: paused !important;
23002
+ }
23003
+
23004
+ @keyframes progress-circular-dash {
23005
+ 0% {
23006
+ stroke-dasharray: 1, 200;
23007
+ stroke-dashoffset: 0px;
23008
+ }
23009
+ 50% {
23010
+ stroke-dasharray: 100, 200;
23011
+ stroke-dashoffset: -15px;
23012
+ }
23013
+ 100% {
23014
+ stroke-dasharray: 100, 200;
23015
+ stroke-dashoffset: -124px;
23016
+ }
23017
+ }
23018
+ @keyframes progress-circular-rotate {
23019
+ 100% {
23020
+ transform: rotate(270deg);
23021
+ }
22920
23022
  }.v-progress-linear {
22921
23023
  background: transparent;
22922
23024
  overflow: hidden;
@@ -23042,193 +23144,91 @@ html.v-overlay-scroll-blocked {
23042
23144
  .v-progress-linear--striped .v-progress-linear__determinate {
23043
23145
  animation: progress-linear-stripes 1s infinite linear;
23044
23146
  background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
23045
- background-repeat: repeat;
23046
- background-size: var(--v-progress-linear-height);
23047
- }
23048
-
23049
- .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
23050
- animation-play-state: running;
23051
- }
23052
- .v-progress-linear--active .v-progress-linear__stream {
23053
- animation-play-state: running;
23054
- }
23055
-
23056
- .v-progress-linear--rounded-bar .v-progress-linear__determinate,
23057
- .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
23058
- .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
23059
- border-radius: 9999px;
23060
- }
23061
- .v-progress-linear--rounded-bar .v-progress-linear__determinate {
23062
- border-start-start-radius: 0;
23063
- border-end-start-radius: 0;
23064
- }
23065
-
23066
- @keyframes indeterminate-ltr {
23067
- 0% {
23068
- left: -90%;
23069
- right: 100%;
23070
- }
23071
- 60% {
23072
- left: -90%;
23073
- right: 100%;
23074
- }
23075
- 100% {
23076
- left: 100%;
23077
- right: -35%;
23078
- }
23079
- }
23080
- @keyframes indeterminate-rtl {
23081
- 0% {
23082
- left: 100%;
23083
- right: -90%;
23084
- }
23085
- 60% {
23086
- left: 100%;
23087
- right: -90%;
23088
- }
23089
- 100% {
23090
- left: -35%;
23091
- right: 100%;
23092
- }
23093
- }
23094
- @keyframes indeterminate-short-ltr {
23095
- 0% {
23096
- left: -200%;
23097
- right: 100%;
23098
- }
23099
- 60% {
23100
- left: 107%;
23101
- right: -8%;
23102
- }
23103
- 100% {
23104
- left: 107%;
23105
- right: -8%;
23106
- }
23107
- }
23108
- @keyframes indeterminate-short-rtl {
23109
- 0% {
23110
- left: 100%;
23111
- right: -200%;
23112
- }
23113
- 60% {
23114
- left: -8%;
23115
- right: 107%;
23116
- }
23117
- 100% {
23118
- left: -8%;
23119
- right: 107%;
23120
- }
23121
- }
23122
- @keyframes stream {
23123
- to {
23124
- transform: translateX(var(--v-progress-linear-stream-to));
23125
- }
23126
- }
23127
- @keyframes progress-linear-stripes {
23128
- 0% {
23129
- background-position-x: var(--v-progress-linear-height);
23130
- }
23131
- }.v-progress-circular {
23132
- align-items: center;
23133
- display: inline-flex;
23134
- justify-content: center;
23135
- position: relative;
23136
- vertical-align: middle;
23137
- }
23138
- .v-progress-circular > svg {
23139
- width: 100%;
23140
- height: 100%;
23141
- margin: auto;
23142
- position: absolute;
23143
- top: 0;
23144
- bottom: 0;
23145
- left: 0;
23146
- right: 0;
23147
- z-index: 0;
23148
- }
23149
-
23150
- .v-progress-circular__content {
23151
- align-items: center;
23152
- display: flex;
23153
- justify-content: center;
23154
- }
23155
-
23156
- .v-progress-circular__underlay {
23157
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23158
- stroke: currentColor;
23159
- z-index: 1;
23160
- }
23161
-
23162
- .v-progress-circular__overlay {
23163
- stroke: currentColor;
23164
- transition: all 0.2s ease-in-out, stroke-width 0s;
23165
- z-index: 2;
23166
- }
23167
-
23168
- .v-progress-circular--size-x-small {
23169
- height: 16px;
23170
- width: 16px;
23171
- }
23172
- .v-progress-circular--size-small {
23173
- height: 24px;
23174
- width: 24px;
23175
- }
23176
- .v-progress-circular--size-default {
23177
- height: 32px;
23178
- width: 32px;
23179
- }
23180
- .v-progress-circular--size-large {
23181
- height: 48px;
23182
- width: 48px;
23183
- }
23184
- .v-progress-circular--size-x-large {
23185
- height: 64px;
23186
- width: 64px;
23147
+ background-repeat: repeat;
23148
+ background-size: var(--v-progress-linear-height);
23187
23149
  }
23188
23150
 
23189
- .v-progress-circular--indeterminate > svg {
23190
- animation: progress-circular-rotate 1.4s linear infinite;
23191
- transform-origin: center center;
23192
- transition: all 0.2s ease-in-out;
23151
+ .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
23152
+ animation-play-state: running;
23193
23153
  }
23194
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23195
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23196
- stroke-dasharray: 25, 200;
23197
- stroke-dashoffset: 0;
23198
- stroke-linecap: round;
23199
- transform-origin: center center;
23200
- transform: rotate(-90deg);
23154
+ .v-progress-linear--active .v-progress-linear__stream {
23155
+ animation-play-state: running;
23201
23156
  }
23202
23157
 
23203
- .v-progress-circular--disable-shrink > svg {
23204
- animation-duration: 0.7s;
23158
+ .v-progress-linear--rounded-bar .v-progress-linear__determinate,
23159
+ .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
23160
+ .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
23161
+ border-radius: 9999px;
23205
23162
  }
23206
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23207
- animation: none;
23163
+ .v-progress-linear--rounded-bar .v-progress-linear__determinate {
23164
+ border-start-start-radius: 0;
23165
+ border-end-start-radius: 0;
23208
23166
  }
23209
23167
 
23210
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23211
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23212
- animation-play-state: paused !important;
23168
+ @keyframes indeterminate-ltr {
23169
+ 0% {
23170
+ left: -90%;
23171
+ right: 100%;
23172
+ }
23173
+ 60% {
23174
+ left: -90%;
23175
+ right: 100%;
23176
+ }
23177
+ 100% {
23178
+ left: 100%;
23179
+ right: -35%;
23180
+ }
23213
23181
  }
23214
-
23215
- @keyframes progress-circular-dash {
23182
+ @keyframes indeterminate-rtl {
23216
23183
  0% {
23217
- stroke-dasharray: 1, 200;
23218
- stroke-dashoffset: 0px;
23184
+ left: 100%;
23185
+ right: -90%;
23219
23186
  }
23220
- 50% {
23221
- stroke-dasharray: 100, 200;
23222
- stroke-dashoffset: -15px;
23187
+ 60% {
23188
+ left: 100%;
23189
+ right: -90%;
23223
23190
  }
23224
23191
  100% {
23225
- stroke-dasharray: 100, 200;
23226
- stroke-dashoffset: -124px;
23192
+ left: -35%;
23193
+ right: 100%;
23227
23194
  }
23228
23195
  }
23229
- @keyframes progress-circular-rotate {
23196
+ @keyframes indeterminate-short-ltr {
23197
+ 0% {
23198
+ left: -200%;
23199
+ right: 100%;
23200
+ }
23201
+ 60% {
23202
+ left: 107%;
23203
+ right: -8%;
23204
+ }
23230
23205
  100% {
23231
- transform: rotate(270deg);
23206
+ left: 107%;
23207
+ right: -8%;
23208
+ }
23209
+ }
23210
+ @keyframes indeterminate-short-rtl {
23211
+ 0% {
23212
+ left: 100%;
23213
+ right: -200%;
23214
+ }
23215
+ 60% {
23216
+ left: -8%;
23217
+ right: 107%;
23218
+ }
23219
+ 100% {
23220
+ left: -8%;
23221
+ right: 107%;
23222
+ }
23223
+ }
23224
+ @keyframes stream {
23225
+ to {
23226
+ transform: translateX(var(--v-progress-linear-stream-to));
23227
+ }
23228
+ }
23229
+ @keyframes progress-linear-stripes {
23230
+ 0% {
23231
+ background-position-x: var(--v-progress-linear-height);
23232
23232
  }
23233
23233
  }.v-radio-group > .v-input__control {
23234
23234
  flex-direction: column;
@@ -23536,6 +23536,34 @@ html.v-overlay-scroll-blocked {
23536
23536
  .v-selection-control-group--inline {
23537
23537
  flex-direction: row;
23538
23538
  flex-wrap: wrap;
23539
+ }.v-sheet {
23540
+ display: block;
23541
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23542
+ border-style: solid;
23543
+ border-width: 0;
23544
+ 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));
23545
+ border-radius: 0;
23546
+ background: rgb(var(--v-theme-surface));
23547
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23548
+ }
23549
+ .v-sheet--border {
23550
+ border-width: thin;
23551
+ box-shadow: none;
23552
+ }
23553
+ .v-sheet--absolute {
23554
+ position: absolute;
23555
+ }
23556
+ .v-sheet--fixed {
23557
+ position: fixed;
23558
+ }
23559
+ .v-sheet--relative {
23560
+ position: relative;
23561
+ }
23562
+ .v-sheet--sticky {
23563
+ position: sticky;
23564
+ }
23565
+ .v-sheet--rounded {
23566
+ border-radius: 4px;
23539
23567
  }.v-skeleton-loader {
23540
23568
  align-items: center;
23541
23569
  background: rgb(var(--v-theme-surface));
@@ -23759,34 +23787,6 @@ html.v-overlay-scroll-blocked {
23759
23787
  100% {
23760
23788
  transform: translateX(100%);
23761
23789
  }
23762
- }.v-sheet {
23763
- display: block;
23764
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23765
- border-style: solid;
23766
- border-width: 0;
23767
- 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));
23768
- border-radius: 0;
23769
- background: rgb(var(--v-theme-surface));
23770
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23771
- }
23772
- .v-sheet--border {
23773
- border-width: thin;
23774
- box-shadow: none;
23775
- }
23776
- .v-sheet--absolute {
23777
- position: absolute;
23778
- }
23779
- .v-sheet--fixed {
23780
- position: fixed;
23781
- }
23782
- .v-sheet--relative {
23783
- position: relative;
23784
- }
23785
- .v-sheet--sticky {
23786
- position: sticky;
23787
- }
23788
- .v-sheet--rounded {
23789
- border-radius: 4px;
23790
23790
  }.v-slide-group {
23791
23791
  display: flex;
23792
23792
  overflow: hidden;
@@ -24394,108 +24394,13 @@ html.v-overlay-scroll-blocked {
24394
24394
  position: fixed;
24395
24395
  }
24396
24396
  .v-system-bar--rounded {
24397
- border-radius: 0;
24398
- }
24399
- .v-system-bar--window {
24400
- height: 32px;
24401
- }
24402
- .v-system-bar:not(.v-system-bar--absolute) {
24403
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24404
- }.v-tab.v-tab.v-btn {
24405
- height: var(--v-tabs-height);
24406
- border-radius: 0;
24407
- min-width: 90px;
24408
- }
24409
- .v-slide-group--horizontal .v-tab {
24410
- max-width: 360px;
24411
- }
24412
- .v-slide-group--vertical .v-tab {
24413
- justify-content: start;
24414
- }
24415
-
24416
- .v-tab__slider {
24417
- position: absolute;
24418
- bottom: 0;
24419
- left: 0;
24420
- height: 2px;
24421
- width: 100%;
24422
- background: currentColor;
24423
- pointer-events: none;
24424
- opacity: 0;
24425
- }
24426
- .v-tab--selected .v-tab__slider {
24427
- opacity: 1;
24428
- }
24429
- .v-slide-group--vertical .v-tab__slider {
24430
- top: 0;
24431
- height: 100%;
24432
- width: 2px;
24433
- }.v-tabs {
24434
- display: flex;
24435
- height: var(--v-tabs-height);
24436
- }
24437
- .v-tabs--density-default {
24438
- --v-tabs-height: 48px;
24439
- }
24440
- .v-tabs--density-default.v-tabs--stacked {
24441
- --v-tabs-height: 72px;
24442
- }
24443
-
24444
- .v-tabs--density-comfortable {
24445
- --v-tabs-height: 44px;
24446
- }
24447
- .v-tabs--density-comfortable.v-tabs--stacked {
24448
- --v-tabs-height: 68px;
24449
- }
24450
-
24451
- .v-tabs--density-compact {
24452
- --v-tabs-height: 36px;
24453
- }
24454
- .v-tabs--density-compact.v-tabs--stacked {
24455
- --v-tabs-height: 60px;
24456
- }
24457
-
24458
- .v-tabs.v-slide-group--vertical {
24459
- height: auto;
24460
- flex: none;
24461
- --v-tabs-height: 48px;
24462
- }
24463
-
24464
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24465
- margin-inline-start: 42px;
24466
- }
24467
-
24468
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24469
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24470
- margin-inline-end: auto;
24471
- }
24472
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24473
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24474
- margin-inline-start: auto;
24475
- }
24476
-
24477
- .v-tabs--grow {
24478
- flex-grow: 1;
24479
- }
24480
- .v-tabs--grow .v-tab {
24481
- flex: 1 0 auto;
24482
- max-width: none;
24483
- }
24484
-
24485
- .v-tabs--align-tabs-end .v-tab:first-child {
24486
- margin-inline-start: auto;
24487
- }
24488
- .v-tabs--align-tabs-end .v-tab:last-child {
24489
- margin-inline-end: 0;
24490
- }
24491
-
24492
- @media (max-width: 1279.98px) {
24493
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24494
- margin-inline-start: 52px;
24495
- }
24496
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24497
- margin-inline-end: 52px;
24498
- }
24397
+ border-radius: 0;
24398
+ }
24399
+ .v-system-bar--window {
24400
+ height: 32px;
24401
+ }
24402
+ .v-system-bar:not(.v-system-bar--absolute) {
24403
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24499
24404
  }.v-table {
24500
24405
  background: rgb(var(--v-theme-surface));
24501
24406
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24634,6 +24539,101 @@ html.v-overlay-scroll-blocked {
24634
24539
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24635
24540
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24636
24541
  border-top: 0px !important;
24542
+ }.v-tab.v-tab.v-btn {
24543
+ height: var(--v-tabs-height);
24544
+ border-radius: 0;
24545
+ min-width: 90px;
24546
+ }
24547
+ .v-slide-group--horizontal .v-tab {
24548
+ max-width: 360px;
24549
+ }
24550
+ .v-slide-group--vertical .v-tab {
24551
+ justify-content: start;
24552
+ }
24553
+
24554
+ .v-tab__slider {
24555
+ position: absolute;
24556
+ bottom: 0;
24557
+ left: 0;
24558
+ height: 2px;
24559
+ width: 100%;
24560
+ background: currentColor;
24561
+ pointer-events: none;
24562
+ opacity: 0;
24563
+ }
24564
+ .v-tab--selected .v-tab__slider {
24565
+ opacity: 1;
24566
+ }
24567
+ .v-slide-group--vertical .v-tab__slider {
24568
+ top: 0;
24569
+ height: 100%;
24570
+ width: 2px;
24571
+ }.v-tabs {
24572
+ display: flex;
24573
+ height: var(--v-tabs-height);
24574
+ }
24575
+ .v-tabs--density-default {
24576
+ --v-tabs-height: 48px;
24577
+ }
24578
+ .v-tabs--density-default.v-tabs--stacked {
24579
+ --v-tabs-height: 72px;
24580
+ }
24581
+
24582
+ .v-tabs--density-comfortable {
24583
+ --v-tabs-height: 44px;
24584
+ }
24585
+ .v-tabs--density-comfortable.v-tabs--stacked {
24586
+ --v-tabs-height: 68px;
24587
+ }
24588
+
24589
+ .v-tabs--density-compact {
24590
+ --v-tabs-height: 36px;
24591
+ }
24592
+ .v-tabs--density-compact.v-tabs--stacked {
24593
+ --v-tabs-height: 60px;
24594
+ }
24595
+
24596
+ .v-tabs.v-slide-group--vertical {
24597
+ height: auto;
24598
+ flex: none;
24599
+ --v-tabs-height: 48px;
24600
+ }
24601
+
24602
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24603
+ margin-inline-start: 42px;
24604
+ }
24605
+
24606
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24607
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24608
+ margin-inline-end: auto;
24609
+ }
24610
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24611
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24612
+ margin-inline-start: auto;
24613
+ }
24614
+
24615
+ .v-tabs--grow {
24616
+ flex-grow: 1;
24617
+ }
24618
+ .v-tabs--grow .v-tab {
24619
+ flex: 1 0 auto;
24620
+ max-width: none;
24621
+ }
24622
+
24623
+ .v-tabs--align-tabs-end .v-tab:first-child {
24624
+ margin-inline-start: auto;
24625
+ }
24626
+ .v-tabs--align-tabs-end .v-tab:last-child {
24627
+ margin-inline-end: 0;
24628
+ }
24629
+
24630
+ @media (max-width: 1279.98px) {
24631
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24632
+ margin-inline-start: 52px;
24633
+ }
24634
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24635
+ margin-inline-end: 52px;
24636
+ }
24637
24637
  }.v-textarea .v-field {
24638
24638
  --v-textarea-control-height: var(--v-input-control-height);
24639
24639
  }
@@ -25535,68 +25535,227 @@ html.v-overlay-scroll-blocked {
25535
25535
  display: none;
25536
25536
  }
25537
25537
 
25538
- .v-color-picker-preview {
25539
- align-items: center;
25540
- display: flex;
25541
- margin-bottom: 0;
25538
+ .v-color-picker-preview {
25539
+ align-items: center;
25540
+ display: flex;
25541
+ margin-bottom: 0;
25542
+ }
25543
+
25544
+ .v-color-picker-preview__eye-dropper {
25545
+ position: relative;
25546
+ margin-right: 12px;
25547
+ }.v-picker.v-sheet {
25548
+ 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));
25549
+ border-radius: 4px;
25550
+ display: grid;
25551
+ grid-auto-rows: min-content;
25552
+ grid-template-areas: "title" "header" "body";
25553
+ overflow: hidden;
25554
+ }
25555
+ .v-picker.v-sheet.v-picker--with-actions {
25556
+ grid-template-areas: "title" "header" "body" "actions";
25557
+ }
25558
+
25559
+ .v-picker__body {
25560
+ grid-area: body;
25561
+ overflow: hidden;
25562
+ position: relative;
25563
+ }
25564
+
25565
+ .v-picker__header {
25566
+ grid-area: header;
25567
+ }
25568
+
25569
+ .v-picker__actions {
25570
+ grid-area: actions;
25571
+ padding: 0 12px 12px;
25572
+ display: flex;
25573
+ align-items: center;
25574
+ justify-content: flex-end;
25575
+ }
25576
+ .v-picker__actions .v-btn {
25577
+ min-width: 48px;
25578
+ }
25579
+ .v-picker__actions .v-btn:not(:last-child) {
25580
+ margin-inline-end: 8px;
25581
+ }
25582
+
25583
+ .v-picker--landscape {
25584
+ grid-template-areas: "title" "header body" "header body";
25585
+ }
25586
+
25587
+ .v-picker--landscape.v-picker--with-actions {
25588
+ grid-template-areas: "title" "header body" "header actions";
25589
+ }
25590
+
25591
+ .v-picker-title {
25592
+ text-transform: uppercase;
25593
+ font-size: 0.75rem;
25594
+ grid-area: title;
25595
+ padding-inline: 24px 12px;
25596
+ padding-top: 16px;
25597
+ padding-bottom: 16px;
25598
+ font-weight: 400;
25599
+ letter-spacing: 0.1666666667em;
25600
+ }.v-slider-thumb {
25601
+ touch-action: none;
25602
+ color: rgb(var(--v-theme-surface-variant));
25603
+ }
25604
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25605
+ color: inherit;
25606
+ }
25607
+
25608
+ .v-slider-thumb__label {
25609
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25610
+ color: rgb(var(--v-theme-on-surface-variant));
25611
+ }
25612
+ .v-slider-thumb__label::before {
25613
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25614
+ }
25615
+
25616
+ .v-slider-thumb {
25617
+ outline: none;
25618
+ position: absolute;
25619
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25620
+ }
25621
+
25622
+ .v-slider-thumb__surface {
25623
+ cursor: pointer;
25624
+ width: var(--v-slider-thumb-size);
25625
+ height: var(--v-slider-thumb-size);
25626
+ border-radius: 50%;
25627
+ -webkit-user-select: none;
25628
+ user-select: none;
25629
+ background-color: currentColor;
25630
+ }
25631
+ @media (forced-colors: active) {
25632
+ .v-slider-thumb__surface {
25633
+ background-color: highlight;
25634
+ }
25635
+ }
25636
+ .v-slider-thumb__surface::before {
25637
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25638
+ content: "";
25639
+ color: inherit;
25640
+ top: 0;
25641
+ left: 0;
25642
+ width: 100%;
25643
+ height: 100%;
25644
+ border-radius: 50%;
25645
+ background: currentColor;
25646
+ position: absolute;
25647
+ pointer-events: none;
25648
+ opacity: 0;
25649
+ }
25650
+ .v-slider-thumb__surface::after {
25651
+ content: "";
25652
+ width: 42px;
25653
+ height: 42px;
25654
+ position: absolute;
25655
+ top: 50%;
25656
+ left: 50%;
25657
+ transform: translate(-50%, -50%);
25658
+ }
25659
+
25660
+ .v-slider-thumb__label-container {
25661
+ position: absolute;
25662
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25663
+ }
25664
+
25665
+ .v-slider-thumb__label {
25666
+ display: flex;
25667
+ align-items: center;
25668
+ justify-content: center;
25669
+ font-size: 0.75rem;
25670
+ min-width: 35px;
25671
+ height: 25px;
25672
+ border-radius: 4px;
25673
+ padding: 6px;
25674
+ position: absolute;
25675
+ -webkit-user-select: none;
25676
+ user-select: none;
25677
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25678
+ }
25679
+ .v-slider-thumb__label::before {
25680
+ content: "";
25681
+ width: 0;
25682
+ height: 0;
25683
+ position: absolute;
25684
+ }
25685
+
25686
+ .v-slider-thumb__ripple {
25687
+ position: absolute;
25688
+ left: calc(var(--v-slider-thumb-size) / -2);
25689
+ top: calc(var(--v-slider-thumb-size) / -2);
25690
+ width: calc(var(--v-slider-thumb-size) * 2);
25691
+ height: calc(var(--v-slider-thumb-size) * 2);
25692
+ background: inherit;
25693
+ }
25694
+
25695
+ .v-slider.v-input--horizontal .v-slider-thumb {
25696
+ top: 50%;
25697
+ transform: translateY(-50%);
25698
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25542
25699
  }
25543
-
25544
- .v-color-picker-preview__eye-dropper {
25545
- position: relative;
25546
- margin-right: 12px;
25547
- }.v-picker.v-sheet {
25548
- 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));
25549
- border-radius: 4px;
25550
- display: grid;
25551
- grid-auto-rows: min-content;
25552
- grid-template-areas: "title" "header" "body";
25553
- overflow: hidden;
25700
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25701
+ left: calc(var(--v-slider-thumb-size) / 2);
25702
+ top: 0;
25554
25703
  }
25555
- .v-picker.v-sheet.v-picker--with-actions {
25556
- grid-template-areas: "title" "header" "body" "actions";
25704
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25705
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25706
+ }
25707
+ .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 {
25708
+ transform: translateX(-50%);
25557
25709
  }
25558
25710
 
25559
- .v-picker__body {
25560
- grid-area: body;
25561
- overflow: hidden;
25562
- position: relative;
25711
+ .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 {
25712
+ transform: translateX(50%);
25563
25713
  }
25564
25714
 
25565
- .v-picker__header {
25566
- grid-area: header;
25715
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25716
+ border-left: 6px solid transparent;
25717
+ border-right: 6px solid transparent;
25718
+ border-top: 6px solid currentColor;
25719
+ bottom: -6px;
25567
25720
  }
25568
25721
 
25569
- .v-picker__actions {
25570
- grid-area: actions;
25571
- padding: 0 12px 12px;
25572
- display: flex;
25573
- align-items: center;
25574
- justify-content: flex-end;
25722
+ .v-slider.v-input--vertical .v-slider-thumb {
25723
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25575
25724
  }
25576
- .v-picker__actions .v-btn {
25577
- min-width: 48px;
25725
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25726
+ top: calc(var(--v-slider-thumb-size) / 2);
25727
+ right: 0;
25578
25728
  }
25579
- .v-picker__actions .v-btn:not(:last-child) {
25580
- margin-inline-end: 8px;
25729
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25730
+ top: -12.5px;
25731
+ left: calc(var(--v-slider-thumb-size) / 2);
25732
+ }
25733
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25734
+ border-right: 6px solid currentColor;
25735
+ border-top: 6px solid transparent;
25736
+ border-bottom: 6px solid transparent;
25737
+ left: -6px;
25581
25738
  }
25582
25739
 
25583
- .v-picker--landscape {
25584
- grid-template-areas: "title" "header body" "header body";
25740
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25741
+ transform: scale(2);
25742
+ opacity: var(--v-focus-opacity);
25585
25743
  }
25586
25744
 
25587
- .v-picker--landscape.v-picker--with-actions {
25588
- grid-template-areas: "title" "header body" "header actions";
25745
+ .v-slider-thumb--pressed {
25746
+ transition: none;
25747
+ }
25748
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25749
+ opacity: var(--v-pressed-opacity);
25589
25750
  }
25590
25751
 
25591
- .v-picker-title {
25592
- text-transform: uppercase;
25593
- font-size: 0.75rem;
25594
- grid-area: title;
25595
- padding-inline: 24px 12px;
25596
- padding-top: 16px;
25597
- padding-bottom: 16px;
25598
- font-weight: 400;
25599
- letter-spacing: 0.1666666667em;
25752
+ @media (hover: hover) {
25753
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25754
+ transform: scale(2);
25755
+ }
25756
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25757
+ opacity: var(--v-hover-opacity);
25758
+ }
25600
25759
  }.v-slider-track__background {
25601
25760
  background-color: rgb(var(--v-theme-surface-variant));
25602
25761
  }
@@ -25775,163 +25934,4 @@ html.v-overlay-scroll-blocked {
25775
25934
 
25776
25935
  .v-slider-track__background--opacity {
25777
25936
  opacity: 0.38;
25778
- }.v-slider-thumb {
25779
- touch-action: none;
25780
- color: rgb(var(--v-theme-surface-variant));
25781
- }
25782
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25783
- color: inherit;
25784
- }
25785
-
25786
- .v-slider-thumb__label {
25787
- background: rgba(var(--v-theme-surface-variant), 0.7);
25788
- color: rgb(var(--v-theme-on-surface-variant));
25789
- }
25790
- .v-slider-thumb__label::before {
25791
- color: rgba(var(--v-theme-surface-variant), 0.7);
25792
- }
25793
-
25794
- .v-slider-thumb {
25795
- outline: none;
25796
- position: absolute;
25797
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25798
- }
25799
-
25800
- .v-slider-thumb__surface {
25801
- cursor: pointer;
25802
- width: var(--v-slider-thumb-size);
25803
- height: var(--v-slider-thumb-size);
25804
- border-radius: 50%;
25805
- -webkit-user-select: none;
25806
- user-select: none;
25807
- background-color: currentColor;
25808
- }
25809
- @media (forced-colors: active) {
25810
- .v-slider-thumb__surface {
25811
- background-color: highlight;
25812
- }
25813
- }
25814
- .v-slider-thumb__surface::before {
25815
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25816
- content: "";
25817
- color: inherit;
25818
- top: 0;
25819
- left: 0;
25820
- width: 100%;
25821
- height: 100%;
25822
- border-radius: 50%;
25823
- background: currentColor;
25824
- position: absolute;
25825
- pointer-events: none;
25826
- opacity: 0;
25827
- }
25828
- .v-slider-thumb__surface::after {
25829
- content: "";
25830
- width: 42px;
25831
- height: 42px;
25832
- position: absolute;
25833
- top: 50%;
25834
- left: 50%;
25835
- transform: translate(-50%, -50%);
25836
- }
25837
-
25838
- .v-slider-thumb__label-container {
25839
- position: absolute;
25840
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25841
- }
25842
-
25843
- .v-slider-thumb__label {
25844
- display: flex;
25845
- align-items: center;
25846
- justify-content: center;
25847
- font-size: 0.75rem;
25848
- min-width: 35px;
25849
- height: 25px;
25850
- border-radius: 4px;
25851
- padding: 6px;
25852
- position: absolute;
25853
- -webkit-user-select: none;
25854
- user-select: none;
25855
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25856
- }
25857
- .v-slider-thumb__label::before {
25858
- content: "";
25859
- width: 0;
25860
- height: 0;
25861
- position: absolute;
25862
- }
25863
-
25864
- .v-slider-thumb__ripple {
25865
- position: absolute;
25866
- left: calc(var(--v-slider-thumb-size) / -2);
25867
- top: calc(var(--v-slider-thumb-size) / -2);
25868
- width: calc(var(--v-slider-thumb-size) * 2);
25869
- height: calc(var(--v-slider-thumb-size) * 2);
25870
- background: inherit;
25871
- }
25872
-
25873
- .v-slider.v-input--horizontal .v-slider-thumb {
25874
- top: 50%;
25875
- transform: translateY(-50%);
25876
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25877
- }
25878
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25879
- left: calc(var(--v-slider-thumb-size) / 2);
25880
- top: 0;
25881
- }
25882
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25883
- bottom: calc(var(--v-slider-thumb-size) / 2);
25884
- }
25885
- .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 {
25886
- transform: translateX(-50%);
25887
- }
25888
-
25889
- .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 {
25890
- transform: translateX(50%);
25891
- }
25892
-
25893
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25894
- border-left: 6px solid transparent;
25895
- border-right: 6px solid transparent;
25896
- border-top: 6px solid currentColor;
25897
- bottom: -6px;
25898
- }
25899
-
25900
- .v-slider.v-input--vertical .v-slider-thumb {
25901
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25902
- }
25903
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25904
- top: calc(var(--v-slider-thumb-size) / 2);
25905
- right: 0;
25906
- }
25907
- .v-slider.v-input--vertical .v-slider-thumb__label {
25908
- top: -12.5px;
25909
- left: calc(var(--v-slider-thumb-size) / 2);
25910
- }
25911
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25912
- border-right: 6px solid currentColor;
25913
- border-top: 6px solid transparent;
25914
- border-bottom: 6px solid transparent;
25915
- left: -6px;
25916
- }
25917
-
25918
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25919
- transform: scale(2);
25920
- opacity: var(--v-focus-opacity);
25921
- }
25922
-
25923
- .v-slider-thumb--pressed {
25924
- transition: none;
25925
- }
25926
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25927
- opacity: var(--v-pressed-opacity);
25928
- }
25929
-
25930
- @media (hover: hover) {
25931
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25932
- transform: scale(2);
25933
- }
25934
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25935
- opacity: var(--v-hover-opacity);
25936
- }
25937
25937
  }