@vuetify/nightly 3.5.0-dev.2024-01-20 → 3.5.1-master.2024-01-21

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.5.0-dev.2024-01-20
2
+ * Vuetify v3.5.1-master.2024-01-21
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17435,6 +17435,77 @@ html.overflow-y-hidden {
17435
17435
  .v-avatar .v-img {
17436
17436
  height: 100%;
17437
17437
  width: 100%;
17438
+ }.v-badge {
17439
+ display: inline-block;
17440
+ line-height: 1;
17441
+ }
17442
+
17443
+ .v-badge__badge {
17444
+ align-items: center;
17445
+ display: inline-flex;
17446
+ border-radius: 10px;
17447
+ font-size: 0.75rem;
17448
+ font-weight: 500;
17449
+ height: 1.25rem;
17450
+ justify-content: center;
17451
+ min-width: 20px;
17452
+ padding: 4px 6px;
17453
+ pointer-events: auto;
17454
+ position: absolute;
17455
+ text-align: center;
17456
+ text-indent: 0;
17457
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17458
+ white-space: nowrap;
17459
+ background: rgb(var(--v-theme-surface-variant));
17460
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17461
+ }
17462
+ .v-badge--bordered .v-badge__badge::after {
17463
+ border-radius: inherit;
17464
+ border-style: solid;
17465
+ border-width: 2px;
17466
+ bottom: 0;
17467
+ color: rgb(var(--v-theme-background));
17468
+ content: "";
17469
+ left: 0;
17470
+ position: absolute;
17471
+ right: 0;
17472
+ top: 0;
17473
+ transform: scale(1.05);
17474
+ }
17475
+ .v-badge--dot .v-badge__badge {
17476
+ border-radius: 4.5px;
17477
+ height: 9px;
17478
+ min-width: 0;
17479
+ padding: 0;
17480
+ width: 9px;
17481
+ }
17482
+ .v-badge--dot .v-badge__badge::after {
17483
+ border-width: 1.5px;
17484
+ }
17485
+ .v-badge--inline .v-badge__badge {
17486
+ position: relative;
17487
+ vertical-align: middle;
17488
+ }
17489
+ .v-badge__badge .v-icon {
17490
+ color: inherit;
17491
+ font-size: 0.75rem;
17492
+ margin: 0 -2px;
17493
+ }
17494
+ .v-badge__badge img,
17495
+ .v-badge__badge .v-img {
17496
+ height: 100%;
17497
+ width: 100%;
17498
+ }
17499
+
17500
+ .v-badge__wrapper {
17501
+ display: flex;
17502
+ position: relative;
17503
+ }
17504
+ .v-badge--inline .v-badge__wrapper {
17505
+ align-items: center;
17506
+ display: inline-flex;
17507
+ justify-content: center;
17508
+ margin: 0 4px;
17438
17509
  }.v-banner {
17439
17510
  display: grid;
17440
17511
  flex: 1 1;
@@ -17592,77 +17663,6 @@ html.overflow-y-hidden {
17592
17663
  }
17593
17664
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17594
17665
  align-self: flex-start;
17595
- }.v-badge {
17596
- display: inline-block;
17597
- line-height: 1;
17598
- }
17599
-
17600
- .v-badge__badge {
17601
- align-items: center;
17602
- display: inline-flex;
17603
- border-radius: 10px;
17604
- font-size: 0.75rem;
17605
- font-weight: 500;
17606
- height: 1.25rem;
17607
- justify-content: center;
17608
- min-width: 20px;
17609
- padding: 4px 6px;
17610
- pointer-events: auto;
17611
- position: absolute;
17612
- text-align: center;
17613
- text-indent: 0;
17614
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17615
- white-space: nowrap;
17616
- background: rgb(var(--v-theme-surface-variant));
17617
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17618
- }
17619
- .v-badge--bordered .v-badge__badge::after {
17620
- border-radius: inherit;
17621
- border-style: solid;
17622
- border-width: 2px;
17623
- bottom: 0;
17624
- color: rgb(var(--v-theme-background));
17625
- content: "";
17626
- left: 0;
17627
- position: absolute;
17628
- right: 0;
17629
- top: 0;
17630
- transform: scale(1.05);
17631
- }
17632
- .v-badge--dot .v-badge__badge {
17633
- border-radius: 4.5px;
17634
- height: 9px;
17635
- min-width: 0;
17636
- padding: 0;
17637
- width: 9px;
17638
- }
17639
- .v-badge--dot .v-badge__badge::after {
17640
- border-width: 1.5px;
17641
- }
17642
- .v-badge--inline .v-badge__badge {
17643
- position: relative;
17644
- vertical-align: middle;
17645
- }
17646
- .v-badge__badge .v-icon {
17647
- color: inherit;
17648
- font-size: 0.75rem;
17649
- margin: 0 -2px;
17650
- }
17651
- .v-badge__badge img,
17652
- .v-badge__badge .v-img {
17653
- height: 100%;
17654
- width: 100%;
17655
- }
17656
-
17657
- .v-badge__wrapper {
17658
- display: flex;
17659
- position: relative;
17660
- }
17661
- .v-badge--inline .v-badge__wrapper {
17662
- align-items: center;
17663
- display: inline-flex;
17664
- justify-content: center;
17665
- margin: 0 4px;
17666
17666
  }.v-bottom-navigation {
17667
17667
  display: flex;
17668
17668
  max-width: 100%;
@@ -17718,6 +17718,63 @@ html.overflow-y-hidden {
17718
17718
  }
17719
17719
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17720
17720
  transform: translateY(0.5rem);
17721
+ }.v-breadcrumbs {
17722
+ display: flex;
17723
+ align-items: center;
17724
+ line-height: 1.375rem;
17725
+ padding: 16px 12px;
17726
+ }
17727
+ .v-breadcrumbs--rounded {
17728
+ border-radius: 4px;
17729
+ }
17730
+ .v-breadcrumbs--density-default {
17731
+ padding-top: 16px;
17732
+ padding-bottom: 16px;
17733
+ }
17734
+
17735
+ .v-breadcrumbs--density-comfortable {
17736
+ padding-top: 12px;
17737
+ padding-bottom: 12px;
17738
+ }
17739
+
17740
+ .v-breadcrumbs--density-compact {
17741
+ padding-top: 8px;
17742
+ padding-bottom: 8px;
17743
+ }
17744
+
17745
+ .v-breadcrumbs__prepend {
17746
+ align-items: center;
17747
+ display: inline-flex;
17748
+ }
17749
+
17750
+ .v-breadcrumbs-item {
17751
+ align-items: center;
17752
+ color: inherit;
17753
+ display: inline-flex;
17754
+ padding: 0 4px;
17755
+ text-decoration: none;
17756
+ vertical-align: middle;
17757
+ }
17758
+ .v-breadcrumbs-item--disabled {
17759
+ opacity: var(--v-disabled-opacity);
17760
+ pointer-events: none;
17761
+ }
17762
+ .v-breadcrumbs-item--link {
17763
+ color: inherit;
17764
+ text-decoration: none;
17765
+ }
17766
+ .v-breadcrumbs-item--link:hover {
17767
+ text-decoration: underline;
17768
+ }
17769
+ .v-breadcrumbs-item .v-icon {
17770
+ font-size: 1rem;
17771
+ margin-inline: -4px 2px;
17772
+ }
17773
+
17774
+ .v-breadcrumbs-divider {
17775
+ display: inline-block;
17776
+ padding: 0 8px;
17777
+ vertical-align: middle;
17721
17778
  }.bottom-sheet-transition-enter-from {
17722
17779
  transform: translateY(100%);
17723
17780
  }
@@ -18153,92 +18210,48 @@ html.overflow-y-hidden {
18153
18210
  }
18154
18211
  .v-pagination__item--is-active .v-btn__overlay {
18155
18212
  opacity: var(--v-border-opacity);
18156
- }.v-breadcrumbs {
18157
- display: flex;
18158
- align-items: center;
18159
- line-height: 1.375rem;
18160
- padding: 16px 12px;
18213
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18214
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18161
18215
  }
18162
- .v-breadcrumbs--rounded {
18216
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18217
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18218
+ }
18219
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18220
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18221
+ }
18222
+ @supports not selector(:focus-visible) {
18223
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18224
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18225
+ }
18226
+ }.v-btn-group {
18227
+ display: inline-flex;
18228
+ flex-wrap: nowrap;
18229
+ max-width: 100%;
18230
+ min-width: 0;
18231
+ overflow: hidden;
18232
+ vertical-align: middle;
18233
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18234
+ border-style: solid;
18235
+ border-width: 0;
18236
+ 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));
18163
18237
  border-radius: 4px;
18238
+ background: transparent;
18239
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18164
18240
  }
