@vuetify/nightly 3.6.11-master.2024-07-03 → 3.6.11-master.2024-07-06

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.11-master.2024-07-03
2
+ * Vuetify v3.6.11-master.2024-07-06
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17472,6 +17472,18 @@ html.overflow-y-hidden {
17472
17472
  min-height: 100vh;
17473
17473
  min-height: 100dvh;
17474
17474
  position: relative;
17475
+ }.v-app-bar {
17476
+ display: flex;
17477
+ }
17478
+ .v-app-bar.v-toolbar {
17479
+ background: rgb(var(--v-theme-surface));
17480
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17481
+ }
17482
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17483
+ 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));
17484
+ }
17485
+ .v-app-bar:not(.v-toolbar--absolute) {
17486
+ padding-inline-end: var(--v-scrollbar-offset);
17475
17487
  }.v-alert {
17476
17488
  display: grid;
17477
17489
  flex: 1 1;
@@ -17684,18 +17696,6 @@ html.overflow-y-hidden {
17684
17696
  text-transform: none;
17685
17697
  word-break: normal;
17686
17698
  word-wrap: break-word;
17687
- }.v-app-bar {
17688
- display: flex;
17689
- }
17690
- .v-app-bar.v-toolbar {
17691
- background: rgb(var(--v-theme-surface));
17692
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17693
- }
17694
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17695
- 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));
17696
- }
17697
- .v-app-bar:not(.v-toolbar--absolute) {
17698
- padding-inline-end: var(--v-scrollbar-offset);
17699
17699
  }.v-autocomplete .v-field .v-text-field__prefix,
17700
17700
  .v-autocomplete .v-field .v-text-field__suffix,
