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

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.7-master.2024-05-25
2
+ * Vuetify v3.6.7-master.2024-05-28
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -3499,6 +3499,22 @@ html.overflow-y-hidden {
3499
3499
  flex: 0 0 100% !important;
3500
3500
  }
3501
3501
 
3502
+ .flex-1-1-0 {
3503
+ flex: 1 1 0 !important;
3504
+ }
3505
+
3506
+ .flex-1-0-0 {
3507
+ flex: 1 0 0 !important;
3508
+ }
3509
+
3510
+ .flex-0-1-0 {
3511
+ flex: 0 1 0 !important;
3512
+ }
3513
+
3514
+ .flex-0-0-0 {
3515
+ flex: 0 0 0 !important;
3516
+ }
3517
+
3502
3518
  .flex-row {
3503
3519
  flex-direction: row !important;
3504
3520
  }
@@ -7179,6 +7195,18 @@ html.overflow-y-hidden {
7179
7195
  .flex-sm-0-0-100 {
7180
7196
  flex: 0 0 100% !important;
7181
7197
  }
7198
+ .flex-sm-1-1-0 {
7199
+ flex: 1 1 0 !important;
7200
+ }
7201
+ .flex-sm-1-0-0 {
7202
+ flex: 1 0 0 !important;
7203
+ }
7204
+ .flex-sm-0-1-0 {
7205
+ flex: 0 1 0 !important;
7206
+ }
7207
+ .flex-sm-0-0-0 {
7208
+ flex: 0 0 0 !important;
7209
+ }
7182
7210
  .flex-sm-row {
7183
7211
  flex-direction: row !important;
7184
7212
  }
@@ -9214,6 +9242,18 @@ html.overflow-y-hidden {
9214
9242
  .flex-md-0-0-100 {
9215
9243
  flex: 0 0 100% !important;
9216
9244
  }
9245
+ .flex-md-1-1-0 {
9246
+ flex: 1 1 0 !important;
9247
+ }
9248
+ .flex-md-1-0-0 {
9249
+ flex: 1 0 0 !important;
9250
+ }
9251
+ .flex-md-0-1-0 {
9252
+ flex: 0 1 0 !important;
9253
+ }
9254
+ .flex-md-0-0-0 {
9255
+ flex: 0 0 0 !important;
9256
+ }
9217
9257
  .flex-md-row {
9218
9258
  flex-direction: row !important;
9219
9259
  }
@@ -11249,6 +11289,18 @@ html.overflow-y-hidden {
11249
11289
  .flex-lg-0-0-100 {
11250
11290
  flex: 0 0 100% !important;
11251
11291
  }
11292
+ .flex-lg-1-1-0 {
11293
+ flex: 1 1 0 !important;
11294
+ }
11295
+ .flex-lg-1-0-0 {
11296
+ flex: 1 0 0 !important;
11297
+ }
11298
+ .flex-lg-0-1-0 {
11299
+ flex: 0 1 0 !important;
11300
+ }
11301
+ .flex-lg-0-0-0 {
11302
+ flex: 0 0 0 !important;
11303
+ }
11252
11304
  .flex-lg-row {
11253
11305
  flex-direction: row !important;
11254
11306
  }
@@ -13284,6 +13336,18 @@ html.overflow-y-hidden {
13284
13336
  .flex-xl-0-0-100 {
13285
13337
  flex: 0 0 100% !important;
13286
13338
  }
13339
+ .flex-xl-1-1-0 {
13340
+ flex: 1 1 0 !important;
13341
+ }
13342
+ .flex-xl-1-0-0 {
13343
+ flex: 1 0 0 !important;
13344
+ }
13345
+ .flex-xl-0-1-0 {
13346
+ flex: 0 1 0 !important;
13347
+ }
13348
+ .flex-xl-0-0-0 {
13349
+ flex: 0 0 0 !important;
13350
+ }
13287
13351
  .flex-xl-row {
13288
13352
  flex-direction: row !important;
13289
13353
  }
@@ -15319,6 +15383,18 @@ html.overflow-y-hidden {
15319
15383
  .flex-xxl-0-0-100 {
15320
15384
  flex: 0 0 100% !important;
15321
15385
  }
15386
+ .flex-xxl-1-1-0 {
15387
+ flex: 1 1 0 !important;
15388
+ }
15389
+ .flex-xxl-1-0-0 {
15390
+ flex: 1 0 0 !important;
15391
+ }
15392
+ .flex-xxl-0-1-0 {
15393
+ flex: 0 1 0 !important;
15394
+ }
15395
+ .flex-xxl-0-0-0 {
15396
+ flex: 0 0 0 !important;
15397
+ }
15322
15398
  .flex-xxl-row {
15323
15399
  flex-direction: row !important;
15324
15400
  }
@@ -17380,6 +17456,59 @@ html.overflow-y-hidden {
17380
17456
  font-weight: normal;
17381
17457
  padding: 0.2em 0.4rem;
17382
17458
  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));
17459
+ }.v-picker.v-sheet {
17460
+ 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));
17461
+ border-radius: 4px;
17462
+ display: grid;
17463
+ grid-auto-rows: min-content;
17464
+ grid-template-areas: "title" "header" "body";
17465
+ overflow: hidden;
17466
+ }
17467
+ .v-picker.v-sheet.v-picker--with-actions {
17468
+ grid-template-areas: "title" "header" "body" "actions";
17469
+ }
17470
+
17471
+ .v-picker__body {
17472
+ grid-area: body;
17473
+ overflow: hidden;
17474
+ position: relative;
17475
+ }
17476
+
17477
+ .v-picker__header {
17478
+ grid-area: header;
17479
+ }
17480
+
17481
+ .v-picker__actions {
17482
+ grid-area: actions;
17483
+ padding: 0 12px 12px;
17484
+ display: flex;
17485
+ align-items: center;
17486
+ justify-content: flex-end;
17487
+ }
17488
+ .v-picker__actions .v-btn {
17489
+ min-width: 48px;
17490
+ }
17491
+ .v-picker__actions .v-btn:not(:last-child) {
17492
+ margin-inline-end: 8px;
17493
+ }
17494
+
17495
+ .v-picker--landscape {
17496
+ grid-template-areas: "title" "header body" "header body";
17497
+ }
17498
+
17499
+ .v-picker--landscape.v-picker--with-actions {
17500
+ grid-template-areas: "title" "header body" "header actions";
17501
+ }
17502
+
17503
+ .v-picker-title {
17504
+ text-transform: uppercase;
17505
+ font-size: 0.75rem;
17506
+ grid-area: title;
17507
+ padding-inline: 24px 12px;
17508
+ padding-top: 16px;
17509
+ padding-bottom: 16px;
17510
+ font-weight: 400;
17511
+ letter-spacing: 0.1666666667em;
17383
17512
  }.v-calendar {
17384
17513
  background: rgb(var(--v-theme-background));
17385
17514
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
@@ -17607,6 +17736,51 @@ html.overflow-y-hidden {
17607
17736
  }
17608
17737
  .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
17609
17738
  border-right: none;
17739
+ }.v-calendar-header {
17740
+ align-items: center;
17741
+ display: flex;
17742
+ min-height: 64px;
17743
+ }
17744
+
17745
+ .v-calendar-header__today {
17746
+ margin-inline-end: 24px;
17747
+ }
17748
+
17749
+ .v-calendar-header__title {
17750
+ font-size: 1.5rem;
17751
+ margin-inline-start: 24px;
17752
+ }.v-calendar-day {
17753
+ position: relative;
17754
+ display: flex;
17755
+ flex-direction: column;
17756
+ }
17757
+
17758
+ .v-calendar-weekly .v-calendar__container {
17759
+ display: grid;
17760
+ }
17761
+ .v-calendar-weekly .v-calendar__container.days__7 {
17762
+ grid-template-columns: repeat(7, 1fr);
17763
+ }
17764
+ .v-calendar-weekly .v-calendar__container.days__6 {
17765
+ grid-template-columns: repeat(6, 1fr);
17766
+ }
17767
+ .v-calendar-weekly .v-calendar__container.days__5 {
17768
+ grid-template-columns: repeat(5, 1fr);
17769
+ }
17770
+ .v-calendar-weekly .v-calendar__container.days__4 {
17771
+ grid-template-columns: repeat(4, 1fr);
17772
+ }
17773
+ .v-calendar-weekly .v-calendar__container.days__3 {
17774
+ grid-template-columns: repeat(3, 1fr);
17775
+ }
17776
+ .v-calendar-weekly .v-calendar__container.days__2 {
17777
+ grid-template-columns: repeat(2, 1fr);
17778
+ }
17779
+ .v-calendar-weekly .v-calendar__container.days__1 {
17780
+ grid-template-columns: repeat(1, 1fr);
17781
+ }
17782
+ .v-calendar-weekly .v-calendar__container.days__0 {
17783
+ grid-template-columns: repeat(1, 1fr);
17610
17784
  }.v-calendar-day__row-with-label {
17611
17785
  display: grid;
17612
17786
  grid-template-columns: 48px 8px 1fr;
@@ -17649,56 +17823,6 @@ html.overflow-y-hidden {
17649
17823
  }
17650
17824
  .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17651
17825
  border-bottom: none;
17652
- }.v-calendar-internal-event {
17653
- overflow: hidden;
17654
- padding: 4px;
17655
- text-overflow: ellipsis;
17656
- white-space: nowrap;
17657
- }.v-calendar-day {
17658
- position: relative;
17659
- display: flex;
17660
- flex-direction: column;
17661
- }
17662
-
17663
- .v-calendar-weekly .v-calendar__container {
17664
- display: grid;
17665
- }
17666
- .v-calendar-weekly .v-calendar__container.days__7 {
17667
- grid-template-columns: repeat(7, 1fr);
17668
- }
17669
- .v-calendar-weekly .v-calendar__container.days__6 {
17670
- grid-template-columns: repeat(6, 1fr);
17671
- }
17672
- .v-calendar-weekly .v-calendar__container.days__5 {
17673
- grid-template-columns: repeat(5, 1fr);
17674
- }
17675
- .v-calendar-weekly .v-calendar__container.days__4 {
17676
- grid-template-columns: repeat(4, 1fr);
17677
- }
17678
- .v-calendar-weekly .v-calendar__container.days__3 {
17679
- grid-template-columns: repeat(3, 1fr);
17680
- }
17681
- .v-calendar-weekly .v-calendar__container.days__2 {
17682
- grid-template-columns: repeat(2, 1fr);
17683
- }
17684
- .v-calendar-weekly .v-calendar__container.days__1 {
17685
- grid-template-columns: repeat(1, 1fr);
17686
- }
17687
- .v-calendar-weekly .v-calendar__container.days__0 {
17688
- grid-template-columns: repeat(1, 1fr);
17689
- }.v-calendar-header {
17690
- align-items: center;
17691
- display: flex;
17692
- min-height: 64px;
17693
- }
17694
-
17695
- .v-calendar-header__today {
17696
- margin-inline-end: 24px;
17697
- }
17698
-
17699
- .v-calendar-header__title {
17700
- font-size: 1.5rem;
17701
- margin-inline-start: 24px;
17702
17826
  }.v-calendar-month__day {
17703
17827
  position: relative;
17704
17828
  display: flex;
@@ -17762,59 +17886,11 @@ html.overflow-y-hidden {
17762
17886
 
17763
17887
  .v-calendar-weekly__day-alldayevents-container {
17764
17888
  min-height: 24px;
17765
- }.v-picker.v-sheet {
17766
- 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));
17767
- border-radius: 4px;
17768
- display: grid;
17769
- grid-auto-rows: min-content;
17770
- grid-template-areas: "title" "header" "body";
17771
- overflow: hidden;
17772
- }
17773
- .v-picker.v-sheet.v-picker--with-actions {
17774
- grid-template-areas: "title" "header" "body" "actions";
17775
- }
17776
-
17777
- .v-picker__body {
17778
- grid-area: body;
17889
+ }.v-calendar-internal-event {
17779
17890
  overflow: hidden;
17780
- position: relative;
17781
- }
17782
-
17783
- .v-picker__header {
17784
- grid-area: header;
17785
- }
17786
-
17787
- .v-picker__actions {
17788
- grid-area: actions;
17789
- padding: 0 12px 12px;
17790
- display: flex;
17791
- align-items: center;
17792
- justify-content: flex-end;
17793
- }
17794
- .v-picker__actions .v-btn {
17795
- min-width: 48px;
17796
- }
17797
- .v-picker__actions .v-btn:not(:last-child) {
17798
- margin-inline-end: 8px;
17799
- }
17800
-
17801
- .v-picker--landscape {
17802
- grid-template-areas: "title" "header body" "header body";
17803
- }
17804
-
17805
- .v-picker--landscape.v-picker--with-actions {
17806
- grid-template-areas: "title" "header body" "header actions";
17807
- }
17808
-
17809
- .v-picker-title {
17810
- text-transform: uppercase;
17811
- font-size: 0.75rem;
17812
- grid-area: title;
17813
- padding-inline: 24px 12px;
17814
- padding-top: 16px;
17815
- padding-bottom: 16px;
17816
- font-weight: 400;
17817
- letter-spacing: 0.1666666667em;
17891
+ padding: 4px;
17892
+ text-overflow: ellipsis;
17893
+ white-space: nowrap;
17818
17894
  }.v-number-input input[type=number] {
17819
17895
  -moz-appearance: textfield;
17820
17896
  }
@@ -17853,26 +17929,52 @@ html.overflow-y-hidden {
17853
17929
  .v-number-input__control .v-btn {
17854
17930
  background-color: transparent;
17855
17931
  border-radius: 0;
17856
- }.v-stepper-vertical-item {
17932
+ }.v-pull-to-refresh {
17933
+ overflow: hidden;
17857
17934
  position: relative;
17858
- transition-duration: 0.2s;
17859
- transition-property: opacity;
17860
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17861
- }
17862
- .v-stepper-vertical-item__title {
17863
- font-size: 1rem;
17864
17935
  }
17865
- .v-stepper-vertical-item__subtitle {
17866
- font-size: 0.75rem;
17936
+ .v-pull-to-refresh__pull-down {
17937
+ position: absolute;
17938
+ width: 100%;
17939
+ transition: top 0.3s ease-out;
17867
17940
  }
17868
- .v-stepper-vertical-item .v-expansion-panel-text {
17869
- padding-inline-start: 32px;
17941
+ .v-pull-to-refresh__pull-down--touching {
17942
+ transition: none;
17870
17943
  }
17871
- .v-stepper-vertical-item:not(:last-child):before {
17872
- content: "";
17873
- position: absolute;
17874
- width: 2px;
17875
- height: calc(100% - 30px);
17944
+ .v-pull-to-refresh__pull-down-default {
17945
+ display: flex;
17946
+ width: 100%;
17947
+ height: 100%;
17948
+ justify-content: center;
17949
+ align-items: flex-end;
17950
+ padding-bottom: 10px;
17951
+ }
17952
+ .v-pull-to-refresh__scroll-container {
17953
+ position: relative;
17954
+ transition: top 0.3s ease-out;
17955
+ }
17956
+ .v-pull-to-refresh__scroll-container--touching {
17957
+ transition: none;
17958
+ }.v-stepper-vertical-item {
17959
+ position: relative;
17960
+ transition-duration: 0.2s;
17961
+ transition-property: opacity;
17962
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17963
+ }
17964
+ .v-stepper-vertical-item__title {
17965
+ font-size: 1rem;
17966
+ }
17967
+ .v-stepper-vertical-item__subtitle {
17968
+ font-size: 0.75rem;
17969
+ }
17970
+ .v-stepper-vertical-item .v-expansion-panel-text {
17971
+ padding-inline-start: 32px;
17972
+ }
17973
+ .v-stepper-vertical-item:not(:last-child):before {
17974
+ content: "";
17975
+ position: absolute;
17976
+ width: 2px;
17977
+ height: calc(100% - 30px);
17876
17978
  background: rgba(var(--v-border-color), var(--v-border-opacity));
17877
17979
  left: 35px;
17878
17980
  top: 44px;
@@ -17921,151 +18023,6 @@ html.overflow-y-hidden {
17921
18023
  justify-content: flex-end;
17922
18024
  padding: 24px 0 0;
17923
18025
  flex-direction: row-reverse;
17924
- }.v-pull-to-refresh {
17925
- overflow: hidden;
17926
- position: relative;
17927
- }
17928
- .v-pull-to-refresh__pull-down {
17929
- position: absolute;
17930
- width: 100%;
17931
- transition: top 0.3s ease-out;
17932
- }
17933
- .v-pull-to-refresh__pull-down--touching {
17934
- transition: none;
17935
- }
17936
- .v-pull-to-refresh__pull-down-default {
17937
- display: flex;
17938
- width: 100%;
17939
- height: 100%;
17940
- justify-content: center;
17941
- align-items: flex-end;
17942
- padding-bottom: 10px;
17943
- }
17944
- .v-pull-to-refresh__scroll-container {
17945
- position: relative;
17946
- transition: top 0.3s ease-out;
17947
- }
17948
- .v-pull-to-refresh__scroll-container--touching {
17949
- transition: none;
17950
- }.v-treeview-item--filtered {
17951
- display: none;
17952
- }
17953
-
17954
- .v-treeview {
17955
- --indent-padding: 0px;
17956
- }
17957
-
17958
- .v-treeview-group.v-list-group {
17959
- --list-indent-size: 16px;
17960
- }
17961
- .v-list--slim .v-treeview-group.v-list-group {
17962
- --prepend-width: 16px;
17963
- }
17964
- .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
17965
- padding-inline-start: calc(12px + var(--indent-padding)) !important;
17966
- }.v-time-picker-controls {
17967
- display: flex;
17968
- align-items: center;
17969
- justify-content: center;
17970
- font-size: 0.875rem;
17971
- padding-top: 4px;
17972
- padding-bottom: 4px;
17973
- margin-bottom: 36px;
17974
- }
17975
- .v-time-picker-controls__text {
17976
- padding-bottom: 12px;
17977
- }
17978
- .v-time-picker-controls__time {
17979
- display: flex;
17980
- white-space: nowrap;
17981
- direction: ltr;
17982
- justify-content: center;
17983
- }
17984
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
17985
- width: 96px;
17986
- height: 80px;
17987
- font-size: 56px;
17988
- }
17989
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn__active {
17990
- background: rgb(var(--v-theme-primary));
17991
- }
17992
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-ampm__btn {
17993
- width: 96px;
17994
- height: 80px;
17995
- }
17996
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-seconds__btn {
17997
- width: 64px;
17998
- height: 80px;
17999
- font-size: 40px;
18000
- }
18001
- .v-time-picker-controls__time__separator {
18002
- font-size: 56px;
18003
- height: 80px;
18004
- width: 24px;
18005
- text-align: center;
18006
- }
18007
- .v-time-picker-controls__time__separator.v-time-picker-controls--with-seconds__time__separator {
18008
- height: 80px;
18009
- font-size: 56px;
18010
- }
18011
-
18012
- .v-time-picker-controls__ampm {
18013
- margin-left: 12px;
18014
- align-self: flex-end;
18015
- display: flex;
18016
- flex-direction: column;
18017
- font-size: 18px;
18018
- text-transform: uppercase;
18019
- }
18020
- .v-time-picker-controls__ampm--readonly {
18021
- pointer-events: none;
18022
- }
18023
- .v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
18024
- opacity: 0.6;
18025
- }
18026
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
18027
- font-size: 18px;
18028
- padding: 0 8px;
18029
- min-width: 52px;
18030
- height: 40px;
18031
- }
18032
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__am {
18033
- border-radius: 4px 4px 0 0;
18034
- border: 1px solid;
18035
- }
18036
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__pm {
18037
- border-radius: 0 0 4px 4px;
18038
- border: 1px solid;
18039
- border-top: none;
18040
- }
18041
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default__active {
18042
- background: rgb(var(--v-theme-primary));
18043
- }
18044
-
18045
- .v-picker__title--landscape .v-time-picker-controls {
18046
- flex-direction: column;
18047
- justify-content: center;
18048
- height: 100%;
18049
- }
18050
- .v-picker__title--landscape .v-time-picker-controls__time {
18051
- text-align: right;
18052
- }
18053
- .v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
18054
- .v-picker__title--landscape .v-time-picker-controls__time span {
18055
- height: 55px;
18056
- font-size: 55px;
18057
- }
18058
- .v-picker__title--landscape .v-time-picker-controls__ampm {
18059
- margin: 16px 0 0;
18060
- align-self: initial;
18061
- text-align: center;
18062
- }
18063
-
18064
- .v-picker--time .v-picker__title--landscape {
18065
- padding: 0;
18066
- }
18067
- .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
18068
- text-align: center;
18069
18026
  }.v-time-picker.v-picker {
18070
18027
  padding: 24px;
18071
18028
  width: 328px;
@@ -18204,50 +18161,217 @@ html.overflow-y-hidden {
18204
18161
 
18205
18162
  .v-picker--landscape .v-time-picker-clock__container {
18206
18163
  flex-direction: row;
18207
- }.v-app-bar {
18164
+ }.v-time-picker-controls {
18208
18165
  display: flex;
18166
+ align-items: center;
18167
+ justify-content: center;
18168
+ font-size: 0.875rem;
18169
+ padding-top: 4px;
18170
+ padding-bottom: 4px;
18171
+ margin-bottom: 36px;
18209
18172
  }
18210
- .v-app-bar.v-toolbar {
18211
- background: rgb(var(--v-theme-surface));
18212
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18213
- }
18214
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18215
- 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));
18173
+ .v-time-picker-controls__text {
18174
+ padding-bottom: 12px;
18216
18175
  }
18217
- .v-app-bar:not(.v-toolbar--absolute) {
18218
- padding-inline-end: var(--v-scrollbar-offset);
18219
- }.v-alert {
18220
- display: grid;
18221
- flex: 1 1;
18222
- grid-template-areas: "prepend content append close" ". content . .";
18223
- grid-template-columns: max-content auto max-content max-content;
18224
- position: relative;
18225
- padding: 16px;
18226
- overflow: hidden;
18227
- --v-border-color: currentColor;
18228
- border-radius: 4px;
18176
+ .v-time-picker-controls__time {
18177
+ display: flex;
18178
+ white-space: nowrap;
18179
+ direction: ltr;
18180
+ justify-content: center;
18229
18181
  }
18230
- .v-alert--absolute {
18231
- position: absolute;
18182
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
18183
+ width: 96px;
18184
+ height: 80px;
18185
+ font-size: 56px;
18232
18186
  }
18233
- .v-alert--fixed {
18234
- position: fixed;
18187
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn__active {
18188
+ background: rgb(var(--v-theme-primary));
18235
18189
  }
18236
- .v-alert--sticky {
18237
- position: sticky;
18190
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-ampm__btn {
18191
+ width: 96px;
18192
+ height: 80px;
18238
18193
  }
18239
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
18240
- background: transparent;
18241
- color: inherit;
18194
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-seconds__btn {
18195
+ width: 64px;
18196
+ height: 80px;
18197
+ font-size: 40px;
18242
18198
  }
18243
- .v-alert--variant-plain {
18244
- opacity: 0.62;
18199
+ .v-time-picker-controls__time__separator {
18200
+ font-size: 56px;
18201
+ height: 80px;
18202
+ width: 24px;
18203
+ text-align: center;
18245
18204
  }
18246
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
18247
- opacity: 1;
18205
+ .v-time-picker-controls__time__separator.v-time-picker-controls--with-seconds__time__separator {
18206
+ height: 80px;
18207
+ font-size: 56px;
18248
18208
  }
18249
- .v-alert--variant-plain .v-alert__overlay {
18250
- display: none;
18209
+
18210
+ .v-time-picker-controls__ampm {
18211
+ margin-left: 12px;
18212
+ align-self: flex-end;
18213
+ display: flex;
18214
+ flex-direction: column;
18215
+ font-size: 18px;
18216
+ text-transform: uppercase;
18217
+ }
18218
+ .v-time-picker-controls__ampm--readonly {
18219
+ pointer-events: none;
18220
+ }
18221
+ .v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
18222
+ opacity: 0.6;
18223
+ }
18224
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
18225
+ font-size: 18px;
18226
+ padding: 0 8px;
18227
+ min-width: 52px;
18228
+ height: 40px;
18229
+ }
18230
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__am {
18231
+ border-radius: 4px 4px 0 0;
18232
+ border: 1px solid;
18233
+ }
18234
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__pm {
18235
+ border-radius: 0 0 4px 4px;
18236
+ border: 1px solid;
18237
+ border-top: none;
18238
+ }
18239
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default__active {
18240
+ background: rgb(var(--v-theme-primary));
18241
+ }
18242
+
18243
+ .v-picker__title--landscape .v-time-picker-controls {
18244
+ flex-direction: column;
18245
+ justify-content: center;
18246
+ height: 100%;
18247
+ }
18248
+ .v-picker__title--landscape .v-time-picker-controls__time {
18249
+ text-align: right;
18250
+ }
18251
+ .v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
18252
+ .v-picker__title--landscape .v-time-picker-controls__time span {
18253
+ height: 55px;
18254
+ font-size: 55px;
18255
+ }
18256
+ .v-picker__title--landscape .v-time-picker-controls__ampm {
18257
+ margin: 16px 0 0;
18258
+ align-self: initial;
18259
+ text-align: center;
18260
+ }
18261
+
18262
+ .v-picker--time .v-picker__title--landscape {
18263
+ padding: 0;
18264
+ }
18265
+ .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
18266
+ text-align: center;
18267
+ }.v-treeview-item--filtered {
18268
+ display: none;
18269
+ }
18270
+
18271
+ .v-treeview {
18272
+ --indent-padding: 0px;
18273
+ }
18274
+
18275
+ .v-treeview-group.v-list-group {
18276
+ --list-indent-size: 16px;
18277
+ }
18278
+ .v-list--slim .v-treeview-group.v-list-group {
18279
+ --prepend-width: 16px;
18280
+ }
18281
+ .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
18282
+ padding-inline-start: calc(12px + var(--indent-padding)) !important;
18283
+ }.v-app-bar {
18284
+ display: flex;
18285
+ }
18286
+ .v-app-bar.v-toolbar {
18287
+ background: rgb(var(--v-theme-surface));
18288
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18289
+ }
18290
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18291
+ 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));
18292
+ }
18293
+ .v-app-bar:not(.v-toolbar--absolute) {
18294
+ padding-inline-end: var(--v-scrollbar-offset);
18295
+ }.v-application {
18296
+ display: flex;
18297
+ background: rgb(var(--v-theme-background));
18298
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18299
+ }
18300
+
18301
+ .v-application__wrap {
18302
+ -webkit-backface-visibility: hidden;
18303
+ backface-visibility: hidden;
18304
+ display: flex;
18305
+ flex-direction: column;
18306
+ flex: 1 1 auto;
18307
+ max-width: 100%;
18308
+ min-height: 100vh;
18309
+ min-height: 100dvh;
18310
+ position: relative;
18311
+ }.bottom-sheet-transition-enter-from {
18312
+ transform: translateY(100%);
18313
+ }
18314
+ .bottom-sheet-transition-leave-to {
18315
+ transform: translateY(100%);
18316
+ }
18317
+
18318
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18319
+ align-self: flex-end;
18320
+ border-radius: 0;
18321
+ flex: 0 1 auto;
18322
+ left: 0;
18323
+ right: 0;
18324
+ margin-inline: 0;
18325
+ margin-bottom: 0;
18326
+ transition-duration: 0.2s;
18327
+ width: 100%;
18328
+ max-width: 100%;
18329
+ overflow: visible;
18330
+ 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));
18331
+ }
18332
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18333
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18334
+ border-radius: 0;
18335
+ }
18336
+ .v-bottom-sheet.v-bottom-sheet--inset {
18337
+ max-width: none;
18338
+ }
18339
+ @media (min-width: 600px) {
18340
+ .v-bottom-sheet.v-bottom-sheet--inset {
18341
+ max-width: 70%;
18342
+ }
18343
+ }.v-alert {
18344
+ display: grid;
18345
+ flex: 1 1;
18346
+ grid-template-areas: "prepend content append close" ". content . .";
18347
+ grid-template-columns: max-content auto max-content max-content;
18348
+ position: relative;
18349
+ padding: 16px;
18350
+ overflow: hidden;
18351
+ --v-border-color: currentColor;
18352
+ border-radius: 4px;
18353
+ }
18354
+ .v-alert--absolute {
18355
+ position: absolute;
18356
+ }
18357
+ .v-alert--fixed {
18358
+ position: fixed;
18359
+ }
18360
+ .v-alert--sticky {
18361
+ position: sticky;
18362
+ }
18363
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
18364
+ background: transparent;
18365
+ color: inherit;
18366
+ }
18367
+ .v-alert--variant-plain {
18368
+ opacity: 0.62;
18369
+ }
18370
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
18371
+ opacity: 1;
18372
+ }
18373
+ .v-alert--variant-plain .v-alert__overlay {
18374
+ display: none;
18251
18375
  }