18165
- .v-breadcrumbs--density-default {
18166
- padding-top: 16px;
18167
- padding-bottom: 16px;
18241
+ .v-btn-group--border {
18242
+ border-width: thin;
18243
+ box-shadow: none;
18168
18244
  }
18169
-
18170
- .v-breadcrumbs--density-comfortable {
18171
- padding-top: 12px;
18172
- padding-bottom: 12px;
18245
+ .v-btn-group--density-default.v-btn-group {
18246
+ height: 48px;
18173
18247
  }
18174
18248
 
18175
- .v-breadcrumbs--density-compact {
18176
- padding-top: 8px;
18177
- padding-bottom: 8px;
18249
+ .v-btn-group--density-comfortable.v-btn-group {
18250
+ height: 40px;
18178
18251
  }
18179
18252
 
18180
- .v-breadcrumbs__prepend {
18181
- align-items: center;
18182
- display: inline-flex;
18183
- }
18184
-
18185
- .v-breadcrumbs-item {
18186
- align-items: center;
18187
- color: inherit;
18188
- display: inline-flex;
18189
- padding: 0 4px;
18190
- text-decoration: none;
18191
- vertical-align: middle;
18192
- }
18193
- .v-breadcrumbs-item--disabled {
18194
- opacity: var(--v-disabled-opacity);
18195
- pointer-events: none;
18196
- }
18197
- .v-breadcrumbs-item--link {
18198
- color: inherit;
18199
- text-decoration: none;
18200
- }
18201
- .v-breadcrumbs-item--link:hover {
18202
- text-decoration: underline;
18203
- }
18204
- .v-breadcrumbs-item .v-icon {
18205
- font-size: 1rem;
18206
- margin-inline: -4px 2px;
18207
- }
18208
-
18209
- .v-breadcrumbs-divider {
18210
- display: inline-block;
18211
- padding: 0 8px;
18212
- vertical-align: middle;
18213
- }.v-btn-group {
18214
- display: inline-flex;
18215
- flex-wrap: nowrap;
18216
- max-width: 100%;
18217
- min-width: 0;
18218
- overflow: hidden;
18219
- vertical-align: middle;
18220
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18221
- border-style: solid;
18222
- border-width: 0;
18223
- 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));
18224
- border-radius: 4px;
18225
- background: transparent;
18226
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18227
- }
18228
- .v-btn-group--border {
18229
- border-width: thin;
18230
- box-shadow: none;
18231
- }
18232
- .v-btn-group--density-default.v-btn-group {
18233
- height: 48px;
18234
- }
18235
-
18236
- .v-btn-group--density-comfortable.v-btn-group {
18237
- height: 40px;
18238
- }
18239
-
18240
- .v-btn-group--density-compact.v-btn-group {
18241
- height: 36px;
18253
+ .v-btn-group--density-compact.v-btn-group {
18254
+ height: 36px;
18242
18255
  }
18243
18256
 
18244
18257
  .v-btn-group .v-btn {
@@ -18266,19 +18279,69 @@ html.overflow-y-hidden {
18266
18279
  }
18267
18280
  .v-btn-group--tile {
18268
18281
  border-radius: 0;
18269
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18270
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18282
+ }.v-carousel {
18283
+ overflow: hidden;
18284
+ position: relative;
18285
+ width: 100%;
18271
18286
  }
18272
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18273
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18287
+ .v-carousel__controls {
18288
+ align-items: center;
18289
+ bottom: 0;
18290
+ display: flex;
18291
+ height: 50px;
18292
+ justify-content: center;
18293
+ list-style-type: none;
18294
+ position: absolute;
18295
+ width: 100%;
18296
+ z-index: 1;
18297
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18298
+ color: rgb(var(--v-theme-on-surface-variant));
18274
18299
  }
18275
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18276
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18300
+ .v-carousel__controls > .v-item-group {
18301
+ flex: 0 1 auto;
18277
18302
  }
18278
- @supports not selector(:focus-visible) {
18279
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18280
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18281
- }
18303
+ .v-carousel__controls__item {
18304
+ margin: 0 8px;
18305
+ }
18306
+ .v-carousel__controls__item .v-icon {
18307
+ opacity: 0.5;
18308
+ }
18309
+ .v-carousel__controls__item--active .v-icon {
18310
+ opacity: 1;
18311
+ vertical-align: middle;
18312
+ }
18313
+ .v-carousel__controls__item:hover {
18314
+ background: none;
18315
+ }
18316
+ .v-carousel__controls__item:hover .v-icon {
18317
+ opacity: 0.8;
18318
+ }
18319
+
18320
+ .v-carousel__progress {
18321
+ margin: 0;
18322
+ position: absolute;
18323
+ bottom: 0;
18324
+ left: 0;
18325
+ right: 0;
18326
+ }
18327
+
18328
+ .v-carousel-item {
18329
+ display: block;
18330
+ height: inherit;
18331
+ text-decoration: none;
18332
+ }
18333
+ .v-carousel-item > .v-img {
18334
+ height: inherit;
18335
+ }
18336
+
18337
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18338
+ background: transparent;
18339
+ }
18340
+
18341
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18342
+ flex-direction: column;
18343
+ height: 100% !important;
18344
+ width: 50px;
18282
18345
  }.v-card {
18283
18346
  display: block;
18284
18347
  overflow: hidden;
@@ -18575,69 +18638,8 @@ html.overflow-y-hidden {
18575
18638
  pointer-events: none;
18576
18639
  opacity: 0;
18577
18640
  transition: opacity 0.2s ease-in-out;
18578
- }.v-carousel {
18579
- overflow: hidden;
18580
- position: relative;
18581
- width: 100%;
18582
- }
18583
- .v-carousel__controls {
18584
- align-items: center;
18585
- bottom: 0;
18586
- display: flex;
18587
- height: 50px;
18588
- justify-content: center;
18589
- list-style-type: none;
18590
- position: absolute;
18591
- width: 100%;
18592
- z-index: 1;
18593
- background: rgba(var(--v-theme-surface-variant), 0.3);
18594
- color: rgb(var(--v-theme-on-surface-variant));
18595
- }
18596
- .v-carousel__controls > .v-item-group {
18597
- flex: 0 1 auto;
18598
- }
18599
- .v-carousel__controls__item {
18600
- margin: 0 8px;
18601
- }
18602
- .v-carousel__controls__item .v-icon {
18603
- opacity: 0.5;
18604
- }
18605
- .v-carousel__controls__item--active .v-icon {
18606
- opacity: 1;
18607
- vertical-align: middle;
18608
- }
18609
- .v-carousel__controls__item:hover {
18610
- background: none;
18611
- }
18612
- .v-carousel__controls__item:hover .v-icon {
18613
- opacity: 0.8;
18614
- }
18615
-
18616
- .v-carousel__progress {
18617
- margin: 0;
18618
- position: absolute;
18619
- bottom: 0;
18620
- left: 0;
18621
- right: 0;
18622
- }
18623
-
18624
- .v-carousel-item {
18625
- display: block;
18626
- height: inherit;
18627
- text-decoration: none;
18628
- }
18629
- .v-carousel-item > .v-img {
18630
- height: inherit;
18631
- }
18632
-
18633
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18634
- background: transparent;
18635
- }
18636
-
18637
- .v-carousel--vertical-delimiters .v-carousel__controls {
18638
- flex-direction: column;
18639
- height: 100% !important;
18640
- width: 50px;
18641
+ }.v-checkbox .v-selection-control {
18642
+ min-height: var(--v-input-control-height);
18641
18643
  }.v-chip {
18642
18644
  align-items: center;
18643
18645
  cursor: default;
@@ -19046,8 +19048,6 @@ html.overflow-y-hidden {
19046
19048
 
19047
19049
  .v-chip--label {
19048
19050
  border-radius: 4px;
19049
- }.v-checkbox .v-selection-control {
19050
- min-height: var(--v-input-control-height);
19051
19051
  }.v-chip-group {
19052
19052
  display: flex;
19053
19053
  max-width: 100%;
@@ -19844,41 +19844,6 @@ html.overflow-y-hidden {
19844
19844
  flex: 0 1 auto;
19845
19845
  font-size: 12px;
19846
19846
  transition-duration: 150ms;
19847
- }.v-data-table-footer {
19848
- display: flex;
19849
- align-items: center;
19850
- flex-wrap: wrap;
19851
- padding: 4px;
19852
- justify-content: flex-end;
19853
- }
19854
-
19855
- .v-data-table-footer__items-per-page {
19856
- display: flex;
19857
- align-items: center;
19858
- justify-content: center;
19859
- }
19860
- .v-data-table-footer__items-per-page > span {
19861
- padding-inline-end: 8px;
19862
- }
19863
- .v-data-table-footer__items-per-page > .v-select {
19864
- width: 90px;
19865
- }
19866
-
19867
- .v-data-table-footer__info {
19868
- display: flex;
19869
- justify-content: flex-end;
19870
- min-width: 116px;
19871
- padding: 0 16px;
19872
- }
19873
-
19874
- .v-data-table-footer__pagination {
19875
- display: flex;
19876
- align-items: center;
19877
- margin-inline-start: 16px;
19878
- }
19879
-
19880
- .v-data-table-footer__page {
19881
- padding: 0 8px;
19882
19847
  }.v-data-table {
19883
19848
  width: 100%;
19884
19849
  }
@@ -20012,31 +19977,41 @@ html.overflow-y-hidden {
20012
19977
  .v-data-table-rows-loading,
20013
19978
  .v-data-table-rows-no-data {
20014
19979
  text-align: center;
20015
- }.v-date-picker__input {
20016
- padding-top: 16px;
20017
- padding-left: 24px;
20018
- padding-right: 24px;
19980
+ }.v-data-table-footer {
19981
+ display: flex;
19982
+ align-items: center;
19983
+ flex-wrap: wrap;
19984
+ padding: 4px;
19985
+ justify-content: flex-end;
20019
19986
  }
20020
19987
 
20021
- .v-date-picker {
20022
- overflow: hidden;
20023
- width: 360px;
19988
+ .v-data-table-footer__items-per-page {
19989
+ display: flex;
19990
+ align-items: center;
19991
+ justify-content: center;
20024
19992
  }
20025
- .v-date-picker--show-week {
20026
- width: 408px;
19993
+ .v-data-table-footer__items-per-page > span {
19994
+ padding-inline-end: 8px;
20027
19995
  }
20028
-
20029
- .v-date-picker-month {
20030
- padding: 0 12px 12px;
19996
+ .v-data-table-footer__items-per-page > .v-select {
19997
+ width: 90px;
20031
19998
  }
20032
19999
 
20033
- .v-date-picker-month__day {
20034
- height: 48px;
20035
- width: 48px;
20000
+ .v-data-table-footer__info {
20001
+ display: flex;
20002
+ justify-content: flex-end;
20003
+ min-width: 116px;
20004
+ padding: 0 16px;
20036
20005
  }
20037
- .v-date-picker-month__day .v-btn {
20038
- --v-btn-height: 28px;
20039
- --v-btn-size: 0.85rem;
20006
+
20007
+ .v-data-table-footer__pagination {
20008
+ display: flex;
20009
+ align-items: center;
20010
+ margin-inline-start: 16px;
20011
+ }
20012
+
20013
+ .v-data-table-footer__page {
20014
+ padding: 0 8px;
20040
20015
  }.v-date-picker-controls {
20041
20016
  display: flex;
20042
20017
  align-items: center;
@@ -20093,6 +20068,64 @@ html.overflow-y-hidden {
20093
20068
 
20094
20069
  .v-date-picker__title {
20095
20070
  display: inline-block;
20071
+ }.v-date-picker-header {
20072
+ display: grid;
20073
+ grid-template-areas: "prepend content append";
20074
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20075
+ overflow: hidden;
20076
+ padding-inline: 24px 12px;
20077
+ padding-bottom: 12px;
20078
+ }
20079
+
20080
+ .v-date-picker-header__append {
20081
+ grid-area: append;
20082
+ }
20083
+
20084
+ .v-date-picker-header__prepend {
20085
+ grid-area: prepend;
20086
+ padding-inline-start: 8px;
20087
+ }
20088
+
20089
+ .v-date-picker-header__content {
20090
+ align-items: center;
20091
+ display: inline-flex;
20092
+ font-size: 32px;
20093
+ line-height: 40px;
20094
+ grid-area: content;
20095
+ justify-content: space-between;
20096
+ }
20097
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20098
+ cursor: pointer;
20099
+ }
20100
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20101
+ opacity: 0.7;
20102
+ }
20103
+
20104
+ .date-picker-header-transition-enter-active,
20105
+ .date-picker-header-reverse-transition-enter-active {
20106
+ transition-duration: 0.3s;
20107
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20108
+ }
20109
+ .date-picker-header-transition-leave-active,
20110
+ .date-picker-header-reverse-transition-leave-active {
20111
+ transition-duration: 0.3s;
20112
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20113
+ }
20114
+
20115
+ .date-picker-header-transition-enter-from {
20116
+ transform: translate(0, 100%);
20117
+ }
20118
+ .date-picker-header-transition-leave-to {
20119
+ opacity: 0;
20120
+ transform: translate(0, -100%);
20121
+ }
20122
+
20123
+ .date-picker-header-reverse-transition-enter-from {
20124
+ transform: translate(0, -100%);
20125
+ }
20126
+ .date-picker-header-reverse-transition-leave-to {
20127
+ opacity: 0;
20128
+ transform: translate(0, 100%);
20096
20129
  }.v-date-picker-month {
20097
20130
  display: flex;
20098
20131
  justify-content: center;
@@ -20132,109 +20165,392 @@ html.overflow-y-hidden {
20132
20165
  background-color: rgb(var(--v-theme-surface-variant));
20133
20166
  color: rgb(var(--v-theme-on-surface-variant));
20134
20167
  }
20135
- .v-date-picker-month__day--week {
20136
- font-size: var(--v-btn-size);
20168
+ .v-date-picker-month__day--week {
20169
+ font-size: var(--v-btn-size);
20170
+ }
20171
+
20172
+ .v-date-picker-month__day--adjacent {
20173
+ opacity: 0.5;
20174
+ }
20175
+
20176
+ .v-date-picker-month__day--hide-adjacent {
20177
+ opacity: 0;
20178
+ }.v-date-picker__input {
20179
+ padding-top: 16px;
20180
+ padding-left: 24px;
20181
+ padding-right: 24px;
20182
+ }
20183
+
20184
+ .v-date-picker {
20185
+ overflow: hidden;
20186
+ width: 360px;
20187
+ }
20188
+ .v-date-picker--show-week {
20189
+ width: 408px;
20190
+ }
20191
+
20192
+ .v-date-picker-month {
20193
+ padding: 0 12px 12px;
20194
+ }
20195
+
20196
+ .v-date-picker-month__day {
20197
+ height: 48px;
20198
+ width: 48px;
20199
+ }
20200
+ .v-date-picker-month__day .v-btn {
20201
+ --v-btn-height: 28px;
20202
+ --v-btn-size: 0.85rem;
20203
+ }.v-date-picker-years {
20204
+ height: 320px;
20205
+ overflow-y: scroll;
20206
+ }
20207
+
20208
+ .v-date-picker-years__content {
20209
+ display: grid;
20210
+ flex: 1 1;
20211
+ justify-content: space-around;
20212
+ grid-template-columns: repeat(3, 1fr);
20213
+ gap: 8px 24px;
20214
+ padding-inline: 36px;
20215
+ }
20216
+ .v-date-picker-years__content .v-btn {
20217
+ padding-inline: 8px;
20218
+ }.v-date-picker-months {
20219
+ height: 320px;
20220
+ overflow-y: scroll;
20221
+ }
20222
+
20223
+ .v-date-picker-months__content {
20224
+ align-items: center;
20225
+ display: grid;
20226
+ flex: 1 1;
20227
+ height: inherit;
20228
+ justify-content: space-around;
20229
+ grid-template-columns: repeat(2, 1fr);
20230
+ grid-gap: 4px 24px;
20231
+ padding-inline-start: 36px;
20232
+ padding-inline-end: 36px;
20233
+ }
20234
+ .v-date-picker-months__content .v-btn {
20235
+ text-transform: none;
20236
+ padding-inline-start: 8px;
20237
+ padding-inline-end: 8px;
20238
+ }.v-dialog {
20239
+ align-items: center;
20240
+ justify-content: center;
20241
+ margin: auto;
20242
+ }
20243
+ .v-dialog > .v-overlay__content {
20244
+ max-height: calc(100% - 48px);
20245
+ width: calc(100% - 48px);
20246
+ max-width: calc(100% - 48px);
20247
+ margin: 24px;
20248
+ }
20249
+ .v-dialog > .v-overlay__content,
20250
+ .v-dialog > .v-overlay__content > form {
20251
+ display: flex;
20252
+ flex-direction: column;
20253
+ min-height: 0;
20254
+ }
20255
+ .v-dialog > .v-overlay__content > .v-card,
20256
+ .v-dialog > .v-overlay__content > .v-sheet,
20257
+ .v-dialog > .v-overlay__content > form > .v-card,
20258
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20259
+ --v-scrollbar-offset: 0px;
20260
+ border-radius: 4px;
20261
+ overflow-y: auto;
20262
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20263
+ }
20264
+ .v-dialog > .v-overlay__content > .v-card,
20265
+ .v-dialog > .v-overlay__content > form > .v-card {
20266
+ display: flex;
20267
+ flex-direction: column;
20268
+ }
20269
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20270
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20271
+ padding: 14px 24px 0;
20272
+ }
20273
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20274
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20275
+ padding-top: 10px;
20276
+ }
20277
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20278
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20279
+ font-size: inherit;
20280
+ letter-spacing: 0.03125em;
20281
+ line-height: inherit;
20282
+ padding: 16px 24px 10px;
20283
+ }
20284
+
20285
+ .v-dialog--fullscreen {
20286
+ --v-scrollbar-offset: 0px;
20287
+ }
20288
+ .v-dialog--fullscreen > .v-overlay__content {
20289
+ border-radius: 0;
20290
+ margin: 0;
20291
+ padding: 0;
20292
+ width: 100%;
20293
+ height: 100%;
20294
+ max-width: 100%;
20295
+ max-height: 100%;
20296
+ overflow-y: auto;
20297
+ top: 0;
20298
+ left: 0;
20299
+ }
20300
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20301
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20302
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20303
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20304
+ min-height: 100%;
20305
+ min-width: 100%;
20306
+ border-radius: 0;
20307
+ }
20308
+
20309
+ .v-dialog--scrollable > .v-overlay__content,
20310
+ .v-dialog--scrollable > .v-overlay__content > form {
20311
+ display: flex;
20312
+ }
20313
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20314
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20315
+ display: flex;
20316
+ flex: 1 1 100%;
20317
+ flex-direction: column;
20318
+ max-height: 100%;
20319
+ max-width: 100%;
20320
+ }
20321
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20322
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20323
+ -webkit-backface-visibility: hidden;
20324
+ backface-visibility: hidden;
20325
+ overflow-y: auto;
20326
+ }.v-divider {
20327
+ display: block;
20328
+ flex: 1 1 100%;
20329
+ height: 0px;
20330
+ max-height: 0px;
20331
+ opacity: var(--v-border-opacity);
20332
+ transition: inherit;
20333
+ border-style: solid;
20334
+ border-width: thin 0 0 0;
20335
+ }
20336
+ .v-divider--vertical {
20337
+ align-self: stretch;
20338
+ border-width: 0 thin 0 0;
20339
+ display: inline-flex;
20340
+ height: inherit;
20341
+ margin-left: -1px;
20342
+ max-height: 100%;
20343
+ max-width: 0px;
20344
+ vertical-align: text-bottom;
20345
+ width: 0px;
20346
+ }
20347
+ .v-divider--inset:not(.v-divider--vertical) {
20348
+ max-width: calc(100% - 72px);
20349
+ margin-inline-start: 72px;
20350
+ }
20351
+ .v-divider--inset.v-divider--vertical {
20352
+ margin-bottom: 8px;
20353
+ margin-top: 8px;
20354
+ max-height: calc(100% - 16px);
20355
+ }.v-expansion-panel {
20356
+ background-color: rgb(var(--v-theme-surface));
20357
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20358
+ }
20359
+ .v-expansion-panel:not(:first-child)::after {
20360
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20361
+ }
20362
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20363
+ color: rgba(var(--v-theme-on-surface), 0.26);
20364
+ }
20365
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20366
+ opacity: 0.4615384615;
20367
+ }
20368
+
20369
+ .v-expansion-panels {
20370
+ display: flex;
20371
+ flex-wrap: wrap;
20372
+ justify-content: center;
20373
+ list-style-type: none;
20374
+ padding: 0;
20375
+ width: 100%;
20376
+ position: relative;
20377
+ z-index: 1;
20378
+ }
20379
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20380
+ border-bottom-left-radius: 0 !important;
20381
+ border-bottom-right-radius: 0 !important;
20382
+ }
20383
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20384
+ border-top-left-radius: 0 !important;
20385
+ border-top-right-radius: 0 !important;
20386
+ }
20387
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20388
+ border-bottom-left-radius: 0 !important;
20389
+ border-bottom-right-radius: 0 !important;
20390
+ }
20391
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20392
+ border-top-left-radius: 0 !important;
20393
+ border-top-right-radius: 0 !important;
20394
+ }
20395
+ .v-expansion-panels--variant-accordion > :first-child {
20396
+ border-bottom-left-radius: 0 !important;
20397
+ border-bottom-right-radius: 0 !important;
20398
+ }
20399
+ .v-expansion-panels--variant-accordion > :last-child {
20400
+ border-top-left-radius: 0 !important;
20401
+ border-top-right-radius: 0 !important;
20402
+ }
20403
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20404
+ border-bottom-left-radius: initial;
20405
+ border-bottom-right-radius: initial;
20406
+ }
20407
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20408
+ border-radius: 0 !important;
20409
+ }
20410
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20411
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20412
+ }
20413
+
20414
+ .v-expansion-panel {
20415
+ flex: 1 0 100%;
20416
+ max-width: 100%;
20417
+ position: relative;
20418
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20419
+ transition-property: margin-top, border-radius, border, max-width;
20420
+ border-radius: 4px;
20421
+ }
20422
+ .v-expansion-panel:not(:first-child)::after {
20423
+ border-top-style: solid;
20424
+ border-top-width: thin;
20425
+ content: "";
20426
+ left: 0;
20427
+ position: absolute;
20428
+ right: 0;
20429
+ top: 0;
20430
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20431
+ }
20432
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20433
+ pointer-events: none;
20434
+ }
20435
+ .v-expansion-panel--active:not(:first-child),
20436
+ .v-expansion-panel--active + .v-expansion-panel {
20437
+ margin-top: 16px;
20438
+ }
20439
+ .v-expansion-panel--active:not(:first-child)::after,
20440
+ .v-expansion-panel--active + .v-expansion-panel::after {
20441
+ opacity: 0;
20442
+ }
20443
+ .v-expansion-panel--active > .v-expansion-panel-title {
20444
+ border-bottom-left-radius: 0;
20445
+ border-bottom-right-radius: 0;
20446
+ }
20447
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20448
+ min-height: 64px;
20449
+ }
20450
+
20451
+ .v-expansion-panel__shadow {
20452
+ position: absolute;
20453
+ top: 0;
20454
+ left: 0;
20455
+ width: 100%;
20456
+ height: 100%;
20457
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20458
+ border-radius: inherit;
20459
+ z-index: -1;
20460
+ }
20461
+
20462
+ .v-expansion-panel-title {
20463
+ align-items: center;
20464
+ text-align: start;
20465
+ border-radius: inherit;
20466
+ display: flex;
20467
+ font-size: 0.9375rem;
20468
+ line-height: 1;
20469
+ min-height: 48px;
20470
+ outline: none;
20471
+ padding: 16px 24px;
20472
+ position: relative;
20473
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20474
+ width: 100%;
20475
+ justify-content: space-between;
20476
+ }
20477
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20478
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20137
20479
  }
