vuetify 3.6.2 → 3.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.2
2
+ * Vuetify v3.6.3
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17380,6 +17380,18 @@ 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);
17383
17395
  }.v-application {
17384
17396
  display: flex;
17385
17397
  background: rgb(var(--v-theme-background));
@@ -17396,18 +17408,6 @@ html.overflow-y-hidden {
17396
17408
  min-height: 100vh;
17397
17409
  min-height: 100dvh;
17398
17410
  position: relative;
17399
- }.v-app-bar {
17400
- display: flex;
17401
- }
17402
- .v-app-bar.v-toolbar {
17403
- background: rgb(var(--v-theme-surface));
17404
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17405
- }
17406
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17407
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17408
- }
17409
- .v-app-bar:not(.v-toolbar--absolute) {
17410
- padding-inline-end: var(--v-scrollbar-offset);
17411
17411
  }.v-alert {
17412
17412
  display: grid;
17413
17413
  flex: 1 1;
@@ -18075,38 +18075,6 @@ html.overflow-y-hidden {
18075
18075
  }
18076
18076
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18077
18077
  transform: translateY(0.5rem);
18078
- }.bottom-sheet-transition-enter-from {
18079
- transform: translateY(100%);
18080
- }
18081
- .bottom-sheet-transition-leave-to {
18082
- transform: translateY(100%);
18083
- }
18084
-
18085
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18086
- align-self: flex-end;
18087
- border-radius: 0;
18088
- flex: 0 1 auto;
18089
- left: 0;
18090
- right: 0;
18091
- margin-inline: 0;
18092
- margin-bottom: 0;
18093
- transition-duration: 0.2s;
18094
- width: 100%;
18095
- max-width: 100%;
18096
- overflow: visible;
18097
- 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));
18098
- }
18099
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18100
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18101
- border-radius: 0;
18102
- }
18103
- .v-bottom-sheet.v-bottom-sheet--inset {
18104
- max-width: none;
18105
- }
18106
- @media (min-width: 600px) {
18107
- .v-bottom-sheet.v-bottom-sheet--inset {
18108
- max-width: 70%;
18109
- }
18110
18078
  }.v-breadcrumbs {
18111
18079
  display: flex;
18112
18080
  align-items: center;
@@ -18164,62 +18132,38 @@ html.overflow-y-hidden {
18164
18132
  display: inline-block;
18165
18133
  padding: 0 8px;
18166
18134
  vertical-align: middle;
18167
- }.v-btn-group {
18168
- display: inline-flex;
18169
- flex-wrap: nowrap;
18170
- max-width: 100%;
18171
- min-width: 0;
18172
- overflow: hidden;
18173
- vertical-align: middle;
18174
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18175
- border-style: solid;
18176
- border-width: 0;
18177
- 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));
18178
- border-radius: 4px;
18179
- background: transparent;
18180
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18181
- }
18182
- .v-btn-group--border {
18183
- border-width: thin;
18184
- box-shadow: none;
18185
- }
18186
- .v-btn-group--density-default.v-btn-group {
18187
- height: 48px;
18188
- }
18189
-
18190
- .v-btn-group--density-comfortable.v-btn-group {
18191
- height: 40px;
18135
+ }.bottom-sheet-transition-enter-from {
18136
+ transform: translateY(100%);
18192
18137
  }
18193
-
18194
- .v-btn-group--density-compact.v-btn-group {
18195
- height: 36px;
18138
+ .bottom-sheet-transition-leave-to {
18139
+ transform: translateY(100%);
18196
18140
  }
18197
18141
 
18198
- .v-btn-group .v-btn {
18142
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18143
+ align-self: flex-end;
18199
18144
  border-radius: 0;
18200
- border-color: inherit;
18201
- }
18202
- .v-btn-group .v-btn:not(:last-child) {
18203
- border-inline-end: none;
18204
- }
18205
- .v-btn-group .v-btn:not(:first-child) {
18206
- border-inline-start: none;
18207
- }
18208
- .v-btn-group .v-btn:first-child {
18209
- border-start-start-radius: inherit;
18210
- border-end-start-radius: inherit;
18145
+ flex: 0 1 auto;
18146
+ left: 0;
18147
+ right: 0;
18148
+ margin-inline: 0;
18149
+ margin-bottom: 0;
18150
+ transition-duration: 0.2s;
18151
+ width: 100%;
18152
+ max-width: 100%;
18153
+ overflow: visible;
18154
+ 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));
18211
18155
  }
18212
- .v-btn-group .v-btn:last-child {
18213
- border-start-end-radius: inherit;
18214
- border-end-end-radius: inherit;
18156
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18157
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18158
+ border-radius: 0;
18215
18159
  }