18252
18376
  .v-alert--variant-elevated, .v-alert--variant-flat {
18253
18377
  background: rgb(var(--v-theme-surface-light));
@@ -18509,81 +18633,160 @@ html.overflow-y-hidden {
18509
18633
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18510
18634
  opacity: var(--v-high-emphasis-opacity);
18511
18635
  transform: rotate(180deg);
18512
- }.v-application {
18513
- display: flex;
18514
- background: rgb(var(--v-theme-background));
18515
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18516
- }
18517
-
18518
- .v-application__wrap {
18519
- -webkit-backface-visibility: hidden;
18520
- backface-visibility: hidden;
18521
- display: flex;
18522
- flex-direction: column;
18523
- flex: 1 1 auto;
18524
- max-width: 100%;
18525
- min-height: 100vh;
18526
- min-height: 100dvh;
18527
- position: relative;
18528
- }.v-banner {
18529
- display: grid;
18530
- flex: 1 1;
18531
- font-size: 0.875rem;
18532
- grid-template-areas: "prepend content actions";
18533
- grid-template-columns: max-content auto max-content;
18534
- grid-template-rows: max-content max-content;
18535
- line-height: 1.6;
18636
+ }.v-avatar {
18637
+ flex: none;
18638
+ align-items: center;
18639
+ display: inline-flex;
18640
+ justify-content: center;
18641
+ line-height: normal;
18536
18642
  overflow: hidden;
18537
- padding-inline: 16px 8px;
18538
- padding-top: 16px;
18539
- padding-bottom: 16px;
18540
18643
  position: relative;
18541
- width: 100%;
18542
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18543
- border-style: solid;
18544
- border-width: 0 0 thin 0;
18545
- 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));
18546
- border-radius: 0;
18547
- background: rgb(var(--v-theme-surface));
18548
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18644
+ text-align: center;
18645
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18646
+ transition-property: width, height;
18647
+ vertical-align: middle;
18648
+ border-radius: 50%;
18549
18649
  }
18550
- .v-banner--border {
18551
- border-width: thin;
18552
- box-shadow: none;
18650
+ .v-avatar.v-avatar--size-x-small {
18651
+ --v-avatar-height: 24px;
18553
18652
  }
18554
- .v-banner--absolute {
18555
- position: absolute;
18653
+ .v-avatar.v-avatar--size-small {
18654
+ --v-avatar-height: 32px;
18556
18655
  }
18557
- .v-banner--fixed {
18558
- position: fixed;
18656
+ .v-avatar.v-avatar--size-default {
18657
+ --v-avatar-height: 40px;
18559
18658
  }
18560
- .v-banner--sticky {
18561
- position: sticky;
18659
+ .v-avatar.v-avatar--size-large {
18660
+ --v-avatar-height: 48px;
18562
18661
  }
18563
- .v-banner--rounded {
18564
- border-radius: 4px;
18662
+ .v-avatar.v-avatar--size-x-large {
18663
+ --v-avatar-height: 56px;
18565
18664
  }
18566
- .v-banner--stacked:not(.v-banner--one-line) {
18567
- grid-template-areas: "prepend content" ". actions";
18665
+ .v-avatar.v-avatar--density-default {
18666
+ height: calc(var(--v-avatar-height) + 0px);
18667
+ width: calc(var(--v-avatar-height) + 0px);
18568
18668
  }
18569
- .v-banner--stacked .v-banner-text {
18570
- padding-inline-end: 36px;
18669
+ .v-avatar.v-avatar--density-comfortable {
18670
+ height: calc(var(--v-avatar-height) + -4px);
18671
+ width: calc(var(--v-avatar-height) + -4px);
18571
18672
  }
18572
- .v-banner--density-default .v-banner-actions {
18573
- margin-bottom: -8px;
18673
+ .v-avatar.v-avatar--density-compact {
18674
+ height: calc(var(--v-avatar-height) + -8px);
18675
+ width: calc(var(--v-avatar-height) + -8px);
18574
18676
  }
18575
- .v-banner--density-default.v-banner--one-line {
18576
- padding-top: 8px;
18577
- padding-bottom: 8px;
18677
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18678
+ background: transparent;
18679
+ color: inherit;
18578
18680
  }
18579
- .v-banner--density-default.v-banner--one-line .v-banner-actions {
18580
- margin-bottom: 0;
18681
+ .v-avatar--variant-plain {
18682
+ opacity: 0.62;
18581
18683
  }
18582
- .v-banner--density-default.v-banner--one-line {
18583
- padding-top: 10px;
18684
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18685
+ opacity: 1;
18584
18686
  }
18585
- .v-banner--density-default.v-banner--two-line {
18586
- padding-top: 16px;
18687
+ .v-avatar--variant-plain .v-avatar__overlay {
18688
+ display: none;
18689
+ }
18690
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
18691
+ background: var(--v-theme-surface);
18692
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18693
+ }
18694
+ .v-avatar--variant-elevated {
18695
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18696
+ }
18697
+ .v-avatar--variant-flat {
18698
+ 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));
18699
+ }
18700
+ .v-avatar--variant-outlined {
18701
+ border: thin solid currentColor;
18702
+ }
18703
+ .v-avatar--variant-text .v-avatar__overlay {
18704
+ background: currentColor;
18705
+ }
18706
+ .v-avatar--variant-tonal .v-avatar__underlay {
18707
+ background: currentColor;
18708
+ opacity: var(--v-activated-opacity);
18709
+ border-radius: inherit;
18710
+ top: 0;
18711
+ right: 0;
18712
+ bottom: 0;
18713
+ left: 0;
18714
+ pointer-events: none;
18715
+ }
18716
+ .v-avatar .v-avatar__underlay {
18717
+ position: absolute;
18718
+ }
18719
+ .v-avatar--rounded {
18720
+ border-radius: 4px;
18721
+ }
18722
+ .v-avatar--start {
18723
+ margin-inline-end: 8px;
18724
+ }
18725
+ .v-avatar--end {
18726
+ margin-inline-start: 8px;
18727
+ }
18728
+ .v-avatar .v-img {
18729
+ height: 100%;
18730
+ width: 100%;
18731
+ }.v-banner {
18732
+ display: grid;
18733
+ flex: 1 1;
18734
+ font-size: 0.875rem;
18735
+ grid-template-areas: "prepend content actions";
18736
+ grid-template-columns: max-content auto max-content;
18737
+ grid-template-rows: max-content max-content;
18738
+ line-height: 1.6;
18739
+ overflow: hidden;
18740
+ padding-inline: 16px 8px;
18741
+ padding-top: 16px;
18742
+ padding-bottom: 16px;
18743
+ position: relative;
18744
+ width: 100%;
18745
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18746
+ border-style: solid;
18747
+ border-width: 0 0 thin 0;
18748
+ 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));
18749
+ border-radius: 0;
18750
+ background: rgb(var(--v-theme-surface));
18751
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18752
+ }
18753
+ .v-banner--border {
18754
+ border-width: thin;
18755
+ box-shadow: none;
18756
+ }
18757
+ .v-banner--absolute {
18758
+ position: absolute;
18759
+ }
18760
+ .v-banner--fixed {
18761
+ position: fixed;
18762
+ }
18763
+ .v-banner--sticky {
18764
+ position: sticky;
18765
+ }
18766
+ .v-banner--rounded {
18767
+ border-radius: 4px;
18768
+ }
18769
+ .v-banner--stacked:not(.v-banner--one-line) {
18770
+ grid-template-areas: "prepend content" ". actions";
18771
+ }
18772
+ .v-banner--stacked .v-banner-text {
18773
+ padding-inline-end: 36px;
18774
+ }
18775
+ .v-banner--density-default .v-banner-actions {
18776
+ margin-bottom: -8px;
18777
+ }
18778
+ .v-banner--density-default.v-banner--one-line {
18779
+ padding-top: 8px;
18780
+ padding-bottom: 8px;
18781
+ }
18782
+ .v-banner--density-default.v-banner--one-line .v-banner-actions {
18783
+ margin-bottom: 0;
18784
+ }
18785
+ .v-banner--density-default.v-banner--one-line {
18786
+ padding-top: 10px;
18787
+ }
18788
+ .v-banner--density-default.v-banner--two-line {
18789
+ padding-top: 16px;
18587
18790
  padding-bottom: 16px;
18588
18791
  }
18589
18792
  .v-banner--density-default.v-banner--three-line {
@@ -18682,101 +18885,6 @@ html.overflow-y-hidden {
18682
18885
  }
18683
18886
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18684
18887
  align-self: flex-start;
18685
- }.v-avatar {
18686
- flex: none;
18687
- align-items: center;
18688
- display: inline-flex;
18689
- justify-content: center;
18690
- line-height: normal;
18691
- overflow: hidden;
18692
- position: relative;
18693
- text-align: center;
18694
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18695
- transition-property: width, height;
18696
- vertical-align: middle;
18697
- border-radius: 50%;
18698
- }
18699
- .v-avatar.v-avatar--size-x-small {
18700
- --v-avatar-height: 24px;
18701
- }
18702
- .v-avatar.v-avatar--size-small {
18703
- --v-avatar-height: 32px;
18704
- }
18705
- .v-avatar.v-avatar--size-default {
18706
- --v-avatar-height: 40px;
18707
- }
18708
- .v-avatar.v-avatar--size-large {
18709
- --v-avatar-height: 48px;
18710
- }
18711
- .v-avatar.v-avatar--size-x-large {
18712
- --v-avatar-height: 56px;
18713
- }
18714
- .v-avatar.v-avatar--density-default {
18715
- height: calc(var(--v-avatar-height) + 0px);
18716
- width: calc(var(--v-avatar-height) + 0px);
18717
- }
18718
- .v-avatar.v-avatar--density-comfortable {
18719
- height: calc(var(--v-avatar-height) + -4px);
18720
- width: calc(var(--v-avatar-height) + -4px);
18721
- }
18722
- .v-avatar.v-avatar--density-compact {
18723
- height: calc(var(--v-avatar-height) + -8px);
18724
- width: calc(var(--v-avatar-height) + -8px);
18725
- }
18726
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18727
- background: transparent;
18728
- color: inherit;
18729
- }
18730
- .v-avatar--variant-plain {
18731
- opacity: 0.62;
18732
- }
18733
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18734
- opacity: 1;
18735
- }
18736
- .v-avatar--variant-plain .v-avatar__overlay {
18737
- display: none;
18738
- }
18739
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
18740
- background: var(--v-theme-surface);
18741
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18742
- }
18743
- .v-avatar--variant-elevated {
18744
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18745
- }
18746
- .v-avatar--variant-flat {
18747
- 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));
18748
- }
18749
- .v-avatar--variant-outlined {
18750
- border: thin solid currentColor;
18751
- }
18752
- .v-avatar--variant-text .v-avatar__overlay {
18753
- background: currentColor;
18754
- }
18755
- .v-avatar--variant-tonal .v-avatar__underlay {
18756
- background: currentColor;
18757
- opacity: var(--v-activated-opacity);
18758
- border-radius: inherit;
18759
- top: 0;
18760
- right: 0;
18761
- bottom: 0;
18762
- left: 0;
18763
- pointer-events: none;
18764
- }
18765
- .v-avatar .v-avatar__underlay {
18766
- position: absolute;
18767
- }
18768
- .v-avatar--rounded {
18769
- border-radius: 4px;
18770
- }
18771
- .v-avatar--start {
18772
- margin-inline-end: 8px;
18773
- }
18774
- .v-avatar--end {
18775
- margin-inline-start: 8px;
18776
- }
18777
- .v-avatar .v-img {
18778
- height: 100%;
18779
- width: 100%;
18780
18888
  }.v-badge {
18781
18889
  display: inline-block;
18782
18890
  line-height: 1;
@@ -18848,38 +18956,6 @@ html.overflow-y-hidden {
18848
18956
  display: inline-flex;
18849
18957
  justify-content: center;
18850
18958
  margin: 0 4px;
18851
- }.bottom-sheet-transition-enter-from {
18852
- transform: translateY(100%);
18853
- }
18854
- .bottom-sheet-transition-leave-to {
18855
- transform: translateY(100%);
18856
- }
18857
-
18858
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18859
- align-self: flex-end;
18860
- border-radius: 0;
18861
- flex: 0 1 auto;
18862
- left: 0;
18863
- right: 0;
18864
- margin-inline: 0;
18865
- margin-bottom: 0;
18866
- transition-duration: 0.2s;
18867
- width: 100%;
18868
- max-width: 100%;
18869
- overflow: visible;
18870
- 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));
18871
- }
18872
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18873
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18874
- border-radius: 0;
18875
- }
18876
- .v-bottom-sheet.v-bottom-sheet--inset {
18877
- max-width: none;
18878
- }
18879
- @media (min-width: 600px) {
18880
- .v-bottom-sheet.v-bottom-sheet--inset {
18881
- max-width: 70%;
18882
- }
18883
18959
  }.v-bottom-navigation {
18884
18960
  display: flex;
18885
18961
  max-width: 100%;
@@ -18935,144 +19011,150 @@ html.overflow-y-hidden {
18935
19011
  }
18936
19012
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18937
19013
  transform: translateY(0.5rem);
18938
- }.v-breadcrumbs {
18939
- display: flex;
19014
+ }.v-btn {
18940
19015
  align-items: center;
18941
- line-height: 1.6;
18942
- padding: 16px 12px;
18943
- }
18944
- .v-breadcrumbs--rounded {
18945
19016
  border-radius: 4px;
18946
- }
18947
- .v-breadcrumbs--density-default {
18948
- padding-top: 16px;
18949
- padding-bottom: 16px;
18950
- }
18951
-
18952
- .v-breadcrumbs--density-comfortable {
18953
- padding-top: 12px;
18954
- padding-bottom: 12px;
18955
- }
18956
-
18957
- .v-breadcrumbs--density-compact {
18958
- padding-top: 8px;
18959
- padding-bottom: 8px;
18960
- }
18961
-
18962
- .v-breadcrumbs__prepend {
18963
- align-items: center;
18964
- display: inline-flex;
18965
- }
18966
-
18967
- .v-breadcrumbs-item {
18968
- align-items: center;
18969
- color: inherit;
18970
- display: inline-flex;
18971
- padding: 0 4px;
19017
+ display: inline-grid;
19018
+ grid-template-areas: "prepend content append";
19019
+ grid-template-columns: max-content auto max-content;
19020
+ font-weight: 500;
19021
+ justify-content: center;
19022
+ letter-spacing: 0.0892857143em;
19023
+ line-height: normal;
19024
+ max-width: 100%;
19025
+ outline: none;
19026
+ position: relative;
18972
19027
  text-decoration: none;
19028
+ text-indent: 0.0892857143em;
19029
+ text-transform: uppercase;
19030
+ transition-property: box-shadow, transform, opacity, background;
19031
+ transition-duration: 0.28s;
19032
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19033
+ -webkit-user-select: none;
19034
+ user-select: none;
18973
19035
  vertical-align: middle;
19036
+ flex-shrink: 0;
19037
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19038
+ border-style: solid;
19039
+ border-width: 0;
18974
19040
  }