20138
-
20139
- .v-date-picker-month__day--adjacent {
20140
- opacity: 0.5;
20480
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20481
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20141
20482
  }
20142
-
20143
- .v-date-picker-month__day--hide-adjacent {
20144
- opacity: 0;
20145
- }.v-date-picker-months {
20146
- height: 320px;
20147
- overflow-y: scroll;
20483
+ @supports not selector(:focus-visible) {
20484
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20485
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20486
+ }
20148
20487
  }
20149
-
20150
- .v-date-picker-months__content {
20151
- align-items: center;
20152
- display: grid;
20153
- flex: 1 1;
20154
- height: inherit;
20155
- justify-content: space-around;
20156
- grid-template-columns: repeat(2, 1fr);
20157
- grid-gap: 4px 24px;
20158
- padding-inline-start: 36px;
20159
- padding-inline-end: 36px;
20488
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20489
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20160
20490
  }
20161
- .v-date-picker-months__content .v-btn {
20162
- text-transform: none;
20163
- padding-inline-start: 8px;
20164
- padding-inline-end: 8px;
20165
- }.v-date-picker-years {
20166
- height: 320px;
20167
- overflow-y: scroll;
20491
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20492
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20168
20493
  }
20169
-
20170
- .v-date-picker-years__content {
20171
- display: grid;
20172
- flex: 1 1;
20173
- justify-content: space-around;
20174
- grid-template-columns: repeat(3, 1fr);
20175
- gap: 8px 24px;
20176
- padding-inline: 36px;
20494
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20495
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20177
20496
  }