17701
17701
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18101,38 +18101,6 @@ html.overflow-y-hidden {
18101
18101
  display: inline-flex;
18102
18102
  justify-content: center;
18103
18103
  margin: 0 4px;
18104
- }.bottom-sheet-transition-enter-from {
18105
- transform: translateY(100%);
18106
- }
18107
- .bottom-sheet-transition-leave-to {
18108
- transform: translateY(100%);
18109
- }
18110
-
18111
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18112
- align-self: flex-end;
18113
- border-radius: 0;
18114
- flex: 0 1 auto;
18115
- left: 0;
18116
- right: 0;
18117
- margin-inline: 0;
18118
- margin-bottom: 0;
18119
- transition-duration: 0.2s;
18120
- width: 100%;
18121
- max-width: 100%;
18122
- overflow: visible;
18123
- 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));
18124
- }
18125
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18126
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18127
- border-radius: 0;
18128
- }
18129
- .v-bottom-sheet.v-bottom-sheet--inset {
18130
- max-width: none;
18131
- }
18132
- @media (min-width: 600px) {
18133
- .v-bottom-sheet.v-bottom-sheet--inset {
18134
- max-width: 70%;
18135
- }
18136
18104
  }.v-bottom-navigation {
18137
18105
  display: flex;
18138
18106
  max-width: 100%;
@@ -18188,6 +18156,38 @@ html.overflow-y-hidden {
18188
18156
  }
18189
18157
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18190
18158
  transform: translateY(0.5rem);
18159
+ }.bottom-sheet-transition-enter-from {
18160
+ transform: translateY(100%);
18161
+ }
18162
+ .bottom-sheet-transition-leave-to {
18163
+ transform: translateY(100%);
18164
+ }
18165
+
18166
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18167
+ align-self: flex-end;
18168
+ border-radius: 0;
18169
+ flex: 0 1 auto;
18170
+ left: 0;
18171
+ right: 0;
18172
+ margin-inline: 0;
18173
+ margin-bottom: 0;
18174
+ transition-duration: 0.2s;
18175
+ width: 100%;
18176
+ max-width: 100%;
18177
+ overflow: visible;
18178
+ 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));
18179
+ }
18180
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18181
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18182
+ border-radius: 0;
18183
+ }
18184
+ .v-bottom-sheet.v-bottom-sheet--inset {
18185
+ max-width: none;
18186
+ }
18187
+ @media (min-width: 600px) {
18188
+ .v-bottom-sheet.v-bottom-sheet--inset {
18189
+ max-width: 70%;
18190
+ }
18191
18191
  }.v-breadcrumbs {
18192
18192
  display: flex;
18193
18193
  align-items: center;
@@ -18732,6 +18732,69 @@ html.overflow-y-hidden {
18732
18732
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18733
18733
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18734
18734
  }
18735
+ }.v-carousel {
18736
+ overflow: hidden;
18737
+ position: relative;
18738
+ width: 100%;
18739
+ }
18740
+ .v-carousel__controls {
18741
+ align-items: center;
18742
+ bottom: 0;
18743
+ display: flex;
18744
+ height: 50px;
18745
+ justify-content: center;
18746
+ list-style-type: none;
18747
+ position: absolute;
18748
+ width: 100%;
18749
+ z-index: 1;
18750
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18751
+ color: rgb(var(--v-theme-on-surface-variant));
18752
+ }
18753
+ .v-carousel__controls > .v-item-group {
18754
+ flex: 0 1 auto;
18755
+ }
18756
+ .v-carousel__controls__item {
18757
+ margin: 0 8px;
18758
+ }
18759
+ .v-carousel__controls__item .v-icon {
18760
+ opacity: 0.5;
18761
+ }
18762
+ .v-carousel__controls__item--active .v-icon {
18763
+ opacity: 1;
18764
+ vertical-align: middle;
18765
+ }
18766
+ .v-carousel__controls__item:hover {
18767
+ background: none;
18768
+ }
18769
+ .v-carousel__controls__item:hover .v-icon {
18770
+ opacity: 0.8;
18771
+ }
18772
+
18773
+ .v-carousel__progress {
18774
+ margin: 0;
18775
+ position: absolute;
18776
+ bottom: 0;
18777
+ left: 0;
18778
+ right: 0;
18779
+ }
18780
+
18781
+ .v-carousel-item {
18782
+ display: block;
18783
+ height: inherit;
18784
+ text-decoration: none;
18785
+ }
18786
+ .v-carousel-item > .v-img {
18787
+ height: inherit;
18788
+ }
18789
+
18790
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18791
+ background: transparent;
18792
+ }
18793
+
18794
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18795
+ flex-direction: column;
18796
+ height: 100% !important;
18797
+ width: 50px;
18735
18798
  }.v-card {
18736
18799
  display: block;
18737
18800
  overflow: hidden;
@@ -19031,6 +19094,11 @@ html.overflow-y-hidden {
19031
19094
  pointer-events: none;
19032
19095
  opacity: 0;
19033
19096
  transition: opacity 0.2s ease-in-out;
19097
+ }.v-checkbox.v-input {
19098
+ flex: 0 1 auto;
19099
+ }
19100
+ .v-checkbox .v-selection-control {
19101
+ min-height: var(--v-input-control-height);
19034
19102
  }.v-chip {
19035
19103
  align-items: center;
19036
19104
  display: inline-flex;
@@ -19443,74 +19511,6 @@ html.overflow-y-hidden {
19443
19511
 
19444
19512
  .v-chip--label {
19445
19513
  border-radius: 4px;
19446
- }.v-carousel {
19447
- overflow: hidden;
19448
- position: relative;
19449
- width: 100%;
19450
- }
19451
- .v-carousel__controls {
19452
- align-items: center;
19453
- bottom: 0;
19454
- display: flex;
19455
- height: 50px;
19456
- justify-content: center;
19457
- list-style-type: none;
19458
- position: absolute;
19459
- width: 100%;
19460
- z-index: 1;
19461
- background: rgba(var(--v-theme-surface-variant), 0.3);
19462
- color: rgb(var(--v-theme-on-surface-variant));
19463
- }
19464
- .v-carousel__controls > .v-item-group {
19465
- flex: 0 1 auto;
19466
- }
19467
- .v-carousel__controls__item {
19468
- margin: 0 8px;
19469
- }
19470
- .v-carousel__controls__item .v-icon {
19471
- opacity: 0.5;
19472
- }
19473
- .v-carousel__controls__item--active .v-icon {
19474
- opacity: 1;
19475
- vertical-align: middle;
19476
- }
19477
- .v-carousel__controls__item:hover {
19478
- background: none;
19479
- }
19480
- .v-carousel__controls__item:hover .v-icon {
19481
- opacity: 0.8;
19482
- }
19483
-
19484
- .v-carousel__progress {
19485
- margin: 0;
19486
- position: absolute;
19487
- bottom: 0;
19488
- left: 0;
19489
- right: 0;
19490
- }
19491
-
19492
- .v-carousel-item {
19493
- display: block;
19494
- height: inherit;
19495
- text-decoration: none;
19496
- }
19497
- .v-carousel-item > .v-img {
19498
- height: inherit;
19499
- }
19500
-
19501
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19502
- background: transparent;
19503
- }
19504
-
19505
- .v-carousel--vertical-delimiters .v-carousel__controls {
19506
- flex-direction: column;
19507
- height: 100% !important;
19508
- width: 50px;
19509
- }.v-checkbox.v-input {
19510
- flex: 0 1 auto;
19511
- }
19512
- .v-checkbox .v-selection-control {
19513
- min-height: var(--v-input-control-height);
19514
19514
  }.v-chip-group {
19515
19515
  display: flex;
19516
19516
  max-width: 100%;
@@ -19859,80 +19859,24 @@ html.overflow-y-hidden {
19859
19859
  }
19860
19860
  .v-date-picker--show-week {
19861
19861
  width: 368px;
19862
- }.v-date-picker-controls {
19863
- display: flex;
19864
- align-items: center;
19865
- justify-content: space-between;
19866
- font-size: 0.875rem;
19867
- padding-top: 4px;
19868
- padding-bottom: 4px;
19869
- padding-inline-start: 6px;
19870
- padding-inline-end: 12px;
19862
+ }.v-date-picker-header {
19863
+ align-items: flex-end;
19864
+ height: 70px;
19865
+ display: grid;
19866
+ grid-template-areas: "prepend content append";
19867
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19868
+ overflow: hidden;
19869
+ padding-inline: 24px 12px;
19870
+ padding-bottom: 12px;
19871
19871
  }
19872
- .v-date-picker-controls > .v-btn:first-child {
19873
- text-transform: none;
19874
- font-weight: 400;
19875
- line-height: initial;
19876
- letter-spacing: initial;
19872
+
19873
+ .v-date-picker-header__append {
19874
+ grid-area: append;
19877
19875
  }
19878
- .v-date-picker-controls--variant-classic {
19879
- padding-inline-start: 12px;
19880
- }
19881
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19882
- opacity: 0.7;
19883
- }
19884
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19885
- cursor: pointer;
19886
- }
19887
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19888
- opacity: 1;
19889
- }
19890
- .v-date-picker-controls .v-btn:last-child {
19891
- margin-inline-start: 4px;
19892
- }
19893
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19894
- transform: rotate(180deg);
19895
- }
19896
-
19897
- .v-date-picker-controls__date {
19898
- margin-inline-end: 4px;
19899
- }
19900
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19901
- margin: auto;
19902
- text-align: center;
19903
- }
19904
-
19905
- .v-date-picker-controls__month {
19906
- display: flex;
19907
- }
19908
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19909
- flex-direction: row-reverse;
19910
- }
19911
-
19912
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19913
- flex: 1 0 auto;
19914
- }
19915
-
19916
- .v-date-picker__title {
19917
- display: inline-block;
19918
- }.v-date-picker-header {
19919
- align-items: flex-end;
19920
- height: 70px;
19921
- display: grid;
19922
- grid-template-areas: "prepend content append";
19923
- grid-template-columns: min-content minmax(0, 1fr) min-content;
19924
- overflow: hidden;
19925
- padding-inline: 24px 12px;
19926
- padding-bottom: 12px;
19927
- }
19928
-
19929
- .v-date-picker-header__append {
19930
- grid-area: append;
19931
- }
19932
-
19933
- .v-date-picker-header__prepend {
19934
- grid-area: prepend;
19935
- padding-inline-start: 8px;
19876
+
19877
+ .v-date-picker-header__prepend {
19878
+ grid-area: prepend;
19879
+ padding-inline-start: 8px;
19936
19880
  }
19937
19881
 
19938
19882
  .v-date-picker-header__content {
@@ -19975,6 +19919,62 @@ html.overflow-y-hidden {
19975
19919
  .date-picker-header-reverse-transition-leave-to {
19976
19920
  opacity: 0;
19977
19921
  transform: translate(0, 100%);
19922
+ }.v-date-picker-controls {
19923
+ display: flex;
19924
+ align-items: center;
19925
+ justify-content: space-between;
19926
+ font-size: 0.875rem;
19927
+ padding-top: 4px;
19928
+ padding-bottom: 4px;
19929
+ padding-inline-start: 6px;
19930
+ padding-inline-end: 12px;
19931
+ }
19932
+ .v-date-picker-controls > .v-btn:first-child {
19933
+ text-transform: none;
19934
+ font-weight: 400;
19935
+ line-height: initial;
19936
+ letter-spacing: initial;
19937
+ }
19938
+ .v-date-picker-controls--variant-classic {
19939
+ padding-inline-start: 12px;
19940
+ }
19941
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19942
+ opacity: 0.7;
19943
+ }
19944
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19945
+ cursor: pointer;
19946
+ }
19947
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19948
+ opacity: 1;
19949
+ }
19950
+ .v-date-picker-controls .v-btn:last-child {
19951
+ margin-inline-start: 4px;
19952
+ }
19953
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19954
+ transform: rotate(180deg);
19955
+ }
19956
+
19957
+ .v-date-picker-controls__date {
19958
+ margin-inline-end: 4px;
19959
+ }
19960
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19961
+ margin: auto;
19962
+ text-align: center;
19963
+ }
19964
+
19965
+ .v-date-picker-controls__month {
19966
+ display: flex;
19967
+ }
19968
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19969
+ flex-direction: row-reverse;
19970
+ }
19971
+
19972
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19973
+ flex: 1 0 auto;
19974
+ }
19975
+
19976
+ .v-date-picker__title {
19977
+ display: inline-block;
19978
19978
  }.v-date-picker-months {
19979
19979
  height: 288px;
19980
19980
  }