18975
- .v-breadcrumbs-item--disabled {
18976
- opacity: var(--v-disabled-opacity);
18977
- pointer-events: none;
19041
+ .v-btn--size-x-small {
19042
+ --v-btn-size: 0.625rem;
19043
+ --v-btn-height: 20px;
19044
+ font-size: var(--v-btn-size);
19045
+ min-width: 36px;
19046
+ padding: 0 8px;
18978
19047
  }
18979
- .v-breadcrumbs-item--link {
18980
- color: inherit;
18981
- text-decoration: none;
19048
+
19049
+ .v-btn--size-small {
19050
+ --v-btn-size: 0.75rem;
19051
+ --v-btn-height: 28px;
19052
+ font-size: var(--v-btn-size);
19053
+ min-width: 50px;
19054
+ padding: 0 12px;
18982
19055
  }
18983
- .v-breadcrumbs-item--link:hover {
18984
- text-decoration: underline;
19056
+
19057
+ .v-btn--size-default {
19058
+ --v-btn-size: 0.875rem;
19059
+ --v-btn-height: 36px;
19060
+ font-size: var(--v-btn-size);
19061
+ min-width: 64px;
19062
+ padding: 0 16px;
18985
19063
  }
18986
- .v-breadcrumbs-item .v-icon {
18987
- font-size: 1rem;
18988
- margin-inline: -4px 2px;
19064
+
19065
+ .v-btn--size-large {
19066
+ --v-btn-size: 1rem;
19067
+ --v-btn-height: 44px;
19068
+ font-size: var(--v-btn-size);
19069
+ min-width: 78px;
19070
+ padding: 0 20px;
18989
19071
  }
18990
19072
 
18991
- .v-breadcrumbs-divider {
18992
- display: inline-block;
18993
- padding: 0 8px;
18994
- vertical-align: middle;
18995
- }.v-card {
18996
- display: block;
18997
- overflow: hidden;
18998
- overflow-wrap: break-word;
18999
- position: relative;
19000
- padding: 0;
19001
- text-decoration: none;
19002
- transition-duration: 0.28s;
19003
- transition-property: box-shadow, opacity, background;
19004
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19005
- z-index: 0;
19006
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19007
- border-style: solid;
19008
- border-width: 0;
19009
- border-radius: 4px;
19073
+ .v-btn--size-x-large {
19074
+ --v-btn-size: 1.125rem;
19075
+ --v-btn-height: 52px;
19076
+ font-size: var(--v-btn-size);
19077
+ min-width: 92px;
19078
+ padding: 0 24px;
19010
19079
  }
19011
- .v-card--border {
19080
+
19081
+ .v-btn.v-btn--density-default {
19082
+ height: calc(var(--v-btn-height) + 0px);
19083
+ }
19084
+
19085
+ .v-btn.v-btn--density-comfortable {
19086
+ height: calc(var(--v-btn-height) + -8px);
19087
+ }
19088
+
19089
+ .v-btn.v-btn--density-compact {
19090
+ height: calc(var(--v-btn-height) + -12px);
19091
+ }
19092
+
19093
+ .v-btn--border {
19012
19094
  border-width: thin;
19013
19095
  box-shadow: none;
19014
19096
  }
19015
- .v-card--absolute {
19097
+ .v-btn--absolute {
19016
19098
  position: absolute;
19017
19099
  }
19018
- .v-card--fixed {
19100
+ .v-btn--fixed {
19019
19101
  position: fixed;
19020
19102
  }
19021
- .v-card:hover > .v-card__overlay {
19103
+ .v-btn:hover > .v-btn__overlay {
19022
19104
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19023
19105
  }
19024
- .v-card:focus-visible > .v-card__overlay {
19106
+ .v-btn:focus-visible > .v-btn__overlay {
19025
19107
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19026
19108
  }
19027
19109
  @supports not selector(:focus-visible) {
19028
- .v-card:focus > .v-card__overlay {
19110
+ .v-btn:focus > .v-btn__overlay {
19029
19111
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19030
19112
  }
19031
19113
  }
19032
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19114
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
19033
19115
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19034
19116
  }
19035
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19117
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
19036
19118
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19037
19119
  }
19038
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19120
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
19039
19121
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19040
19122
  }
19041
19123
  @supports not selector(:focus-visible) {
19042
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19124
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
19043
19125
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19044
19126
  }
19045
19127
  }
19046
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19128
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
19047
19129
  background: transparent;
19048
19130
  color: inherit;
19049
19131
  }
19050
- .v-card--variant-plain {
19132
+ .v-btn--variant-plain {
19051
19133
  opacity: 0.62;
19052
19134
  }
19053
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19135
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
19054
19136
  opacity: 1;
19055
19137
  }
19056
- .v-card--variant-plain .v-card__overlay {
19138
+ .v-btn--variant-plain .v-btn__overlay {
19057
19139
  display: none;
19058
19140
  }
19059
- .v-card--variant-elevated, .v-card--variant-flat {
19141
+ .v-btn--variant-elevated, .v-btn--variant-flat {
19060
19142
  background: rgb(var(--v-theme-surface));
19061
19143
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19062
19144
  }
19063
- .v-card--variant-elevated {
19064
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19145
+ .v-btn--variant-elevated {
19146
+ 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));
19065
19147
  }
19066
- .v-card--variant-flat {
19148
+ .v-btn--variant-flat {
19067
19149
  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));
19068
19150
  }
19069
- .v-card--variant-outlined {
19151
+ .v-btn--variant-outlined {
19070
19152
  border: thin solid currentColor;
19071
19153
  }
19072
- .v-card--variant-text .v-card__overlay {
19154
+ .v-btn--variant-text .v-btn__overlay {
19073
19155
  background: currentColor;
19074
19156
  }
19075
- .v-card--variant-tonal .v-card__underlay {
19157
+ .v-btn--variant-tonal .v-btn__underlay {
19076
19158
  background: currentColor;
19077
19159
  opacity: var(--v-activated-opacity);
19078
19160
  border-radius: inherit;
@@ -19082,372 +19164,409 @@ html.overflow-y-hidden {
19082
19164
  left: 0;
19083
19165
  pointer-events: none;
19084
19166
  }
19085
- .v-card .v-card__underlay {
19167
+ .v-btn .v-btn__underlay {
19086
19168
  position: absolute;
19087
19169
  }
19088
- .v-card--disabled {
19089
- pointer-events: none;
19090
- -webkit-user-select: none;
19091
- user-select: none;
19092
- }
19093
- .v-card--disabled > :not(.v-card__loader) {
19094
- opacity: 0.6;
19095
- }
19096
- .v-card--flat {
19097
- box-shadow: none;
19170
+ @supports selector(:focus-visible) {
19171
+ .v-btn::after {
19172
+ content: "";
19173
+ position: absolute;
19174
+ top: 0;
19175
+ left: 0;
19176
+ width: 100%;
19177
+ height: 100%;
19178
+ pointer-events: none;
19179
+ border: 2px solid currentColor;
19180
+ border-radius: inherit;
19181
+ opacity: 0;
19182
+ transition: opacity 0.2s ease-in-out;
19183
+ }
19184
+ .v-btn:focus-visible::after {
19185
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
19186
+ }
19098
19187
  }
19099
- .v-card--hover {
19100
- cursor: pointer;
19188
+ .v-btn--icon {
19189
+ border-radius: 50%;
19190
+ min-width: 0;
19191
+ padding: 0;
19101
19192
  }
19102
- .v-card--hover::before, .v-card--hover::after {
19103
- border-radius: inherit;
19104
- bottom: 0;
19105
- content: "";
19106
- display: block;
19107
- left: 0;
19108
- pointer-events: none;
19109
- position: absolute;
19110
- right: 0;
19111
- top: 0;
19112
- transition: inherit;
19193
+ .v-btn--icon.v-btn--size-default {
19194
+ --v-btn-size: 1rem;
19113
19195
  }
19114
- .v-card--hover::before {
19115
- opacity: 1;
19116
- z-index: -1;
19117
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19196
+ .v-btn--icon.v-btn--density-default {
19197
+ width: calc(var(--v-btn-height) + 12px);
19198
+ height: calc(var(--v-btn-height) + 12px);
19118
19199
  }
19119
- .v-card--hover::after {
19120
- z-index: 1;
19121
- opacity: 0;
19122
- 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));
19200
+ .v-btn--icon.v-btn--density-comfortable {
19201
+ width: calc(var(--v-btn-height) + 0px);
19202
+ height: calc(var(--v-btn-height) + 0px);
19123
19203
  }
19124
- .v-card--hover:hover::after {
19125
- opacity: 1;
19204
+ .v-btn--icon.v-btn--density-compact {
19205
+ width: calc(var(--v-btn-height) + -8px);
19206
+ height: calc(var(--v-btn-height) + -8px);
19126
19207
  }
19127
- .v-card--hover:hover::before {
19128
- opacity: 0;
19208
+
19209
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
19210
+ 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));
19129
19211
  }
19130
- .v-card--hover:hover {
19212
+ .v-btn--elevated:active {
19131
19213
  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));
19132
19214
  }
19133
- .v-card--link {
19134
- cursor: pointer;
19215
+ .v-btn--flat {
19216
+ box-shadow: none;
19135
19217
  }
19136
-
19137
- .v-card-actions {
19138
- align-items: center;
19218
+ .v-btn--block {
19139
19219
  display: flex;
19140
- flex: none;
19141
- min-height: 52px;
19142
- padding: 0.5rem;
19220
+ flex: 1 0 auto;
19221
+ min-width: 100%;
19143
19222
  }
19144
-
19145
- .v-card-item {
19146
- align-items: center;
19147
- display: grid;
19148
- flex: none;
19149
- grid-template-areas: "prepend content append";
19150
- grid-template-columns: max-content auto max-content;
19151
- padding: 0.625rem 1rem;
19223
+ .v-btn--disabled {
19224
+ pointer-events: none;
19225
+ opacity: 0.26;
19152
19226
  }
19153
- .v-card-item + .v-card-text {
19154
- padding-top: 0;
19227
+ .v-btn--disabled:hover {
19228
+ opacity: 0.26;
19155
19229
  }
19156
- .v-card-item__prepend, .v-card-item__append {
19157
- align-items: center;
19158
- display: flex;
19230
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19231
+ box-shadow: none;
19232
+ opacity: 1;
19233
+ color: rgba(var(--v-theme-on-surface), 0.26);
19234
+ background: rgb(var(--v-theme-surface));
19159
19235
  }
19160
- .v-card-item__prepend {
19161
- grid-area: prepend;
19162
- padding-inline-end: 0.5rem;
19236
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
19237
+ opacity: 0.4615384615;
19163
19238
  }
19164
- .v-card-item__append {
19165
- grid-area: append;
19166
- padding-inline-start: 0.5rem;
19239
+ .v-btn--loading {
19240
+ pointer-events: none;
19167
19241
  }
19168
-
19169
- .v-card-item__content {
19170
- align-self: center;
19171
- grid-area: content;
19172
- overflow: hidden;
19242
+ .v-btn--loading .v-btn__content,
19243
+ .v-btn--loading .v-btn__prepend,
19244
+ .v-btn--loading .v-btn__append {
19245
+ opacity: 0;
19173
19246
  }
19174
-
19175
- .v-card-title {
19176
- display: block;
19177
- flex: none;
19178
- font-size: 1.25rem;
19179
- font-weight: 500;
19180
- -webkit-hyphens: auto;
19181
- hyphens: auto;
19182
- letter-spacing: 0.0125em;
19183
- min-width: 0;
19184
- overflow-wrap: normal;
19185
- overflow: hidden;
19186
- padding: 0.5rem 1rem;
19187
- text-overflow: ellipsis;
19188
- text-transform: none;
19189
- white-space: nowrap;
19190
- word-break: normal;
19191
- word-wrap: break-word;
19247
+ .v-btn--stacked {
19248
+ grid-template-areas: "prepend" "content" "append";
19249
+ grid-template-columns: auto;
19250
+ grid-template-rows: max-content max-content max-content;
19251
+ justify-items: center;
19252
+ align-content: center;
19192
19253
  }
19193
- .v-card .v-card-title {
19194
- line-height: 1.6;
19254
+ .v-btn--stacked .v-btn__content {
19255
+ flex-direction: column;
19256
+ line-height: 1.25;
19195
19257
  }
19196
- .v-card--density-comfortable .v-card-title {
19197
- line-height: 1.75rem;
19258
+ .v-btn--stacked .v-btn__prepend,
19259
+ .v-btn--stacked .v-btn__append,
19260
+ .v-btn--stacked .v-btn__content > .v-icon--start,
19261
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19262
+ margin-inline: 0;
19198
19263
  }
19199
- .v-card--density-compact .v-card-title {
19200
- line-height: 1.55rem;
19264
+ .v-btn--stacked .v-btn__prepend,
19265
+ .v-btn--stacked .v-btn__content > .v-icon--start {
19266
+ margin-bottom: 4px;
19201
19267
  }
19202
- .v-card-item .v-card-title {
19203
- padding: 0;
19268
+ .v-btn--stacked .v-btn__append,
19269
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19270
+ margin-top: 4px;
19204
19271
  }
19205
- .v-card-title + .v-card-text,
19206
- .v-card-title + .v-card-actions {
19207
- padding-top: 0;
19272
+ .v-btn--stacked.v-btn--size-x-small {
19273
+ --v-btn-size: 0.625rem;
19274
+ --v-btn-height: 56px;
19275
+ font-size: var(--v-btn-size);
19276
+ min-width: 56px;
19277
+ padding: 0 12px;
19208
19278
  }
19209
19279
 
19210
- .v-card-subtitle {
19211
- display: block;
19212
- flex: none;
19213
- font-size: 0.875rem;
19214
- font-weight: 400;
19215
- letter-spacing: 0.0178571429em;
19216
- opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19217
- overflow: hidden;
19218
- padding: 0 1rem;
19219
- text-overflow: ellipsis;
19220
- text-transform: none;
19221
- white-space: nowrap;
19280
+ .v-btn--stacked.v-btn--size-small {
19281
+ --v-btn-size: 0.75rem;
19282
+ --v-btn-height: 64px;
19283
+ font-size: var(--v-btn-size);
19284
+ min-width: 64px;
19285
+ padding: 0 14px;
19222
19286
  }
19223
- .v-card .v-card-subtitle {
19224
- line-height: 1.425;
19287
+
19288
+ .v-btn--stacked.v-btn--size-default {
19289
+ --v-btn-size: 0.875rem;
19290
+ --v-btn-height: 72px;
19291
+ font-size: var(--v-btn-size);
19292
+ min-width: 72px;
19293
+ padding: 0 16px;
19225
19294
  }
19226
- .v-card--density-comfortable .v-card-subtitle {
19227
- line-height: 1.125rem;
19295
+
19296
+ .v-btn--stacked.v-btn--size-large {
19297
+ --v-btn-size: 1rem;
19298
+ --v-btn-height: 80px;
19299
+ font-size: var(--v-btn-size);
19300
+ min-width: 80px;
19301
+ padding: 0 18px;
19228
19302
  }
19229
- .v-card--density-compact .v-card-subtitle {
19230
- line-height: 1rem;
19303
+
19304
+ .v-btn--stacked.v-btn--size-x-large {
19305
+ --v-btn-size: 1.125rem;
19306
+ --v-btn-height: 88px;
19307
+ font-size: var(--v-btn-size);
19308
+ min-width: 88px;
19309
+ padding: 0 20px;
19231
19310
  }
19232
- .v-card-item .v-card-subtitle {
19233
- padding: 0 0 0.25rem;
19311
+
19312
+ .v-btn--stacked.v-btn--density-default {
19313
+ height: calc(var(--v-btn-height) + 0px);
19234
19314
  }
19235
19315
 
19236
- .v-card-text {
19237
- flex: 1 1 auto;
19238
- font-size: 0.875rem;
19239
- font-weight: 400;
19240
- letter-spacing: 0.0178571429em;
19241
- opacity: var(--v-card-text-opacity, 1);
19242
- padding: 1rem;
19243
- text-transform: none;
19316
+ .v-btn--stacked.v-btn--density-comfortable {
19317
+ height: calc(var(--v-btn-height) + -16px);
19244
19318
  }
19245
- .v-card .v-card-text {
19246
- line-height: 1.425;
19319
+
19320
+ .v-btn--stacked.v-btn--density-compact {
19321
+ height: calc(var(--v-btn-height) + -24px);
19247
19322
  }
19248
- .v-card--density-comfortable .v-card-text {
19249
- line-height: 1.2rem;
19323
+
19324
+ .v-btn--slim {
19325
+ padding: 0 8px;
19250
19326
  }
19251
- .v-card--density-compact .v-card-text {
19252
- line-height: 1.15rem;
19327
+ .v-btn--readonly {
19328
+ pointer-events: none;
19329
+ }
19330
+ .v-btn--rounded {
19331
+ border-radius: 24px;
19332
+ }
19333
+ .v-btn--rounded.v-btn--icon {
19334
+ border-radius: 4px;
19335
+ }
19336
+ .v-btn .v-icon {
19337
+ --v-icon-size-multiplier: 0.8571428571;
19338
+ }
19339
+ .v-btn--icon .v-icon {
19340
+ --v-icon-size-multiplier: 1;
19341
+ }
19342
+ .v-btn--stacked .v-icon {
19343
+ --v-icon-size-multiplier: 1.1428571429;
19253
19344
  }
19254
19345
 
19255
- .v-card__image {
19346
+ .v-btn__loader {
19347
+ align-items: center;
19256
19348
  display: flex;
19257
19349
  height: 100%;
19258
- flex: 1 1 auto;
19350
+ justify-content: center;
19259
19351
  left: 0;
19260
- overflow: hidden;
19261
19352
  position: absolute;
19262
19353
  top: 0;
19263
19354
  width: 100%;
19264
- z-index: -1;
19355
+ }
19356
+ .v-btn__loader > .v-progress-circular {
19357
+ width: 1.5em;
19358
+ height: 1.5em;
19265
19359
  }
19266
19360
 
19267
- .v-card__content {
19268
- border-radius: inherit;
19269
- overflow: hidden;
19270
- position: relative;
19361
+ .v-btn__content,
19362
+ .v-btn__prepend,
19363
+ .v-btn__append {
19364
+ align-items: center;
19365
+ display: flex;
19366
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19271
19367
  }
19272
19368
 
19273
- .v-card__loader {
19274
- bottom: auto;
19275
- top: 0;
19276
- left: 0;
19277
- position: absolute;
19278
- right: 0;
19279
- width: 100%;
19280
- z-index: 1;
19369
+ .v-btn__prepend {
19370
+ grid-area: prepend;
19371
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19372
+ }
19373
+ .v-btn--slim .v-btn__prepend {
19374
+ margin-inline-start: 0;
19281
19375
  }
19282
19376
 
19283
- .v-card__overlay {
19377
+ .v-btn__append {
19378
+ grid-area: append;
19379
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19380
+ }
19381
+ .v-btn--slim .v-btn__append {
19382
+ margin-inline-end: 0;
19383
+ }
19384
+
19385
+ .v-btn__content {
19386
+ grid-area: content;
19387
+ justify-content: center;
19388
+ white-space: nowrap;
19389
+ }
19390
+ .v-btn__content > .v-icon--start {
19391
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19392
+ }
19393
+ .v-btn__content > .v-icon--end {
19394
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19395
+ }
19396
+ .v-btn--stacked .v-btn__content {
19397
+ white-space: normal;
19398
+ }
19399
+
19400
+ .v-btn__overlay {
19284
19401
  background-color: currentColor;
19285
19402
  border-radius: inherit;
19403
+ opacity: 0;
19404
+ transition: opacity 0.2s ease-in-out;
19405
+ }
19406
+
19407
+ .v-btn__overlay,
19408
+ .v-btn__underlay {
19286
19409
  position: absolute;
19287
19410
  top: 0;
19288
- right: 0;
19289
- bottom: 0;
19290
19411
  left: 0;
19412
+ width: 100%;
19413
+ height: 100%;
19291
19414
  pointer-events: none;
19292
- opacity: 0;
19293
- transition: opacity 0.2s ease-in-out;
19294
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19295
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19296
- }
19297
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19298
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19299
19415
  }
19300
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19301
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19416
+
19417
+ .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
19418
+ margin-inline-start: 0.5rem;
19302
19419
  }
19303
- @supports not selector(:focus-visible) {
19304
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19305
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19306
- }
19307
- }.v-btn {
19308
- align-items: center;
19420
+
19421
+ .v-pagination .v-btn {
19309
19422
  border-radius: 4px;
19310
- display: inline-grid;
19311
- grid-template-areas: "prepend content append";
19312
- grid-template-columns: max-content auto max-content;
19313
- font-weight: 500;
19314
- justify-content: center;
19315
- letter-spacing: 0.0892857143em;
19316
- line-height: normal;
19317
- max-width: 100%;
19318
- outline: none;
19319
- position: relative;
19320
- text-decoration: none;
19321
- text-indent: 0.0892857143em;
19322
- text-transform: uppercase;
19323
- transition-property: box-shadow, transform, opacity, background;
19324
- transition-duration: 0.28s;
19325
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19326
- -webkit-user-select: none;
19327
- user-select: none;
19328
- vertical-align: middle;
19329
- flex-shrink: 0;
19330
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19331
- border-style: solid;
19332
- border-width: 0;
19333
19423
  }
19334
- .v-btn--size-x-small {
19335
- --v-btn-size: 0.625rem;
19336
- --v-btn-height: 20px;
19337
- font-size: var(--v-btn-size);
19338
- min-width: 36px;
19339
- padding: 0 8px;
19424
+ .v-pagination .v-btn--rounded {
19425
+ border-radius: 50%;
19340
19426
  }
19341
-
19342
- .v-btn--size-small {
19343
- --v-btn-size: 0.75rem;
19344
- --v-btn-height: 28px;
19345
- font-size: var(--v-btn-size);
19346
- min-width: 50px;
19347
- padding: 0 12px;
19427
+ .v-btn__overlay {
19428
+ transition: none;
19348
19429
  }
19349
-
19350
- .v-btn--size-default {
19351
- --v-btn-size: 0.875rem;
19352
- --v-btn-height: 36px;
19353
- font-size: var(--v-btn-size);
19354
- min-width: 64px;
19355
- padding: 0 16px;
19430
+ .v-pagination__item--is-active .v-btn__overlay {
19431
+ opacity: var(--v-border-opacity);
19432
+ }.v-breadcrumbs {
19433
+ display: flex;
19434
+ align-items: center;
19435
+ line-height: 1.6;
19436
+ padding: 16px 12px;
19356
19437
  }
19357
-
19358
- .v-btn--size-large {
19359
- --v-btn-size: 1rem;
19360
- --v-btn-height: 44px;
19361
- font-size: var(--v-btn-size);
19362
- min-width: 78px;
19363
- padding: 0 20px;
19438
+ .v-breadcrumbs--rounded {
19439
+ border-radius: 4px;
19440
+ }
19441
+ .v-breadcrumbs--density-default {
19442
+ padding-top: 16px;
19443
+ padding-bottom: 16px;
19364
19444
  }
19365
19445
 
19366
- .v-btn--size-x-large {
19367
- --v-btn-size: 1.125rem;
19368
- --v-btn-height: 52px;
19369
- font-size: var(--v-btn-size);
19370
- min-width: 92px;
19371
- padding: 0 24px;
19446
+ .v-breadcrumbs--density-comfortable {
19447
+ padding-top: 12px;
19448
+ padding-bottom: 12px;
19372
19449
  }
19373
19450
 
19374
- .v-btn.v-btn--density-default {
19375
- height: calc(var(--v-btn-height) + 0px);
19451
+ .v-breadcrumbs--density-compact {
19452
+ padding-top: 8px;
19453
+ padding-bottom: 8px;
19376
19454
  }
19377
19455
 
19378
- .v-btn.v-btn--density-comfortable {
19379
- height: calc(var(--v-btn-height) + -8px);
19456
+ .v-breadcrumbs__prepend {
19457
+ align-items: center;
19458
+ display: inline-flex;
19380
19459
  }
19381
19460
 
19382
- .v-btn.v-btn--density-compact {
19383
- height: calc(var(--v-btn-height) + -12px);
19461
+ .v-breadcrumbs-item {
19462
+ align-items: center;
19463
+ color: inherit;
19464
+ display: inline-flex;
19465
+ padding: 0 4px;
19466
+ text-decoration: none;
19467
+ vertical-align: middle;
19468
+ }
19469
+ .v-breadcrumbs-item--disabled {
19470
+ opacity: var(--v-disabled-opacity);
19471
+ pointer-events: none;
19472
+ }
19473
+ .v-breadcrumbs-item--link {
19474
+ color: inherit;
19475
+ text-decoration: none;
19476
+ }
19477
+ .v-breadcrumbs-item--link:hover {
19478
+ text-decoration: underline;
19479
+ }
19480
+ .v-breadcrumbs-item .v-icon {
19481
+ font-size: 1rem;
19482
+ margin-inline: -4px 2px;
19384
19483
  }
19385
19484
 
19386
- .v-btn--border {
19485
+ .v-breadcrumbs-divider {
19486
+ display: inline-block;
19487
+ padding: 0 8px;
19488
+ vertical-align: middle;
19489
+ }.v-card {
19490
+ display: block;
19491
+ overflow: hidden;
19492
+ overflow-wrap: break-word;
19493
+ position: relative;
19494
+ padding: 0;
19495
+ text-decoration: none;
19496
+ transition-duration: 0.28s;
19497
+ transition-property: box-shadow, opacity, background;
19498
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19499
+ z-index: 0;
19500
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19501
+ border-style: solid;
19502
+ border-width: 0;
19503
+ border-radius: 4px;
19504
+ }
19505
+ .v-card--border {
19387
19506
  border-width: thin;
19388
19507
  box-shadow: none;
19389
19508
  }
19390
- .v-btn--absolute {
19509
+ .v-card--absolute {
19391
19510
  position: absolute;
19392
19511
  }
19393
- .v-btn--fixed {
19512
+ .v-card--fixed {
19394
19513
  position: fixed;
19395
19514
  }
19396
- .v-btn:hover > .v-btn__overlay {
19515
+ .v-card:hover > .v-card__overlay {
19397
19516
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19398
19517
  }
19399
- .v-btn:focus-visible > .v-btn__overlay {
19518
+ .v-card:focus-visible > .v-card__overlay {
19400
19519
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19401
19520
  }
19402
19521
  @supports not selector(:focus-visible) {
19403
- .v-btn:focus > .v-btn__overlay {
19522
+ .v-card:focus > .v-card__overlay {
19404
19523
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19405
19524
  }
19406
19525
  }
19407
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
19526
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19408
19527
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19409
19528
  }
19410
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
19529
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19411
19530
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19412
19531
  }
19413
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
19532
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19414
19533
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19415
19534
  }
19416
19535
  @supports not selector(:focus-visible) {
19417
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
19536
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19418
19537
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19419
19538
  }
19420
19539
  }
19421
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
19540
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19422
19541
  background: transparent;
19423
19542
  color: inherit;
19424
19543
  }
19425
- .v-btn--variant-plain {
19544
+ .v-card--variant-plain {
19426
19545
  opacity: 0.62;
19427
19546
  }
19428
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
19547
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19429
19548
  opacity: 1;
19430
19549
  }
19431
- .v-btn--variant-plain .v-btn__overlay {
19550
+ .v-card--variant-plain .v-card__overlay {
19432
19551
  display: none;
19433
19552
  }
19434
- .v-btn--variant-elevated, .v-btn--variant-flat {
19553
+ .v-card--variant-elevated, .v-card--variant-flat {
19435
19554
  background: rgb(var(--v-theme-surface));
19436
19555
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19437
19556
  }
19438
- .v-btn--variant-elevated {
19439
- 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));
19557
+ .v-card--variant-elevated {
19558
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19440
19559
  }
19441
- .v-btn--variant-flat {
19560
+ .v-card--variant-flat {
19442
19561
  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));
19443
19562
  }
19444
- .v-btn--variant-outlined {
19563
+ .v-card--variant-outlined {
19445
19564
  border: thin solid currentColor;
19446
19565
  }
19447
- .v-btn--variant-text .v-btn__overlay {
19566
+ .v-card--variant-text .v-card__overlay {
19448
19567
  background: currentColor;
19449
19568
  }
19450
- .v-btn--variant-tonal .v-btn__underlay {
19569
+ .v-card--variant-tonal .v-card__underlay {
19451
19570
  background: currentColor;
19452
19571
  opacity: var(--v-activated-opacity);
19453
19572
  border-radius: inherit;
@@ -19457,276 +19576,215 @@ html.overflow-y-hidden {
19457
19576
  left: 0;
19458
19577
  pointer-events: none;
19459
19578
  }
19460
- .v-btn .v-btn__underlay {
19579
+ .v-card .v-card__underlay {
19461
19580
  position: absolute;
19462
19581
  }
19463
- @supports selector(:focus-visible) {
19464
- .v-btn::after {
19465
- content: "";
19466
- position: absolute;
19467
- top: 0;
19468
- left: 0;
19469
- width: 100%;
19470
- height: 100%;
19471
- pointer-events: none;
19472
- border: 2px solid currentColor;
19473
- border-radius: inherit;
19474
- opacity: 0;
19475
- transition: opacity 0.2s ease-in-out;
19476
- }
19477
- .v-btn:focus-visible::after {
19478
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
19479
- }
19480
- }
19481
- .v-btn--icon {
19482
- border-radius: 50%;
19483
- min-width: 0;
19484
- padding: 0;
19485
- }
19486
- .v-btn--icon.v-btn--size-default {
19487
- --v-btn-size: 1rem;
19488
- }
19489
- .v-btn--icon.v-btn--density-default {
19490
- width: calc(var(--v-btn-height) + 12px);
19491
- height: calc(var(--v-btn-height) + 12px);
19492
- }
19493
- .v-btn--icon.v-btn--density-comfortable {
19494
- width: calc(var(--v-btn-height) + 0px);
19495
- height: calc(var(--v-btn-height) + 0px);
19496
- }
19497
- .v-btn--icon.v-btn--density-compact {
19498
- width: calc(var(--v-btn-height) + -8px);
19499
- height: calc(var(--v-btn-height) + -8px);
19500
- }
19501
-
19502
- .v-btn--elevated:hover, .v-btn--elevated:focus {
19503
- 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));
19582
+ .v-card--disabled {
19583
+ pointer-events: none;
19584
+ -webkit-user-select: none;
19585
+ user-select: none;
19504
19586
  }
19505
- .v-btn--elevated:active {
19506
- 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));
19587
+ .v-card--disabled > :not(.v-card__loader) {
19588
+ opacity: 0.6;
19507
19589
  }
19508
- .v-btn--flat {
19590
+ .v-card--flat {
19509
19591
  box-shadow: none;
19510
19592
  }
19511
- .v-btn--block {
19512
- display: flex;
19513
- flex: 1 0 auto;
19514
- min-width: 100%;
19593
+ .v-card--hover {
19594
+ cursor: pointer;
19515
19595
  }
19516
- .v-btn--disabled {
19596
+ .v-card--hover::before, .v-card--hover::after {
19597
+ border-radius: inherit;
19598
+ bottom: 0;
19599
+ content: "";
19600
+ display: block;
19601
+ left: 0;
19517
19602
  pointer-events: none;
19518
- opacity: 0.26;
19519
- }
19520
- .v-btn--disabled:hover {
19521
- opacity: 0.26;
19603
+ position: absolute;
19604
+ right: 0;
19605
+ top: 0;
19606
+ transition: inherit;
19522
19607
  }
19523
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19524
- box-shadow: none;
19608
+ .v-card--hover::before {
19525
19609
  opacity: 1;
19526
- color: rgba(var(--v-theme-on-surface), 0.26);
19527
- background: rgb(var(--v-theme-surface));
19528
- }
19529
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
19530
- opacity: 0.4615384615;
19531
- }
19532
- .v-btn--loading {
19533
- pointer-events: none;
19610
+ z-index: -1;
19611
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19534
19612
  }
19535
- .v-btn--loading .v-btn__content,
19536
- .v-btn--loading .v-btn__prepend,
19537
- .v-btn--loading .v-btn__append {
19613
+ .v-card--hover::after {
19614
+ z-index: 1;
19538
19615
  opacity: 0;
19616
+ 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));
19539
19617
  }
19540
- .v-btn--stacked {
19541
- grid-template-areas: "prepend" "content" "append";
19542
- grid-template-columns: auto;
19543
- grid-template-rows: max-content max-content max-content;
19544
- justify-items: center;
19545
- align-content: center;
19546
- }
19547
- .v-btn--stacked .v-btn__content {
19548
- flex-direction: column;
19549
- line-height: 1.25;
19550
- }
19551
- .v-btn--stacked .v-btn__prepend,
19552
- .v-btn--stacked .v-btn__append,
19553
- .v-btn--stacked .v-btn__content > .v-icon--start,
19554
- .v-btn--stacked .v-btn__content > .v-icon--end {
19555
- margin-inline: 0;
19618
+ .v-card--hover:hover::after {
19619
+ opacity: 1;
19556
19620
  }
19557
- .v-btn--stacked .v-btn__prepend,
19558
- .v-btn--stacked .v-btn__content > .v-icon--start {
19559
- margin-bottom: 4px;
19621
+ .v-card--hover:hover::before {
19622
+ opacity: 0;
19560
19623
  }
19561
- .v-btn--stacked .v-btn__append,
19562
- .v-btn--stacked .v-btn__content > .v-icon--end {
19563
- margin-top: 4px;
19624
+ .v-card--hover:hover {
19625
+ 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));
19564
19626
  }
19565
- .v-btn--stacked.v-btn--size-x-small {
19566
- --v-btn-size: 0.625rem;
19567
- --v-btn-height: 56px;
19568
- font-size: var(--v-btn-size);
19569
- min-width: 56px;
19570
- padding: 0 12px;
19627
+ .v-card--link {
19628
+ cursor: pointer;
19571
19629
  }
19572
19630
 
19573
- .v-btn--stacked.v-btn--size-small {
19574
- --v-btn-size: 0.75rem;
19575
- --v-btn-height: 64px;
19576
- font-size: var(--v-btn-size);
19577
- min-width: 64px;
19578
- padding: 0 14px;
19631
+ .v-card-actions {
19632
+ align-items: center;
19633
+ display: flex;
19634
+ flex: none;
19635
+ min-height: 52px;
19636
+ padding: 0.5rem;
19579
19637
  }
19580
19638
 
19581
- .v-btn--stacked.v-btn--size-default {
19582
- --v-btn-size: 0.875rem;
19583
- --v-btn-height: 72px;
19584
- font-size: var(--v-btn-size);
19585
- min-width: 72px;
19586
- padding: 0 16px;
19639
+ .v-card-item {
19640
+ align-items: center;
19641
+ display: grid;
19642
+ flex: none;
19643
+ grid-template-areas: "prepend content append";
19644
+ grid-template-columns: max-content auto max-content;
19645
+ padding: 0.625rem 1rem;
19587
19646
  }
19588
-
19589
- .v-btn--stacked.v-btn--size-large {
19590
- --v-btn-size: 1rem;
19591
- --v-btn-height: 80px;
19592
- font-size: var(--v-btn-size);
19593
- min-width: 80px;
19594
- padding: 0 18px;
19647
+ .v-card-item + .v-card-text {
19648
+ padding-top: 0;
19595
19649
  }
19596
-
19597
- .v-btn--stacked.v-btn--size-x-large {
19598
- --v-btn-size: 1.125rem;
19599
- --v-btn-height: 88px;
19600
- font-size: var(--v-btn-size);
19601
- min-width: 88px;
19602
- padding: 0 20px;
19650
+ .v-card-item__prepend, .v-card-item__append {
19651
+ align-items: center;
19652
+ display: flex;
19603
19653
  }
19604
-
19605
- .v-btn--stacked.v-btn--density-default {
19606
- height: calc(var(--v-btn-height) + 0px);
19654
+ .v-card-item__prepend {
19655
+ grid-area: prepend;
19656
+ padding-inline-end: 0.5rem;
19607
19657
  }
19608
-
19609
- .v-btn--stacked.v-btn--density-comfortable {
19610
- height: calc(var(--v-btn-height) + -16px);
19658
+ .v-card-item__append {
19659
+ grid-area: append;
19660
+ padding-inline-start: 0.5rem;
19611
19661
  }
19612
19662
 
19613
- .v-btn--stacked.v-btn--density-compact {
19614
- height: calc(var(--v-btn-height) + -24px);
19663
+ .v-card-item__content {
19664
+ align-self: center;
19665
+ grid-area: content;
19666
+ overflow: hidden;
19615
19667
  }
19616
19668
 
19617
- .v-btn--slim {
19618
- padding: 0 8px;
19619
- }
19620
- .v-btn--readonly {
19621
- pointer-events: none;
19622
- }
19623
- .v-btn--rounded {
19624
- border-radius: 24px;
19625
- }
19626
- .v-btn--rounded.v-btn--icon {
19627
- border-radius: 4px;
19669
+ .v-card-title {
19670
+ display: block;
19671
+ flex: none;
19672
+ font-size: 1.25rem;
19673
+ font-weight: 500;
19674
+ -webkit-hyphens: auto;
19675
+ hyphens: auto;
19676
+ letter-spacing: 0.0125em;
19677
+ min-width: 0;
19678
+ overflow-wrap: normal;
19679
+ overflow: hidden;
19680
+ padding: 0.5rem 1rem;
19681
+ text-overflow: ellipsis;
19682
+ text-transform: none;
19683
+ white-space: nowrap;
19684
+ word-break: normal;
19685
+ word-wrap: break-word;
19628
19686
  }
19629
- .v-btn .v-icon {
19630
- --v-icon-size-multiplier: 0.8571428571;
19687
+ .v-card .v-card-title {
19688
+ line-height: 1.6;
19631
19689
  }
19632
- .v-btn--icon .v-icon {
19633
- --v-icon-size-multiplier: 1;
19690
+ .v-card--density-comfortable .v-card-title {
19691
+ line-height: 1.75rem;
19634
19692
  }
19635
- .v-btn--stacked .v-icon {
19636
- --v-icon-size-multiplier: 1.1428571429;
19693
+ .v-card--density-compact .v-card-title {
19694
+ line-height: 1.55rem;
19637
19695
  }
19638
-
19639
- .v-btn__loader {
19640
- align-items: center;
19641
- display: flex;
19642
- height: 100%;
19643
- justify-content: center;
19644
- left: 0;
19645
- position: absolute;
19646
- top: 0;
19647
- width: 100%;
19696
+ .v-card-item .v-card-title {
19697
+ padding: 0;
19648
19698
  }
19649
- .v-btn__loader > .v-progress-circular {
19650
- width: 1.5em;
19651
- height: 1.5em;
19699
+ .v-card-title + .v-card-text,
19700
+ .v-card-title + .v-card-actions {
19701
+ padding-top: 0;
19652
19702
  }
19653
19703
 
19654
- .v-btn__content,
19655
- .v-btn__prepend,
19656
- .v-btn__append {
19657
- align-items: center;
19658
- display: flex;
19659
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19704
+ .v-card-subtitle {
19705
+ display: block;
19706
+ flex: none;
19707
+ font-size: 0.875rem;
19708
+ font-weight: 400;
19709
+ letter-spacing: 0.0178571429em;
19710
+ opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19711
+ overflow: hidden;
19712
+ padding: 0 1rem;
19713
+ text-overflow: ellipsis;
19714
+ text-transform: none;
19715
+ white-space: nowrap;
19660
19716
  }
19661
-
19662
- .v-btn__prepend {
19663
- grid-area: prepend;
19664
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19717
+ .v-card .v-card-subtitle {
19718
+ line-height: 1.425;
19665
19719
  }
19666
- .v-btn--slim .v-btn__prepend {
19667
- margin-inline-start: 0;
19720
+ .v-card--density-comfortable .v-card-subtitle {
19721
+ line-height: 1.125rem;
19668
19722
  }
19669
-
19670
- .v-btn__append {
19671
- grid-area: append;
19672
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19723
+ .v-card--density-compact .v-card-subtitle {
19724
+ line-height: 1rem;
19673
19725
  }
19674
- .v-btn--slim .v-btn__append {
19675
- margin-inline-end: 0;
19726
+ .v-card-item .v-card-subtitle {
19727
+ padding: 0 0 0.25rem;
19676
19728
  }
19677
19729
 
19678
- .v-btn__content {
19679
- grid-area: content;
19680
- justify-content: center;
19681
- white-space: nowrap;
19682
- }
19683
- .v-btn__content > .v-icon--start {
19684
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19730
+ .v-card-text {
19731
+ flex: 1 1 auto;
19732
+ font-size: 0.875rem;
19733
+ font-weight: 400;
19734
+ letter-spacing: 0.0178571429em;
19735
+ opacity: var(--v-card-text-opacity, 1);
19736
+ padding: 1rem;
19737
+ text-transform: none;
19685
19738
  }
19686
- .v-btn__content > .v-icon--end {
19687
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19739
+ .v-card .v-card-text {
19740
+ line-height: 1.425;
19688
19741
  }
19689
- .v-btn--stacked .v-btn__content {
19690
- white-space: normal;
19742
+ .v-card--density-comfortable .v-card-text {
19743
+ line-height: 1.2rem;
19691
19744
  }
19692
-
19693
- .v-btn__overlay {
19694
- background-color: currentColor;
19695
- border-radius: inherit;
19696
- opacity: 0;
19697
- transition: opacity 0.2s ease-in-out;
19745
+ .v-card--density-compact .v-card-text {
19746
+ line-height: 1.15rem;
19698
19747
  }
19699
19748
 
19700
- .v-btn__overlay,
19701
- .v-btn__underlay {
19749
+ .v-card__image {
19750
+ display: flex;
19751
+ height: 100%;
19752
+ flex: 1 1 auto;
19753
+ left: 0;
19754
+ overflow: hidden;
19702
19755
  position: absolute;
19703
19756
  top: 0;
19704
- left: 0;
19705
19757
  width: 100%;
19706
- height: 100%;
19707
- pointer-events: none;
19758
+ z-index: -1;
19708
19759
  }
19709
19760
 
19710
- .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
19711
- margin-inline-start: 0.5rem;
19761
+ .v-card__content {
19762
+ border-radius: inherit;
19763
+ overflow: hidden;
19764
+ position: relative;
19712
19765
  }
19713
19766
 
19714
- .v-pagination .v-btn {
19715
- border-radius: 4px;
19716
- }
19717
- .v-pagination .v-btn--rounded {
19718
- border-radius: 50%;
19719
- }
19720
- .v-btn__overlay {
19721
- transition: none;
19722
- }
19723
- .v-pagination__item--is-active .v-btn__overlay {
19724
- opacity: var(--v-border-opacity);
19725
- }.v-checkbox.v-input {
19726
- flex: 0 1 auto;
19767
+ .v-card__loader {
19768
+ bottom: auto;
19769
+ top: 0;
19770
+ left: 0;
19771
+ position: absolute;
19772
+ right: 0;
19773
+ width: 100%;
19774
+ z-index: 1;
19727
19775
  }
19728
- .v-checkbox .v-selection-control {
19729
- min-height: var(--v-input-control-height);
19776
+
19777
+ .v-card__overlay {
19778
+ background-color: currentColor;
19779
+ border-radius: inherit;
19780
+ position: absolute;
19781
+ top: 0;
19782
+ right: 0;
19783
+ bottom: 0;
19784
+ left: 0;
19785
+ pointer-events: none;
19786
+ opacity: 0;
19787
+ transition: opacity 0.2s ease-in-out;
19730
19788
  }.v-btn-group {
19731
19789
  display: inline-flex;
19732
19790
  flex-wrap: nowrap;
@@ -19783,6 +19841,24 @@ html.overflow-y-hidden {
19783
19841
  }
19784
19842
  .v-btn-group--tile {
19785
19843
  border-radius: 0;
19844
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19845
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19846
+ }
19847
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19848
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19849
+ }
19850
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19851
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19852
+ }
19853
+ @supports not selector(:focus-visible) {
19854
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19855
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19856
+ }
19857
+ }.v-checkbox.v-input {
19858
+ flex: 0 1 auto;
19859
+ }
19860
+ .v-checkbox .v-selection-control {
19861
+ min-height: var(--v-input-control-height);
19786
19862
  }.v-carousel {
19787
19863
  overflow: hidden;
19788
19864
  position: relative;
@@ -21014,257 +21090,46 @@ html.overflow-y-hidden {
21014
21090
  .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21015
21091
  .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21016
21092
  .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21017
- top: 0px;
21018
- }
21019
- .v-combobox--selecting-index .v-combobox__selection {
21020
- opacity: var(--v-medium-emphasis-opacity);
21021
- }
21022
- .v-combobox--selecting-index .v-combobox__selection--selected {
21023
- opacity: 1;
21024
- }
21025
- .v-combobox--selecting-index .v-field__input > input {
21026
- caret-color: transparent;
21027
- }
21028
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
21029
- flex: 1 1;
21030
- position: absolute;
21031
- left: 0;
21032
- right: 0;
21033
- width: 100%;
21034
- padding-inline: inherit;
21035
- }
21036
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
21037
- transition: none;
21038
- }
21039
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
21040
- opacity: 0;
21041
- }
21042
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
21043
- opacity: 0;
21044
- }
21045
- .v-combobox__menu-icon {
21046
- margin-inline-start: 4px;
21047
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21048
- }
21049
- .v-combobox--active-menu .v-combobox__menu-icon {
21050
- opacity: var(--v-high-emphasis-opacity);
21051
- transform: rotate(180deg);
21052
- }.v-counter {
21053
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21054
- flex: 0 1 auto;
21055
- font-size: 12px;
21056
- transition-duration: 150ms;
21057
- }.v-date-picker {
21058
- overflow: hidden;
21059
- width: 328px;
21060
- }
21061
- .v-date-picker--show-week {
21062
- width: 368px;
21063
- }.v-date-picker-controls {
21064
- display: flex;
21065
- align-items: center;
21066
- justify-content: space-between;
21067
- font-size: 0.875rem;
21068
- padding-top: 4px;
21069
- padding-bottom: 4px;
21070
- padding-inline-start: 6px;
21071
- padding-inline-end: 12px;
21072
- }
21073
- .v-date-picker-controls > .v-btn:first-child {
21074
- text-transform: none;
21075
- font-weight: 400;
21076
- line-height: initial;
21077
- letter-spacing: initial;
21078
- }
21079
- .v-date-picker-controls--variant-classic {
21080
- padding-inline-start: 12px;
21081
- }
21082
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21083
- opacity: 0.7;
21084
- }
21085
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
21086
- cursor: pointer;
21087
- }
21088
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
21089
- opacity: 1;
21090
- }
21091
- .v-date-picker-controls .v-btn:last-child {
21092
- margin-inline-start: 4px;
21093
- }
21094
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
21095
- transform: rotate(180deg);
21096
- }
21097
-
21098
- .v-date-picker-controls__date {
21099
- margin-inline-end: 4px;
21100
- }
21101
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
21102
- margin: auto;
21103
- text-align: center;
21104
- }
21105
-
21106
- .v-date-picker-controls__month {
21107
- display: flex;
21108
- }
21109
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
21110
- flex-direction: row-reverse;
21111
- }
21112
-
21113
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21114
- flex: 1 0 auto;
21115
- }
21116
-
21117
- .v-date-picker__title {
21118
- display: inline-block;
21119
- }.v-date-picker-month {
21120
- display: flex;
21121
- justify-content: center;
21122
- padding: 0 12px 8px;
21123
- --v-date-picker-month-day-diff: 4px;
21124
- }
21125
-
21126
- .v-date-picker-month__weeks {
21127
- display: grid;
21128
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21129
- column-gap: 4px;
21130
- font-size: 0.85rem;
21131
- }
21132
- .v-date-picker-month__weeks + .v-date-picker-month__days {
21133
- grid-row-gap: 0;
21134
- }
21135
-
21136
- .v-date-picker-month__weekday {
21137
- font-size: 0.85rem;
21138
- }
21139
-
21140
- .v-date-picker-month__days {
21141
- display: grid;
21142
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21143
- column-gap: 4px;
21144
- flex: 1 1;
21145
- justify-content: space-around;
21146
- }
21147
-
21148
- .v-date-picker-month__day {
21149
- align-items: center;
21150
- display: flex;
21151
- justify-content: center;
21152
- position: relative;
21153
- height: 40px;
21154
- width: 40px;
21155
- }
21156
- .v-date-picker-month__day--selected .v-btn {
21157
- background-color: rgb(var(--v-theme-surface-variant));
21158
- color: rgb(var(--v-theme-on-surface-variant));
21159
- }
21160
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21161
- --v-btn-height: 24px;
21162
- --v-btn-size: 0.85rem;
21163
- }
21164
- .v-date-picker-month__day--week {
21165
- font-size: var(--v-btn-size);
21166
- }
21167
-
21168
- .v-date-picker-month__day--adjacent {
21169
- opacity: 0.5;
21170
- }
21171
-
21172
- .v-date-picker-month__day--hide-adjacent {
21173
- opacity: 0;
21174
- }.v-date-picker-header {
21175
- align-items: flex-end;
21176
- height: 70px;
21177
- display: grid;
21178
- grid-template-areas: "prepend content append";
21179
- grid-template-columns: min-content minmax(0, 1fr) min-content;
21180
- overflow: hidden;
21181
- padding-inline: 24px 12px;
21182
- padding-bottom: 12px;
21183
- }
21184
-
21185
- .v-date-picker-header__append {
21186
- grid-area: append;
21187
- }
21188
-
21189
- .v-date-picker-header__prepend {
21190
- grid-area: prepend;
21191
- padding-inline-start: 8px;
21192
- }
21193
-
21194
- .v-date-picker-header__content {
21195
- align-items: center;
21196
- display: inline-flex;
21197
- font-size: 32px;
21198
- line-height: 40px;
21199
- grid-area: content;
21200
- justify-content: space-between;
21093
+ top: 0px;
21201
21094
  }
21202
- .v-date-picker-header--clickable .v-date-picker-header__content {
21203
- cursor: pointer;
21095
+ .v-combobox--selecting-index .v-combobox__selection {
21096
+ opacity: var(--v-medium-emphasis-opacity);
21204
21097
  }
21205
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
21206
- opacity: 0.7;
21098
+ .v-combobox--selecting-index .v-combobox__selection--selected {
21099
+ opacity: 1;
21207
21100
  }
21208
-
21209
- .date-picker-header-transition-enter-active,
21210
- .date-picker-header-reverse-transition-enter-active {
21211
- transition-duration: 0.3s;
21212
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21101
+ .v-combobox--selecting-index .v-field__input > input {
21102
+ caret-color: transparent;
21213
21103
  }
21214
- .date-picker-header-transition-leave-active,
21215
- .date-picker-header-reverse-transition-leave-active {
21216
- transition-duration: 0.3s;
21217
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21104
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
21105
+ flex: 1 1;
21106
+ position: absolute;
21107
+ left: 0;
21108
+ right: 0;
21109
+ width: 100%;
21110
+ padding-inline: inherit;
21218
21111
  }
21219
-
21220
- .date-picker-header-transition-enter-from {
21221
- transform: translate(0, 100%);
21112
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
21113
+ transition: none;
21222
21114
  }
21223
- .date-picker-header-transition-leave-to {
21115
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
21224
21116
  opacity: 0;
21225
- transform: translate(0, -100%);
21226
- }
21227
-
21228
- .date-picker-header-reverse-transition-enter-from {
21229
- transform: translate(0, -100%);
21230
21117
  }
21231
- .date-picker-header-reverse-transition-leave-to {
21118
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
21232
21119
  opacity: 0;
21233
- transform: translate(0, 100%);
21234
- }.v-date-picker-months {
21235
- height: 288px;
21236
- }
21237
-
21238
- .v-date-picker-months__content {
21239
- align-items: center;
21240
- display: grid;
21241
- flex: 1 1;
21242
- height: inherit;
21243
- justify-content: space-around;
21244
- grid-template-columns: repeat(2, 1fr);
21245
- grid-gap: 0px 24px;
21246
- padding-inline-start: 36px;
21247
- padding-inline-end: 36px;
21248
- }
21249
- .v-date-picker-months__content .v-btn {
21250
- text-transform: none;
21251
- padding-inline-start: 8px;
21252
- padding-inline-end: 8px;
21253
- }.v-date-picker-years {
21254
- height: 288px;
21255
- overflow-y: scroll;
21256
21120
  }
21257
-
21258
- .v-date-picker-years__content {
21259
- display: grid;
21260
- flex: 1 1;
21261
- justify-content: space-around;
21262
- grid-template-columns: repeat(3, 1fr);
21263
- gap: 8px 24px;
21264
- padding-inline: 32px;
21121
+ .v-combobox__menu-icon {
21122
+ margin-inline-start: 4px;
21123
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21265
21124
  }
21266
- .v-date-picker-years__content .v-btn {
21267
- padding-inline: 8px;
21125
+ .v-combobox--active-menu .v-combobox__menu-icon {
21126
+ opacity: var(--v-high-emphasis-opacity);
21127
+ transform: rotate(180deg);
21128
+ }.v-counter {
21129
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21130
+ flex: 0 1 auto;
21131
+ font-size: 12px;
21132
+ transition-duration: 150ms;
21268
21133
  }.v-data-table {
21269
21134
  width: 100%;
21270
21135
  }
@@ -21575,56 +21440,217 @@ html.overflow-y-hidden {
21575
21440
  -webkit-backface-visibility: hidden;
21576
21441
  backface-visibility: hidden;
21577
21442
  overflow-y: auto;
21578
- }.v-divider {
21579
- display: block;
21580
- flex: 1 1 100%;
21581
- height: 0px;
21582
- max-height: 0px;
21583
- opacity: var(--v-border-opacity);
21584
- transition: inherit;
21585
- border-style: solid;
21586
- border-width: thin 0 0 0;
21443
+ }.v-date-picker {
21444
+ overflow: hidden;
21445
+ width: 328px;
21446
+ }
21447
+ .v-date-picker--show-week {
21448
+ width: 368px;
21449
+ }.v-date-picker-controls {
21450
+ display: flex;
21451
+ align-items: center;
21452
+ justify-content: space-between;
21453
+ font-size: 0.875rem;
21454
+ padding-top: 4px;
21455
+ padding-bottom: 4px;
21456
+ padding-inline-start: 6px;
21457
+ padding-inline-end: 12px;
21458
+ }
21459
+ .v-date-picker-controls > .v-btn:first-child {
21460
+ text-transform: none;
21461
+ font-weight: 400;
21462
+ line-height: initial;
21463
+ letter-spacing: initial;
21464
+ }
21465
+ .v-date-picker-controls--variant-classic {
21466
+ padding-inline-start: 12px;
21467
+ }
21468
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21469
+ opacity: 0.7;
21470
+ }
21471
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
21472
+ cursor: pointer;
21473
+ }
21474
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
21475
+ opacity: 1;
21476
+ }
21477
+ .v-date-picker-controls .v-btn:last-child {
21478
+ margin-inline-start: 4px;
21479
+ }
21480
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
21481
+ transform: rotate(180deg);
21482
+ }
21483
+
21484
+ .v-date-picker-controls__date {
21485
+ margin-inline-end: 4px;
21486
+ }
21487
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
21488
+ margin: auto;
21489
+ text-align: center;
21490
+ }
21491
+
21492
+ .v-date-picker-controls__month {
21493
+ display: flex;
21494
+ }
21495
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
21496
+ flex-direction: row-reverse;
21497
+ }
21498
+
21499
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21500
+ flex: 1 0 auto;
21501
+ }
21502
+
21503
+ .v-date-picker__title {
21504
+ display: inline-block;
21505
+ }.v-date-picker-month {
21506
+ display: flex;
21507
+ justify-content: center;
21508
+ padding: 0 12px 8px;
21509
+ --v-date-picker-month-day-diff: 4px;
21510
+ }
21511
+
21512
+ .v-date-picker-month__weeks {
21513
+ display: grid;
21514
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21515
+ column-gap: 4px;
21516
+ font-size: 0.85rem;
21517
+ }
21518
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
21519
+ grid-row-gap: 0;
21520
+ }
21521
+
21522
+ .v-date-picker-month__weekday {
21523
+ font-size: 0.85rem;
21524
+ }
21525
+
21526
+ .v-date-picker-month__days {
21527
+ display: grid;
21528
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21529
+ column-gap: 4px;
21530
+ flex: 1 1;
21531
+ justify-content: space-around;
21532
+ }
21533
+
21534
+ .v-date-picker-month__day {
21535
+ align-items: center;
21536
+ display: flex;
21537
+ justify-content: center;
21538
+ position: relative;
21539
+ height: 40px;
21540
+ width: 40px;
21541
+ }
21542
+ .v-date-picker-month__day--selected .v-btn {
21543
+ background-color: rgb(var(--v-theme-surface-variant));
21544
+ color: rgb(var(--v-theme-on-surface-variant));
21545
+ }
21546
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21547
+ --v-btn-height: 24px;
21548
+ --v-btn-size: 0.85rem;
21549
+ }
21550
+ .v-date-picker-month__day--week {
21551
+ font-size: var(--v-btn-size);
21552
+ }
21553
+
21554
+ .v-date-picker-month__day--adjacent {
21555
+ opacity: 0.5;
21556
+ }
21557
+
21558
+ .v-date-picker-month__day--hide-adjacent {
21559
+ opacity: 0;
21560
+ }.v-date-picker-header {
21561
+ align-items: flex-end;
21562
+ height: 70px;
21563
+ display: grid;
21564
+ grid-template-areas: "prepend content append";
21565
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
21566
+ overflow: hidden;
21567
+ padding-inline: 24px 12px;
21568
+ padding-bottom: 12px;
21569
+ }
21570
+
21571
+ .v-date-picker-header__append {
21572
+ grid-area: append;
21573
+ }
21574
+
21575
+ .v-date-picker-header__prepend {
21576
+ grid-area: prepend;
21577
+ padding-inline-start: 8px;
21578
+ }
21579
+
21580
+ .v-date-picker-header__content {
21581
+ align-items: center;
21582
+ display: inline-flex;
21583
+ font-size: 32px;
21584
+ line-height: 40px;
21585
+ grid-area: content;
21586
+ justify-content: space-between;
21587
+ }
21588
+ .v-date-picker-header--clickable .v-date-picker-header__content {
21589
+ cursor: pointer;
21590
+ }
21591
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
21592
+ opacity: 0.7;
21593
+ }
21594
+
21595
+ .date-picker-header-transition-enter-active,
21596
+ .date-picker-header-reverse-transition-enter-active {
21597
+ transition-duration: 0.3s;
21598
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21599
+ }
21600
+ .date-picker-header-transition-leave-active,
21601
+ .date-picker-header-reverse-transition-leave-active {
21602
+ transition-duration: 0.3s;
21603
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21604
+ }
21605
+
21606
+ .date-picker-header-transition-enter-from {
21607
+ transform: translate(0, 100%);
21587
21608
  }
21588
- .v-divider--vertical {
21589
- align-self: stretch;
21590
- border-width: 0 thin 0 0;
21591
- display: inline-flex;
21592
- height: auto;
21593
- margin-left: -1px;
21594
- max-height: 100%;
21595
- max-width: 0px;
21596
- vertical-align: text-bottom;
21597
- width: 0px;
21609
+ .date-picker-header-transition-leave-to {
21610
+ opacity: 0;
21611
+ transform: translate(0, -100%);
21598
21612
  }
21599
- .v-divider--inset:not(.v-divider--vertical) {
21600
- max-width: calc(100% - 72px);
21601
- margin-inline-start: 72px;
21613
+
21614
+ .date-picker-header-reverse-transition-enter-from {
21615
+ transform: translate(0, -100%);
21602
21616
  }
21603
- .v-divider--inset.v-divider--vertical {
21604
- margin-bottom: 8px;
21605
- margin-top: 8px;
21606
- max-height: calc(100% - 16px);
21617
+ .date-picker-header-reverse-transition-leave-to {
21618
+ opacity: 0;
21619
+ transform: translate(0, 100%);
21620
+ }.v-date-picker-years {
21621
+ height: 288px;
21622
+ overflow-y: scroll;
21607
21623
  }
21608
21624
 
21609
- .v-divider__content {
21610
- padding: 0 16px;
21611
- text-wrap: nowrap;
21625
+ .v-date-picker-years__content {
21626
+ display: grid;
21627
+ flex: 1 1;
21628
+ justify-content: space-around;
21629
+ grid-template-columns: repeat(3, 1fr);
21630
+ gap: 8px 24px;
21631
+ padding-inline: 32px;
21612
21632
  }
21613
- .v-divider__wrapper--vertical .v-divider__content {
21614
- padding: 4px 0;
21633
+ .v-date-picker-years__content .v-btn {
21634
+ padding-inline: 8px;
21635
+ }.v-date-picker-months {
21636
+ height: 288px;
21615
21637
  }
21616
21638
 
21617
- .v-divider__wrapper {
21618
- display: flex;
21639
+ .v-date-picker-months__content {
21619
21640
  align-items: center;
21620
- justify-content: center;
21621
- }
21622
- .v-divider__wrapper--vertical {
21623
- flex-direction: column;
21624
- height: 100%;
21641
+ display: grid;
21642
+ flex: 1 1;
21643
+ height: inherit;
21644
+ justify-content: space-around;
21645
+ grid-template-columns: repeat(2, 1fr);
21646
+ grid-gap: 0px 24px;
21647
+ padding-inline-start: 36px;
21648
+ padding-inline-end: 36px;
21625
21649
  }
21626
- .v-divider__wrapper--vertical .v-divider {
21627
- margin: 0 auto;
21650
+ .v-date-picker-months__content .v-btn {
21651
+ text-transform: none;
21652
+ padding-inline-start: 8px;
21653
+ padding-inline-end: 8px;
21628
21654
  }.v-empty-state {
21629
21655
  align-items: center;
21630
21656
  display: flex;
@@ -21750,227 +21776,67 @@ html.overflow-y-hidden {
21750
21776
  .v-fab--offset.v-fab--bottom .v-fab__container {
21751
21777
  transform: translateY(50%);
21752
21778
  }
21753
- .v-fab--top .v-fab__container {
21754
- top: 0;
21755
- }
21756
- .v-fab--bottom .v-fab__container {
21757
- bottom: 0;
21758
- }
21759
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21760
- left: 0;
21761
- }
21762
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21763
- right: 0;
21764
- }.v-expansion-panel {
21765
- background-color: rgb(var(--v-theme-surface));
21766
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21767
- }
21768
- .v-expansion-panel:not(:first-child)::after {
21769
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21770
- }
21771
- .v-expansion-panel--disabled .v-expansion-panel-title {
21772
- color: rgba(var(--v-theme-on-surface), 0.26);
21773
- }
21774
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21775
- opacity: 0.4615384615;
21776
- }
21777
-
21778
- .v-expansion-panels {
21779
- display: flex;
21780
- flex-wrap: wrap;
21781
- justify-content: center;
21782
- list-style-type: none;
21783
- padding: 0;
21784
- width: 100%;
21785
- position: relative;
21786
- z-index: 1;
21787
- }
21788
- .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) {
21789
- border-bottom-left-radius: 0 !important;
21790
- border-bottom-right-radius: 0 !important;
21791
- }
21792
- .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) {
21793
- border-top-left-radius: 0 !important;
21794
- border-top-right-radius: 0 !important;
21795
- }
21796
- .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) {
21797
- border-bottom-left-radius: 0 !important;
21798
- border-bottom-right-radius: 0 !important;
21799
- }
21800
- .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) {
21801
- border-top-left-radius: 0 !important;
21802
- border-top-right-radius: 0 !important;
21803
- }
21804
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21805
- border-bottom-left-radius: 0 !important;
21806
- border-bottom-right-radius: 0 !important;
21807
- }
21808
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21809
- border-top-left-radius: 0 !important;
21810
- border-top-right-radius: 0 !important;
21811
- }
21812
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21813
- border-bottom-left-radius: initial;
21814
- border-bottom-right-radius: initial;
21815
- }
21816
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21817
- border-radius: 0 !important;
21818
- }
21819
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21820
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21821
- }
21822
-
21823
- .v-expansion-panel {
21824
- flex: 1 0 100%;
21825
- max-width: 100%;
21826
- position: relative;
21827
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21828
- transition-property: margin-top, border-radius, border, max-width;
21829
- border-radius: 4px;
21830
- }
21831
- .v-expansion-panel:not(:first-child)::after {
21832
- border-top-style: solid;
21833
- border-top-width: thin;
21834
- content: "";
21835
- left: 0;
21836
- position: absolute;
21837
- right: 0;
21838
- top: 0;
21839
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21840
- }
21841
- .v-expansion-panel--disabled .v-expansion-panel-title {
21842
- pointer-events: none;
21843
- }
21844
- .v-expansion-panel--active:not(:first-child),
21845
- .v-expansion-panel--active + .v-expansion-panel {
21846
- margin-top: 16px;
21847
- }
21848
- .v-expansion-panel--active:not(:first-child)::after,
21849
- .v-expansion-panel--active + .v-expansion-panel::after {
21850
- opacity: 0;
21851
- }
21852
- .v-expansion-panel--active > .v-expansion-panel-title {
21853
- border-bottom-left-radius: 0;
21854
- border-bottom-right-radius: 0;
21855
- }
21856
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21857
- min-height: 64px;
21858
- }
21859
-
21860
- .v-expansion-panel__shadow {
21861
- position: absolute;
21862
- top: 0;
21863
- left: 0;
21864
- width: 100%;
21865
- height: 100%;
21866
- 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));
21867
- border-radius: inherit;
21868
- z-index: -1;
21869
- }
21870
-
21871
- .v-expansion-panel-title {
21872
- align-items: center;
21873
- text-align: start;
21874
- border-radius: inherit;
21875
- display: flex;
21876
- font-size: 0.9375rem;
21877
- line-height: 1;
21878
- min-height: 48px;
21879
- outline: none;
21880
- padding: 16px 24px;
21881
- position: relative;
21882
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21883
- width: 100%;
21884
- justify-content: space-between;
21885
- }
21886
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21887
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21888
- }
21889
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21890
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21891
- }
21892
- @supports not selector(:focus-visible) {
21893
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21894
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21895
- }
21896
- }
21897
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21898
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21899
- }
21900
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21901
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21902
- }
21903
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21904
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21905
- }
21906
- @supports not selector(:focus-visible) {
21907
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21908
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21909
- }
21910
- }
21911
-
21912
- .v-expansion-panel-title__overlay {
21913
- position: absolute;
21914
- top: 0;
21915
- left: 0;
21916
- width: 100%;
21917
- height: 100%;
21918
- background-color: currentColor;
21919
- border-radius: inherit;
21920
- opacity: 0;
21921
- }
21922
-
21923
- .v-expansion-panel-title__icon {
21924
- display: inline-flex;
21925
- margin-bottom: -4px;
21926
- margin-top: -4px;
21927
- -webkit-user-select: none;
21928
- user-select: none;
21929
- margin-inline-start: auto;
21930
- }
21931
-
21932
- .v-expansion-panel-text {
21933
- display: flex;
21934
- }
21935
- .v-expansion-panel-text__wrapper {
21936
- padding: 8px 24px 16px;
21937
- flex: 1 1 auto;
21938
- max-width: 100%;
21939
- }
21940
-
21941
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21942
- margin-top: 0;
21779
+ .v-fab--top .v-fab__container {
21780
+ top: 0;
21943
21781
  }
21944
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21945
- opacity: 1;
21782
+ .v-fab--bottom .v-fab__container {
21783
+ bottom: 0;
21946
21784
  }
21947
-
21948
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21949
- max-width: calc(100% - 32px);
21785
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21786
+ left: 0;
21950
21787
  }
21951
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21952
- max-width: calc(100% + 16px);
21788
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21789
+ right: 0;
21790
+ }.v-divider {
21791
+ display: block;
21792
+ flex: 1 1 100%;
21793
+ height: 0px;
21794
+ max-height: 0px;
21795
+ opacity: var(--v-border-opacity);
21796
+ transition: inherit;
21797
+ border-style: solid;
21798
+ border-width: thin 0 0 0;
21953
21799
  }
21954
-
21955
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21956
- max-width: 100%;
21800
+ .v-divider--vertical {
21801
+ align-self: stretch;
21802
+ border-width: 0 thin 0 0;
21803
+ display: inline-flex;
21804
+ height: auto;
21805
+ margin-left: -1px;
21806
+ max-height: 100%;
21807
+ max-width: 0px;
21808
+ vertical-align: text-bottom;
21809
+ width: 0px;
21957
21810
  }
21958
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21959
- max-width: calc(100% - 32px);
21811
+ .v-divider--inset:not(.v-divider--vertical) {
21812
+ max-width: calc(100% - 72px);
21813
+ margin-inline-start: 72px;
21814
+ }
21815
+ .v-divider--inset.v-divider--vertical {
21816
+ margin-bottom: 8px;
21817
+ margin-top: 8px;
21818
+ max-height: calc(100% - 16px);
21960
21819
  }
21961
21820
 
21962
- .v-expansion-panels--flat > .v-expansion-panel::after {
21963
- border-top: none;
21821
+ .v-divider__content {
21822
+ padding: 0 16px;
21823
+ text-wrap: nowrap;
21964
21824
  }
21965
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21966
- display: none;
21825
+ .v-divider__wrapper--vertical .v-divider__content {
21826
+ padding: 4px 0;
21967
21827
  }
21968
21828
 
21969
- .v-expansion-panels--tile {
21970
- border-radius: 0;
21829
+ .v-divider__wrapper {
21830
+ display: flex;
21831
+ align-items: center;
21832
+ justify-content: center;
21971
21833
  }
21972
- .v-expansion-panels--tile > .v-expansion-panel {
21973
- border-radius: 0;
21834
+ .v-divider__wrapper--vertical {
21835
+ flex-direction: column;
21836
+ height: 100%;
21837
+ }
21838
+ .v-divider__wrapper--vertical .v-divider {
21839
+ margin: 0 auto;
21974
21840
  }/* region INPUT */
21975
21841
  .v-field {
21976
21842
  --v-theme-overlay-multiplier: 1;
@@ -22501,75 +22367,257 @@ textarea.v-field__input::placeholder {
22501
22367
  opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22502
22368
  }
22503
22369
  }
22504
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22505
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22370
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22371
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22372
+ }
22373
+
22374
+ .v-field--variant-solo-inverted .v-field__overlay {
22375
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22376
+ }
22377
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22378
+ opacity: 0;
22379
+ }
22380
+ @media (hover: hover) {
22381
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
22382
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22383
+ }
22384
+ }
22385
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22386
+ background-color: rgb(var(--v-theme-surface-variant));
22387
+ opacity: 1;
22388
+ }
22389
+
22390
+ /* endregion */
22391
+ /* region MODIFIERS */
22392
+ .v-field--reverse .v-field__field,
22393
+ .v-field--reverse .v-field__input,
22394
+ .v-field--reverse .v-field__outline {
22395
+ flex-direction: row-reverse;
22396
+ }
22397
+ .v-field--reverse .v-field__input, .v-field--reverse input {
22398
+ text-align: end;
22399
+ }
22400
+
22401
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22402
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22403
+ 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;
22404
+ }
22405
+
22406
+ .v-field--loading .v-field__outline::after,
22407
+ .v-field--loading .v-field__outline::before {
22408
+ opacity: 0;
22409
+ }
22410
+
22411
+ /* endregion */.v-expansion-panel {
22412
+ background-color: rgb(var(--v-theme-surface));
22413
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22414
+ }
22415
+ .v-expansion-panel:not(:first-child)::after {
22416
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22417
+ }
22418
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22419
+ color: rgba(var(--v-theme-on-surface), 0.26);
22420
+ }
22421
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
22422
+ opacity: 0.4615384615;
22423
+ }
22424
+
22425
+ .v-expansion-panels {
22426
+ display: flex;
22427
+ flex-wrap: wrap;
22428
+ justify-content: center;
22429
+ list-style-type: none;
22430
+ padding: 0;
22431
+ width: 100%;
22432
+ position: relative;
22433
+ z-index: 1;
22434
+ }
22435
+ .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) {
22436
+ border-bottom-left-radius: 0 !important;
22437
+ border-bottom-right-radius: 0 !important;
22438
+ }
22439
+ .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) {
22440
+ border-top-left-radius: 0 !important;
22441
+ border-top-right-radius: 0 !important;
22442
+ }
22443
+ .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) {
22444
+ border-bottom-left-radius: 0 !important;
22445
+ border-bottom-right-radius: 0 !important;
22446
+ }
22447
+ .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) {
22448
+ border-top-left-radius: 0 !important;
22449
+ border-top-right-radius: 0 !important;
22450
+ }
22451
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
22452
+ border-bottom-left-radius: 0 !important;
22453
+ border-bottom-right-radius: 0 !important;
22454
+ }
22455
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
22456
+ border-top-left-radius: 0 !important;
22457
+ border-top-right-radius: 0 !important;
22458
+ }
22459
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
22460
+ border-bottom-left-radius: initial;
22461
+ border-bottom-right-radius: initial;
22462
+ }
22463
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
22464
+ border-radius: 0 !important;
22465
+ }
22466
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
22467
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
22468
+ }
22469
+
22470
+ .v-expansion-panel {
22471
+ flex: 1 0 100%;
22472
+ max-width: 100%;
22473
+ position: relative;
22474
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
22475
+ transition-property: margin-top, border-radius, border, max-width;
22476
+ border-radius: 4px;
22477
+ }
22478
+ .v-expansion-panel:not(:first-child)::after {
22479
+ border-top-style: solid;
22480
+ border-top-width: thin;
22481
+ content: "";
22482
+ left: 0;
22483
+ position: absolute;
22484
+ right: 0;
22485
+ top: 0;
22486
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
22487
+ }
22488
+ .v-expansion-panel--disabled .v-expansion-panel-title {
22489
+ pointer-events: none;
22490
+ }
22491
+ .v-expansion-panel--active:not(:first-child),
22492
+ .v-expansion-panel--active + .v-expansion-panel {
22493
+ margin-top: 16px;
22494
+ }
22495
+ .v-expansion-panel--active:not(:first-child)::after,
22496
+ .v-expansion-panel--active + .v-expansion-panel::after {
22497
+ opacity: 0;
22498
+ }
22499
+ .v-expansion-panel--active > .v-expansion-panel-title {
22500
+ border-bottom-left-radius: 0;
22501
+ border-bottom-right-radius: 0;
22502
+ }
22503
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
22504
+ min-height: 64px;
22505
+ }
22506
+
22507
+ .v-expansion-panel__shadow {
22508
+ position: absolute;
22509
+ top: 0;
22510
+ left: 0;
22511
+ width: 100%;
22512
+ height: 100%;
22513
+ 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));
22514
+ border-radius: inherit;
22515
+ z-index: -1;
22516
+ }
22517
+
22518
+ .v-expansion-panel-title {
22519
+ align-items: center;
22520
+ text-align: start;
22521
+ border-radius: inherit;
22522
+ display: flex;
22523
+ font-size: 0.9375rem;
22524
+ line-height: 1;
22525
+ min-height: 48px;
22526
+ outline: none;
22527
+ padding: 16px 24px;
22528
+ position: relative;
22529
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
22530
+ width: 100%;
22531
+ justify-content: space-between;
22532
+ }
22533
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
22534
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22535
+ }
22536
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
22537
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22538
+ }
22539
+ @supports not selector(:focus-visible) {
22540
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
22541
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22542
+ }
22543
+ }
22544
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
22545
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22546
+ }
22547
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
22548
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22549
+ }
22550
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
22551
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22552
+ }
22553
+ @supports not selector(:focus-visible) {
22554
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
22555
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22556
+ }
22557
+ }
22558
+
22559
+ .v-expansion-panel-title__overlay {
22560
+ position: absolute;
22561
+ top: 0;
22562
+ left: 0;
22563
+ width: 100%;
22564
+ height: 100%;
22565
+ background-color: currentColor;
22566
+ border-radius: inherit;
22567
+ opacity: 0;
22506
22568
  }
22507
22569
 
22508
- .v-field--variant-solo-inverted .v-field__overlay {
22509
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22570
+ .v-expansion-panel-title__icon {
22571
+ display: inline-flex;
22572
+ margin-bottom: -4px;
22573
+ margin-top: -4px;
22574
+ -webkit-user-select: none;
22575
+ user-select: none;
22576
+ margin-inline-start: auto;
22510
22577
  }
22511
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22512
- opacity: 0;
22578
+
22579
+ .v-expansion-panel-text {
22580
+ display: flex;
22513
22581
  }
22514
- @media (hover: hover) {
22515
- .v-field--variant-solo-inverted:hover .v-field__overlay {
22516
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22517
- }
22582
+ .v-expansion-panel-text__wrapper {
22583
+ padding: 8px 24px 16px;
22584
+ flex: 1 1 auto;
22585
+ max-width: 100%;
22518
22586
  }
22519
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22520
- background-color: rgb(var(--v-theme-surface-variant));
22587
+
22588
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
22589
+ margin-top: 0;
22590
+ }
22591
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
22521
22592
  opacity: 1;
22522
22593
  }
22523
22594
 
22524
- /* endregion */
22525
- /* region MODIFIERS */
22526
- .v-field--reverse .v-field__field,
22527
- .v-field--reverse .v-field__input,
22528
- .v-field--reverse .v-field__outline {
22529
- flex-direction: row-reverse;
22595
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
22596
+ max-width: calc(100% - 32px);
22530
22597
  }
22531
- .v-field--reverse .v-field__input, .v-field--reverse input {
22532
- text-align: end;
22598
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
22599
+ max-width: calc(100% + 16px);
22533
22600
  }
22534
22601
 
22535
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22536
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22537
- 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;
22602
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
22603
+ max-width: 100%;
22538
22604
  }
22539
-
22540
- .v-field--loading .v-field__outline::after,
22541
- .v-field--loading .v-field__outline::before {
22542
- opacity: 0;
22605
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
22606
+ max-width: calc(100% - 32px);
22543
22607
  }
22544
22608
 
22545
- /* endregion */.v-footer {
22546
- align-items: center;
22547
- display: flex;
22548
- flex: 1 1 auto;
22549
- padding: 8px 16px;
22550
- position: relative;
22551
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22552
- transition-property: height, width, transform, max-width, left, right, top, bottom;
22553
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22554
- border-style: solid;
22555
- border-width: 0;
22556
- 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));
22557
- border-radius: 0;
22558
- background: rgb(var(--v-theme-surface));
22559
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22560
- }
22561
- .v-footer--border {
22562
- border-width: thin;
22563
- box-shadow: none;
22609
+ .v-expansion-panels--flat > .v-expansion-panel::after {
22610
+ border-top: none;
22564
22611
  }
22565
- .v-footer--absolute {
22566
- position: absolute;
22612
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
22613
+ display: none;
22567
22614
  }
22568
- .v-footer--fixed {
22569
- position: fixed;
22615
+
22616
+ .v-expansion-panels--tile {
22617
+ border-radius: 0;
22570
22618
  }
22571
- .v-footer--rounded {
22572
- border-radius: 4px;
22619
+ .v-expansion-panels--tile > .v-expansion-panel {
22620
+ border-radius: 0;
22573
22621
  }.v-file-input--hide.v-input .v-field,
22574
22622
  .v-file-input--hide.v-input .v-input__control,
22575
22623
  .v-file-input--hide.v-input .v-input__details {
@@ -22599,6 +22647,34 @@ textarea.v-field__input::placeholder {
22599
22647
  }
22600
22648
  .v-input--plain-underlined.v-file-input .v-input__details {
22601
22649
  padding-inline: 0;
22650
+ }.v-footer {
22651
+ align-items: center;
22652
+ display: flex;
22653
+ flex: 1 1 auto;
22654
+ padding: 8px 16px;
22655
+ position: relative;
22656
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22657
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22658
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22659
+ border-style: solid;
22660
+ border-width: 0;
22661
+ 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));
22662
+ border-radius: 0;
22663
+ background: rgb(var(--v-theme-surface));
22664
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22665
+ }
22666
+ .v-footer--border {
22667
+ border-width: thin;
22668
+ box-shadow: none;
22669
+ }
22670
+ .v-footer--absolute {
22671
+ position: absolute;
22672
+ }
22673
+ .v-footer--fixed {
22674
+ position: fixed;
22675
+ }
22676
+ .v-footer--rounded {
22677
+ border-radius: 4px;
22602
22678
  }.v-icon {
22603
22679
  --v-icon-size-multiplier: 1;
22604
22680
  align-items: center;
@@ -22820,76 +22896,208 @@ textarea.v-field__input::placeholder {
22820
22896
  .v-input--plain-underlined .v-input__append {
22821
22897
  align-items: flex-start;
22822
22898
  }
22823
- .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
22824
- padding-top: calc(var(--v-input-padding-top) + 4px);
22899
+ .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
22900
+ padding-top: calc(var(--v-input-padding-top) + 4px);
22901
+ }
22902
+
22903
+ .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22904
+ padding-top: calc(var(--v-input-padding-top) + 2px);
22905
+ }
22906
+
22907
+ .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22908
+ padding-top: calc(var(--v-input-padding-top) + 0px);
22909
+ }.v-item-group {
22910
+ flex: 0 1 auto;
22911
+ max-width: 100%;
22912
+ position: relative;
22913
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22914
+ }.v-infinite-scroll--horizontal {
22915
+ display: flex;
22916
+ flex-direction: row;
22917
+ overflow-x: auto;
22918
+ }
22919
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22920
+ height: 100%;
22921
+ width: 1px;
22922
+ }
22923
+
22924
+ .v-infinite-scroll--vertical {
22925
+ display: flex;
22926
+ flex-direction: column;
22927
+ overflow-y: auto;
22928
+ }
22929
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22930
+ height: 1px;
22931
+ width: 100%;
22932
+ }
22933
+
22934
+ .v-infinite-scroll__side {
22935
+ align-items: center;
22936
+ display: flex;
22937
+ justify-content: center;
22938
+ padding: 8px;
22939
+ }.v-layout-item {
22940
+ position: absolute;
22941
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22942
+ }
22943
+
22944
+ .v-layout-item--absolute {
22945
+ position: absolute;
22946
+ }.v-layout {
22947
+ --v-scrollbar-offset: 0px;
22948
+ display: flex;
22949
+ flex: 1 1 auto;
22950
+ }
22951
+ .v-layout--full-height {
22952
+ --v-scrollbar-offset: inherit;
22953
+ height: 100%;
22954
+ }.v-label {
22955
+ align-items: center;
22956
+ color: inherit;
22957
+ display: inline-flex;
22958
+ font-size: 1rem;
22959
+ letter-spacing: 0.009375em;
22960
+ min-width: 0;
22961
+ opacity: var(--v-medium-emphasis-opacity);
22962
+ overflow: hidden;
22963
+ text-overflow: ellipsis;
22964
+ white-space: nowrap;
22965
+ }
22966
+
22967
+ .v-label--clickable {
22968
+ cursor: pointer;
22969
+ }.v-locale-provider {
22970
+ display: contents;
22971
+ }.v-navigation-drawer {
22972
+ -webkit-overflow-scrolling: touch;
22973
+ background: rgb(var(--v-theme-surface));
22974
+ display: flex;
22975
+ flex-direction: column;
22976
+ height: 100%;
22977
+ max-width: 100%;
22978
+ pointer-events: auto;
22979
+ transition-duration: 0.2s;
22980
+ transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
22981
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22982
+ position: absolute;
22983
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22984
+ border-style: solid;
22985
+ border-width: 0;
22986
+ 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));
22987
+ background: rgb(var(--v-theme-surface));
22988
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22989
+ }
22990
+ .v-navigation-drawer--border {
22991
+ border-width: thin;
22992
+ box-shadow: none;
22993
+ }
22994
+ .v-navigation-drawer--rounded {
22995
+ border-radius: 4px;
22996
+ }
22997
+ .v-navigation-drawer--top, .v-navigation-drawer--bottom {
22998
+ max-height: -webkit-fill-available;
22999
+ overflow-y: auto;
23000
+ }
23001
+ .v-navigation-drawer--top {
23002
+ top: 0;
23003
+ border-bottom-width: thin;
23004
+ }
23005
+ .v-navigation-drawer--bottom {
23006
+ left: 0;
23007
+ border-top-width: thin;
23008
+ }
23009
+ .v-navigation-drawer--left {
23010
+ top: 0;
23011
+ left: 0;
23012
+ right: auto;
23013
+ border-right-width: thin;
23014
+ }
23015
+ .v-navigation-drawer--right {
23016
+ top: 0;
23017
+ left: auto;
23018
+ right: 0;
23019
+ border-left-width: thin;
23020
+ }
23021
+ .v-navigation-drawer--floating {
23022
+ border: none;
23023
+ }
23024
+ .v-navigation-drawer--temporary.v-navigation-drawer--active {
23025
+ box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23026
+ }
23027
+ .v-navigation-drawer--sticky {
23028
+ height: auto;
23029
+ transition: box-shadow, transform, visibility, width, height, left, right;
22825
23030
  }
22826
-
22827
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22828
- padding-top: calc(var(--v-input-padding-top) + 2px);
23031
+ .v-navigation-drawer .v-list {
23032
+ overflow: hidden;
22829
23033
  }
22830
23034
 
22831
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22832
- padding-top: calc(var(--v-input-padding-top) + 0px);
22833
- }.v-infinite-scroll--horizontal {
22834
- display: flex;
22835
- flex-direction: row;
22836
- overflow-x: auto;
22837
- }
22838
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
23035
+ .v-navigation-drawer__content {
23036
+ flex: 0 1 auto;
22839
23037
  height: 100%;
22840
- width: 1px;
23038
+ max-width: 100%;
23039
+ overflow-x: hidden;
23040
+ overflow-y: auto;
22841
23041
  }
22842
23042
 
22843
- .v-infinite-scroll--vertical {
22844
- display: flex;
22845
- flex-direction: column;
22846
- overflow-y: auto;
23043
+ .v-navigation-drawer__img {
23044
+ height: 100%;
23045
+ left: 0;
23046
+ position: absolute;
23047
+ top: 0;
23048
+ width: 100%;
23049
+ z-index: -1;
22847
23050
  }
22848
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22849
- height: 1px;
23051
+ .v-navigation-drawer__img img:not(.v-img__img) {
23052
+ height: inherit;
23053
+ object-fit: cover;
23054
+ width: inherit;
23055
+ }
23056
+
23057
+ .v-navigation-drawer__scrim {
23058
+ position: absolute;
23059
+ top: 0;
23060
+ left: 0;
22850
23061
  width: 100%;
23062
+ height: 100%;
23063
+ background: black;
23064
+ opacity: 0.2;
23065
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23066
+ z-index: 1;
22851
23067
  }
22852
23068
 
22853
- .v-infinite-scroll__side {
22854
- align-items: center;
22855
- display: flex;
22856
- justify-content: center;
22857
- padding: 8px;
22858
- }.v-item-group {
22859
- flex: 0 1 auto;
23069
+ .v-navigation-drawer__prepend,
23070
+ .v-navigation-drawer__append {
23071
+ flex: none;
23072
+ overflow: hidden;
23073
+ }.v-main {
23074
+ flex: 1 0 auto;
22860
23075
  max-width: 100%;
22861
- position: relative;
22862
23076
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22863
- }.v-label {
22864
- align-items: center;
22865
- color: inherit;
22866
- display: inline-flex;
22867
- font-size: 1rem;
22868
- letter-spacing: 0.009375em;
22869
- min-width: 0;
22870
- opacity: var(--v-medium-emphasis-opacity);
22871
- overflow: hidden;
22872
- text-overflow: ellipsis;
22873
- white-space: nowrap;
23077
+ padding-left: var(--v-layout-left);
23078
+ padding-right: var(--v-layout-right);
23079
+ padding-top: var(--v-layout-top);
23080
+ padding-bottom: var(--v-layout-bottom);
22874
23081
  }
22875
-
22876
- .v-label--clickable {
22877
- cursor: pointer;
22878
- }.v-layout {
22879
- --v-scrollbar-offset: 0px;
22880
- display: flex;
22881
- flex: 1 1 auto;
23082
+ .v-main__scroller {
23083
+ max-width: 100%;
23084
+ position: relative;
22882
23085
  }
22883
- .v-layout--full-height {
22884
- --v-scrollbar-offset: inherit;
22885
- height: 100%;
22886
- }.v-layout-item {
23086
+ .v-main--scrollable {
23087
+ display: flex;
22887
23088
  position: absolute;
22888
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23089
+ top: 0;
23090
+ left: 0;
23091
+ width: 100%;
23092
+ height: 100%;
22889
23093
  }
22890
-
22891
- .v-layout-item--absolute {
22892
- position: absolute;
23094
+ .v-main--scrollable > .v-main__scroller {
23095
+ flex: 1 1 auto;
23096
+ overflow-y: auto;
23097
+ --v-layout-left: 0px;
23098
+ --v-layout-right: 0px;
23099
+ --v-layout-top: 0px;
23100
+ --v-layout-bottom: 0px;
22893
23101
  }.v-list {
22894
23102
  overflow: auto;
22895
23103
  padding: 8px 0;
@@ -23447,49 +23655,6 @@ textarea.v-field__input::placeholder {
23447
23655
  }
23448
23656
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
23449
23657
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23450
- }.v-menu > .v-overlay__content {
23451
- display: flex;
23452
- flex-direction: column;
23453
- border-radius: 4px;
23454
- }
23455
- .v-menu > .v-overlay__content > .v-card,
23456
- .v-menu > .v-overlay__content > .v-sheet,
23457
- .v-menu > .v-overlay__content > .v-list {
23458
- background: rgb(var(--v-theme-surface));
23459
- border-radius: inherit;
23460
- overflow: auto;
23461
- height: 100%;
23462
- 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));
23463
- }.v-main {
23464
- flex: 1 0 auto;
23465
- max-width: 100%;
23466
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23467
- padding-left: var(--v-layout-left);
23468
- padding-right: var(--v-layout-right);
23469
- padding-top: var(--v-layout-top);
23470
- padding-bottom: var(--v-layout-bottom);
23471
- }
23472
- .v-main__scroller {
23473
- max-width: 100%;
23474
- position: relative;
23475
- }
23476
- .v-main--scrollable {
23477
- display: flex;
23478
- position: absolute;
23479
- top: 0;
23480
- left: 0;
23481
- width: 100%;
23482
- height: 100%;
23483
- }
23484
- .v-main--scrollable > .v-main__scroller {
23485
- flex: 1 1 auto;
23486
- overflow-y: auto;
23487
- --v-layout-left: 0px;
23488
- --v-layout-right: 0px;
23489
- --v-layout-top: 0px;
23490
- --v-layout-bottom: 0px;
23491
- }.v-locale-provider {
23492
- display: contents;
23493
23658
  }.v-messages {
23494
23659
  flex: 1 1 auto;
23495
23660
  font-size: 12px;
@@ -23506,108 +23671,19 @@ textarea.v-field__input::placeholder {
23506
23671
  -webkit-hyphens: auto;
23507
23672
  hyphens: auto;
23508
23673
  transition-duration: 150ms;
23509
- }.v-navigation-drawer {
23510
- -webkit-overflow-scrolling: touch;
23511
- background: rgb(var(--v-theme-surface));
23674
+ }.v-menu > .v-overlay__content {
23512
23675
  display: flex;
23513
23676
  flex-direction: column;
23514
- height: 100%;
23515
- max-width: 100%;
23516
- pointer-events: auto;
23517
- transition-duration: 0.2s;
23518
- transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
23519
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23520
- position: absolute;
23521
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23522
- border-style: solid;
23523
- border-width: 0;
23524
- 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));
23525
- background: rgb(var(--v-theme-surface));
23526
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23527
- }
23528
- .v-navigation-drawer--border {
23529
- border-width: thin;
23530
- box-shadow: none;
23531
- }
23532
- .v-navigation-drawer--rounded {
23533
23677
  border-radius: 4px;
23534
23678
  }
23535
- .v-navigation-drawer--top, .v-navigation-drawer--bottom {
23536
- max-height: -webkit-fill-available;
23537
- overflow-y: auto;
23538
- }
23539
- .v-navigation-drawer--top {
23540
- top: 0;
23541
- border-bottom-width: thin;
23542
- }
23543
- .v-navigation-drawer--bottom {
23544
- left: 0;
23545
- border-top-width: thin;
23546
- }
23547
- .v-navigation-drawer--left {
23548
- top: 0;
23549
- left: 0;
23550
- right: auto;
23551
- border-right-width: thin;
23552
- }
23553
- .v-navigation-drawer--right {
23554
- top: 0;
23555
- left: auto;
23556
- right: 0;
23557
- border-left-width: thin;
23558
- }
23559
- .v-navigation-drawer--floating {
23560
- border: none;
23561
- }
23562
- .v-navigation-drawer--temporary.v-navigation-drawer--active {
23563
- box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23564
- }
23565
- .v-navigation-drawer--sticky {
23566
- height: auto;
23567
- transition: box-shadow, transform, visibility, width, height, left, right;
23568
- }
23569
- .v-navigation-drawer .v-list {
23570
- overflow: hidden;
23571
- }
23572
-
23573
- .v-navigation-drawer__content {
23574
- flex: 0 1 auto;
23575
- height: 100%;
23576
- max-width: 100%;
23577
- overflow-x: hidden;
23578
- overflow-y: auto;
23579
- }
23580
-
23581
- .v-navigation-drawer__img {
23582
- height: 100%;
23583
- left: 0;
23584
- position: absolute;
23585
- top: 0;
23586
- width: 100%;
23587
- z-index: -1;
23588
- }
23589
- .v-navigation-drawer__img img:not(.v-img__img) {
23590
- height: inherit;
23591
- object-fit: cover;
23592
- width: inherit;
23593
- }
23594
-
23595
- .v-navigation-drawer__scrim {
23596
- position: absolute;
23597
- top: 0;
23598
- left: 0;
23599
- width: 100%;
23600
- height: 100%;
23601
- background: black;
23602
- opacity: 0.2;
23603
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23604
- z-index: 1;
23605
- }
23606
-
23607
- .v-navigation-drawer__prepend,
23608
- .v-navigation-drawer__append {
23609
- flex: none;
23610
- overflow: hidden;
23679
+ .v-menu > .v-overlay__content > .v-card,
23680
+ .v-menu > .v-overlay__content > .v-sheet,
23681
+ .v-menu > .v-overlay__content > .v-list {
23682
+ background: rgb(var(--v-theme-surface));
23683
+ border-radius: inherit;
23684
+ overflow: auto;
23685
+ height: 100%;
23686
+ 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));
23611
23687
  }.v-overlay-container {
23612
23688
  contain: layout;
23613
23689
  left: 0;
@@ -23671,14 +23747,6 @@ html.v-overlay-scroll-blocked {
23671
23747
 
23672
23748
  .v-overlay--scroll-blocked {
23673
23749
  padding-inline-end: var(--v-scrollbar-offset);
23674
- }.v-pagination__list {
23675
- display: inline-flex;
23676
- list-style-type: none;
23677
- justify-content: center;
23678
- width: 100%;
23679
- }
23680
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23681
- margin: 0.3rem;
23682
23750
  }.v-otp-input {
23683
23751
  border-radius: 4px;
23684
23752
  align-items: center;
@@ -23735,6 +23803,122 @@ html.v-overlay-scroll-blocked {
23735
23803
  }
23736
23804
  .v-otp-input__loader .v-progress-linear {
23737
23805
  position: absolute;
23806
+ }.v-progress-circular {
23807
+ align-items: center;
23808
+ display: inline-flex;
23809
+ justify-content: center;
23810
+ position: relative;
23811
+ vertical-align: middle;
23812
+ }
23813
+ .v-progress-circular > svg {
23814
+ width: 100%;
23815
+ height: 100%;
23816
+ margin: auto;
23817
+ position: absolute;
23818
+ top: 0;
23819
+ bottom: 0;
23820
+ left: 0;
23821
+ right: 0;
23822
+ z-index: 0;
23823
+ }
23824
+
23825
+ .v-progress-circular__content {
23826
+ align-items: center;
23827
+ display: flex;
23828
+ justify-content: center;
23829
+ }
23830
+
23831
+ .v-progress-circular__underlay {
23832
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23833
+ stroke: currentColor;
23834
+ z-index: 1;
23835
+ }
23836
+
23837
+ .v-progress-circular__overlay {
23838
+ stroke: currentColor;
23839
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23840
+ z-index: 2;
23841
+ }
23842
+
23843
+ .v-progress-circular--size-x-small {
23844
+ height: 16px;
23845
+ width: 16px;
23846
+ }
23847
+ .v-progress-circular--size-small {
23848
+ height: 24px;
23849
+ width: 24px;
23850
+ }
23851
+ .v-progress-circular--size-default {
23852
+ height: 32px;
23853
+ width: 32px;
23854
+ }
23855
+ .v-progress-circular--size-large {
23856
+ height: 48px;
23857
+ width: 48px;
23858
+ }
23859
+ .v-progress-circular--size-x-large {
23860
+ height: 64px;
23861
+ width: 64px;
23862
+ }
23863
+
23864
+ .v-progress-circular--indeterminate > svg {
23865
+ animation: progress-circular-rotate 1.4s linear infinite;
23866
+ transform-origin: center center;
23867
+ transition: all 0.2s ease-in-out;
23868
+ }
23869
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23870
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23871
+ stroke-dasharray: 25, 200;
23872
+ stroke-dashoffset: 0;
23873
+ stroke-linecap: round;
23874
+ transform-origin: center center;
23875
+ transform: rotate(-90deg);
23876
+ }
23877
+
23878
+ .v-progress-circular--disable-shrink > svg {
23879
+ animation-duration: 0.7s;
23880
+ }
23881
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23882
+ animation: none;
23883
+ }
23884
+
23885
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23886
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23887
+ animation-play-state: paused !important;
23888
+ }
23889
+
23890
+ @keyframes progress-circular-dash {
23891
+ 0% {
23892
+ stroke-dasharray: 1, 200;
23893
+ stroke-dashoffset: 0px;
23894
+ }
23895
+ 50% {
23896
+ stroke-dasharray: 100, 200;
23897
+ stroke-dashoffset: -15px;
23898
+ }
23899
+ 100% {
23900
+ stroke-dasharray: 100, 200;
23901
+ stroke-dashoffset: -124px;
23902
+ }
23903
+ }
23904
+ @keyframes progress-circular-rotate {
23905
+ 100% {
23906
+ transform: rotate(270deg);
23907
+ }
23908
+ }.v-pagination__list {
23909
+ display: inline-flex;
23910
+ list-style-type: none;
23911
+ justify-content: center;
23912
+ width: 100%;
23913
+ }
23914
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23915
+ margin: 0.3rem;
23916
+ }.v-parallax {
23917
+ position: relative;
23918
+ overflow: hidden;
23919
+ }
23920
+ .v-parallax--active > .v-img__img {
23921
+ will-change: transform;
23738
23922
  }.v-progress-linear {
23739
23923
  background: transparent;
23740
23924
  overflow: hidden;
@@ -23946,114 +24130,18 @@ html.v-overlay-scroll-blocked {
23946
24130
  0% {
23947
24131
  background-position-x: var(--v-progress-linear-height);
23948
24132
  }
23949
- }.v-parallax {
23950
- position: relative;
23951
- overflow: hidden;
23952
- }
23953
- .v-parallax--active > .v-img__img {
23954
- will-change: transform;
23955
- }.v-progress-circular {
23956
- align-items: center;
23957
- display: inline-flex;
23958
- justify-content: center;
23959
- position: relative;
23960
- vertical-align: middle;
23961
- }
23962
- .v-progress-circular > svg {
23963
- width: 100%;
23964
- height: 100%;
23965
- margin: auto;
23966
- position: absolute;
23967
- top: 0;
23968
- bottom: 0;
23969
- left: 0;
23970
- right: 0;
23971
- z-index: 0;
23972
- }
23973
-
23974
- .v-progress-circular__content {
23975
- align-items: center;
23976
- display: flex;
23977
- justify-content: center;
23978
- }
23979
-
23980
- .v-progress-circular__underlay {
23981
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23982
- stroke: currentColor;
23983
- z-index: 1;
23984
- }
23985
-
23986
- .v-progress-circular__overlay {
23987
- stroke: currentColor;
23988
- transition: all 0.2s ease-in-out, stroke-width 0s;
23989
- z-index: 2;
23990
- }
23991
-
23992
- .v-progress-circular--size-x-small {
23993
- height: 16px;
23994
- width: 16px;
23995
- }
23996
- .v-progress-circular--size-small {
23997
- height: 24px;
23998
- width: 24px;
23999
- }
24000
- .v-progress-circular--size-default {
24001
- height: 32px;
24002
- width: 32px;
24003
- }
24004
- .v-progress-circular--size-large {
24005
- height: 48px;
24006
- width: 48px;
24007
- }
24008
- .v-progress-circular--size-x-large {
24009
- height: 64px;
24010
- width: 64px;
24011
- }
24012
-
24013
- .v-progress-circular--indeterminate > svg {
24014
- animation: progress-circular-rotate 1.4s linear infinite;
24015
- transform-origin: center center;
24016
- transition: all 0.2s ease-in-out;
24017
- }
24018
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
24019
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
24020
- stroke-dasharray: 25, 200;
24021
- stroke-dashoffset: 0;
24022
- stroke-linecap: round;
24023
- transform-origin: center center;
24024
- transform: rotate(-90deg);
24025
- }
24026
-
24027
- .v-progress-circular--disable-shrink > svg {
24028
- animation-duration: 0.7s;
24029
- }
24030
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
24031
- animation: none;
24133
+ }.v-radio-group > .v-input__control {
24134
+ flex-direction: column;
24032
24135
  }
24033
-
24034
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
24035
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
24036
- animation-play-state: paused !important;
24136
+ .v-radio-group > .v-input__control > .v-label {
24137
+ margin-inline-start: 16px;
24037
24138
  }
24038
-
24039
- @keyframes progress-circular-dash {
24040
- 0% {
24041
- stroke-dasharray: 1, 200;
24042
- stroke-dashoffset: 0px;
24043
- }
24044
- 50% {
24045
- stroke-dasharray: 100, 200;
24046
- stroke-dashoffset: -15px;
24047
- }
24048
- 100% {
24049
- stroke-dasharray: 100, 200;
24050
- stroke-dashoffset: -124px;
24051
- }
24139
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24140
+ padding-inline-start: 6px;
24141
+ margin-top: 8px;
24052
24142
  }
24053
- @keyframes progress-circular-rotate {
24054
- 100% {
24055
- transform: rotate(270deg);
24056
- }
24143
+ .v-radio-group .v-input__details {
24144
+ padding-inline: 16px;
24057
24145
  }.v-slider .v-slider__container input {
24058
24146
  cursor: default;
24059
24147
  padding: 0;
@@ -24111,18 +24199,6 @@ html.v-overlay-scroll-blocked {
24111
24199
 
24112
24200
  .v-slider__label {
24113
24201
  margin-inline-end: 12px;
24114
- }.v-radio-group > .v-input__control {
24115
- flex-direction: column;
24116
- }
24117
- .v-radio-group > .v-input__control > .v-label {
24118
- margin-inline-start: 16px;
24119
- }
24120
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24121
- padding-inline-start: 6px;
24122
- margin-top: 8px;
24123
- }
24124
- .v-radio-group .v-input__details {
24125
- padding-inline: 16px;
24126
24202
  }.v-rating {
24127
24203
  max-width: 100%;
24128
24204
  display: inline-flex;
@@ -24177,6 +24253,54 @@ html.v-overlay-scroll-blocked {
24177
24253
  opacity: 0;
24178
24254
  position: absolute;
24179
24255
  width: 0;
24256
+ }.v-select .v-field .v-text-field__prefix,
24257
+ .v-select .v-field .v-text-field__suffix,
24258
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24259
+ cursor: pointer;
24260
+ }
24261
+ .v-select .v-field .v-field__input > input {
24262
+ align-self: flex-start;
24263
+ opacity: 1;
24264
+ flex: 0 0;
24265
+ position: absolute;
24266
+ width: 100%;
24267
+ transition: none;
24268
+ pointer-events: none;
24269
+ caret-color: transparent;
24270
+ }
24271
+ .v-select .v-field--dirty .v-select__selection {
24272
+ margin-inline-end: 2px;
24273
+ }
24274
+ .v-select .v-select__selection-text {
24275
+ overflow: hidden;
24276
+ text-overflow: ellipsis;
24277
+ white-space: nowrap;
24278
+ }
24279
+ .v-select__content {
24280
+ overflow: hidden;
24281
+ 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));
24282
+ border-radius: 4px;
24283
+ }
24284
+ .v-select__selection {
24285
+ display: inline-flex;
24286
+ align-items: center;
24287
+ letter-spacing: inherit;
24288
+ line-height: inherit;
24289
+ max-width: 100%;
24290
+ }
24291
+ .v-select .v-select__selection:first-child {
24292
+ margin-inline-start: 0;
24293
+ }
24294
+ .v-select--selected .v-field .v-field__input > input {
24295
+ opacity: 0;
24296
+ }
24297
+ .v-select__menu-icon {
24298
+ margin-inline-start: 4px;
24299
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24300
+ }
24301
+ .v-select--active-menu .v-select__menu-icon {
24302
+ opacity: var(--v-high-emphasis-opacity);
24303
+ transform: rotate(180deg);
24180
24304
  }.v-responsive {
24181
24305
  display: flex;
24182
24306
  flex: 1 0 auto;
@@ -24304,82 +24428,6 @@ html.v-overlay-scroll-blocked {
24304
24428
  }
24305
24429
  .v-selection-control--focus-visible .v-selection-control__input::before {
24306
24430
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24307
- }.v-sheet {
24308
- display: block;
24309
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24310
- border-style: solid;
24311
- border-width: 0;
24312
- 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));
24313
- border-radius: 0;
24314
- background: rgb(var(--v-theme-surface));
24315
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24316
- }
24317
- .v-sheet--border {
24318
- border-width: thin;
24319
- box-shadow: none;
24320
- }
24321
- .v-sheet--absolute {
24322
- position: absolute;
24323
- }
24324
- .v-sheet--fixed {
24325
- position: fixed;
24326
- }
24327
- .v-sheet--relative {
24328
- position: relative;
24329
- }
24330
- .v-sheet--sticky {
24331
- position: sticky;
24332
- }
24333
- .v-sheet--rounded {
24334
- border-radius: 4px;
24335
- }.v-select .v-field .v-text-field__prefix,
24336
- .v-select .v-field .v-text-field__suffix,
24337
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24338
- cursor: pointer;
24339
- }
24340
- .v-select .v-field .v-field__input > input {
24341
- align-self: flex-start;
24342
- opacity: 1;
24343
- flex: 0 0;
24344
- position: absolute;
24345
- width: 100%;
24346
- transition: none;
24347
- pointer-events: none;
24348
- caret-color: transparent;
24349
- }
24350
- .v-select .v-field--dirty .v-select__selection {
24351
- margin-inline-end: 2px;
24352
- }
24353
- .v-select .v-select__selection-text {
24354
- overflow: hidden;
24355
- text-overflow: ellipsis;
24356
- white-space: nowrap;
24357
- }
24358
- .v-select__content {
24359
- overflow: hidden;
24360
- 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));
24361
- border-radius: 4px;
24362
- }
24363
- .v-select__selection {
24364
- display: inline-flex;
24365
- align-items: center;
24366
- letter-spacing: inherit;
24367
- line-height: inherit;
24368
- max-width: 100%;
24369
- }
24370
- .v-select .v-select__selection:first-child {
24371
- margin-inline-start: 0;
24372
- }
24373
- .v-select--selected .v-field .v-field__input > input {
24374
- opacity: 0;
24375
- }
24376
- .v-select__menu-icon {
24377
- margin-inline-start: 4px;
24378
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24379
- }
24380
- .v-select--active-menu .v-select__menu-icon {
24381
- opacity: var(--v-high-emphasis-opacity);
24382
- transform: rotate(180deg);
24383
24431
  }.v-selection-control-group {
24384
24432
  grid-area: control;
24385
24433
  display: flex;
@@ -24611,6 +24659,34 @@ html.v-overlay-scroll-blocked {
24611
24659
  100% {
24612
24660
  transform: translateX(100%);
24613
24661
  }
24662
+ }.v-sheet {
24663
+ display: block;
24664
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24665
+ border-style: solid;
24666
+ border-width: 0;
24667
+ 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));
24668
+ border-radius: 0;
24669
+ background: rgb(var(--v-theme-surface));
24670
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24671
+ }
24672
+ .v-sheet--border {
24673
+ border-width: thin;
24674
+ box-shadow: none;
24675
+ }
24676
+ .v-sheet--absolute {
24677
+ position: absolute;
24678
+ }
24679
+ .v-sheet--fixed {
24680
+ position: fixed;
24681
+ }
24682
+ .v-sheet--relative {
24683
+ position: relative;
24684
+ }
24685
+ .v-sheet--sticky {
24686
+ position: sticky;
24687
+ }
24688
+ .v-sheet--rounded {
24689
+ border-radius: 4px;
24614
24690
  }.v-slide-group {
24615
24691
  display: flex;
24616
24692
  overflow: hidden;
@@ -24804,6 +24880,56 @@ html.v-overlay-scroll-blocked {
24804
24880
  }
24805
24881
  .v-snackbar-transition-leave-to {
24806
24882
  opacity: 0;
24883
+ }.v-stepper.v-sheet {
24884
+ 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));
24885
+ border-radius: 4px;
24886
+ overflow: hidden;
24887
+ }
24888
+ .v-stepper.v-sheet.v-stepper--flat {
24889
+ 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));
24890
+ }
24891
+
24892
+ .v-stepper-header {
24893
+ 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));
24894
+ align-items: center;
24895
+ display: flex;
24896
+ position: relative;
24897
+ overflow-x: auto;
24898
+ justify-content: space-between;
24899
+ z-index: 1;
24900
+ }
24901
+ .v-stepper-header .v-divider {
24902
+ margin: 0 -16px;
24903
+ }
24904
+ .v-stepper-header .v-divider:last-child {
24905
+ margin-inline-end: 0;
24906
+ }
24907
+ .v-stepper-header .v-divider:first-child {
24908
+ margin-inline-start: 0;
24909
+ }
24910
+ .v-stepper--alt-labels .v-stepper-header {
24911
+ height: auto;
24912
+ }
24913
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24914
+ align-self: flex-start;
24915
+ margin: 35px -67px 0;
24916
+ }
24917
+
24918
+ .v-stepper-window {
24919
+ margin: 1.5rem;
24920
+ }
24921
+
24922
+ .v-stepper-actions {
24923
+ display: flex;
24924
+ align-items: center;
24925
+ justify-content: space-between;
24926
+ padding: 1rem;
24927
+ }
24928
+ .v-stepper .v-stepper-actions {
24929
+ padding: 0 1.5rem 1rem;
24930
+ }
24931
+ .v-stepper-window-item .v-stepper-actions {
24932
+ padding: 1.5rem 0 0;
24807
24933
  }.v-stepper-item {
24808
24934
  align-items: center;
24809
24935
  align-self: stretch;
@@ -24883,90 +25009,40 @@ html.v-overlay-scroll-blocked {
24883
25009
  }
24884
25010
 
24885
25011
  .v-stepper-item__title {
24886
- line-height: 1;
24887
- }
24888
- .v-stepper--mobile .v-stepper-item__title {
24889
- display: none;
24890
- }
24891
-
24892
- .v-stepper-item__subtitle {
24893
- font-size: 0.75rem;
24894
- text-align: left;
24895
- line-height: 1;
24896
- opacity: var(--v-medium-emphasis-opacity);
24897
- }
24898
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24899
- text-align: center;
24900
- }
24901
- .v-stepper--mobile .v-stepper-item__subtitle {
24902
- display: none;
24903
- }
24904
-
24905
- .v-stepper-item__overlay {
24906
- background-color: currentColor;
24907
- border-radius: inherit;
24908
- opacity: 0;
24909
- transition: opacity 0.2s ease-in-out;
24910
- }
24911
-
24912
- .v-stepper-item__overlay,
24913
- .v-stepper-item__underlay {
24914
- position: absolute;
24915
- top: 0;
24916
- left: 0;
24917
- width: 100%;
24918
- height: 100%;
24919
- pointer-events: none;
24920
- }.v-stepper.v-sheet {
24921
- 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));
24922
- border-radius: 4px;
24923
- overflow: hidden;
24924
- }
24925
- .v-stepper.v-sheet.v-stepper--flat {
24926
- 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));
24927
- }
24928
-
24929
- .v-stepper-header {
24930
- 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));
24931
- align-items: center;
24932
- display: flex;
24933
- position: relative;
24934
- overflow-x: auto;
24935
- justify-content: space-between;
24936
- z-index: 1;
24937
- }
24938
- .v-stepper-header .v-divider {
24939
- margin: 0 -16px;
25012
+ line-height: 1;
24940
25013
  }