18216
- .v-btn-group--divided .v-btn:not(:last-child) {
18217
- border-inline-end-width: thin;
18218
- border-inline-end-style: solid;
18219
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18160
+ .v-bottom-sheet.v-bottom-sheet--inset {
18161
+ max-width: none;
18220
18162
  }
18221
- .v-btn-group--tile {
18222
- border-radius: 0;
18163
+ @media (min-width: 600px) {
18164
+ .v-bottom-sheet.v-bottom-sheet--inset {
18165
+ max-width: 70%;
18166
+ }
18223
18167
  }.v-btn {
18224
18168
  align-items: center;
18225
18169
  border-radius: 4px;
@@ -18630,6 +18574,62 @@ html.overflow-y-hidden {
18630
18574
  }
18631
18575
  .v-pagination__item--is-active .v-btn__overlay {
18632
18576
  opacity: var(--v-border-opacity);
18577
+ }.v-btn-group {
18578
+ display: inline-flex;
18579
+ flex-wrap: nowrap;
18580
+ max-width: 100%;
18581
+ min-width: 0;
18582
+ overflow: hidden;
18583
+ vertical-align: middle;
18584
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18585
+ border-style: solid;
18586
+ border-width: 0;
18587
+ 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));
18588
+ border-radius: 4px;
18589
+ background: transparent;
18590
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18591
+ }
18592
+ .v-btn-group--border {
18593
+ border-width: thin;
18594
+ box-shadow: none;
18595
+ }
18596
+ .v-btn-group--density-default.v-btn-group {
18597
+ height: 48px;
18598
+ }
18599
+
18600
+ .v-btn-group--density-comfortable.v-btn-group {
18601
+ height: 40px;
18602
+ }
18603
+
18604
+ .v-btn-group--density-compact.v-btn-group {
18605
+ height: 36px;
18606
+ }
18607
+
18608
+ .v-btn-group .v-btn {
18609
+ border-radius: 0;
18610
+ border-color: inherit;
18611
+ }
18612
+ .v-btn-group .v-btn:not(:last-child) {
18613
+ border-inline-end: none;
18614
+ }
18615
+ .v-btn-group .v-btn:not(:first-child) {
18616
+ border-inline-start: none;
18617
+ }
18618
+ .v-btn-group .v-btn:first-child {
18619
+ border-start-start-radius: inherit;
18620
+ border-end-start-radius: inherit;
18621
+ }
18622
+ .v-btn-group .v-btn:last-child {
18623
+ border-start-end-radius: inherit;
18624
+ border-end-end-radius: inherit;
18625
+ }
18626
+ .v-btn-group--divided .v-btn:not(:last-child) {
18627
+ border-inline-end-width: thin;
18628
+ border-inline-end-style: solid;
18629
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18630
+ }
18631
+ .v-btn-group--tile {
18632
+ border-radius: 0;
18633
18633
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18634
18634
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18635
18635
  }
@@ -18643,6 +18643,74 @@ html.overflow-y-hidden {
18643
18643
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18644
18644
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18645
18645
  }
18646
+ }.v-carousel {
18647
+ overflow: hidden;
18648
+ position: relative;
18649
+ width: 100%;
18650
+ }
18651
+ .v-carousel__controls {
18652
+ align-items: center;
18653
+ bottom: 0;
18654
+ display: flex;
18655
+ height: 50px;
18656
+ justify-content: center;
18657
+ list-style-type: none;
18658
+ position: absolute;
18659
+ width: 100%;
18660
+ z-index: 1;
18661
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18662
+ color: rgb(var(--v-theme-on-surface-variant));
18663
+ }
18664
+ .v-carousel__controls > .v-item-group {
18665
+ flex: 0 1 auto;
18666
+ }
18667
+ .v-carousel__controls__item {
18668
+ margin: 0 8px;
18669
+ }
18670
+ .v-carousel__controls__item .v-icon {
18671
+ opacity: 0.5;
18672
+ }
18673
+ .v-carousel__controls__item--active .v-icon {
18674
+ opacity: 1;
18675
+ vertical-align: middle;
18676
+ }
18677
+ .v-carousel__controls__item:hover {
18678
+ background: none;
18679
+ }
18680
+ .v-carousel__controls__item:hover .v-icon {
18681
+ opacity: 0.8;
18682
+ }
18683
+
18684
+ .v-carousel__progress {
18685
+ margin: 0;
18686
+ position: absolute;
18687
+ bottom: 0;
18688
+ left: 0;
18689
+ right: 0;
18690
+ }
18691
+
18692
+ .v-carousel-item {
18693
+ display: block;
18694
+ height: inherit;
18695
+ text-decoration: none;
18696
+ }
18697
+ .v-carousel-item > .v-img {
18698
+ height: inherit;
18699
+ }
18700
+
18701
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18702
+ background: transparent;
18703
+ }
18704
+
18705
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18706
+ flex-direction: column;
18707
+ height: 100% !important;
18708
+ width: 50px;
18709
+ }.v-checkbox.v-input {
18710
+ flex: 0 1 auto;
18711
+ }
18712
+ .v-checkbox .v-selection-control {
18713
+ min-height: var(--v-input-control-height);
18646
18714
  }.v-card {
18647
18715
  display: block;
18648
18716
  overflow: hidden;
@@ -18940,74 +19008,24 @@ html.overflow-y-hidden {
18940
19008
  pointer-events: none;
18941
19009
  opacity: 0;
18942
19010
  transition: opacity 0.2s ease-in-out;
18943
- }.v-checkbox.v-input {
18944
- flex: 0 1 auto;
18945
- }
18946
- .v-checkbox .v-selection-control {
18947
- min-height: var(--v-input-control-height);
18948
- }.v-carousel {
18949
- overflow: hidden;
18950
- position: relative;
18951
- width: 100%;
18952
- }
18953
- .v-carousel__controls {
18954
- align-items: center;
18955
- bottom: 0;
19011
+ }.v-chip-group {
18956
19012
  display: flex;
18957
- height: 50px;
18958
- justify-content: center;
18959
- list-style-type: none;
18960
- position: absolute;
18961
- width: 100%;
18962
- z-index: 1;
18963
- background: rgba(var(--v-theme-surface-variant), 0.3);
18964
- color: rgb(var(--v-theme-on-surface-variant));
18965
- }
18966
- .v-carousel__controls > .v-item-group {
18967
- flex: 0 1 auto;
18968
- }
18969
- .v-carousel__controls__item {
18970
- margin: 0 8px;
18971
- }
18972
- .v-carousel__controls__item .v-icon {
18973
- opacity: 0.5;
18974
- }
18975
- .v-carousel__controls__item--active .v-icon {
18976
- opacity: 1;
18977
- vertical-align: middle;
18978
- }
18979
- .v-carousel__controls__item:hover {
18980
- background: none;
18981
- }
18982
- .v-carousel__controls__item:hover .v-icon {
18983
- opacity: 0.8;
18984
- }
18985
-
18986
- .v-carousel__progress {
18987
- margin: 0;
18988
- position: absolute;
18989
- bottom: 0;
18990
- left: 0;
18991
- right: 0;
18992
- }
18993
-
18994
- .v-carousel-item {
18995
- display: block;
18996
- height: inherit;
18997
- text-decoration: none;
19013
+ max-width: 100%;
19014
+ min-width: 0;
19015
+ overflow-x: auto;
19016
+ padding: 4px 0;
18998
19017
  }
18999
- .v-carousel-item > .v-img {
19000
- height: inherit;
19018
+ .v-chip-group .v-chip {
19019
+ margin: 4px 8px 4px 0;
19001
19020
  }
19002
-
19003
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19004
- background: transparent;
19021
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19022
+ opacity: var(--v-activated-opacity);
19005
19023
  }
19006
19024
 
19007
- .v-carousel--vertical-delimiters .v-carousel__controls {
19008
- flex-direction: column;
19009
- height: 100% !important;
19010
- width: 50px;
19025
+ .v-chip-group--column .v-slide-group__content {
19026
+ white-space: normal;
19027
+ flex-wrap: wrap;
19028
+ max-width: 100%;
19011
19029
  }.v-chip {
19012
19030
  align-items: center;
19013
19031
  display: inline-flex;
@@ -19418,24 +19436,6 @@ html.overflow-y-hidden {
19418
19436
 
19419
19437
  .v-chip--label {
19420
19438
  border-radius: 4px;
19421
- }.v-chip-group {
19422
- display: flex;
19423
- max-width: 100%;
19424
- min-width: 0;
19425
- overflow-x: auto;
19426
- padding: 4px 0;
19427
- }
19428
- .v-chip-group .v-chip {
19429
- margin: 4px 8px 4px 0;
19430
- }
19431
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19432
- opacity: var(--v-activated-opacity);
19433
- }
19434
-
19435
- .v-chip-group--column .v-slide-group__content {
19436
- white-space: normal;
19437
- flex-wrap: wrap;
19438
- max-width: 100%;
19439
19439
  }.v-container {
19440
19440
  width: 100%;
19441
19441
  padding: 16px;
@@ -20214,430 +20214,430 @@ html.overflow-y-hidden {
20214
20214
  flex: 0 1 auto;
20215
20215
  font-size: 12px;
20216
20216
  transition-duration: 150ms;
20217
- }.v-date-picker {
20218
- overflow: hidden;
20219
- width: 328px;
20217
+ }.v-data-table {
20218
+ width: 100%;
20220
20219
  }
20221
- .v-date-picker--show-week {
20222
- width: 368px;
20223
- }.v-date-picker-controls {
20224
- display: flex;
20225
- align-items: center;
20226
- justify-content: space-between;
20227
- font-size: 0.875rem;
20228
- padding-top: 4px;
20229
- padding-bottom: 4px;
20230
- padding-inline-start: 6px;
20231
- padding-inline-end: 12px;
20220
+
20221
+ .v-data-table__table {
20222
+ width: 100%;
20223
+ border-collapse: separate;
20224
+ border-spacing: 0;
20232
20225
  }
20233
- .v-date-picker-controls > .v-btn:first-child {
20234
- text-transform: none;
20235
- font-weight: 400;
20236
- line-height: initial;
20237
- letter-spacing: initial;
20226
+
20227
+ .v-data-table__tr--focus {
20228
+ border: 1px dotted black;
20238
20229
  }
20239
- .v-date-picker-controls--variant-classic {
20240
- padding-inline-start: 12px;
20230
+ .v-data-table__tr--clickable {
20231
+ cursor: pointer;
20241
20232
  }
20242
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20243
- opacity: 0.7;
20233
+
20234
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20235
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20236
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20237
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20238
+ text-align: end;
20244
20239
  }
20245
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20246
- cursor: pointer;
20240
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20241
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20242
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20243
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20244
+ flex-direction: row-reverse;
20247
20245
  }
20248
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20249
- opacity: 1;
20246
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20247
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20248
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20249
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20250
+ text-align: center;
20250
20251
  }
20251
- .v-date-picker-controls .v-btn:last-child {
20252
- margin-inline-start: 4px;
20252
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20253
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20254
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20255
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20256
+ justify-content: center;
20253
20257
  }
20254
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20255
- transform: rotate(180deg);
20258
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20259
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20260
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20261
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20262
+ padding: 0 8px;
20256
20263
  }
20257
-
20258
- .v-date-picker-controls__date {
20259
- margin-inline-end: 4px;
20264
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20265
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20266
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20267
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20268
+ text-overflow: ellipsis;
20269
+ text-wrap: nowrap;
20270
+ overflow: hidden;
20260
20271
  }
20261
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20262
- margin: auto;
20263
- text-align: center;
20272
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20273
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20274
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20275
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20276
+ display: contents;
20264
20277
  }
20265
-
20266
- .v-date-picker-controls__month {
20267
- display: flex;
20278
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
20279
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
20280
+ align-items: center;
20268
20281
  }
20269
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20270
- flex-direction: row-reverse;
20282
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20283
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20284
+ position: sticky;
20271
20285
  }
20272
-
20273
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20274
- flex: 1 0 auto;
20286
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20287
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20288
+ cursor: pointer;
20289
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20290
+ }
20291
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20292
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20293
+ opacity: 0;
20294
+ }
20295
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20296
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20297
+ opacity: 0.5;
20275
20298
  }