@@ -20206,6 +20206,73 @@ html.overflow-y-hidden {
20206
20206
  }
20207
20207
  .v-divider__wrapper--vertical .v-divider {
20208
20208
  margin: 0 auto;
20209
+ }.v-empty-state {
20210
+ align-items: center;
20211
+ display: flex;
20212
+ flex-direction: column;
20213
+ justify-content: center;
20214
+ min-height: 100%;
20215
+ padding: 16px;
20216
+ }
20217
+ .v-empty-state--start {
20218
+ align-items: flex-start;
20219
+ }
20220
+ .v-empty-state--center {
20221
+ align-items: center;
20222
+ }
20223
+ .v-empty-state--end {
20224
+ align-items: flex-end;
20225
+ }
20226
+
20227
+ .v-empty-state__media {
20228
+ text-align: center;
20229
+ width: 100%;
20230
+ }
20231
+ .v-empty-state__media .v-icon {
20232
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
+ }
20234
+
20235
+ .v-empty-state__headline {
20236
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20237
+ font-size: 3.75rem;
20238
+ font-weight: 300;
20239
+ line-height: 1;
20240
+ text-align: center;
20241
+ margin-bottom: 8px;
20242
+ }
20243
+ .v-empty-state--mobile .v-empty-state__headline {
20244
+ font-size: 2.125rem;
20245
+ }
20246
+
20247
+ .v-empty-state__title {
20248
+ font-size: 1.25rem;
20249
+ font-weight: 500;
20250
+ line-height: 1.6;
20251
+ margin-bottom: 4px;
20252
+ text-align: center;
20253
+ }
20254
+
20255
+ .v-empty-state__text {
20256
+ font-size: 0.875rem;
20257
+ font-weight: 400;
20258
+ line-height: 1.425;
20259
+ padding: 0 16px;
20260
+ text-align: center;
20261
+ }
20262
+
20263
+ .v-empty-state__content {
20264
+ padding: 24px 0;
20265
+ }
20266
+
20267
+ .v-empty-state__actions {
20268
+ display: flex;
20269
+ gap: 8px;
20270
+ padding: 16px;
20271
+ }
20272
+
20273
+ .v-empty-state__action-btn.v-btn {
20274
+ background-color: initial;
20275
+ color: initial;
20209
20276
  }.v-expansion-panel {
20210
20277
  background-color: rgb(var(--v-theme-surface));
20211
20278
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20416,73 +20483,6 @@ html.overflow-y-hidden {
20416
20483
  }
20417
20484
  .v-expansion-panels--tile > .v-expansion-panel {
20418
20485
  border-radius: 0;
20419
- }.v-empty-state {
20420
- align-items: center;
20421
- display: flex;
20422
- flex-direction: column;
20423
- justify-content: center;
20424
- min-height: 100%;
20425
- padding: 16px;
20426
- }
20427
- .v-empty-state--start {
20428
- align-items: flex-start;
20429
- }
20430
- .v-empty-state--center {
20431
- align-items: center;
20432
- }
20433
- .v-empty-state--end {
20434
- align-items: flex-end;
20435
- }
20436
-
20437
- .v-empty-state__media {
20438
- text-align: center;
20439
- width: 100%;
20440
- }
20441
- .v-empty-state__media .v-icon {
20442
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20443
- }
20444
-
20445
- .v-empty-state__headline {
20446
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20447
- font-size: 3.75rem;
20448
- font-weight: 300;
20449
- line-height: 1;
20450
- text-align: center;
20451
- margin-bottom: 8px;
20452
- }
20453
- .v-empty-state--mobile .v-empty-state__headline {
20454
- font-size: 2.125rem;
20455
- }
20456
-
20457
- .v-empty-state__title {
20458
- font-size: 1.25rem;
20459
- font-weight: 500;
20460
- line-height: 1.6;
20461
- margin-bottom: 4px;
20462
- text-align: center;
20463
- }
20464
-
20465
- .v-empty-state__text {
20466
- font-size: 0.875rem;
20467
- font-weight: 400;
20468
- line-height: 1.425;
20469
- padding: 0 16px;
20470
- text-align: center;
20471
- }
20472
-
20473
- .v-empty-state__content {
20474
- padding: 24px 0;
20475
- }
20476
-
20477
- .v-empty-state__actions {
20478
- display: flex;
20479
- gap: 8px;
20480
- padding: 16px;
20481
- }
20482
-
20483
- .v-empty-state__action-btn.v-btn {
20484
- background-color: initial;
20485
- color: initial;
20486
20486
  }.v-fab {
20487
20487
  align-items: center;
20488
20488
  display: inline-flex;
@@ -21152,6 +21152,34 @@ textarea.v-field__input::placeholder {
21152
21152
  }
21153
21153
  .v-input--plain-underlined.v-file-input .v-input__details {
21154
21154
  padding-inline: 0;
21155
+ }.v-footer {
21156
+ align-items: center;
21157
+ display: flex;
21158
+ flex: 1 1 auto;
21159
+ padding: 8px 16px;
21160
+ position: relative;
21161
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21162
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21163
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21164
+ border-style: solid;
21165
+ border-width: 0;
21166
+ 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));
21167
+ border-radius: 0;
21168
+ background: rgb(var(--v-theme-surface));
21169
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21170
+ }
21171
+ .v-footer--border {
21172
+ border-width: thin;
21173
+ box-shadow: none;
21174
+ }
21175
+ .v-footer--absolute {
21176
+ position: absolute;
21177
+ }
21178
+ .v-footer--fixed {
21179
+ position: fixed;
21180
+ }
21181
+ .v-footer--rounded {
21182
+ border-radius: 4px;
21155
21183
  }.v-container {
21156
21184
  width: 100%;
21157
21185
  padding: 16px;
@@ -21824,34 +21852,6 @@ textarea.v-field__input::placeholder {
21824
21852
  .offset-xxl-11 {
21825
21853
  margin-inline-start: 91.6666666667%;
21826
21854
  }
21827
- }.v-footer {
21828
- align-items: center;
21829
- display: flex;
21830
- flex: 1 1 auto;
21831
- padding: 8px 16px;
21832
- position: relative;
21833
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21834
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21835
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21836
- border-style: solid;
21837
- border-width: 0;
21838
- 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));
21839
- border-radius: 0;
21840
- background: rgb(var(--v-theme-surface));
21841
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21842
- }
21843
- .v-footer--border {
21844
- border-width: thin;
21845
- box-shadow: none;
21846
- }
21847
- .v-footer--absolute {
21848
- position: absolute;
21849
- }
21850
- .v-footer--fixed {
21851
- position: fixed;
21852
- }
21853
- .v-footer--rounded {
21854
- border-radius: 4px;
21855
21855
  }.v-icon {
21856
21856
  --v-icon-size-multiplier: 1;
21857
21857
  align-items: center;
@@ -21905,6 +21905,67 @@ textarea.v-field__input::placeholder {
21905
21905
 
21906
21906
  .v-icon--end {
21907
21907
  margin-inline-start: 8px;
21908
+ }.v-img {
21909
+ --v-theme-overlay-multiplier: 3;
21910
+ z-index: 0;
21911
+ }
21912
+ .v-img--booting .v-responsive__sizer {
21913
+ transition: none;
21914
+ }
21915
+ .v-img--rounded {
21916
+ border-radius: 4px;
21917
+ }
21918
+
21919
+ .v-img__img,
21920
+ .v-img__picture,
21921
+ .v-img__gradient,
21922
+ .v-img__placeholder,
21923
+ .v-img__error {
21924
+ z-index: -1;
21925
+ position: absolute;
21926
+ top: 0;
21927
+ left: 0;
21928
+ width: 100%;
21929
+ height: 100%;
21930
+ }
21931
+
21932
+ .v-img__img--preload {
21933
+ filter: blur(4px);
21934
+ }
21935
+ .v-img__img--contain {
21936
+ object-fit: contain;
21937
+ }
21938
+ .v-img__img--cover {
21939
+ object-fit: cover;
21940
+ }
21941
+
21942
+ .v-img__gradient {
21943
+ background-repeat: no-repeat;
21944
+ }.v-infinite-scroll--horizontal {
21945
+ display: flex;
21946
+ flex-direction: row;
21947
+ overflow-x: auto;
21948
+ }
21949
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21950
+ height: 100%;
21951
+ width: 1px;
21952
+ }
21953
+
21954
+ .v-infinite-scroll--vertical {
21955
+ display: flex;
21956
+ flex-direction: column;
21957
+ overflow-y: auto;
21958
+ }
21959
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21960
+ height: 1px;
21961
+ width: 100%;
21962
+ }
21963
+
21964
+ .v-infinite-scroll__side {
21965
+ align-items: center;
21966
+ display: flex;
21967
+ justify-content: center;
21968
+ padding: 8px;
21908
21969
  }.v-input {
21909
21970
  display: grid;
21910
21971
  flex: 1 1 auto;
@@ -22030,84 +22091,23 @@ textarea.v-field__input::placeholder {
22030
22091
  -webkit-appearance: none;
22031
22092
  margin: 0;
22032
22093
  }
22033
- .v-input--hide-spin-buttons input[type=number] {
22034
- -moz-appearance: textfield;
22035
- }
22036
- .v-input--plain-underlined .v-input__prepend,
22037
- .v-input--plain-underlined .v-input__append {
22038
- align-items: flex-start;
22039
- }
22040
- .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
22041
- padding-top: calc(var(--v-input-padding-top) + 4px);
22042
- }
22043
-
22044
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22045
- padding-top: calc(var(--v-input-padding-top) + 2px);
22046
- }
22047
-
22048
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22049
- padding-top: calc(var(--v-input-padding-top) + 0px);
22050
- }.v-img {
22051
- --v-theme-overlay-multiplier: 3;
22052
- z-index: 0;
22053
- }
22054
- .v-img--booting .v-responsive__sizer {
22055
- transition: none;
22056
- }
22057
- .v-img--rounded {
22058
- border-radius: 4px;
22059
- }
22060
-
22061
- .v-img__img,
22062
- .v-img__picture,
22063
- .v-img__gradient,
22064
- .v-img__placeholder,
22065
- .v-img__error {
22066
- z-index: -1;
22067
- position: absolute;
22068
- top: 0;
22069
- left: 0;
22070
- width: 100%;
22071
- height: 100%;
22072
- }
22073
-
22074
- .v-img__img--preload {
22075
- filter: blur(4px);
22076
- }
22077
- .v-img__img--contain {
22078
- object-fit: contain;
22079
- }
22080
- .v-img__img--cover {
22081
- object-fit: cover;
22082
- }
22083
-
22084
- .v-img__gradient {
22085
- background-repeat: no-repeat;
22086
- }.v-infinite-scroll--horizontal {
22087
- display: flex;
22088
- flex-direction: row;
22089
- overflow-x: auto;
22094
+ .v-input--hide-spin-buttons input[type=number] {
22095
+ -moz-appearance: textfield;
22090
22096
  }
22091
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22092
- height: 100%;
22093
- width: 1px;
22097
+ .v-input--plain-underlined .v-input__prepend,
22098
+ .v-input--plain-underlined .v-input__append {
22099
+ align-items: flex-start;
22094
22100
  }
22095
-
22096
- .v-infinite-scroll--vertical {
22097
- display: flex;
22098
- flex-direction: column;
22099
- overflow-y: auto;
22101
+ .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
22102
+ padding-top: calc(var(--v-input-padding-top) + 4px);
22100
22103
  }
22101
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22102
- height: 1px;
22103
- width: 100%;
22104
+
22105
+ .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22106
+ padding-top: calc(var(--v-input-padding-top) + 2px);
22104
22107
  }