24941
- .v-stepper-header .v-divider:last-child {
24942
- margin-inline-end: 0;
25014
+ .v-stepper--mobile .v-stepper-item__title {
25015
+ display: none;
24943
25016
  }
24944
- .v-stepper-header .v-divider:first-child {
24945
- margin-inline-start: 0;
25017
+
25018
+ .v-stepper-item__subtitle {
25019
+ font-size: 0.75rem;
25020
+ text-align: left;
25021
+ line-height: 1;
25022
+ opacity: var(--v-medium-emphasis-opacity);
24946
25023
  }
24947
- .v-stepper--alt-labels .v-stepper-header {
24948
- height: auto;
25024
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
25025
+ text-align: center;
24949
25026
  }
24950
- .v-stepper--alt-labels .v-stepper-header .v-divider {
24951
- align-self: flex-start;
24952
- margin: 35px -67px 0;
25027
+ .v-stepper--mobile .v-stepper-item__subtitle {
25028
+ display: none;
24953
25029
  }
24954
25030
 
24955
- .v-stepper-window {
24956
- margin: 1.5rem;
25031
+ .v-stepper-item__overlay {
25032
+ background-color: currentColor;
25033
+ border-radius: inherit;
25034
+ opacity: 0;
25035
+ transition: opacity 0.2s ease-in-out;
24957
25036
  }
24958
25037
 
24959
- .v-stepper-actions {
24960
- display: flex;
24961
- align-items: center;
24962
- justify-content: space-between;
24963
- padding: 1rem;
24964
- }
24965
- .v-stepper .v-stepper-actions {
24966
- padding: 0 1.5rem 1rem;
24967
- }
24968
- .v-stepper-window-item .v-stepper-actions {
24969
- padding: 1.5rem 0 0;
25038
+ .v-stepper-item__overlay,
25039
+ .v-stepper-item__underlay {
25040
+ position: absolute;
25041
+ top: 0;
25042
+ left: 0;
25043
+ width: 100%;
25044
+ height: 100%;
25045
+ pointer-events: none;
24970
25046
  }.v-speed-dial__content {
24971
25047
  gap: 8px;
24972
25048
  }
@@ -25254,6 +25330,43 @@ html.v-overlay-scroll-blocked {
25254
25330
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25255
25331
  margin-inline-end: 52px;
25256
25332
  }
25333
+ }.v-system-bar {
25334
+ align-items: center;
25335
+ display: flex;
25336
+ flex: 1 1 auto;
25337
+ height: 24px;
25338
+ justify-content: flex-end;
25339
+ max-width: 100%;
25340
+ padding-inline: 8px;
25341
+ position: relative;
25342
+ text-align: end;
25343
+ width: 100%;
25344
+ 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));
25345
+ background: rgba(var(--v-theme-surface-light));
25346
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25347
+ font-size: 0.75rem;
25348
+ font-weight: 400;
25349
+ letter-spacing: 0.0333333333em;
25350
+ line-height: 1.667;
25351
+ text-transform: none;
25352
+ }
25353
+ .v-system-bar .v-icon {
25354
+ opacity: var(--v-medium-emphasis-opacity);
25355
+ }
25356
+ .v-system-bar--absolute {
25357
+ position: absolute;
25358
+ }
25359
+ .v-system-bar--fixed {
25360
+ position: fixed;
25361
+ }
25362
+ .v-system-bar--rounded {
25363
+ border-radius: 0;
25364
+ }
25365
+ .v-system-bar--window {
25366
+ height: 32px;
25367
+ }
25368
+ .v-system-bar:not(.v-system-bar--absolute) {
25369
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25257
25370
  }.v-tab.v-tab.v-btn {
25258
25371
  height: var(--v-tabs-height);
25259
25372
  border-radius: 0;
@@ -25283,6 +25396,45 @@ html.v-overlay-scroll-blocked {
25283
25396
  top: 0;
25284
25397
  height: 100%;
25285
25398
  width: 2px;
25399
+ }.v-textarea .v-field {
25400
+ --v-textarea-control-height: var(--v-input-control-height);
25401
+ }
25402
+ .v-textarea .v-field__field {
25403
+ --v-input-control-height: var(--v-textarea-control-height);
25404
+ }
25405
+ .v-textarea .v-field__input {
25406
+ flex: 1 1 auto;
25407
+ outline: none;
25408
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25409
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25410
+ }
25411
+ .v-textarea .v-field__input.v-textarea__sizer {
25412
+ visibility: hidden;
25413
+ position: absolute;
25414
+ top: 0;
25415
+ left: 0;
25416
+ height: 0 !important;
25417
+ min-height: 0 !important;
25418
+ pointer-events: none;
25419
+ }
25420
+ .v-textarea--no-resize .v-field__input {
25421
+ resize: none;
25422
+ }
25423
+ .v-textarea .v-field--no-label textarea,
25424
+ .v-textarea .v-field--active textarea {
25425
+ opacity: 1;
25426
+ }
25427
+ .v-textarea textarea {
25428
+ opacity: 0;
25429
+ flex: 1;
25430
+ min-width: 0;
25431
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25432
+ }
25433
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25434
+ outline: none;
25435
+ }
25436
+ .v-textarea textarea:invalid {
25437
+ box-shadow: none;
25286
25438
  }/* region BLOCK */
25287
25439
  .v-text-field input {
25288
25440
  color: inherit;
@@ -25350,46 +25502,7 @@ html.v-overlay-scroll-blocked {
25350
25502
  padding-inline-end: var(--v-field-padding-end);
25351
25503
  }
25352
25504
 
25353
- /* endregion */.v-textarea .v-field {
25354
- --v-textarea-control-height: var(--v-input-control-height);
25355
- }
25356
- .v-textarea .v-field__field {
25357
- --v-input-control-height: var(--v-textarea-control-height);
25358
- }
25359
- .v-textarea .v-field__input {
25360
- flex: 1 1 auto;
25361
- outline: none;
25362
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25363
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25364
- }
25365
- .v-textarea .v-field__input.v-textarea__sizer {
25366
- visibility: hidden;
25367
- position: absolute;
25368
- top: 0;
25369
- left: 0;
25370
- height: 0 !important;
25371
- min-height: 0 !important;
25372
- pointer-events: none;
25373
- }
25374
- .v-textarea--no-resize .v-field__input {
25375
- resize: none;
25376
- }
25377
- .v-textarea .v-field--no-label textarea,
25378
- .v-textarea .v-field--active textarea {
25379
- opacity: 1;
25380
- }
25381
- .v-textarea textarea {
25382
- opacity: 0;
25383
- flex: 1;
25384
- min-width: 0;
25385
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25386
- }
25387
- .v-textarea textarea:focus, .v-textarea textarea:active {
25388
- outline: none;
25389
- }
25390
- .v-textarea textarea:invalid {
25391
- box-shadow: none;
25392
- }.v-table {
25505
+ /* endregion */.v-table {
25393
25506
  background: rgb(var(--v-theme-surface));
25394
25507
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25395
25508
  font-size: 0.875rem;
@@ -25527,43 +25640,6 @@ html.v-overlay-scroll-blocked {
25527
25640
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25528
25641
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25529
25642
  border-top: 0px !important;
25530
- }.v-system-bar {
25531
- align-items: center;
25532
- display: flex;
25533
- flex: 1 1 auto;
25534
- height: 24px;
25535
- justify-content: flex-end;
25536
- max-width: 100%;
25537
- padding-inline: 8px;
25538
- position: relative;
25539
- text-align: end;
25540
- width: 100%;
25541
- 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));
25542
- background: rgba(var(--v-theme-surface-light));
25543
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25544
- font-size: 0.75rem;
25545
- font-weight: 400;
25546
- letter-spacing: 0.0333333333em;
25547
- line-height: 1.667;
25548
- text-transform: none;
25549
- }
25550
- .v-system-bar .v-icon {
25551
- opacity: var(--v-medium-emphasis-opacity);
25552
- }
25553
- .v-system-bar--absolute {
25554
- position: absolute;
25555
- }
25556
- .v-system-bar--fixed {
25557
- position: fixed;
25558
- }
25559
- .v-system-bar--rounded {
25560
- border-radius: 0;
25561
- }
25562
- .v-system-bar--window {
25563
- height: 32px;
25564
- }
25565
- .v-system-bar:not(.v-system-bar--absolute) {
25566
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25567
25643
  }.v-timeline .v-timeline-divider__dot {
25568
25644
  background: rgb(var(--v-theme-surface-light));
25569
25645
  }
@@ -26134,15 +26210,6 @@ html.v-overlay-scroll-blocked {
26134
26210
  .v-tooltip > .v-overlay__content[class*=leave-active] {
26135
26211
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26136
26212
  transition-duration: 75ms;
26137
- }.v-virtual-scroll {
26138
- display: block;
26139
- flex: 1 1 auto;
26140
- max-width: 100%;
26141
- overflow: auto;
26142
- position: relative;
26143
- }
26144
- .v-virtual-scroll__container {
26145
- display: block;
26146
26213
  }.v-window {
26147
26214
  overflow: hidden;
26148
26215
  }
@@ -26213,28 +26280,15 @@ html.v-overlay-scroll-blocked {
26213
26280
  }
26214
26281
  .v-window-y-reverse-transition-leave-to {
26215
26282
  transform: translateY(100%);
26216
- }.v-color-picker-canvas {
26217
- display: flex;
26283
+ }.v-virtual-scroll {
26284
+ display: block;
26285
+ flex: 1 1 auto;
26286
+ max-width: 100%;
26287
+ overflow: auto;
26218
26288
  position: relative;
26219
- overflow: hidden;
26220
- contain: content;
26221
- touch-action: none;
26222
- }
26223
- .v-color-picker-canvas__dot {
26224
- position: absolute;
26225
- top: 0;
26226
- left: 0;
26227
- width: 15px;
26228
- height: 15px;
26229
- background: transparent;
26230
- border-radius: 50%;
26231
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26232
- }
26233
- .v-color-picker-canvas__dot--disabled {
26234
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26235
26289
  }
26236
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26237
- will-change: transform;
26290
+ .v-virtual-scroll__container {
26291
+ display: block;
26238
26292
  }.v-color-picker-edit {
26239
26293
  display: flex;
26240
26294
  margin-top: 24px;
@@ -26263,6 +26317,28 @@ html.v-overlay-scroll-blocked {
26263
26317
  }
26264
26318
  .v-color-picker-edit__input span {
26265
26319
  font-size: 0.75rem;
26320
+ }.v-color-picker-canvas {
26321
+ display: flex;
26322
+ position: relative;
26323
+ overflow: hidden;
26324
+ contain: content;
26325
+ touch-action: none;
26326
+ }
26327
+ .v-color-picker-canvas__dot {
26328
+ position: absolute;
26329
+ top: 0;
26330
+ left: 0;
26331
+ width: 15px;
26332
+ height: 15px;
26333
+ background: transparent;
26334
+ border-radius: 50%;
26335
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26336
+ }
26337
+ .v-color-picker-canvas__dot--disabled {
26338
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26339
+ }
26340
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26341
+ will-change: transform;
26266
26342
  }.v-color-picker-preview__alpha .v-slider-track__background {
26267
26343
  background-color: transparent !important;
26268
26344
  }