20178
- .v-date-picker-years__content .v-btn {
20179
- padding-inline: 8px;
20180
- }.v-date-picker-header {
20181
- display: grid;
20182
- grid-template-areas: "prepend content append";
20183
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20184
- overflow: hidden;
20185
- padding-inline: 24px 12px;
20186
- padding-bottom: 12px;
20497
+ @supports not selector(:focus-visible) {
20498
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20499
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20500
+ }
20187
20501
  }
20188
-
20189
- .v-date-picker-header__append {
20190
- grid-area: append;
20502
+ .v-expansion-panel-title--active::before {
20503
+ opacity: 0.12;
20191
20504
  }
20192
20505
 
20193
- .v-date-picker-header__prepend {
20194
- grid-area: prepend;
20195
- padding-inline-start: 8px;
20506
+ .v-expansion-panel-title__overlay {
20507
+ position: absolute;
20508
+ top: 0;
20509
+ left: 0;
20510
+ width: 100%;
20511
+ height: 100%;
20512
+ background-color: currentColor;
20513
+ border-radius: inherit;
20514
+ opacity: 0;
20196
20515
  }
20197
20516
 
20198
- .v-date-picker-header__content {
20199
- align-items: center;
20517
+ .v-expansion-panel-title__icon {
20200
20518
  display: inline-flex;
20201
- font-size: 32px;
20202
- line-height: 40px;
20203
- grid-area: content;
20204
- justify-content: space-between;
20519
+ margin-bottom: -4px;
20520
+ margin-top: -4px;
20521
+ -webkit-user-select: none;
20522
+ user-select: none;
20523
+ margin-inline-start: auto;
20205
20524
  }
20206
- .v-date-picker-header--clickable .v-date-picker-header__content {
20207
- cursor: pointer;
20525
+
20526
+ .v-expansion-panel-text {
20527
+ display: flex;
20208
20528
  }
20209
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20210
- opacity: 0.7;
20529
+ .v-expansion-panel-text__wrapper {
20530
+ padding: 8px 24px 16px;
20531
+ flex: 1 1 auto;
20532
+ max-width: 100%;
20211
20533
  }
20212
20534
 
20213
- .date-picker-header-transition-enter-active,
20214
- .date-picker-header-reverse-transition-enter-active {
20215
- transition-duration: 0.3s;
20216
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20535
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20536
+ margin-top: 0;
20217
20537
  }
20218
- .date-picker-header-transition-leave-active,
20219
- .date-picker-header-reverse-transition-leave-active {
20220
- transition-duration: 0.3s;
20221
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20538
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20539
+ opacity: 1;
20222
20540
  }
20223
20541
 
20224
- .date-picker-header-transition-enter-from {
20225
- transform: translate(0, 100%);
20542
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20543
+ max-width: calc(100% - 32px);
20226
20544
  }
20227
- .date-picker-header-transition-leave-to {
20228
- opacity: 0;
20229
- transform: translate(0, -100%);
20545
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20546
+ max-width: calc(100% + 16px);
20230
20547
  }
20231
20548
 
20232
- .date-picker-header-reverse-transition-enter-from {
20233
- transform: translate(0, -100%);
20549
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20550
+ max-width: 100%;
20234
20551
  }
20235
- .date-picker-header-reverse-transition-leave-to {
20236
- opacity: 0;
20237
- transform: translate(0, 100%);
20552
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20553
+ max-width: calc(100% - 32px);
20238
20554
  }/* region INPUT */
20239
20555
  .v-field {
20240
20556
  display: grid;
@@ -20775,133 +21091,16 @@ textarea.v-field__input::placeholder {
20775
21091
  }
20776
21092
 
20777
21093
  .v-input--disabled .v-field--variant-filled .v-field__outline::before,
20778
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
20779
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
20780
- }
20781
-
20782
- .v-field--loading .v-field__outline::after,
20783
- .v-field--loading .v-field__outline::before {
20784
- opacity: 0;
20785
- }
20786
-
20787
- /* endregion */.v-divider {
20788
- display: block;
20789
- flex: 1 1 100%;
20790
- height: 0px;
20791
- max-height: 0px;
20792
- opacity: var(--v-border-opacity);
20793
- transition: inherit;
20794
- border-style: solid;
20795
- border-width: thin 0 0 0;
20796
- }
20797
- .v-divider--vertical {
20798
- align-self: stretch;
20799
- border-width: 0 thin 0 0;
20800
- display: inline-flex;
20801
- height: inherit;
20802
- margin-left: -1px;
20803
- max-height: 100%;
20804
- max-width: 0px;
20805
- vertical-align: text-bottom;
20806
- width: 0px;
20807
- }
20808
- .v-divider--inset:not(.v-divider--vertical) {
20809
- max-width: calc(100% - 72px);
20810
- margin-inline-start: 72px;
20811
- }
20812
- .v-divider--inset.v-divider--vertical {
20813
- margin-bottom: 8px;
20814
- margin-top: 8px;
20815
- max-height: calc(100% - 16px);
20816
- }.v-dialog {
20817
- align-items: center;
20818
- justify-content: center;
20819
- margin: auto;
20820
- }
20821
- .v-dialog > .v-overlay__content {
20822
- max-height: calc(100% - 48px);
20823
- width: calc(100% - 48px);
20824
- max-width: calc(100% - 48px);
20825
- margin: 24px;
20826
- }
20827
- .v-dialog > .v-overlay__content,
20828
- .v-dialog > .v-overlay__content > form {
20829
- display: flex;
20830
- flex-direction: column;
20831
- min-height: 0;
20832
- }
20833
- .v-dialog > .v-overlay__content > .v-card,
20834
- .v-dialog > .v-overlay__content > .v-sheet,
20835
- .v-dialog > .v-overlay__content > form > .v-card,
20836
- .v-dialog > .v-overlay__content > form > .v-sheet {
20837
- --v-scrollbar-offset: 0px;
20838
- border-radius: 4px;
20839
- overflow-y: auto;
20840
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20841
- }
20842
- .v-dialog > .v-overlay__content > .v-card,
20843
- .v-dialog > .v-overlay__content > form > .v-card {
20844
- display: flex;
20845
- flex-direction: column;
20846
- }
20847
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20848
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20849
- padding: 14px 24px 0;
20850
- }
20851
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20852
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20853
- padding-top: 10px;
20854
- }
20855
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20856
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20857
- font-size: inherit;
20858
- letter-spacing: 0.03125em;
20859
- line-height: inherit;
20860
- padding: 16px 24px 10px;
20861
- }
20862
-
20863
- .v-dialog--fullscreen {
20864
- --v-scrollbar-offset: 0px;
20865
- }
20866
- .v-dialog--fullscreen > .v-overlay__content {
20867
- border-radius: 0;
20868
- margin: 0;
20869
- padding: 0;
20870
- width: 100%;
20871
- height: 100%;
20872
- max-width: 100%;
20873
- max-height: 100%;
20874
- overflow-y: auto;
20875
- top: 0;
20876
- left: 0;
20877
- }
20878
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20879
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20880
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20881
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20882
- min-height: 100%;
20883
- min-width: 100%;
20884
- border-radius: 0;
20885
- }
20886
-
20887
- .v-dialog--scrollable > .v-overlay__content,
20888
- .v-dialog--scrollable > .v-overlay__content > form {
20889
- display: flex;
20890
- }
20891
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20892
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20893
- display: flex;
20894
- flex: 1 1 100%;
20895
- flex-direction: column;
20896
- max-height: 100%;
20897
- max-width: 100%;
21094
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21095
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
20898
21096
  }