20276
20299
 
20277
- .v-date-picker__title {
20278
- display: inline-block;
20279
- }.v-date-picker-header {
20280
- align-items: flex-end;
20281
- height: 70px;
20282
- display: grid;
20283
- grid-template-areas: "prepend content append";
20284
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20285
- overflow: hidden;
20286
- padding-inline: 24px 12px;
20287
- padding-bottom: 12px;
20300
+ .v-data-table-column--fixed,
20301
+ .v-data-table__th--sticky {
20302
+ background: rgb(var(--v-theme-surface));
20303
+ position: sticky !important;
20304
+ left: 0;
20305
+ z-index: 1;
20288
20306
  }
20289
20307
 
20290
- .v-date-picker-header__append {
20291
- grid-area: append;
20308
+ .v-data-table-column--last-fixed {
20309
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20292
20310
  }
20293
20311
 
20294
- .v-date-picker-header__prepend {
20295
- grid-area: prepend;
20296
- padding-inline-start: 8px;
20312
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20313
+ z-index: 2;
20297
20314
  }
20298
20315
 
20299
- .v-date-picker-header__content {
20300
- align-items: center;
20301
- display: inline-flex;
20302
- font-size: 32px;
20303
- line-height: 40px;
20304
- grid-area: content;
20305
- justify-content: space-between;
20316
+ .v-data-table-group-header-row td {
20317
+ background: rgba(var(--v-theme-surface));
20318
+ color: rgba(var(--v-theme-on-surface));
20306
20319
  }
20307
- .v-date-picker-header--clickable .v-date-picker-header__content {
20308
- cursor: pointer;
20320
+ .v-data-table-group-header-row td > span {
20321
+ padding-left: 5px;
20309
20322
  }
20310
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20311
- opacity: 0.7;
20323
+
20324
+ .v-data-table--loading .v-data-table__td {
20325
+ opacity: var(--v-disabled-opacity);
20312
20326
  }
20313
20327
 
20314
- .date-picker-header-transition-enter-active,
20315
- .date-picker-header-reverse-transition-enter-active {
20316
- transition-duration: 0.3s;
20317
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20318
- }
20319
- .date-picker-header-transition-leave-active,
20320
- .date-picker-header-reverse-transition-leave-active {
20321
- transition-duration: 0.3s;
20322
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20328
+ .v-data-table-group-header-row__column {
20329
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20323
20330
  }
20324
20331
 
20325
- .date-picker-header-transition-enter-from {
20326
- transform: translate(0, 100%);
20327
- }
20328
- .date-picker-header-transition-leave-to {
20329
- opacity: 0;
20330
- transform: translate(0, -100%);
20332
+ .v-data-table-header__content {
20333
+ display: flex;
20334
+ align-items: center;
20331
20335
  }
20332
20336
 
20333
- .date-picker-header-reverse-transition-enter-from {
20334
- transform: translate(0, -100%);
20335
- }
20336
- .date-picker-header-reverse-transition-leave-to {
20337
- opacity: 0;
20338
- transform: translate(0, 100%);
20339
- }.v-date-picker-month {
20340
- display: flex;
20337
+ .v-data-table-header__sort-badge {
20338
+ display: inline-flex;
20341
20339
  justify-content: center;
20342
- padding: 0 12px 8px;
20343
- --v-date-picker-month-day-diff: 4px;
20340
+ align-items: center;
20341
+ font-size: 0.875rem;
20342
+ padding: 4px;
20343
+ border-radius: 50%;
20344
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20345
+ min-width: 20px;
20346
+ min-height: 20px;
20347
+ width: 20px;
20348
+ height: 20px;
20344
20349
  }
20345
20350
 
20346
- .v-date-picker-month__weeks {
20347
- display: grid;
20348
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20349
- column-gap: 4px;
20350
- font-size: 0.85rem;
20351
- }
20352
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20353
- grid-row-gap: 0;
20351
+ .v-data-table-progress > th {
20352
+ border: none !important;
20353
+ height: auto !important;
20354
+ padding: 0 !important;
20354
20355
  }
20355
20356
 
20356
- .v-date-picker-month__weekday {
20357
- font-size: 0.85rem;
20357
+ .v-data-table-progress__loader {
20358
+ position: relative;
20358
20359
  }
20359
20360
 
20360
- .v-date-picker-month__days {
20361
- display: grid;
20362
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20363
- column-gap: 4px;
20364
- flex: 1 1;
20365
- justify-content: space-around;
20361
+ .v-data-table-rows-loading,
20362
+ .v-data-table-rows-no-data {
20363
+ text-align: center;
20366
20364
  }
20367
20365
 
20368
- .v-date-picker-month__day {
20369
- align-items: center;
20370
- display: flex;
20366
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20367
+ grid-template-columns: 0;
20371
20368
  justify-content: center;
20372
- position: relative;
20373
- height: 40px;
20374
- width: 40px;
20375
- }
20376
- .v-date-picker-month__day--selected .v-btn {
20377
- background-color: rgb(var(--v-theme-surface-variant));
20378
- color: rgb(var(--v-theme-on-surface-variant));
20379
- }
20380
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20381
- --v-btn-height: 24px;
20382
- --v-btn-size: 0.85rem;
20383
- }
20384
- .v-date-picker-month__day--week {
20385
- font-size: var(--v-btn-size);
20386
20369
  }
20387
-
20388
- .v-date-picker-month__day--adjacent {
20389
- opacity: 0.5;
20390
- }
20391
-
20392
- .v-date-picker-month__day--hide-adjacent {
20393
- opacity: 0;
20394
- }.v-date-picker-months {
20395
- height: 288px;
20370
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
20371
+ grid-template-columns: 0;
20372
+ justify-content: end;
20396
20373
  }
20397
-
20398
- .v-date-picker-months__content {
20374
+ .v-data-table__tr--mobile > td {
20399
20375
  align-items: center;
20376
+ column-gap: 4px;
20400
20377
  display: grid;
20401
- flex: 1 1;
20402
- height: inherit;
20403
- justify-content: space-around;
20404
20378
  grid-template-columns: repeat(2, 1fr);
20405
- grid-gap: 0px 24px;
20406
- padding-inline-start: 36px;
20407
- padding-inline-end: 36px;
20379
+ min-height: var(--v-table-row-height);
20408
20380
  }
20409
- .v-date-picker-months__content .v-btn {
20410
- text-transform: none;
20411
- padding-inline-start: 8px;
20412
- padding-inline-end: 8px;
20413
- }.v-date-picker-years {
20414
- height: 288px;
20415
- overflow-y: scroll;
20381
+ .v-data-table__tr--mobile > td:not(:last-child) {
20382
+ border-bottom: 0 !important;
20416
20383
  }
20417
20384
 
20418
- .v-date-picker-years__content {
20419
- display: grid;
20420
- flex: 1 1;
20421
- justify-content: space-around;
20422
- grid-template-columns: repeat(3, 1fr);
20423
- gap: 8px 24px;
20424
- padding-inline: 32px;
20425
- }
20426
- .v-date-picker-years__content .v-btn {
20427
- padding-inline: 8px;
20428
- }.v-data-table {
20429
- width: 100%;
20385
+ .v-data-table__td-title {
20386
+ font-weight: bold;
20387
+ text-align: left;
20430
20388
  }
20431
20389
 
20432
- .v-data-table__table {
20433
- width: 100%;
20434
- border-collapse: separate;
20435
- border-spacing: 0;
20390
+ .v-data-table__td-value {
20391
+ text-align: right;
20436
20392
  }
20437
20393
 
20438
- .v-data-table__tr--focus {
20439
- border: 1px dotted black;
20394
+ .v-data-table__td-sort-icon {
20395
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20440
20396
  }
20441
- .v-data-table__tr--clickable {
20442
- cursor: pointer;
20397
+ .v-data-table__td-sort-icon-active {
20398
+ color: rgba(var(--v-theme-on-surface));
20399
+ }.v-data-table-footer {
20400
+ align-items: center;
20401
+ display: flex;
20402
+ flex-wrap: wrap;
20403
+ justify-content: flex-end;
20404
+ padding: 8px 4px;
20443
20405
  }
20444
-
20445
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20446
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20447
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20448
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20449
- text-align: end;
20406
+ .v-data-table-footer__items-per-page {
20407
+ align-items: center;
20408
+ display: flex;
20409
+ justify-content: center;
20450
20410
  }
20451
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20452
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20453
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20454
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20455
- flex-direction: row-reverse;
20411
+ .v-data-table-footer__items-per-page > span {
20412
+ padding-inline-end: 8px;
20456
20413
  }
20457
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20458
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20459
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20460
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20461
- text-align: center;
20414
+ .v-data-table-footer__items-per-page > .v-select {
20415
+ width: 90px;
20462
20416
  }
20463
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20464
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20465
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20466
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20467
- justify-content: center;
20417
+ .v-data-table-footer__info {
20418
+ display: flex;
20419
+ justify-content: flex-end;
20420
+ min-width: 116px;
20421
+ padding: 0 16px;
20468
20422
  }
20469
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20470
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20471
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20472
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20473
- padding: 0 8px;
20423
+ .v-data-table-footer__paginationz {
20424
+ align-items: center;
20425
+ display: flex;
20426
+ margin-inline-start: 16px;
20474
20427
  }
20475
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20476
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20477
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20478
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20479
- text-overflow: ellipsis;
20480
- text-wrap: nowrap;
20481
- overflow: hidden;
20428
+ .v-data-table-footer__page {
20429
+ padding: 0 8px;
20430
+ }.v-date-picker-controls {
20431
+ display: flex;
20432
+ align-items: center;
20433
+ justify-content: space-between;
20434
+ font-size: 0.875rem;
20435
+ padding-top: 4px;
20436
+ padding-bottom: 4px;
20437
+ padding-inline-start: 6px;
20438
+ padding-inline-end: 12px;
20482
20439
  }
20483
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20484
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20485
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20486
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20487
- display: contents;
20440
+ .v-date-picker-controls > .v-btn:first-child {
20441
+ text-transform: none;
20442
+ font-weight: 400;
20443
+ line-height: initial;
20444
+ letter-spacing: initial;
20488
20445
  }
20489
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20490
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20491
- align-items: center;
20446
+ .v-date-picker-controls--variant-classic {
20447
+ padding-inline-start: 12px;
20492
20448
  }
20493
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20494
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20495
- position: sticky;
20449
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20450
+ opacity: 0.7;
20496
20451
  }
20497
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20498
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20452
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20499
20453
  cursor: pointer;
20500
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20501
20454
  }
20502
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20503
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20504
- opacity: 0;
20455
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20456
+ opacity: 1;
20505
20457
  }
20506
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20507
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20508
- opacity: 0.5;
20458
+ .v-date-picker-controls .v-btn:last-child {
20459
+ margin-inline-start: 4px;
20460
+ }
20461
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20462
+ transform: rotate(180deg);
20509
20463
  }
20510
20464
 
20511
- .v-data-table-column--fixed,
20512
- .v-data-table__th--sticky {
20513
- background: rgb(var(--v-theme-surface));
20514
- position: sticky !important;
20515
- left: 0;
20516
- z-index: 1;
20465
+ .v-date-picker-controls__date {
20466
+ margin-inline-end: 4px;
20467
+ }
20468
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20469
+ margin: auto;
20470
+ text-align: center;
20517
20471
  }
20518
20472
 
20519
- .v-data-table-column--last-fixed {
20520
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20473
+ .v-date-picker-controls__month {
20474
+ display: flex;
20475
+ }
20476
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20477
+ flex-direction: row-reverse;
20521
20478
  }
20522
20479
 
20523
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20524
- z-index: 2;
20480
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20481
+ flex: 1 0 auto;
20525
20482
  }
20526
20483
 
20527
- .v-data-table-group-header-row td {
20528
- background: rgba(var(--v-theme-surface));
20529
- color: rgba(var(--v-theme-on-surface));
20484
+ .v-date-picker__title {
20485
+ display: inline-block;
20486
+ }.v-date-picker {
20487
+ overflow: hidden;
20488
+ width: 328px;
20530
20489
  }
20531
- .v-data-table-group-header-row td > span {
20532
- padding-left: 5px;
20490
+ .v-date-picker--show-week {
20491
+ width: 368px;
20492
+ }.v-date-picker-months {
20493
+ height: 288px;
20533
20494
  }
20534
20495
 
20535
- .v-data-table--loading .v-data-table__td {
20536
- opacity: var(--v-disabled-opacity);
20496
+ .v-date-picker-months__content {
20497
+ align-items: center;
20498
+ display: grid;
20499
+ flex: 1 1;
20500
+ height: inherit;
20501
+ justify-content: space-around;
20502
+ grid-template-columns: repeat(2, 1fr);
20503
+ grid-gap: 0px 24px;
20504
+ padding-inline-start: 36px;
20505
+ padding-inline-end: 36px;
20506
+ }
20507
+ .v-date-picker-months__content .v-btn {
20508
+ text-transform: none;
20509
+ padding-inline-start: 8px;
20510
+ padding-inline-end: 8px;
20511
+ }.v-date-picker-header {
20512
+ align-items: flex-end;
20513
+ height: 70px;
20514
+ display: grid;
20515
+ grid-template-areas: "prepend content append";
20516
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20517
+ overflow: hidden;
20518
+ padding-inline: 24px 12px;
20519
+ padding-bottom: 12px;
20537
20520
  }
20538
20521
 
20539
- .v-data-table-group-header-row__column {
20540
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20522
+ .v-date-picker-header__append {
20523
+ grid-area: append;
20524
+ }
20525
+
20526
+ .v-date-picker-header__prepend {
20527
+ grid-area: prepend;
20528
+ padding-inline-start: 8px;
20541
20529
  }
20542
20530
 
20543
- .v-data-table-header__content {
20544
- display: flex;
20531
+ .v-date-picker-header__content {
20545
20532
  align-items: center;
20546
- }
20547
-
20548
- .v-data-table-header__sort-badge {
20549
20533
  display: inline-flex;
20550
- justify-content: center;
20551
- align-items: center;
20552
- font-size: 0.875rem;
20553
- padding: 4px;
20554
- border-radius: 50%;
20555
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20556
- min-width: 20px;
20557
- min-height: 20px;
20558
- width: 20px;
20559
- height: 20px;
20534
+ font-size: 32px;
20535
+ line-height: 40px;
20536
+ grid-area: content;
20537
+ justify-content: space-between;
20560
20538
  }
20561
-
20562
- .v-data-table-progress > th {
20563
- border: none !important;
20564
- height: auto !important;
20565
- padding: 0 !important;
20539
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20540
+ cursor: pointer;
20541
+ }
20542
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20543
+ opacity: 0.7;
20566
20544
  }
20567
20545
 
20568
- .v-data-table-progress__loader {
20569
- position: relative;
20546
+ .date-picker-header-transition-enter-active,
20547
+ .date-picker-header-reverse-transition-enter-active {
20548
+ transition-duration: 0.3s;
20549
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20550
+ }
20551
+ .date-picker-header-transition-leave-active,
20552
+ .date-picker-header-reverse-transition-leave-active {
20553
+ transition-duration: 0.3s;
20554
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20570
20555
  }
20571
20556
 
20572
- .v-data-table-rows-loading,
20573
- .v-data-table-rows-no-data {
20574
- text-align: center;
20557
+ .date-picker-header-transition-enter-from {
20558
+ transform: translate(0, 100%);
20559
+ }
20560
+ .date-picker-header-transition-leave-to {
20561
+ opacity: 0;
20562
+ transform: translate(0, -100%);
20575
20563
  }
20576
20564
 
20577
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20578
- grid-template-columns: 0;
20579
- justify-content: center;
20565
+ .date-picker-header-reverse-transition-enter-from {
20566
+ transform: translate(0, -100%);
20580
20567
  }
20581
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20582
- grid-template-columns: 0;
20583
- justify-content: end;
20568
+ .date-picker-header-reverse-transition-leave-to {
20569
+ opacity: 0;
20570
+ transform: translate(0, 100%);
20571
+ }.v-date-picker-month {
20572
+ display: flex;
20573
+ justify-content: center;
20574
+ padding: 0 12px 8px;
20575
+ --v-date-picker-month-day-diff: 4px;
20584
20576
  }
20585
- .v-data-table__tr--mobile > td {
20586
- align-items: center;
20587
- column-gap: 4px;
20577
+
20578
+ .v-date-picker-month__weeks {
20588
20579
  display: grid;
20589
- grid-template-columns: repeat(2, 1fr);
20590
- min-height: var(--v-table-row-height);
20580
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20581
+ column-gap: 4px;
20582
+ font-size: 0.85rem;
20591
20583
  }
20592
- .v-data-table__tr--mobile > td:not(:last-child) {
20593
- border-bottom: 0 !important;
20584
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20585
+ grid-row-gap: 0;
20594
20586
  }
20595
20587
 
20596
- .v-data-table__td-title {
20597
- font-weight: bold;
20598
- text-align: left;
20588
+ .v-date-picker-month__weekday {
20589
+ font-size: 0.85rem;
20599
20590
  }
20600
20591
 
20601
- .v-data-table__td-value {
20602
- text-align: right;
20592
+ .v-date-picker-month__days {
20593
+ display: grid;
20594
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20595
+ column-gap: 4px;
20596
+ flex: 1 1;
20597
+ justify-content: space-around;
20603
20598
  }
20604
20599
 
20605
- .v-data-table__td-sort-icon {
20606
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20607
- }
20608
- .v-data-table__td-sort-icon-active {
20609
- color: rgba(var(--v-theme-on-surface));
20610
- }.v-data-table-footer {
20611
- align-items: center;
20612
- display: flex;
20613
- flex-wrap: wrap;
20614
- justify-content: flex-end;
20615
- padding: 8px 4px;
20616
- }
20617
- .v-data-table-footer__items-per-page {
20600
+ .v-date-picker-month__day {
20618
20601
  align-items: center;
20619
20602
  display: flex;
20620
20603
  justify-content: center;
20604
+ position: relative;
20605
+ height: 40px;
20606
+ width: 40px;
20621
20607
  }
20622
- .v-data-table-footer__items-per-page > span {
20623
- padding-inline-end: 8px;
20608
+ .v-date-picker-month__day--selected .v-btn {
20609
+ background-color: rgb(var(--v-theme-surface-variant));
20610
+ color: rgb(var(--v-theme-on-surface-variant));
20624
20611
  }
20625
- .v-data-table-footer__items-per-page > .v-select {
20626
- width: 90px;
20612
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20613
+ --v-btn-height: 24px;
20614
+ --v-btn-size: 0.85rem;
20627
20615
  }
20628
- .v-data-table-footer__info {
20629
- display: flex;
20630
- justify-content: flex-end;
20631
- min-width: 116px;
20632
- padding: 0 16px;
20616
+ .v-date-picker-month__day--week {
20617
+ font-size: var(--v-btn-size);
20633
20618
  }
20634
- .v-data-table-footer__paginationz {
20635
- align-items: center;
20636
- display: flex;
20637
- margin-inline-start: 16px;
20619
+
20620
+ .v-date-picker-month__day--adjacent {
20621
+ opacity: 0.5;
20638
20622
  }
20639
- .v-data-table-footer__page {
20640
- padding: 0 8px;
20623
+
20624
+ .v-date-picker-month__day--hide-adjacent {
20625
+ opacity: 0;
20626
+ }.v-date-picker-years {
20627
+ height: 288px;
20628
+ overflow-y: scroll;
20629
+ }
20630
+
20631
+ .v-date-picker-years__content {
20632
+ display: grid;
20633
+ flex: 1 1;
20634
+ justify-content: space-around;
20635
+ grid-template-columns: repeat(3, 1fr);
20636
+ gap: 8px 24px;
20637
+ padding-inline: 32px;
20638
+ }
20639
+ .v-date-picker-years__content .v-btn {
20640
+ padding-inline: 8px;
20641
20641
  }.v-dialog {
20642
20642
  align-items: center;
20643
20643
  justify-content: center;
@@ -20730,55 +20730,6 @@ html.overflow-y-hidden {
20730
20730
  -webkit-backface-visibility: hidden;
20731
20731
  backface-visibility: hidden;
20732
20732
  overflow-y: auto;
20733
- }.v-divider {
20734
- display: block;
20735
- flex: 1 1 100%;
20736
- height: 0px;
20737
- max-height: 0px;
20738
- opacity: var(--v-border-opacity);
20739
- transition: inherit;
20740
- border-style: solid;
20741
- border-width: thin 0 0 0;
20742
- }
20743
- .v-divider--vertical {
20744
- align-self: stretch;
20745
- border-width: 0 thin 0 0;
20746
- display: inline-flex;
20747
- height: 100%;
20748
- margin-left: -1px;
20749
- max-height: 100%;
20750
- max-width: 0px;
20751
- vertical-align: text-bottom;
20752
- width: 0px;
20753
- }
20754
- .v-divider--inset:not(.v-divider--vertical) {
20755
- max-width: calc(100% - 72px);
20756
- margin-inline-start: 72px;
20757
- }
20758
- .v-divider--inset.v-divider--vertical {
20759
- margin-bottom: 8px;
20760
- margin-top: 8px;
20761
- max-height: calc(100% - 16px);
20762
- }
20763
-
20764
- .v-divider__content {
20765
- padding: 0 16px;
20766
- }
20767
- .v-divider__wrapper--vertical .v-divider__content {
20768
- padding: 4px 0;
20769
- }
20770
-
20771
- .v-divider__wrapper {
20772
- display: flex;
20773
- align-items: center;
20774
- justify-content: center;
20775
- }
20776
- .v-divider__wrapper--vertical {
20777
- flex-direction: column;
20778
- height: 100%;
20779
- }
20780
- .v-divider__wrapper--vertical .v-divider {
20781
- margin: 0 auto;
20782
20733
  }.v-empty-state {
20783
20734
  align-items: center;
20784
20735
  display: flex;
@@ -20813,39 +20764,88 @@ html.overflow-y-hidden {
20813
20764
  text-align: center;
20814
20765
  margin-bottom: 8px;
20815
20766
  }
20816
- .v-empty-state--mobile .v-empty-state__headline {
20817
- font-size: 2.125rem;
20767
+ .v-empty-state--mobile .v-empty-state__headline {
20768
+ font-size: 2.125rem;
20769
+ }
20770
+
20771
+ .v-empty-state__title {
20772
+ font-size: 1.25rem;
20773
+ font-weight: 500;
20774
+ line-height: 1.6;
20775
+ margin-bottom: 4px;
20776
+ text-align: center;
20777
+ }
20778
+
20779
+ .v-empty-state__text {
20780
+ font-size: 0.875rem;
20781
+ font-weight: 400;
20782
+ line-height: 1.425;
20783
+ padding: 0 16px;
20784
+ text-align: center;
20785
+ }
20786
+
20787
+ .v-empty-state__content {
20788
+ padding: 24px 0;
20789
+ }
20790
+
20791
+ .v-empty-state__actions {
20792
+ display: flex;
20793
+ gap: 8px;
20794
+ padding: 16px;
20795
+ }
20796
+
20797
+ .v-empty-state__action-btn.v-btn {
20798
+ background-color: rgb(var(--v-theme-surface-variant));
20799
+ color: rgb(var(--v-theme-on-surface-variant));
20800
+ }.v-divider {
20801
+ display: block;
20802
+ flex: 1 1 100%;
20803
+ height: 0px;
20804
+ max-height: 0px;
20805
+ opacity: var(--v-border-opacity);
20806
+ transition: inherit;
20807
+ border-style: solid;
20808
+ border-width: thin 0 0 0;
20809
+ }
20810
+ .v-divider--vertical {
20811
+ align-self: stretch;
20812
+ border-width: 0 thin 0 0;
20813
+ display: inline-flex;
20814
+ height: 100%;
20815
+ margin-left: -1px;
20816
+ max-height: 100%;
20817
+ max-width: 0px;
20818
+ vertical-align: text-bottom;
20819
+ width: 0px;
20820
+ }
20821
+ .v-divider--inset:not(.v-divider--vertical) {
20822
+ max-width: calc(100% - 72px);
20823
+ margin-inline-start: 72px;
20818
20824
  }
20819
-
20820
- .v-empty-state__title {
20821
- font-size: 1.25rem;
20822
- font-weight: 500;
20823
- line-height: 1.6;
20824
- margin-bottom: 4px;
20825
- text-align: center;
20825
+ .v-divider--inset.v-divider--vertical {
20826
+ margin-bottom: 8px;
20827
+ margin-top: 8px;
20828
+ max-height: calc(100% - 16px);
20826
20829
  }
20827
20830
 
20828
- .v-empty-state__text {
20829
- font-size: 0.875rem;
20830
- font-weight: 400;
20831
- line-height: 1.425;
20831
+ .v-divider__content {
20832
20832
  padding: 0 16px;
20833
- text-align: center;
20834
20833
  }
20835
-
20836
- .v-empty-state__content {
20837
- padding: 24px 0;
20834
+ .v-divider__wrapper--vertical .v-divider__content {
20835
+ padding: 4px 0;
20838
20836
  }
20839
20837
 
20840
- .v-empty-state__actions {
20838
+ .v-divider__wrapper {
20841
20839
  display: flex;
20842
- gap: 8px;
20843
- padding: 16px;
20840
+ align-items: center;
20841
+ justify-content: center;
20844
20842
  }
20845
-
20846
- .v-empty-state__action-btn.v-btn {
20847
- background-color: rgb(var(--v-theme-surface-variant));
20848
- color: rgb(var(--v-theme-on-surface-variant));
20843
+ .v-divider__wrapper--vertical {
20844
+ flex-direction: column;
20845
+ height: 100%;
20846
+ }
20847
+ .v-divider__wrapper--vertical .v-divider {
20848
+ margin: 0 auto;
20849
20849
  }.v-expansion-panel {
20850
20850
  background-color: rgb(var(--v-theme-surface));
20851
20851
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21056,6 +21056,75 @@ html.overflow-y-hidden {
21056
21056
  }
21057
21057
  .v-expansion-panels--tile > .v-expansion-panel {
21058
21058
  border-radius: 0;
21059
+ }.v-fab {
21060
+ align-items: center;
21061
+ display: inline-flex;
21062
+ flex: 1 1 auto;
21063
+ pointer-events: none;
21064
+ position: relative;
21065
+ transition-duration: 0.2s;
21066
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21067
+ vertical-align: middle;
21068
+ }
21069
+ .v-fab .v-btn {
21070
+ pointer-events: auto;
21071
+ }
21072
+ .v-fab .v-btn--variant-elevated {
21073
+ 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));
21074
+ }
21075
+ .v-fab--app, .v-fab--absolute {
21076
+ display: flex;
21077
+ }
21078
+ .v-fab--start, .v-fab--left {
21079
+ justify-content: flex-start;
21080
+ }
21081
+ .v-fab--center {
21082
+ align-items: center;
21083
+ justify-content: center;
21084
+ }
21085
+ .v-fab--end, .v-fab--right {
21086
+ justify-content: flex-end;
21087
+ }
21088
+ .v-fab--bottom {
21089
+ align-items: flex-end;
21090
+ }
21091
+ .v-fab--top {
21092
+ align-items: flex-start;
21093
+ }
21094
+ .v-fab--extended .v-btn {
21095
+ border-radius: 9999px !important;
21096
+ }
21097
+
21098
+ .v-fab__container {
21099
+ align-self: center;
21100
+ display: inline-flex;
21101
+ position: absolute;
21102
+ vertical-align: middle;
21103
+ }
21104
+ .v-fab--app .v-fab__container {
21105
+ margin: 12px;
21106
+ }
21107
+ .v-fab--absolute .v-fab__container {
21108
+ position: absolute;
21109
+ z-index: 4;
21110
+ }
21111
+ .v-fab--offset.v-fab--top .v-fab__container {
21112
+ transform: translateY(-50%);
21113
+ }
21114
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21115
+ transform: translateY(50%);
21116
+ }
21117
+ .v-fab--top .v-fab__container {
21118
+ top: 0;
21119
+ }
21120
+ .v-fab--bottom .v-fab__container {
21121
+ bottom: 0;
21122
+ }
21123
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21124
+ left: 0;
21125
+ }
21126
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21127
+ right: 0;
21059
21128
  }/* region INPUT */
21060
21129
  .v-field {
21061
21130
  display: grid;
@@ -21626,76 +21695,7 @@ textarea.v-field__input::placeholder {
21626
21695
  opacity: 0;
21627
21696
  }
21628
21697
 
21629
- /* endregion */.v-fab {
21630
- align-items: center;
21631
- display: inline-flex;
21632
- flex: 1 1 auto;
21633
- pointer-events: none;
21634
- position: relative;
21635
- transition-duration: 0.2s;
21636
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21637
- vertical-align: middle;
21638
- }
21639
- .v-fab .v-btn {
21640
- pointer-events: auto;
21641
- }
21642
- .v-fab .v-btn--variant-elevated {
21643
- 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));
21644
- }
21645
- .v-fab--app, .v-fab--absolute {
21646
- display: flex;
21647
- }
21648
- .v-fab--start, .v-fab--left {
21649
- justify-content: flex-start;
21650
- }
21651
- .v-fab--center {
21652
- align-items: center;
21653
- justify-content: center;
21654
- }
21655
- .v-fab--end, .v-fab--right {
21656
- justify-content: flex-end;
21657
- }
21658
- .v-fab--bottom {
21659
- align-items: flex-end;
21660
- }
21661
- .v-fab--top {
21662
- align-items: flex-start;
21663
- }
21664
- .v-fab--extended .v-btn {
21665
- border-radius: 9999px !important;
21666
- }
21667
-
21668
- .v-fab__container {
21669
- align-self: center;
21670
- display: inline-flex;
21671
- position: absolute;
21672
- vertical-align: middle;
21673
- }
21674
- .v-fab--app .v-fab__container {
21675
- margin: 12px;
21676
- }
21677
- .v-fab--absolute .v-fab__container {
21678
- position: absolute;
21679
- z-index: 4;
21680
- }
21681
- .v-fab--offset.v-fab--top .v-fab__container {
21682
- transform: translateY(-50%);
21683
- }
21684
- .v-fab--offset.v-fab--bottom .v-fab__container {
21685
- transform: translateY(50%);
21686
- }
21687
- .v-fab--top .v-fab__container {
21688
- top: 0;
21689
- }
21690
- .v-fab--bottom .v-fab__container {
21691
- bottom: 0;
21692
- }
21693
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21694
- left: 0;
21695
- }
21696
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21697
- right: 0;
21698
- }.v-file-input--hide.v-input .v-field,
21698
+ /* endregion */.v-file-input--hide.v-input .v-field,
21699
21699
  .v-file-input--hide.v-input .v-input__control,
21700
21700
  .v-file-input--hide.v-input .v-input__details {
21701
21701
  display: none;
@@ -21841,6 +21841,31 @@ textarea.v-field__input::placeholder {
21841
21841
 
21842
21842
  .v-icon--end {
21843
21843
  margin-inline-start: 8px;
21844
+ }.v-infinite-scroll--horizontal {
21845
+ display: flex;
21846
+ flex-direction: row;
21847
+ overflow-x: auto;
21848
+ }
21849
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21850
+ height: 100%;
21851
+ width: 1px;
21852
+ }
21853
+
21854
+ .v-infinite-scroll--vertical {
21855
+ display: flex;
21856
+ flex-direction: column;
21857
+ overflow-y: auto;
21858
+ }
21859
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21860
+ height: 1px;
21861
+ width: 100%;
21862
+ }
21863
+
21864
+ .v-infinite-scroll__side {
21865
+ align-items: center;
21866
+ display: flex;
21867
+ justify-content: center;
21868
+ padding: 8px;
21844
21869
  }.v-input {
21845
21870
  display: grid;
21846
21871
  flex: 1 1 auto;
@@ -21983,31 +22008,6 @@ textarea.v-field__input::placeholder {
21983
22008
 
21984
22009
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21985
22010
  padding-top: calc(var(--v-input-padding-top) + 0px);
21986
- }.v-infinite-scroll--horizontal {
21987
- display: flex;
21988
- flex-direction: row;
21989
- overflow-x: auto;
21990
- }
21991
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21992
- height: 100%;
21993
- width: 1px;
21994
- }
21995
-
21996
- .v-infinite-scroll--vertical {
21997
- display: flex;
21998
- flex-direction: column;
21999
- overflow-y: auto;
22000
- }
22001
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22002
- height: 1px;
22003
- width: 100%;
22004
- }
22005
-
22006
- .v-infinite-scroll__side {
22007
- align-items: center;
22008
- display: flex;
22009
- justify-content: center;
22010
- padding: 8px;
22011
22011
  }.v-item-group {
22012
22012
  flex: 0 1 auto;
22013
22013
  max-width: 100%;
@@ -22028,21 +22028,6 @@ textarea.v-field__input::placeholder {
22028
22028
 
22029
22029
  .v-label--clickable {
22030
22030
  cursor: pointer;
22031
- }.v-layout {
22032
- --v-scrollbar-offset: 0px;
22033
- display: flex;
22034
- flex: 1 1 auto;
22035
- }
22036
- .v-layout--full-height {
22037
- --v-scrollbar-offset: inherit;
22038
- height: 100%;
22039
- }.v-layout-item {
22040
- position: absolute;
22041
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22042
- }
22043
-
22044
- .v-layout-item--absolute {
22045
- position: absolute;
22046
22031
  }.v-list {
22047
22032
  overflow: auto;
22048
22033
  padding: 8px 0;
@@ -22592,12 +22577,27 @@ textarea.v-field__input::placeholder {
22592
22577
  .v-list-group__items .v-list-item {
22593
22578
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
22594
22579
  }
22595
-
22596
- .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
22597
- opacity: 0;
22580
+
22581
+ .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
22582
+ opacity: 0;
22583
+ }
22584
+ .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22585
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22586
+ }.v-layout {
22587
+ --v-scrollbar-offset: 0px;
22588
+ display: flex;
22589
+ flex: 1 1 auto;
22590
+ }
22591
+ .v-layout--full-height {
22592
+ --v-scrollbar-offset: inherit;
22593
+ height: 100%;
22594
+ }.v-layout-item {
22595
+ position: absolute;
22596
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22598
22597
  }
22599
- .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22600
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22598
+
22599
+ .v-layout-item--absolute {
22600
+ position: absolute;
22601
22601
  }.v-locale-provider {
22602
22602
  display: contents;
22603
22603
  }.v-main {
@@ -22628,19 +22628,6 @@ textarea.v-field__input::placeholder {
22628
22628
  --v-layout-right: 0px;
22629
22629
  --v-layout-top: 0px;
22630
22630
  --v-layout-bottom: 0px;
22631
- }.v-menu > .v-overlay__content {
22632
- display: flex;
22633
- flex-direction: column;
22634
- border-radius: 4px;
22635
- }
22636
- .v-menu > .v-overlay__content > .v-card,
22637
- .v-menu > .v-overlay__content > .v-sheet,
22638
- .v-menu > .v-overlay__content > .v-list {
22639
- background: rgb(var(--v-theme-surface));
22640
- border-radius: inherit;
22641
- overflow: auto;
22642
- height: 100%;
22643
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22644
22631
  }.v-messages {
22645
22632
  flex: 1 1 auto;
22646
22633
  font-size: 12px;
@@ -22657,6 +22644,19 @@ textarea.v-field__input::placeholder {
22657
22644
  -webkit-hyphens: auto;
22658
22645
  hyphens: auto;
22659
22646
  transition-duration: 150ms;
22647
+ }.v-menu > .v-overlay__content {
22648
+ display: flex;
22649
+ flex-direction: column;
22650
+ border-radius: 4px;
22651
+ }
22652
+ .v-menu > .v-overlay__content > .v-card,
22653
+ .v-menu > .v-overlay__content > .v-sheet,
22654
+ .v-menu > .v-overlay__content > .v-list {
22655
+ background: rgb(var(--v-theme-surface));
22656
+ border-radius: inherit;
22657
+ overflow: auto;
22658
+ height: 100%;
22659
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22660
22660
  }.v-navigation-drawer {
22661
22661
  -webkit-overflow-scrolling: touch;
22662
22662
  background: rgb(var(--v-theme-surface));
@@ -22878,12 +22878,6 @@ html.v-overlay-scroll-blocked {
22878
22878
 
22879
22879
  .v-overlay--scroll-blocked {
22880
22880
  padding-inline-end: var(--v-scrollbar-offset);
22881
- }.v-parallax {
22882
- position: relative;
22883
- overflow: hidden;
22884
- }
22885
- .v-parallax--active > .v-img__img {
22886
- will-change: transform;
22887
22881
  }.v-pagination__list {
22888
22882
  display: inline-flex;
22889
22883
  list-style-type: none;
@@ -22892,6 +22886,12 @@ html.v-overlay-scroll-blocked {
22892
22886
  }
22893
22887
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22894
22888
  margin: 0.3rem;
22889
+ }.v-parallax {
22890
+ position: relative;
22891
+ overflow: hidden;
22892
+ }
22893
+ .v-parallax--active > .v-img__img {
22894
+ will-change: transform;
22895
22895
  }.v-progress-circular {
22896
22896
  align-items: center;
22897
22897
  display: inline-flex;
@@ -23328,6 +23328,32 @@ html.v-overlay-scroll-blocked {
23328
23328
  opacity: 0;
23329
23329
  position: absolute;
23330
23330
  width: 0;
23331
+ }.v-responsive {
23332
+ display: flex;
23333
+ flex: 1 0 auto;
23334
+ max-height: 100%;
23335
+ max-width: 100%;
23336
+ overflow: hidden;
23337
+ position: relative;
23338
+ }
23339
+ .v-responsive--inline {
23340
+ display: inline-flex;
23341
+ flex: 0 0 auto;
23342
+ }
23343
+
23344
+ .v-responsive__content {
23345
+ flex: 1 0 0px;
23346
+ max-width: 100%;
23347
+ }
23348
+
23349
+ .v-responsive__sizer ~ .v-responsive__content {
23350
+ margin-inline-start: -100%;
23351
+ }
23352
+
23353
+ .v-responsive__sizer {
23354
+ flex: 1 0 0px;
23355
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23356
+ pointer-events: none;
23331
23357
  }.v-select .v-field .v-text-field__prefix,
23332
23358
  .v-select .v-field .v-text-field__suffix,
23333
23359
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23376,32 +23402,6 @@ html.v-overlay-scroll-blocked {
23376
23402
  .v-select--active-menu .v-select__menu-icon {
23377
23403
  opacity: var(--v-high-emphasis-opacity);
23378
23404
  transform: rotate(180deg);
23379
- }.v-responsive {
23380
- display: flex;
23381
- flex: 1 0 auto;
23382
- max-height: 100%;
23383
- max-width: 100%;
23384
- overflow: hidden;
23385
- position: relative;
23386
- }
23387
- .v-responsive--inline {
23388
- display: inline-flex;
23389
- flex: 0 0 auto;
23390
- }
23391
-
23392
- .v-responsive__content {
23393
- flex: 1 0 0px;
23394
- max-width: 100%;
23395
- }
23396
-
23397
- .v-responsive__sizer ~ .v-responsive__content {
23398
- margin-inline-start: -100%;
23399
- }
23400
-
23401
- .v-responsive__sizer {
23402
- flex: 1 0 0px;
23403
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23404
- pointer-events: none;
23405
23405
  }.v-selection-control {
23406
23406
  align-items: center;
23407
23407
  contain: layout;
@@ -23503,6 +23503,14 @@ html.v-overlay-scroll-blocked {
23503
23503
  }
23504
23504
  .v-selection-control--focus-visible .v-selection-control__input::before {
23505
23505
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23506
+ }.v-selection-control-group {
23507
+ grid-area: control;
23508
+ display: flex;
23509
+ flex-direction: column;
23510
+ }
23511
+ .v-selection-control-group--inline {
23512
+ flex-direction: row;
23513
+ flex-wrap: wrap;
23506
23514
  }.v-sheet {
23507
23515
  display: block;
23508
23516
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23531,14 +23539,6 @@ html.v-overlay-scroll-blocked {
23531
23539
  }
23532
23540
  .v-sheet--rounded {
23533
23541
  border-radius: 4px;
23534
- }.v-selection-control-group {
23535
- grid-area: control;
23536
- display: flex;
23537
- flex-direction: column;
23538
- }
23539
- .v-selection-control-group--inline {
23540
- flex-direction: row;
23541
- flex-wrap: wrap;
23542
23542
  }.v-skeleton-loader {
23543
23543
  align-items: center;
23544
23544
  background: rgb(var(--v-theme-surface));
@@ -25041,6 +25041,28 @@ html.v-overlay-scroll-blocked {
25041
25041
 
25042
25042
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25043
25043
  padding-inline-end: 0;
25044
+ }.v-tooltip > .v-overlay__content {
25045
+ background: rgb(var(--v-theme-surface-variant));
25046
+ color: rgb(var(--v-theme-on-surface-variant));
25047
+ border-radius: 4px;
25048
+ font-size: 0.875rem;
25049
+ line-height: 1.6;
25050
+ display: inline-block;
25051
+ padding: 5px 16px;
25052
+ text-transform: initial;
25053
+ width: auto;
25054
+ opacity: 1;
25055
+ pointer-events: none;
25056
+ transition-property: opacity, transform;
25057
+ overflow-wrap: break-word;
25058
+ }
25059
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25060
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25061
+ transition-duration: 150ms;
25062
+ }
25063
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25064
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25065
+ transition-duration: 75ms;
25044
25066
  }.v-toolbar {
25045
25067
  align-items: flex-start;
25046
25068
  display: flex;
@@ -25170,28 +25192,6 @@ html.v-overlay-scroll-blocked {
25170
25192
  }
25171
25193
  .v-toolbar-items > .v-btn {
25172
25194
  border-radius: 0;
25173
- }.v-tooltip > .v-overlay__content {
25174
- background: rgb(var(--v-theme-surface-variant));
25175
- color: rgb(var(--v-theme-on-surface-variant));
25176
- border-radius: 4px;
25177
- font-size: 0.875rem;
25178
- line-height: 1.6;
25179
- display: inline-block;
25180
- padding: 5px 16px;
25181
- text-transform: initial;
25182
- width: auto;
25183
- opacity: 1;
25184
- pointer-events: none;
25185
- transition-property: opacity, transform;
25186
- overflow-wrap: break-word;
25187
- }
25188
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25189
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25190
- transition-duration: 150ms;
25191
- }
25192
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25193
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25194
- transition-duration: 75ms;
25195
25195
  }.v-virtual-scroll {
25196
25196
  display: block;
25197
25197
  flex: 1 1 auto;
@@ -25271,6 +25271,28 @@ html.v-overlay-scroll-blocked {
25271
25271
  }
25272
25272
  .v-window-y-reverse-transition-leave-to {
25273
25273
  transform: translateY(100%);
25274
+ }.v-color-picker-canvas {
25275
+ display: flex;
25276
+ position: relative;
25277
+ overflow: hidden;
25278
+ contain: content;
25279
+ touch-action: none;
25280
+ }
25281
+ .v-color-picker-canvas__dot {
25282
+ position: absolute;
25283
+ top: 0;
25284
+ left: 0;
25285
+ width: 15px;
25286
+ height: 15px;
25287
+ background: transparent;
25288
+ border-radius: 50%;
25289
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25290
+ }
25291
+ .v-color-picker-canvas__dot--disabled {
25292
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25293
+ }
25294
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25295
+ will-change: transform;
25274
25296
  }.v-color-picker-preview__alpha .v-slider-track__background {
25275
25297
  background-color: transparent !important;
25276
25298
  }
@@ -25341,28 +25363,34 @@ html.v-overlay-scroll-blocked {
25341
25363
  .v-color-picker-preview__eye-dropper {
25342
25364
  position: relative;
25343
25365
  margin-right: 12px;
25344
- }.v-color-picker-canvas {
25366
+ }.v-color-picker-edit {
25345
25367
  display: flex;
25346
- position: relative;
25347
- overflow: hidden;
25348
- contain: content;
25349
- touch-action: none;
25368
+ margin-top: 24px;
25350
25369
  }
25351
- .v-color-picker-canvas__dot {
25352
- position: absolute;
25353
- top: 0;
25354
- left: 0;
25355
- width: 15px;
25356
- height: 15px;
25357
- background: transparent;
25358
- border-radius: 50%;
25359
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25370
+
25371
+ .v-color-picker-edit__input {
25372
+ width: 100%;
25373
+ display: flex;
25374
+ flex-wrap: wrap;
25375
+ justify-content: center;
25376
+ text-align: center;
25360
25377
  }
25361
- .v-color-picker-canvas__dot--disabled {
25362
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25378
+ .v-color-picker-edit__input:not(:last-child) {
25379
+ margin-inline-end: 8px;
25363
25380
  }
25364
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25365
- will-change: transform;
25381
+ .v-color-picker-edit__input input {
25382
+ border-radius: 4px;
25383
+ margin-bottom: 8px;
25384
+ min-width: 0;
25385
+ outline: none;
25386
+ text-align: center;
25387
+ width: 100%;
25388
+ height: 32px;
25389
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25390
+ color: rgba(var(--v-theme-on-surface));
25391
+ }
25392
+ .v-color-picker-edit__input span {
25393
+ font-size: 0.75rem;
25366
25394
  }.v-color-picker-swatches {
25367
25395
  overflow-y: auto;
25368
25396
  }
@@ -25398,34 +25426,6 @@ html.v-overlay-scroll-blocked {
25398
25426
  justify-content: center;
25399
25427
  width: 100%;
25400
25428
  height: 100%;
25401
- }.v-color-picker-edit {
25402
- display: flex;
25403
- margin-top: 24px;
25404
- }
25405
-
25406
- .v-color-picker-edit__input {
25407
- width: 100%;
25408
- display: flex;
25409
- flex-wrap: wrap;
25410
- justify-content: center;
25411
- text-align: center;
25412
- }
25413
- .v-color-picker-edit__input:not(:last-child) {
25414
- margin-inline-end: 8px;
25415
- }
25416
- .v-color-picker-edit__input input {
25417
- border-radius: 4px;
25418
- margin-bottom: 8px;
25419
- min-width: 0;
25420
- outline: none;
25421
- text-align: center;
25422
- width: 100%;
25423
- height: 32px;
25424
- background: rgba(var(--v-theme-surface-variant), 0.2);
25425
- color: rgba(var(--v-theme-on-surface));
25426
- }
25427
- .v-color-picker-edit__input span {
25428
- font-size: 0.75rem;
25429
25429
  }.v-picker.v-sheet {
25430
25430
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25431
25431
  border-radius: 4px;