22105
22108
 
22106
- .v-infinite-scroll__side {
22107
- align-items: center;
22108
- display: flex;
22109
- justify-content: center;
22110
- padding: 8px;
22109
+ .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22110
+ padding-top: calc(var(--v-input-padding-top) + 0px);
22111
22111
  }.v-item-group {
22112
22112
  flex: 0 1 auto;
22113
22113
  max-width: 100%;
@@ -22743,6 +22743,22 @@ textarea.v-field__input::placeholder {
22743
22743
  overflow: auto;
22744
22744
  height: 100%;
22745
22745
  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));
22746
+ }.v-messages {
22747
+ flex: 1 1 auto;
22748
+ font-size: 12px;
22749
+ min-height: 14px;
22750
+ min-width: 1px;
22751
+ opacity: var(--v-medium-emphasis-opacity);
22752
+ position: relative;
22753
+ }
22754
+ .v-messages__message {
22755
+ line-height: 12px;
22756
+ word-break: break-word;
22757
+ overflow-wrap: break-word;
22758
+ word-wrap: break-word;
22759
+ -webkit-hyphens: auto;
22760
+ hyphens: auto;
22761
+ transition-duration: 150ms;
22746
22762
  }.v-navigation-drawer {
22747
22763
  -webkit-overflow-scrolling: touch;
22748
22764
  background: rgb(var(--v-theme-surface));
@@ -22964,6 +22980,12 @@ html.v-overlay-scroll-blocked {
22964
22980
 
22965
22981
  .v-overlay--scroll-blocked {
22966
22982
  padding-inline-end: var(--v-scrollbar-offset);
22983
+ }.v-parallax {
22984
+ position: relative;
22985
+ overflow: hidden;
22986
+ }
22987
+ .v-parallax--active > .v-img__img {
22988
+ will-change: transform;
22967
22989
  }.v-pagination__list {
22968
22990
  display: inline-flex;
22969
22991
  list-style-type: none;
@@ -23285,12 +23307,6 @@ html.v-overlay-scroll-blocked {
23285
23307
  0% {
23286
23308
  background-position-x: var(--v-progress-linear-height);
23287
23309
  }
23288
- }.v-parallax {
23289
- position: relative;
23290
- overflow: hidden;
23291
- }
23292
- .v-parallax--active > .v-img__img {
23293
- will-change: transform;
23294
23310
  }.v-radio-group > .v-input__control {
23295
23311
  flex-direction: column;
23296
23312
  }
@@ -23414,6 +23430,32 @@ html.v-overlay-scroll-blocked {
23414
23430
  opacity: 0;
23415
23431
  position: absolute;
23416
23432
  width: 0;
23433
+ }.v-responsive {
23434
+ display: flex;
23435
+ flex: 1 0 auto;
23436
+ max-height: 100%;
23437
+ max-width: 100%;
23438
+ overflow: hidden;
23439
+ position: relative;
23440
+ }
23441
+ .v-responsive--inline {
23442
+ display: inline-flex;
23443
+ flex: 0 0 auto;
23444
+ }
23445
+
23446
+ .v-responsive__content {
23447
+ flex: 1 0 0px;
23448
+ max-width: 100%;
23449
+ }
23450
+
23451
+ .v-responsive__sizer ~ .v-responsive__content {
23452
+ margin-inline-start: -100%;
23453
+ }
23454
+
23455
+ .v-responsive__sizer {
23456
+ flex: 1 0 0px;
23457
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23458
+ pointer-events: none;
23417
23459
  }.v-select .v-field .v-text-field__prefix,
23418
23460
  .v-select .v-field .v-text-field__suffix,
23419
23461
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23462,32 +23504,6 @@ html.v-overlay-scroll-blocked {
23462
23504
  .v-select--active-menu .v-select__menu-icon {
23463
23505
  opacity: var(--v-high-emphasis-opacity);
23464
23506
  transform: rotate(180deg);
23465
- }.v-responsive {
23466
- display: flex;
23467
- flex: 1 0 auto;
23468
- max-height: 100%;
23469
- max-width: 100%;
23470
- overflow: hidden;
23471
- position: relative;
23472
- }
23473
- .v-responsive--inline {
23474
- display: inline-flex;
23475
- flex: 0 0 auto;
23476
- }
23477
-
23478
- .v-responsive__content {
23479
- flex: 1 0 0px;
23480
- max-width: 100%;
23481
- }
23482
-
23483
- .v-responsive__sizer ~ .v-responsive__content {
23484
- margin-inline-start: -100%;
23485
- }
23486
-
23487
- .v-responsive__sizer {
23488
- flex: 1 0 0px;
23489
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23490
- pointer-events: none;
23491
23507
  }.v-selection-control {
23492
23508
  align-items: center;
23493
23509
  contain: layout;
@@ -24807,22 +24823,6 @@ html.v-overlay-scroll-blocked {
24807
24823
  /* endregion */.v-theme-provider {
24808
24824
  background: rgb(var(--v-theme-background));
24809
24825
  color: rgb(var(--v-theme-on-background));
24810
- }.v-messages {
24811
- flex: 1 1 auto;
24812
- font-size: 12px;
24813
- min-height: 14px;
24814
- min-width: 1px;
24815
- opacity: var(--v-medium-emphasis-opacity);
24816
- position: relative;
24817
- }
24818
- .v-messages__message {
24819
- line-height: 12px;
24820
- word-break: break-word;
24821
- overflow-wrap: break-word;
24822
- word-wrap: break-word;
24823
- -webkit-hyphens: auto;
24824
- hyphens: auto;
24825
- transition-duration: 150ms;
24826
24826
  }.v-timeline .v-timeline-divider__dot {
24827
24827
  background: rgb(var(--v-theme-surface-light));
24828
24828
  }
@@ -25239,28 +25239,6 @@ html.v-overlay-scroll-blocked {
25239
25239
 
25240
25240
  .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 {
25241
25241
  padding-inline-end: 0;
25242
- }.v-tooltip > .v-overlay__content {
25243
- background: rgb(var(--v-theme-surface-variant));
25244
- color: rgb(var(--v-theme-on-surface-variant));
25245
- border-radius: 4px;
25246
- font-size: 0.875rem;
25247
- line-height: 1.6;
25248
- display: inline-block;
25249
- padding: 5px 16px;
25250
- text-transform: initial;
25251
- width: auto;
25252
- opacity: 1;
25253
- pointer-events: none;
25254
- transition-property: opacity, transform;
25255
- overflow-wrap: break-word;
25256
- }
25257
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25258
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25259
- transition-duration: 150ms;
25260
- }
25261
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25262
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25263
- transition-duration: 75ms;
25264
25242
  }.v-toolbar {
25265
25243
  align-items: flex-start;
25266
25244
  display: flex;
@@ -25390,6 +25368,37 @@ html.v-overlay-scroll-blocked {
25390
25368
  }
25391
25369
  .v-toolbar-items > .v-btn {
25392
25370
  border-radius: 0;
25371
+ }.v-tooltip > .v-overlay__content {
25372
+ background: rgb(var(--v-theme-surface-variant));
25373
+ color: rgb(var(--v-theme-on-surface-variant));
25374
+ border-radius: 4px;
25375
+ font-size: 0.875rem;
25376
+ line-height: 1.6;
25377
+ display: inline-block;
25378
+ padding: 5px 16px;
25379
+ text-transform: initial;
25380
+ width: auto;
25381
+ opacity: 1;
25382
+ pointer-events: none;
25383
+ transition-property: opacity, transform;
25384
+ overflow-wrap: break-word;
25385
+ }
25386
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25387
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25388
+ transition-duration: 150ms;
25389
+ }
25390
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25391
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25392
+ transition-duration: 75ms;
25393
+ }.v-virtual-scroll {
25394
+ display: block;
25395
+ flex: 1 1 auto;
25396
+ max-width: 100%;
25397
+ overflow: auto;
25398
+ position: relative;
25399
+ }
25400
+ .v-virtual-scroll__container {
25401
+ display: block;
25393
25402
  }.v-window {
25394
25403
  overflow: hidden;
25395
25404
  }
@@ -25460,15 +25469,6 @@ html.v-overlay-scroll-blocked {
25460
25469
  }
25461
25470
  .v-window-y-reverse-transition-leave-to {
25462
25471
  transform: translateY(100%);
25463
- }.v-virtual-scroll {
25464
- display: block;
25465
- flex: 1 1 auto;
25466
- max-width: 100%;
25467
- overflow: auto;
25468
- position: relative;
25469
- }
25470
- .v-virtual-scroll__container {
25471
- display: block;
25472
25472
  }.v-color-picker-canvas {
25473
25473
  display: flex;
25474
25474
  position: relative;
@@ -25491,6 +25491,41 @@ html.v-overlay-scroll-blocked {
25491
25491
  }
25492
25492
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25493
25493
  will-change: transform;
25494
+ }.v-color-picker-swatches {
25495
+ overflow-y: auto;
25496
+ }
25497
+ .v-color-picker-swatches > div {
25498
+ display: flex;
25499
+ flex-wrap: wrap;
25500
+ justify-content: center;
25501
+ padding: 8px;
25502
+ }
25503
+
25504
+ .v-color-picker-swatches__swatch {
25505
+ display: flex;
25506
+ flex-direction: column;
25507
+ margin-bottom: 10px;
25508
+ }
25509
+
25510
+ .v-color-picker-swatches__color {
25511
+ position: relative;
25512
+ height: 18px;
25513
+ max-height: 18px;
25514
+ width: 45px;
25515
+ margin: 2px 4px;
25516
+ border-radius: 2px;
25517
+ -webkit-user-select: none;
25518
+ user-select: none;
25519
+ overflow: hidden;
25520
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25521
+ cursor: pointer;
25522
+ }
25523
+ .v-color-picker-swatches__color > div {
25524
+ display: flex;
25525
+ align-items: center;
25526
+ justify-content: center;
25527
+ width: 100%;
25528
+ height: 100%;
25494
25529
  }.v-color-picker-edit {
25495
25530
  display: flex;
25496
25531
  margin-top: 24px;
@@ -25589,41 +25624,6 @@ html.v-overlay-scroll-blocked {
25589
25624
  .v-color-picker-preview__eye-dropper {
25590
25625
  position: relative;
25591
25626
  margin-right: 12px;
25592
- }.v-color-picker-swatches {
25593
- overflow-y: auto;
25594
- }
25595
- .v-color-picker-swatches > div {
25596
- display: flex;
25597
- flex-wrap: wrap;
25598
- justify-content: center;
25599
- padding: 8px;
25600
- }
25601
-
25602
- .v-color-picker-swatches__swatch {
25603
- display: flex;
25604
- flex-direction: column;
25605
- margin-bottom: 10px;
25606
- }
25607
-
25608
- .v-color-picker-swatches__color {
25609
- position: relative;
25610
- height: 18px;
25611
- max-height: 18px;
25612
- width: 45px;
25613
- margin: 2px 4px;
25614
- border-radius: 2px;
25615
- -webkit-user-select: none;
25616
- user-select: none;
25617
- overflow: hidden;
25618
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25619
- cursor: pointer;
25620
- }
25621
- .v-color-picker-swatches__color > div {
25622
- display: flex;
25623
- align-items: center;
25624
- justify-content: center;
25625
- width: 100%;
25626
- height: 100%;
25627
25627
  }.v-picker.v-sheet {
25628
25628
  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));
25629
25629
  border-radius: 4px;