20899
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20900
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20901
- -webkit-backface-visibility: hidden;
20902
- backface-visibility: hidden;
20903
- overflow-y: auto;
20904
- }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21097
+
21098
+ .v-field--loading .v-field__outline::after,
21099
+ .v-field--loading .v-field__outline::before {
21100
+ opacity: 0;
21101
+ }
21102
+
21103
+ /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20905
21104
  .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20906
21105
  .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20907
21106
  .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
@@ -21059,6 +21258,11 @@ textarea.v-field__input::placeholder {
21059
21258
  display: flex;
21060
21259
  justify-content: center;
21061
21260
  padding: 8px;
21261
+ }.v-item-group {
21262
+ flex: 0 1 auto;
21263
+ max-width: 100%;
21264
+ position: relative;
21265
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21062
21266
  }.v-input {
21063
21267
  display: grid;
21064
21268
  flex: 1 1 auto;
@@ -21201,11 +21405,6 @@ textarea.v-field__input::placeholder {
21201
21405
 
21202
21406
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21203
21407
  padding-top: calc(var(--v-input-padding-top) + 0px);
21204
- }.v-item-group {
21205
- flex: 0 1 auto;
21206
- max-width: 100%;
21207
- position: relative;
21208
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21209
21408
  }.v-label {
21210
21409
  align-items: center;
21211
21410
  color: inherit;
@@ -21221,14 +21420,6 @@ textarea.v-field__input::placeholder {
21221
21420
 
21222
21421
  .v-label--clickable {
21223
21422
  cursor: pointer;
21224
- }.v-layout {
21225
- --v-scrollbar-offset: 0px;
21226
- display: flex;
21227
- flex: 1 1 auto;
21228
- }
21229
- .v-layout--full-height {
21230
- --v-scrollbar-offset: inherit;
21231
- height: 100%;
21232
21423
  }.v-layout-item {
21233
21424
  position: absolute;
21234
21425
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
@@ -21236,34 +21427,14 @@ textarea.v-field__input::placeholder {
21236
21427
 
21237
21428
  .v-layout-item--absolute {
21238
21429
  position: absolute;
21239
- }.v-main {
21240
- flex: 1 0 auto;
21241
- max-width: 100%;
21242
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21243
- padding-left: var(--v-layout-left);
21244
- padding-right: var(--v-layout-right);
21245
- padding-top: var(--v-layout-top);
21246
- padding-bottom: var(--v-layout-bottom);
21247
- }
21248
- .v-main__scroller {
21249
- max-width: 100%;
21250
- position: relative;
21251
- }
21252
- .v-main--scrollable {
21430
+ }.v-layout {
21431
+ --v-scrollbar-offset: 0px;
21253
21432
  display: flex;
21254
- position: absolute;
21255
- top: 0;
21256
- left: 0;
21257
- width: 100%;
21258
- height: 100%;
21259
- }
21260
- .v-main--scrollable > .v-main__scroller {
21261
21433
  flex: 1 1 auto;
21262
- overflow-y: auto;
21263
- --v-layout-left: 0px;
21264
- --v-layout-right: 0px;
21265
- --v-layout-top: 0px;
21266
- --v-layout-bottom: 0px;
21434
+ }
21435
+ .v-layout--full-height {
21436
+ --v-scrollbar-offset: inherit;
21437
+ height: 100%;
21267
21438
  }.v-list {
21268
21439
  overflow: auto;
21269
21440
  padding: 8px 0;
@@ -21804,6 +21975,47 @@ textarea.v-field__input::placeholder {
21804
21975
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21805
21976
  }.v-locale-provider {
21806
21977
  display: contents;
21978
+ }.v-main {
21979
+ flex: 1 0 auto;
21980
+ max-width: 100%;
21981
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21982
+ padding-left: var(--v-layout-left);
21983
+ padding-right: var(--v-layout-right);
21984
+ padding-top: var(--v-layout-top);
21985
+ padding-bottom: var(--v-layout-bottom);
21986
+ }
21987
+ .v-main__scroller {
21988
+ max-width: 100%;
21989
+ position: relative;
21990
+ }
21991
+ .v-main--scrollable {
21992
+ display: flex;
21993
+ position: absolute;
21994
+ top: 0;
21995
+ left: 0;
21996
+ width: 100%;
21997
+ height: 100%;
21998
+ }
21999
+ .v-main--scrollable > .v-main__scroller {
22000
+ flex: 1 1 auto;
22001
+ overflow-y: auto;
22002
+ --v-layout-left: 0px;
22003
+ --v-layout-right: 0px;
22004
+ --v-layout-top: 0px;
22005
+ --v-layout-bottom: 0px;
22006
+ }.v-menu > .v-overlay__content {
22007
+ display: flex;
22008
+ flex-direction: column;
22009
+ border-radius: 4px;
22010
+ }
22011
+ .v-menu > .v-overlay__content > .v-card,
22012
+ .v-menu > .v-overlay__content > .v-sheet,
22013
+ .v-menu > .v-overlay__content > .v-list {
22014
+ background: rgb(var(--v-theme-surface));
22015
+ border-radius: inherit;
22016
+ overflow: auto;
22017
+ height: 100%;
22018
+ 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));
21807
22019
  }.v-messages {
21808
22020
  flex: 1 1 auto;
21809
22021
  font-size: 12px;
@@ -21820,19 +22032,6 @@ textarea.v-field__input::placeholder {
21820
22032
  -webkit-hyphens: auto;
21821
22033
  hyphens: auto;
21822
22034
  transition-duration: 150ms;
21823
- }.v-menu > .v-overlay__content {
21824
- display: flex;
21825
- flex-direction: column;
21826
- border-radius: 4px;
21827
- }
21828
- .v-menu > .v-overlay__content > .v-card,
21829
- .v-menu > .v-overlay__content > .v-sheet,
21830
- .v-menu > .v-overlay__content > .v-list {
21831
- background: rgb(var(--v-theme-surface));
21832
- border-radius: inherit;
21833
- overflow: auto;
21834
- height: 100%;
21835
- 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));
21836
22035
  }.v-navigation-drawer {
21837
22036
  -webkit-overflow-scrolling: touch;
21838
22037
  background: rgb(var(--v-theme-surface));
@@ -22388,32 +22587,6 @@ html.v-overlay-scroll-blocked {
22388
22587
  }
22389
22588
  .v-radio-group .v-input__details {
22390
22589
  padding-inline: 16px;
22391
- }.v-responsive {
22392
- display: flex;
22393
- flex: 1 0 auto;
22394
- max-height: 100%;
22395
- max-width: 100%;
22396
- overflow: hidden;
22397
- position: relative;
22398
- }
22399
- .v-responsive--inline {
22400
- display: inline-flex;
22401
- flex: 0 0 auto;
22402
- }
22403
-
22404
- .v-responsive__content {
22405
- flex: 1 0 0px;
22406
- max-width: 100%;
22407
- }
22408
-
22409
- .v-responsive__sizer ~ .v-responsive__content {
22410
- margin-inline-start: -100%;
22411
- }
22412
-
22413
- .v-responsive__sizer {
22414
- flex: 1 0 0px;
22415
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22416
- pointer-events: none;
22417
22590
  }.v-slider .v-slider__container input {
22418
22591
  cursor: default;
22419
22592
  padding: 0;
@@ -22471,54 +22644,6 @@ html.v-overlay-scroll-blocked {
22471
22644
 
22472
22645
  .v-slider__label {
22473
22646
  margin-inline-end: 12px;
22474
- }.v-select .v-field .v-text-field__prefix,
22475
- .v-select .v-field .v-text-field__suffix,
22476
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
22477
- cursor: pointer;
22478
- }
22479
- .v-select .v-field .v-field__input > input {
22480
- align-self: flex-start;
22481
- opacity: 1;
22482
- flex: 0 0;
22483
- position: absolute;
22484
- width: 100%;
22485
- transition: none;
22486
- pointer-events: none;
22487
- caret-color: transparent;
22488
- }
22489
- .v-select .v-field--dirty .v-select__selection {
22490
- margin-inline-end: 2px;
22491
- }
22492
- .v-select .v-select__selection-text {
22493
- overflow: hidden;
22494
- text-overflow: ellipsis;
22495
- white-space: nowrap;
22496
- }
22497
- .v-select__content {
22498
- overflow: hidden;
22499
- 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));
22500
- border-radius: 4px;
22501
- }
22502
- .v-select__selection {
22503
- display: inline-flex;
22504
- align-items: center;
22505
- letter-spacing: inherit;
22506
- line-height: inherit;
22507
- max-width: 100%;
22508
- }
22509
- .v-select .v-select__selection:first-child {
22510
- margin-inline-start: 0;
22511
- }
22512
- .v-select--selected .v-field .v-field__input > input {
22513
- opacity: 0;
22514
- }
22515
- .v-select__menu-icon {
22516
- margin-inline-start: 4px;
22517
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22518
- }
22519
- .v-select--active-menu .v-select__menu-icon {
22520
- opacity: var(--v-high-emphasis-opacity);
22521
- transform: rotate(180deg);
22522
22647
  }.v-rating {
22523
22648
  max-width: 100%;
22524
22649
  display: inline-flex;
@@ -22557,22 +22682,96 @@ html.v-overlay-scroll-blocked {
22557
22682
  .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
22558
22683
  transform: scale(1.25);
22559
22684
  }
22560
- .v-rating__item--half {
22685
+ .v-rating__item--half {
22686
+ overflow: hidden;
22687
+ position: absolute;
22688
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22689
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22690
+ z-index: 1;
22691
+ }
22692
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22693
+ opacity: 0;
22694
+ }
22695
+
22696
+ .v-rating__hidden {
22697
+ height: 0;
22698
+ opacity: 0;
22699
+ position: absolute;
22700
+ width: 0;
22701
+ }.v-responsive {
22702
+ display: flex;
22703
+ flex: 1 0 auto;
22704
+ max-height: 100%;
22705
+ max-width: 100%;
22706
+ overflow: hidden;
22707
+ position: relative;
22708
+ }
22709
+ .v-responsive--inline {
22710
+ display: inline-flex;
22711
+ flex: 0 0 auto;
22712
+ }
22713
+
22714
+ .v-responsive__content {
22715
+ flex: 1 0 0px;
22716
+ max-width: 100%;
22717
+ }
22718
+
22719
+ .v-responsive__sizer ~ .v-responsive__content {
22720
+ margin-inline-start: -100%;
22721
+ }
22722
+
22723
+ .v-responsive__sizer {
22724
+ flex: 1 0 0px;
22725
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22726
+ pointer-events: none;
22727
+ }.v-select .v-field .v-text-field__prefix,
22728
+ .v-select .v-field .v-text-field__suffix,
22729
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
22730
+ cursor: pointer;
22731
+ }
22732
+ .v-select .v-field .v-field__input > input {
22733
+ align-self: flex-start;
22734
+ opacity: 1;
22735
+ flex: 0 0;
22736
+ position: absolute;
22737
+ width: 100%;
22738
+ transition: none;
22739
+ pointer-events: none;
22740
+ caret-color: transparent;
22741
+ }
22742
+ .v-select .v-field--dirty .v-select__selection {
22743
+ margin-inline-end: 2px;
22744
+ }
22745
+ .v-select .v-select__selection-text {
22746
+ overflow: hidden;
22747
+ text-overflow: ellipsis;
22748
+ white-space: nowrap;
22749
+ }
22750
+ .v-select__content {
22561
22751
  overflow: hidden;
22562
- position: absolute;
22563
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22564
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22565
- z-index: 1;
22752
+ 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));
22753
+ border-radius: 4px;
22566
22754
  }
22567
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22568
- opacity: 0;
22755
+ .v-select__selection {
22756
+ display: inline-flex;
22757
+ align-items: center;
22758
+ letter-spacing: inherit;
22759
+ line-height: inherit;
22760
+ max-width: 100%;
22569
22761
  }
22570
-
22571
- .v-rating__hidden {
22572
- height: 0;
22762
+ .v-select .v-select__selection:first-child {
22763
+ margin-inline-start: 0;
22764
+ }
22765
+ .v-select--selected .v-field .v-field__input > input {
22573
22766
  opacity: 0;
22574
- position: absolute;
22575
- width: 0;
22767
+ }
22768
+ .v-select__menu-icon {
22769
+ margin-inline-start: 4px;
22770
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22771
+ }
22772
+ .v-select--active-menu .v-select__menu-icon {
22773
+ opacity: var(--v-high-emphasis-opacity);
22774
+ transform: rotate(180deg);
22576
22775
  }.v-selection-control {
22577
22776
  align-items: center;
22578
22777
  contain: layout;
@@ -23358,6 +23557,35 @@ html.v-overlay-scroll-blocked {
23358
23557
  }
23359
23558
  .v-system-bar:not(.v-system-bar--absolute) {
23360
23559
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23560
+ }.v-tab.v-tab.v-btn {
23561
+ height: var(--v-tabs-height);
23562
+ border-radius: 0;
23563
+ min-width: 90px;
23564
+ }
23565
+ .v-slide-group--horizontal .v-tab {
23566
+ max-width: 360px;
23567
+ }
23568
+ .v-slide-group--vertical .v-tab {
23569
+ justify-content: start;
23570
+ }
23571
+
23572
+ .v-tab__slider {
23573
+ position: absolute;
23574
+ bottom: 0;
23575
+ left: 0;
23576
+ height: 2px;
23577
+ width: 100%;
23578
+ background: currentColor;
23579
+ pointer-events: none;
23580
+ opacity: 0;
23581
+ }
23582
+ .v-tab--selected .v-tab__slider {
23583
+ opacity: 1;
23584
+ }
23585
+ .v-slide-group--vertical .v-tab__slider {
23586
+ top: 0;
23587
+ height: 100%;
23588
+ width: 2px;
23361
23589
  }.v-tabs {
23362
23590
  display: flex;
23363
23591
  height: var(--v-tabs-height);
@@ -23424,35 +23652,6 @@ html.v-overlay-scroll-blocked {
23424
23652
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23425
23653
  margin-inline-end: 52px;
23426
23654
  }
23427
- }.v-tab.v-tab.v-btn {
23428
- height: var(--v-tabs-height);
23429
- border-radius: 0;
23430
- min-width: 90px;
23431
- }
23432
- .v-slide-group--horizontal .v-tab {
23433
- max-width: 360px;
23434
- }
23435
- .v-slide-group--vertical .v-tab {
23436
- justify-content: start;
23437
- }
23438
-
23439
- .v-tab__slider {
23440
- position: absolute;
23441
- bottom: 0;
23442
- left: 0;
23443
- height: 2px;
23444
- width: 100%;
23445
- background: currentColor;
23446
- pointer-events: none;
23447
- opacity: 0;
23448
- }
23449
- .v-tab--selected .v-tab__slider {
23450
- opacity: 1;
23451
- }
23452
- .v-slide-group--vertical .v-tab__slider {
23453
- top: 0;
23454
- height: 100%;
23455
- width: 2px;
23456
23655
  }.v-table {
23457
23656
  background: rgb(var(--v-theme-surface));
23458
23657
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24249,311 +24448,112 @@ html.v-overlay-scroll-blocked {
24249
24448
  white-space: nowrap;
24250
24449
  }
24251
24450
 
24252
- .v-toolbar-items {
24253
- display: flex;
24254
- height: inherit;
24255
- align-self: stretch;
24256
- }
24257
- .v-toolbar-items > .v-btn {
24258
- border-radius: 0;
24259
- }.v-tooltip > .v-overlay__content {
24260
- background: rgb(var(--v-theme-surface-variant));
24261
- color: rgb(var(--v-theme-on-surface-variant));
24262
- border-radius: 4px;
24263
- font-size: 0.875rem;
24264
- line-height: 1.6;
24265
- display: inline-block;
24266
- padding: 5px 16px;
24267
- text-transform: initial;
24268
- width: auto;
24269
- opacity: 1;
24270
- pointer-events: none;
24271
- transition-property: opacity, transform;
24272
- }
24273
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24274
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24275
- transition-duration: 150ms;
24276
- }
24277
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24278
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24279
- transition-duration: 75ms;
24280
- }.v-window {
24281
- overflow: hidden;
24282
- }
24283
- .v-window__container {
24284
- display: flex;
24285
- flex-direction: column;
24286
- height: inherit;
24287
- position: relative;
24288
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24289
- }
24290
- .v-window__controls {
24291
- position: absolute;
24292
- left: 0;
24293
- top: 0;
24294
- width: 100%;
24295
- height: 100%;
24296
- display: flex;
24297
- align-items: center;
24298
- justify-content: space-between;
24299
- padding: 0 16px;
24300
- pointer-events: none;
24301
- }
24302
- .v-window__controls * {
24303
- pointer-events: auto;
24304
- }
24305
- .v-window--show-arrows-on-hover {
24306
- overflow: hidden;
24307
- }
24308
- .v-window--show-arrows-on-hover .v-window__left {
24309
- transform: translateX(-200%);
24310
- }
24311
- .v-window--show-arrows-on-hover .v-window__right {
24312
- transform: translateX(200%);
24313
- }
24314
- .v-window--show-arrows-on-hover:hover .v-window__left,
24315
- .v-window--show-arrows-on-hover:hover .v-window__right {
24316
- transform: translateX(0);
24317
- }
24318
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
24319
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24320
- }
24321
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
24322
- position: absolute !important;
24323
- top: 0;
24324
- width: 100%;
24325
- }
24326
- .v-window-x-transition-enter-from {
24327
- transform: translateX(100%);
24328
- }
24329
- .v-window-x-transition-leave-to {
24330
- transform: translateX(-100%);
24331
- }
24332
- .v-window-x-reverse-transition-enter-from {
24333
- transform: translateX(-100%);
24334
- }
24335
- .v-window-x-reverse-transition-leave-to {
24336
- transform: translateX(100%);
24337
- }
24338
- .v-window-y-transition-enter-from {
24339
- transform: translateY(100%);
24340
- }
24341
- .v-window-y-transition-leave-to {
24342
- transform: translateY(-100%);
24343
- }
24344
- .v-window-y-reverse-transition-enter-from {
24345
- transform: translateY(-100%);
24346
- }
24347
- .v-window-y-reverse-transition-leave-to {
24348
- transform: translateY(100%);
24349
- }.v-virtual-scroll {
24350
- display: block;
24351
- flex: 1 1 auto;
24352
- max-width: 100%;
24353
- overflow: auto;
24354
- position: relative;
24355
- }
24356
- .v-virtual-scroll__container {
24357
- display: block;
24358
- }.v-expansion-panel {
24359
- background-color: rgb(var(--v-theme-surface));
24360
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24361
- }
24362
- .v-expansion-panel:not(:first-child)::after {
24363
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24364
- }
24365
- .v-expansion-panel--disabled .v-expansion-panel-title {
24366
- color: rgba(var(--v-theme-on-surface), 0.26);
24367
- }
24368
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
24369
- opacity: 0.4615384615;
24370
- }
24371
-
24372
- .v-expansion-panels {
24373
- display: flex;
24374
- flex-wrap: wrap;
24375
- justify-content: center;
24376
- list-style-type: none;
24377
- padding: 0;
24378
- width: 100%;
24379
- position: relative;
24380
- z-index: 1;
24381
- }
24382
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
24383
- border-bottom-left-radius: 0 !important;
24384
- border-bottom-right-radius: 0 !important;
24385
- }
24386
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
24387
- border-top-left-radius: 0 !important;
24388
- border-top-right-radius: 0 !important;
24389
- }
24390
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
24391
- border-bottom-left-radius: 0 !important;
24392
- border-bottom-right-radius: 0 !important;
24393
- }
24394
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
24395
- border-top-left-radius: 0 !important;
24396
- border-top-right-radius: 0 !important;
24397
- }
24398
- .v-expansion-panels--variant-accordion > :first-child {
24399
- border-bottom-left-radius: 0 !important;
24400
- border-bottom-right-radius: 0 !important;
24401
- }
24402
- .v-expansion-panels--variant-accordion > :last-child {
24403
- border-top-left-radius: 0 !important;
24404
- border-top-right-radius: 0 !important;
24405
- }
24406
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
24407
- border-bottom-left-radius: initial;
24408
- border-bottom-right-radius: initial;
24409
- }
24410
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
24411
- border-radius: 0 !important;
24412
- }
24413
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
24414
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
24415
- }
24416
-
24417
- .v-expansion-panel {
24418
- flex: 1 0 100%;
24419
- max-width: 100%;
24420
- position: relative;
24421
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
24422
- transition-property: margin-top, border-radius, border, max-width;
24423
- border-radius: 4px;
24424
- }
24425
- .v-expansion-panel:not(:first-child)::after {
24426
- border-top-style: solid;
24427
- border-top-width: thin;
24428
- content: "";
24429
- left: 0;
24430
- position: absolute;
24431
- right: 0;
24432
- top: 0;
24433
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
24451
+ .v-toolbar-items {
24452
+ display: flex;
24453
+ height: inherit;
24454
+ align-self: stretch;
24434
24455
  }
24435
- .v-expansion-panel--disabled .v-expansion-panel-title {
24456
+ .v-toolbar-items > .v-btn {
24457
+ border-radius: 0;
24458
+ }.v-tooltip > .v-overlay__content {
24459
+ background: rgb(var(--v-theme-surface-variant));
24460
+ color: rgb(var(--v-theme-on-surface-variant));
24461
+ border-radius: 4px;
24462
+ font-size: 0.875rem;
24463
+ line-height: 1.6;
24464
+ display: inline-block;
24465
+ padding: 5px 16px;
24466
+ text-transform: initial;
24467
+ width: auto;
24468
+ opacity: 1;
24436
24469
  pointer-events: none;
24470
+ transition-property: opacity, transform;
24437
24471
  }
24438
- .v-expansion-panel--active:not(:first-child),
24439
- .v-expansion-panel--active + .v-expansion-panel {
24440
- margin-top: 16px;
24472
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24473
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24474
+ transition-duration: 150ms;
24441
24475
  }
24442
- .v-expansion-panel--active:not(:first-child)::after,
24443
- .v-expansion-panel--active + .v-expansion-panel::after {
24444
- opacity: 0;
24476
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24477
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24478
+ transition-duration: 75ms;
24479
+ }.v-virtual-scroll {
24480
+ display: block;
24481
+ flex: 1 1 auto;
24482
+ max-width: 100%;
24483
+ overflow: auto;
24484
+ position: relative;
24445
24485
  }
24446
- .v-expansion-panel--active > .v-expansion-panel-title {
24447
- border-bottom-left-radius: 0;
24448
- border-bottom-right-radius: 0;
24486
+ .v-virtual-scroll__container {
24487
+ display: block;
24488
+ }.v-window {
24489
+ overflow: hidden;
24449
24490
  }
24450
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
24451
- min-height: 64px;
24491
+ .v-window__container {
24492
+ display: flex;
24493
+ flex-direction: column;
24494
+ height: inherit;
24495
+ position: relative;
24496
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24452
24497
  }
24453
-
24454
- .v-expansion-panel__shadow {
24498
+ .v-window__controls {
24455
24499
  position: absolute;
24456
- top: 0;
24457
24500
  left: 0;
24501
+ top: 0;
24458
24502
  width: 100%;
24459
24503
  height: 100%;
24460
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24461
- border-radius: inherit;
24462
- z-index: -1;
24463
- }
24464
-
24465
- .v-expansion-panel-title {
24466
- align-items: center;
24467
- text-align: start;
24468
- border-radius: inherit;
24469
24504
  display: flex;
24470
- font-size: 0.9375rem;
24471
- line-height: 1;
24472
- min-height: 48px;
24473
- outline: none;
24474
- padding: 16px 24px;
24475
- position: relative;
24476
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
24477
- width: 100%;
24505
+ align-items: center;
24478
24506
  justify-content: space-between;
24507
+ padding: 0 16px;
24508
+ pointer-events: none;
24479
24509
  }
24480
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
24481
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24482
- }
24483
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
24484
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24485
- }
24486
- @supports not selector(:focus-visible) {
24487
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
24488
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24489
- }
24510
+ .v-window__controls * {
24511
+ pointer-events: auto;
24490
24512
  }
24491
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
24492
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24513
+ .v-window--show-arrows-on-hover {
24514
+ overflow: hidden;
24493
24515
  }
24494
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
24495
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24516
+ .v-window--show-arrows-on-hover .v-window__left {
24517
+ transform: translateX(-200%);
24496
24518
  }
24497
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
24498
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24519
+ .v-window--show-arrows-on-hover .v-window__right {
24520
+ transform: translateX(200%);
24499
24521
  }
24500
- @supports not selector(:focus-visible) {
24501
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
24502
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24503
- }
24522
+ .v-window--show-arrows-on-hover:hover .v-window__left,
24523
+ .v-window--show-arrows-on-hover:hover .v-window__right {
24524
+ transform: translateX(0);
24504
24525
  }
24505
- .v-expansion-panel-title--active::before {
24506
- opacity: 0.12;
24526
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
24527
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24507
24528
  }
24508
-
24509
- .v-expansion-panel-title__overlay {
24510
- position: absolute;
24529
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
24530
+ position: absolute !important;
24511
24531
  top: 0;
24512
- left: 0;
24513
24532
  width: 100%;
24514
- height: 100%;
24515
- background-color: currentColor;
24516
- border-radius: inherit;
24517
- opacity: 0;
24518
- }
24519
-
24520
- .v-expansion-panel-title__icon {
24521
- display: inline-flex;
24522
- margin-bottom: -4px;
24523
- margin-top: -4px;
24524
- -webkit-user-select: none;
24525
- user-select: none;
24526
- margin-inline-start: auto;
24527
24533
  }
24528
-
24529
- .v-expansion-panel-text {
24530
- display: flex;
24534
+ .v-window-x-transition-enter-from {
24535
+ transform: translateX(100%);
24531
24536
  }
24532
- .v-expansion-panel-text__wrapper {
24533
- padding: 8px 24px 16px;
24534
- flex: 1 1 auto;
24535
- max-width: 100%;
24537
+ .v-window-x-transition-leave-to {
24538
+ transform: translateX(-100%);
24536
24539
  }
24537
-
24538
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
24539
- margin-top: 0;
24540
+ .v-window-x-reverse-transition-enter-from {
24541
+ transform: translateX(-100%);
24540
24542
  }
24541
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
24542
- opacity: 1;
24543
+ .v-window-x-reverse-transition-leave-to {
24544
+ transform: translateX(100%);
24543
24545
  }
24544
-
24545
- .v-expansion-panels--variant-popout > .v-expansion-panel {
24546
- max-width: calc(100% - 32px);
24546
+ .v-window-y-transition-enter-from {
24547
+ transform: translateY(100%);
24547
24548
  }
24548
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
24549
- max-width: calc(100% + 16px);
24549
+ .v-window-y-transition-leave-to {
24550
+ transform: translateY(-100%);
24550
24551
  }
24551
-
24552
- .v-expansion-panels--variant-inset > .v-expansion-panel {
24553
- max-width: 100%;
24552
+ .v-window-y-reverse-transition-enter-from {
24553
+ transform: translateY(-100%);
24554
24554
  }
24555
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
24556
- max-width: calc(100% - 32px);
24555
+ .v-window-y-reverse-transition-leave-to {
24556
+ transform: translateY(100%);
24557
24557
  }.v-color-picker-canvas {
24558
24558
  display: flex;
24559
24559
  position: relative;
@@ -24604,6 +24604,41 @@ html.v-overlay-scroll-blocked {
24604
24604
  }
24605
24605
  .v-color-picker-edit__input span {
24606
24606
  font-size: 0.75rem;
24607
+ }.v-color-picker-swatches {
24608
+ overflow-y: auto;
24609
+ }
24610
+ .v-color-picker-swatches > div {
24611
+ display: flex;
24612
+ flex-wrap: wrap;
24613
+ justify-content: center;
24614
+ padding: 8px;
24615
+ }
24616
+
24617
+ .v-color-picker-swatches__swatch {
24618
+ display: flex;
24619
+ flex-direction: column;
24620
+ margin-bottom: 10px;
24621
+ }
24622
+
24623
+ .v-color-picker-swatches__color {
24624
+ position: relative;
24625
+ height: 18px;
24626
+ max-height: 18px;
24627
+ width: 45px;
24628
+ margin: 2px 4px;
24629
+ border-radius: 2px;
24630
+ -webkit-user-select: none;
24631
+ user-select: none;
24632
+ overflow: hidden;
24633
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24634
+ cursor: pointer;
24635
+ }
24636
+ .v-color-picker-swatches__color > div {
24637
+ display: flex;
24638
+ align-items: center;
24639
+ justify-content: center;
24640
+ width: 100%;
24641
+ height: 100%;
24607
24642
  }.v-color-picker-preview__alpha .v-slider-track__background {
24608
24643
  background-color: transparent !important;
24609
24644
  }
@@ -24673,41 +24708,6 @@ html.v-overlay-scroll-blocked {
24673
24708
  .v-color-picker-preview__eye-dropper {
24674
24709
  position: relative;
24675
24710
  margin-right: 12px;
24676
- }.v-color-picker-swatches {
24677
- overflow-y: auto;
24678
- }
24679
- .v-color-picker-swatches > div {
24680
- display: flex;
24681
- flex-wrap: wrap;
24682
- justify-content: center;
24683
- padding: 8px;
24684
- }
24685
-
24686
- .v-color-picker-swatches__swatch {
24687
- display: flex;
24688
- flex-direction: column;
24689
- margin-bottom: 10px;
24690
- }
24691
-
24692
- .v-color-picker-swatches__color {
24693
- position: relative;
24694
- height: 18px;
24695
- max-height: 18px;
24696
- width: 45px;
24697
- margin: 2px 4px;
24698
- border-radius: 2px;
24699
- -webkit-user-select: none;
24700
- user-select: none;
24701
- overflow: hidden;
24702
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24703
- cursor: pointer;
24704
- }
24705
- .v-color-picker-swatches__color > div {
24706
- display: flex;
24707
- align-items: center;
24708
- justify-content: center;
24709
- width: 100%;
24710
- height: 100%;
24711
24711
  }.v-picker.v-sheet {
24712
24712
  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));
24713
24713
  border-radius: 4px;