@vuetify/nightly 3.7.0-beta.1-dev.2024-08-01 → 3.7.0-beta.1-dev.2024-08-08

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.0-beta.1-dev.2024-08-01
2
+ * Vuetify v3.7.0-beta.1-dev.2024-08-08
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17978,107 +17978,6 @@ html.overflow-y-hidden {
17978
17978
  .v-ripple__animation--out {
17979
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17980
17980
  opacity: 0;
17981
- }.v-application {
17982
- display: flex;
17983
- background: rgb(var(--v-theme-background));
17984
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17985
- }
17986
-
17987
- .v-application__wrap {
17988
- -webkit-backface-visibility: hidden;
17989
- backface-visibility: hidden;
17990
- display: flex;
17991
- flex-direction: column;
17992
- flex: 1 1 auto;
17993
- max-width: 100%;
17994
- min-height: 100vh;
17995
- min-height: 100dvh;
17996
- position: relative;
17997
- }.v-autocomplete .v-field .v-text-field__prefix,
17998
- .v-autocomplete .v-field .v-text-field__suffix,
17999
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18000
- cursor: text;
18001
- }
18002
- .v-autocomplete .v-field .v-field__input > input {
18003
- flex: 1 1;
18004
- }
18005
- .v-autocomplete .v-field input {
18006
- min-width: 64px;
18007
- }
18008
- .v-autocomplete .v-field:not(.v-field--focused) input {
18009
- min-width: 0;
18010
- }
18011
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18012
- margin-inline-end: 2px;
18013
- }
18014
- .v-autocomplete .v-autocomplete__selection-text {
18015
- overflow: hidden;
18016
- text-overflow: ellipsis;
18017
- white-space: nowrap;
18018
- }
18019
-
18020
- .v-autocomplete__content {
18021
- overflow: hidden;
18022
- }
18023
- .v-autocomplete__content {
18024
- 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));
18025
- }
18026
- .v-autocomplete__content {
18027
- border-radius: 4px;
18028
- }
18029
- .v-autocomplete__mask {
18030
- background: rgb(var(--v-theme-surface-light));
18031
- }
18032
- .v-autocomplete__selection {
18033
- display: inline-flex;
18034
- align-items: center;
18035
- height: 1.5rem;
18036
- letter-spacing: inherit;
18037
- line-height: inherit;
18038
- max-width: calc(100% - 2px - 2px);
18039
- }
18040
- .v-autocomplete__selection:first-child {
18041
- margin-inline-start: 0;
18042
- }
18043
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18044
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18045
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18046
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18047
- top: 0px;
18048
- }
18049
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18050
- opacity: var(--v-medium-emphasis-opacity);
18051
- }
18052
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18053
- opacity: 1;
18054
- }
18055
- .v-autocomplete--selecting-index .v-field__input > input {
18056
- caret-color: transparent;
18057
- }
18058
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18059
- flex: 1 1;
18060
- position: absolute;
18061
- left: 0;
18062
- right: 0;
18063
- width: 100%;
18064
- padding-inline: inherit;
18065
- }
18066
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18067
- transition: none;
18068
- }
18069
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18070
- opacity: 0;
18071
- }
18072
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18073
- opacity: 0;
18074
- }
18075
- .v-autocomplete__menu-icon {
18076
- margin-inline-start: 4px;
18077
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18078
- }
18079
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18080
- opacity: var(--v-high-emphasis-opacity);
18081
- transform: rotate(180deg);
18082
17981
  }.v-app-bar {
18083
17982
  display: flex;
18084
17983
  }
@@ -18307,79 +18206,91 @@ html.overflow-y-hidden {
18307
18206
  text-transform: none;
18308
18207
  word-break: normal;
18309
18208
  word-wrap: break-word;
18310
- }.v-badge {
18311
- display: inline-block;
18312
- line-height: 1;
18209
+ }.v-autocomplete .v-field .v-text-field__prefix,
18210
+ .v-autocomplete .v-field .v-text-field__suffix,
18211
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18212
+ cursor: text;
18313
18213
  }
18314
-
18315
- .v-badge__badge {
18316
- align-items: center;
18317
- display: inline-flex;
18318
- border-radius: 10px;
18319
- font-size: 0.75rem;
18320
- font-weight: 500;
18321
- height: 1.25rem;
18322
- justify-content: center;
18323
- min-width: 20px;
18324
- padding: 4px 6px;
18325
- pointer-events: auto;
18326
- position: absolute;
18327
- text-align: center;
18328
- text-indent: 0;
18329
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18214
+ .v-autocomplete .v-field .v-field__input > input {
18215
+ flex: 1 1;
18216
+ }
18217
+ .v-autocomplete .v-field input {
18218
+ min-width: 64px;
18219
+ }
18220
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18221
+ min-width: 0;
18222
+ }
18223
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18224
+ margin-inline-end: 2px;
18225
+ }
18226
+ .v-autocomplete .v-autocomplete__selection-text {
18227
+ overflow: hidden;
18228
+ text-overflow: ellipsis;
18330
18229
  white-space: nowrap;
18331
18230
  }
18332
- .v-badge__badge {
18333
- background: rgb(var(--v-theme-surface-variant));
18334
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18231
+
18232
+ .v-autocomplete__content {
18233
+ overflow: hidden;
18335
18234
  }
18336
- .v-badge--bordered .v-badge__badge::after {
18337
- border-radius: inherit;
18338
- border-style: solid;
18339
- border-width: 2px;
18340
- bottom: 0;
18341
- color: rgb(var(--v-theme-background));
18342
- content: "";
18343
- left: 0;
18344
- position: absolute;
18345
- right: 0;
18346
- top: 0;
18347
- transform: scale(1.05);
18235
+ .v-autocomplete__content {
18236
+ 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));
18348
18237
  }
18349
- .v-badge--dot .v-badge__badge {
18350
- border-radius: 4.5px;
18351
- height: 9px;
18352
- min-width: 0;
18353
- padding: 0;
18354
- width: 9px;
18238
+ .v-autocomplete__content {
18239
+ border-radius: 4px;
18355
18240
  }
18356
- .v-badge--dot .v-badge__badge::after {
18357
- border-width: 1.5px;
18241
+ .v-autocomplete__mask {
18242
+ background: rgb(var(--v-theme-surface-light));
18358
18243
  }
18359
- .v-badge--inline .v-badge__badge {
18360
- position: relative;
18361
- vertical-align: middle;
18244
+ .v-autocomplete__selection {
18245
+ display: inline-flex;
18246
+ align-items: center;
18247
+ height: 1.5rem;
18248
+ letter-spacing: inherit;
18249
+ line-height: inherit;
18250
+ max-width: calc(100% - 2px - 2px);
18362
18251
  }
18363
- .v-badge__badge .v-icon {
18364
- color: inherit;
18365
- font-size: 0.75rem;
18366
- margin: 0 -2px;
18252
+ .v-autocomplete__selection:first-child {
18253
+ margin-inline-start: 0;
18367
18254
  }
18368
- .v-badge__badge img,
18369
- .v-badge__badge .v-img {
18370
- height: 100%;
18255
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18256
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18257
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18258
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18259
+ top: 0px;
18260
+ }
18261
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18262
+ opacity: var(--v-medium-emphasis-opacity);
18263
+ }
18264
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18265
+ opacity: 1;
18266
+ }
18267
+ .v-autocomplete--selecting-index .v-field__input > input {
18268
+ caret-color: transparent;
18269
+ }
18270
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18271
+ flex: 1 1;
18272
+ position: absolute;
18273
+ left: 0;
18274
+ right: 0;
18371
18275
  width: 100%;
18276
+ padding-inline: inherit;
18372
18277
  }
18373
-
18374
- .v-badge__wrapper {
18375
- display: flex;
18376
- position: relative;
18278
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18279
+ transition: none;
18377
18280
  }
18378
- .v-badge--inline .v-badge__wrapper {
18379
- align-items: center;
18380
- display: inline-flex;
18381
- justify-content: center;
18382
- margin: 0 4px;
18281
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18282
+ opacity: 0;
18283
+ }
18284
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18285
+ opacity: 0;
18286
+ }
18287
+ .v-autocomplete__menu-icon {
18288
+ margin-inline-start: 4px;
18289
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18290
+ }
18291
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18292
+ opacity: var(--v-high-emphasis-opacity);
18293
+ transform: rotate(180deg);
18383
18294
  }.v-avatar {
18384
18295
  flex: none;
18385
18296
  align-items: center;
@@ -18486,25 +18397,98 @@ html.overflow-y-hidden {
18486
18397
  .v-avatar .v-img {
18487
18398
  height: 100%;
18488
18399
  width: 100%;
18489
- }.v-banner {
18490
- display: grid;
18491
- flex: 1 1;
18492
- font-size: 0.875rem;
18493
- grid-template-areas: "prepend content actions";
18494
- grid-template-columns: max-content auto max-content;
18495
- grid-template-rows: max-content max-content;
18496
- line-height: 1.6;
18497
- overflow: hidden;
18498
- padding-inline: 16px 8px;
18499
- padding-top: 16px;
18500
- padding-bottom: 16px;
18501
- position: relative;
18502
- width: 100%;
18400
+ }.v-badge {
18401
+ display: inline-block;
18402
+ line-height: 1;
18503
18403
  }
18504
- .v-banner {
18505
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18506
- border-style: solid;
18507
- border-width: 0 0 thin 0;
18404
+
18405
+ .v-badge__badge {
18406
+ align-items: center;
18407
+ display: inline-flex;
18408
+ border-radius: 10px;
18409
+ font-size: 0.75rem;
18410
+ font-weight: 500;
18411
+ height: 1.25rem;
18412
+ justify-content: center;
18413
+ min-width: 20px;
18414
+ padding: 4px 6px;
18415
+ pointer-events: auto;
18416
+ position: absolute;
18417
+ text-align: center;
18418
+ text-indent: 0;
18419
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18420
+ white-space: nowrap;
18421
+ }
18422
+ .v-badge__badge {
18423
+ background: rgb(var(--v-theme-surface-variant));
18424
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18425
+ }
18426
+ .v-badge--bordered .v-badge__badge::after {
18427
+ border-radius: inherit;
18428
+ border-style: solid;
18429
+ border-width: 2px;
18430
+ bottom: 0;
18431
+ color: rgb(var(--v-theme-background));
18432
+ content: "";
18433
+ left: 0;
18434
+ position: absolute;
18435
+ right: 0;
18436
+ top: 0;
18437
+ transform: scale(1.05);
18438
+ }
18439
+ .v-badge--dot .v-badge__badge {
18440
+ border-radius: 4.5px;
18441
+ height: 9px;
18442
+ min-width: 0;
18443
+ padding: 0;
18444
+ width: 9px;
18445
+ }
18446
+ .v-badge--dot .v-badge__badge::after {
18447
+ border-width: 1.5px;
18448
+ }
18449
+ .v-badge--inline .v-badge__badge {
18450
+ position: relative;
18451
+ vertical-align: middle;
18452
+ }
18453
+ .v-badge__badge .v-icon {
18454
+ color: inherit;
18455
+ font-size: 0.75rem;
18456
+ margin: 0 -2px;
18457
+ }
18458
+ .v-badge__badge img,
18459
+ .v-badge__badge .v-img {
18460
+ height: 100%;
18461
+ width: 100%;
18462
+ }
18463
+
18464
+ .v-badge__wrapper {
18465
+ display: flex;
18466
+ position: relative;
18467
+ }
18468
+ .v-badge--inline .v-badge__wrapper {
18469
+ align-items: center;
18470
+ display: inline-flex;
18471
+ justify-content: center;
18472
+ margin: 0 4px;
18473
+ }.v-banner {
18474
+ display: grid;
18475
+ flex: 1 1;
18476
+ font-size: 0.875rem;
18477
+ grid-template-areas: "prepend content actions";
18478
+ grid-template-columns: max-content auto max-content;
18479
+ grid-template-rows: max-content max-content;
18480
+ line-height: 1.6;
18481
+ overflow: hidden;
18482
+ padding-inline: 16px 8px;
18483
+ padding-top: 16px;
18484
+ padding-bottom: 16px;
18485
+ position: relative;
18486
+ width: 100%;
18487
+ }
18488
+ .v-banner {
18489
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18490
+ border-style: solid;
18491
+ border-width: 0 0 thin 0;
18508
18492
  }
18509
18493
  .v-banner--border {
18510
18494
  border-width: thin;
@@ -18715,6 +18699,40 @@ html.overflow-y-hidden {
18715
18699
  }
18716
18700
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18717
18701
  transform: translateY(0.5rem);
18702
+ }.bottom-sheet-transition-enter-from {
18703
+ transform: translateY(100%);
18704
+ }
18705
+ .bottom-sheet-transition-leave-to {
18706
+ transform: translateY(100%);
18707
+ }
18708
+
18709
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18710
+ align-self: flex-end;
18711
+ border-radius: 0;
18712
+ flex: 0 1 auto;
18713
+ left: 0;
18714
+ right: 0;
18715
+ margin-inline: 0;
18716
+ margin-bottom: 0;
18717
+ transition-duration: 0.2s;
18718
+ width: 100%;
18719
+ max-width: 100%;
18720
+ overflow: visible;
18721
+ }
18722
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18723
+ 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));
18724
+ }
18725
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18726
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18727
+ border-radius: 0;
18728
+ }
18729
+ .v-bottom-sheet.v-bottom-sheet--inset {
18730
+ max-width: none;
18731
+ }
18732
+ @media (min-width: 600px) {
18733
+ .v-bottom-sheet.v-bottom-sheet--inset {
18734
+ max-width: 70%;
18735
+ }
18718
18736
  }.v-breadcrumbs {
18719
18737
  display: flex;
18720
18738
  align-items: center;
@@ -18772,104 +18790,6 @@ html.overflow-y-hidden {
18772
18790
  display: inline-block;
18773
18791
  padding: 0 8px;
18774
18792
  vertical-align: middle;
18775
- }.bottom-sheet-transition-enter-from {
18776
- transform: translateY(100%);
18777
- }
18778
- .bottom-sheet-transition-leave-to {
18779
- transform: translateY(100%);
18780
- }
18781
-
18782
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18783
- align-self: flex-end;
18784
- border-radius: 0;
18785
- flex: 0 1 auto;
18786
- left: 0;
18787
- right: 0;
18788
- margin-inline: 0;
18789
- margin-bottom: 0;
18790
- transition-duration: 0.2s;
18791
- width: 100%;
18792
- max-width: 100%;
18793
- overflow: visible;
18794
- }
18795
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18796
- 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));
18797
- }
18798
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18799
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18800
- border-radius: 0;
18801
- }
18802
- .v-bottom-sheet.v-bottom-sheet--inset {
18803
- max-width: none;
18804
- }
18805
- @media (min-width: 600px) {
18806
- .v-bottom-sheet.v-bottom-sheet--inset {
18807
- max-width: 70%;
18808
- }
18809
- }.v-btn-group {
18810
- display: inline-flex;
18811
- flex-wrap: nowrap;
18812
- max-width: 100%;
18813
- min-width: 0;
18814
- overflow: hidden;
18815
- vertical-align: middle;
18816
- }
18817
- .v-btn-group {
18818
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18819
- border-style: solid;
18820
- border-width: 0;
18821
- }
18822
- .v-btn-group--border {
18823
- border-width: thin;
18824
- box-shadow: none;
18825
- }
18826
- .v-btn-group {
18827
- 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));
18828
- }
18829
- .v-btn-group {
18830
- border-radius: 4px;
18831
- }
18832
- .v-btn-group {
18833
- background: transparent;
18834
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18835
- }
18836
- .v-btn-group--density-default.v-btn-group {
18837
- height: 48px;
18838
- }
18839
-
18840
- .v-btn-group--density-comfortable.v-btn-group {
18841
- height: 40px;
18842
- }
18843
-
18844
- .v-btn-group--density-compact.v-btn-group {
18845
- height: 36px;
18846
- }
18847
-
18848
- .v-btn-group .v-btn {
18849
- border-radius: 0;
18850
- border-color: inherit;
18851
- }
18852
- .v-btn-group .v-btn:not(:last-child) {
18853
- border-inline-end: none;
18854
- }
18855
- .v-btn-group .v-btn:not(:first-child) {
18856
- border-inline-start: none;
18857
- }
18858
- .v-btn-group .v-btn:first-child {
18859
- border-start-start-radius: inherit;
18860
- border-end-start-radius: inherit;
18861
- }
18862
- .v-btn-group .v-btn:last-child {
18863
- border-start-end-radius: inherit;
18864
- border-end-end-radius: inherit;
18865
- }
18866
- .v-btn-group--divided .v-btn:not(:last-child) {
18867
- border-inline-end-width: thin;
18868
- border-inline-end-style: solid;
18869
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18870
- }
18871
- .v-btn-group--tile {
18872
- border-radius: 0;
18873
18793
  }.v-btn {
18874
18794
  align-items: center;
18875
18795
  border-radius: 4px;
@@ -19298,43 +19218,107 @@ html.overflow-y-hidden {
19298
19218
  }
19299
19219
  .v-pagination__item--is-active .v-btn__overlay {
19300
19220
  opacity: var(--v-border-opacity);
19301
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19302
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19303
- }
19304
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19305
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19306
- }
19307
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19308
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19309
- }
19310
- @supports not selector(:focus-visible) {
19311
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19312
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19313
- }
19314
- }.v-card {
19315
- display: block;
19221
+ }.v-btn-group {
19222
+ display: inline-flex;
19223
+ flex-wrap: nowrap;
19224
+ max-width: 100%;
19225
+ min-width: 0;
19316
19226
  overflow: hidden;
19317
- overflow-wrap: break-word;
19318
- position: relative;
19319
- padding: 0;
19320
- text-decoration: none;
19321
- transition-duration: 0.28s;
19322
- transition-property: box-shadow, opacity, background;
19323
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19324
- z-index: 0;
19227
+ vertical-align: middle;
19325
19228
  }
19326
- .v-card {
19229
+ .v-btn-group {
19327
19230
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19328
19231
  border-style: solid;
19329
19232
  border-width: 0;
19330
19233
  }
19331
- .v-card--border {
19234
+ .v-btn-group--border {
19332
19235
  border-width: thin;
19333
19236
  box-shadow: none;
19334
19237
  }
19335
- .v-card--absolute {
19336
- position: absolute;
19337
- }
19238
+ .v-btn-group {
19239
+ 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));
19240
+ }
19241
+ .v-btn-group {
19242
+ border-radius: 4px;
19243
+ }
19244
+ .v-btn-group {
19245
+ background: transparent;
19246
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19247
+ }
19248
+ .v-btn-group--density-default.v-btn-group {
19249
+ height: 48px;
19250
+ }
19251
+
19252
+ .v-btn-group--density-comfortable.v-btn-group {
19253
+ height: 40px;
19254
+ }
19255
+
19256
+ .v-btn-group--density-compact.v-btn-group {
19257
+ height: 36px;
19258
+ }
19259
+
19260
+ .v-btn-group .v-btn {
19261
+ border-radius: 0;
19262
+ border-color: inherit;
19263
+ }
19264
+ .v-btn-group .v-btn:not(:last-child) {
19265
+ border-inline-end: none;
19266
+ }
19267
+ .v-btn-group .v-btn:not(:first-child) {
19268
+ border-inline-start: none;
19269
+ }
19270
+ .v-btn-group .v-btn:first-child {
19271
+ border-start-start-radius: inherit;
19272
+ border-end-start-radius: inherit;
19273
+ }
19274
+ .v-btn-group .v-btn:last-child {
19275
+ border-start-end-radius: inherit;
19276
+ border-end-end-radius: inherit;
19277
+ }
19278
+ .v-btn-group--divided .v-btn:not(:last-child) {
19279
+ border-inline-end-width: thin;
19280
+ border-inline-end-style: solid;
19281
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19282
+ }
19283
+ .v-btn-group--tile {
19284
+ border-radius: 0;
19285
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19286
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19287
+ }
19288
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19289
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19290
+ }
19291
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19292
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19293
+ }
19294
+ @supports not selector(:focus-visible) {
19295
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19296
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19297
+ }
19298
+ }.v-card {
19299
+ display: block;
19300
+ overflow: hidden;
19301
+ overflow-wrap: break-word;
19302
+ position: relative;
19303
+ padding: 0;
19304
+ text-decoration: none;
19305
+ transition-duration: 0.28s;
19306
+ transition-property: box-shadow, opacity, background;
19307
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19308
+ z-index: 0;
19309
+ }
19310
+ .v-card {
19311
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19312
+ border-style: solid;
19313
+ border-width: 0;
19314
+ }
19315
+ .v-card--border {
19316
+ border-width: thin;
19317
+ box-shadow: none;
19318
+ }
19319
+ .v-card--absolute {
19320
+ position: absolute;
19321
+ }
19338
19322
  .v-card--fixed {
19339
19323
  position: fixed;
19340
19324
  }
@@ -20236,435 +20220,435 @@ html.overflow-y-hidden {
20236
20220
  flex: 0 1 auto;
20237
20221
  font-size: 12px;
20238
20222
  transition-duration: 150ms;
20239
- }.v-data-table {
20240
- width: 100%;
20223
+ }.v-date-picker-header {
20224
+ align-items: flex-end;
20225
+ height: 70px;
20226
+ display: grid;
20227
+ grid-template-areas: "prepend content append";
20228
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20229
+ overflow: hidden;
20230
+ padding-inline: 24px 12px;
20231
+ padding-bottom: 12px;
20241
20232
  }
20242
20233
 
20243
- .v-data-table__table {
20244
- width: 100%;
20245
- border-collapse: separate;
20246
- border-spacing: 0;
20234
+ .v-date-picker-header__append {
20235
+ grid-area: append;
20247
20236
  }
20248
20237
 
20249
- .v-data-table__tr--focus {
20250
- border: 1px dotted black;
20238
+ .v-date-picker-header__prepend {
20239
+ grid-area: prepend;
20240
+ padding-inline-start: 8px;
20251
20241
  }
20252
- .v-data-table__tr--clickable {
20242
+
20243
+ .v-date-picker-header__content {
20244
+ align-items: center;
20245
+ display: inline-flex;
20246
+ font-size: 32px;
20247
+ line-height: 40px;
20248
+ grid-area: content;
20249
+ justify-content: space-between;
20250
+ }
20251
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20253
20252
  cursor: pointer;
20254
20253
  }
20254
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20255
+ opacity: 0.7;
20256
+ }
20255
20257
 
20256
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20257
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20258
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20259
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20260
- text-align: end;
20258
+ .date-picker-header-transition-enter-active,
20259
+ .date-picker-header-reverse-transition-enter-active {
20260
+ transition-duration: 0.3s;
20261
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20261
20262
  }
20262
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20263
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20264
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20265
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20266
- flex-direction: row-reverse;
20263
+ .date-picker-header-transition-leave-active,
20264
+ .date-picker-header-reverse-transition-leave-active {
20265
+ transition-duration: 0.3s;
20266
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20267
20267
  }
20268
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20269
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20270
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20271
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20272
- text-align: center;
20268
+
20269
+ .date-picker-header-transition-enter-from {
20270
+ transform: translate(0, 100%);
20273
20271
  }
20274
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20275
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20276
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20277
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20278
- justify-content: center;
20272
+ .date-picker-header-transition-leave-to {
20273
+ opacity: 0;
20274
+ transform: translate(0, -100%);
20279
20275
  }
20280
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20281
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20282
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20283
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20284
- padding: 0 8px;
20276
+
20277
+ .date-picker-header-reverse-transition-enter-from {
20278
+ transform: translate(0, -100%);
20285
20279
  }
20286
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20287
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20288
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20289
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20290
- text-overflow: ellipsis;
20291
- text-wrap: nowrap;
20280
+ .date-picker-header-reverse-transition-leave-to {
20281
+ opacity: 0;
20282
+ transform: translate(0, 100%);
20283
+ }.v-date-picker {
20292
20284
  overflow: hidden;
20285
+ width: 328px;
20293
20286
  }
20294
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20295
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20296
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20297
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20298
- display: contents;
20299
- }
20300
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20301
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20287
+ .v-date-picker--show-week {
20288
+ width: 368px;
20289
+ }.v-date-picker-controls {
20290
+ display: flex;
20302
20291
  align-items: center;
20292
+ justify-content: space-between;
20293
+ font-size: 0.875rem;
20294
+ padding-top: 4px;
20295
+ padding-bottom: 4px;
20296
+ padding-inline-start: 6px;
20297
+ padding-inline-end: 12px;
20303
20298
  }
20304
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20305
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20306
- position: sticky;
20299
+ .v-date-picker-controls > .v-btn:first-child {
20300
+ text-transform: none;
20301
+ font-weight: 400;
20302
+ line-height: initial;
20303
+ letter-spacing: initial;
20307
20304
  }
20308
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20309
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20310
- cursor: pointer;
20311
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20305
+ .v-date-picker-controls--variant-classic {
20306
+ padding-inline-start: 12px;
20312
20307
  }
20313
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20314
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20315
- opacity: 0;
20308
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20309
+ opacity: 0.7;
20316
20310
  }
20317
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20318
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20319
- opacity: 0.5;
20311
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20312
+ cursor: pointer;
20320
20313
  }
20321
- .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
20322
- .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
20323
- height: -moz-fit-content;
20324
- height: fit-content;
20314
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20315
+ opacity: 1;
20325
20316
  }
20326
-
20327
- .v-data-table-column--fixed,
20328
- .v-data-table__th--sticky {
20329
- background: rgb(var(--v-theme-surface));
20330
- position: sticky !important;
20331
- left: 0;
20332
- z-index: 1;
20317
+ .v-date-picker-controls .v-btn:last-child {
20318
+ margin-inline-start: 4px;
20333
20319
  }
20334
-
20335
- .v-data-table-column--last-fixed {
20336
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20320
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20321
+ transform: rotate(180deg);
20337
20322
  }
20338
20323
 
20339
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20340
- z-index: 2;
20324
+ .v-date-picker-controls__date {
20325
+ margin-inline-end: 4px;
20326
+ }
20327
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20328
+ margin: auto;
20329
+ text-align: center;
20341
20330
  }
20342
20331
 
20343
- .v-data-table-group-header-row td {
20344
- background: rgba(var(--v-theme-surface));
20345
- color: rgba(var(--v-theme-on-surface));
20332
+ .v-date-picker-controls__month {
20333
+ display: flex;
20346
20334
  }
20347
- .v-data-table-group-header-row td > span {
20348
- padding-left: 5px;
20335
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20336
+ flex-direction: row-reverse;
20349
20337
  }
20350
20338
 
20351
- .v-data-table--loading .v-data-table__td {
20352
- opacity: var(--v-disabled-opacity);
20339
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20340
+ flex: 1 0 auto;
20353
20341
  }
20354
20342
 
20355
- .v-data-table-group-header-row__column {
20356
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20343
+ .v-date-picker__title {
20344
+ display: inline-block;
20345
+ }.v-date-picker-months {
20346
+ height: 288px;
20357
20347
  }
20358
20348
 
20359
- .v-data-table-header__content {
20360
- display: flex;
20349
+ .v-date-picker-months__content {
20361
20350
  align-items: center;
20351
+ display: grid;
20352
+ flex: 1 1;
20353
+ height: inherit;
20354
+ justify-content: space-around;
20355
+ grid-template-columns: repeat(2, 1fr);
20356
+ grid-gap: 0px 24px;
20357
+ padding-inline-start: 36px;
20358
+ padding-inline-end: 36px;
20362
20359
  }
20363
-
20364
- .v-data-table-header__sort-badge {
20365
- display: inline-flex;
20360
+ .v-date-picker-months__content .v-btn {
20361
+ text-transform: none;
20362
+ padding-inline-start: 8px;
20363
+ padding-inline-end: 8px;
20364
+ }.v-date-picker-month {
20365
+ display: flex;
20366
20366
  justify-content: center;
20367
- align-items: center;
20368
- font-size: 0.875rem;
20369
- padding: 4px;
20370
- border-radius: 50%;
20371
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20372
- min-width: 20px;
20373
- min-height: 20px;
20374
- width: 20px;
20375
- height: 20px;
20376
- }
20377
-
20378
- .v-data-table-progress > th {
20379
- border: none !important;
20380
- height: auto !important;
20381
- padding: 0 !important;
20382
- }
20383
-
20384
- .v-data-table-progress__loader {
20385
- position: relative;
20386
- }
20387
-
20388
- .v-data-table-rows-loading,
20389
- .v-data-table-rows-no-data {
20390
- text-align: center;
20367
+ padding: 0 12px 8px;
20368
+ --v-date-picker-month-day-diff: 4px;
20391
20369
  }
20392
20370
 
20393
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20394
- grid-template-columns: 0;
20395
- justify-content: center;
20396
- }
20397
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20398
- grid-template-columns: 0;
20399
- justify-content: end;
20400
- }
20401
- .v-data-table__tr--mobile > td {
20402
- align-items: center;
20403
- column-gap: 4px;
20371
+ .v-date-picker-month__weeks {
20404
20372
  display: grid;
20405
- grid-template-columns: repeat(2, 1fr);
20406
- min-height: var(--v-table-row-height);
20373
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20374
+ column-gap: 4px;
20375
+ font-size: 0.85rem;
20407
20376
  }
20408
- .v-data-table__tr--mobile > td:not(:last-child) {
20409
- border-bottom: 0 !important;
20377
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20378
+ grid-row-gap: 0;
20410
20379
  }
20411
20380
 
20412
- .v-data-table__td-title {
20413
- font-weight: 500;
20414
- text-align: left;
20381
+ .v-date-picker-month__weekday {
20382
+ font-size: 0.85rem;
20415
20383
  }
20416
20384
 
20417
- .v-data-table__td-value {
20418
- text-align: right;
20385
+ .v-date-picker-month__days {
20386
+ display: grid;
20387
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20388
+ column-gap: 4px;
20389
+ flex: 1 1;
20390
+ justify-content: space-around;
20419
20391
  }
20420
20392
 
20421
- .v-data-table__td-sort-icon {
20422
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20423
- }
20424
- .v-data-table__td-sort-icon-active {
20425
- color: rgba(var(--v-theme-on-surface));
20426
- }.v-data-table-footer {
20427
- align-items: center;
20428
- display: flex;
20429
- flex-wrap: wrap;
20430
- justify-content: flex-end;
20431
- padding: 8px 4px;
20432
- }
20433
- .v-data-table-footer__items-per-page {
20393
+ .v-date-picker-month__day {
20434
20394
  align-items: center;
20435
20395
  display: flex;
20436
20396
  justify-content: center;
20397
+ position: relative;
20398
+ height: 40px;
20399
+ width: 40px;
20437
20400
  }
20438
- .v-data-table-footer__items-per-page > span {
20439
- padding-inline-end: 8px;
20401
+ .v-date-picker-month__day--selected .v-btn {
20402
+ background-color: rgb(var(--v-theme-surface-variant));
20403
+ color: rgb(var(--v-theme-on-surface-variant));
20440
20404
  }
20441
- .v-data-table-footer__items-per-page > .v-select {
20442
- width: 90px;
20405
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20406
+ --v-btn-height: 24px;
20407
+ --v-btn-size: 0.85rem;
20443
20408
  }
20444
- .v-data-table-footer__info {
20445
- display: flex;
20446
- justify-content: flex-end;
20447
- min-width: 116px;
20448
- padding: 0 16px;
20409
+ .v-date-picker-month__day--week {
20410
+ font-size: var(--v-btn-size);
20449
20411
  }
20450
- .v-data-table-footer__paginationz {
20451
- align-items: center;
20452
- display: flex;
20453
- margin-inline-start: 16px;
20412
+
20413
+ .v-date-picker-month__day--adjacent {
20414
+ opacity: 0.5;
20454
20415
  }
20455
- .v-data-table-footer__page {
20456
- padding: 0 8px;
20457
- }.v-date-picker {
20458
- overflow: hidden;
20459
- width: 328px;
20416
+
20417
+ .v-date-picker-month__day--hide-adjacent {
20418
+ opacity: 0;
20419
+ }.v-date-picker-years {
20420
+ height: 288px;
20421
+ overflow-y: scroll;
20460
20422
  }
20461
- .v-date-picker--show-week {
20462
- width: 368px;
20463
- }.v-date-picker-header {
20464
- align-items: flex-end;
20465
- height: 70px;
20423
+
20424
+ .v-date-picker-years__content {
20466
20425
  display: grid;
20467
- grid-template-areas: "prepend content append";
20468
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20469
- overflow: hidden;
20470
- padding-inline: 24px 12px;
20471
- padding-bottom: 12px;
20426
+ flex: 1 1;
20427
+ justify-content: space-around;
20428
+ grid-template-columns: repeat(3, 1fr);
20429
+ gap: 8px 24px;
20430
+ padding-inline: 32px;
20472
20431
  }
20473
-
20474
- .v-date-picker-header__append {
20475
- grid-area: append;
20432
+ .v-date-picker-years__content .v-btn {
20433
+ padding-inline: 8px;
20434
+ }.v-data-table {
20435
+ width: 100%;
20476
20436
  }
20477
20437
 
20478
- .v-date-picker-header__prepend {
20479
- grid-area: prepend;
20480
- padding-inline-start: 8px;
20438
+ .v-data-table__table {
20439
+ width: 100%;
20440
+ border-collapse: separate;
20441
+ border-spacing: 0;
20481
20442
  }
20482
20443
 
20483
- .v-date-picker-header__content {
20484
- align-items: center;
20485
- display: inline-flex;
20486
- font-size: 32px;
20487
- line-height: 40px;
20488
- grid-area: content;
20489
- justify-content: space-between;
20444
+ .v-data-table__tr--focus {
20445
+ border: 1px dotted black;
20490
20446
  }
20491
- .v-date-picker-header--clickable .v-date-picker-header__content {
20447
+ .v-data-table__tr--clickable {
20492
20448
  cursor: pointer;
20493
20449
  }
20494
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20495
- opacity: 0.7;
20496
- }
20497
20450
 
20498
- .date-picker-header-transition-enter-active,
20499
- .date-picker-header-reverse-transition-enter-active {
20500
- transition-duration: 0.3s;
20501
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20451
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20452
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20453
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20454
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20455
+ text-align: end;
20502
20456
  }
20503
- .date-picker-header-transition-leave-active,
20504
- .date-picker-header-reverse-transition-leave-active {
20505
- transition-duration: 0.3s;
20506
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20457
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20458
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20459
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20460
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20461
+ flex-direction: row-reverse;
20507
20462
  }
20508
-
20509
- .date-picker-header-transition-enter-from {
20510
- transform: translate(0, 100%);
20463
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20464
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20465
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20466
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20467
+ text-align: center;
20511
20468
  }
20512
- .date-picker-header-transition-leave-to {
20513
- opacity: 0;
20514
- transform: translate(0, -100%);
20469
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20470
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20471
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20472
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20473
+ justify-content: center;
20515
20474
  }
20516
-
20517
- .date-picker-header-reverse-transition-enter-from {
20518
- transform: translate(0, -100%);
20475
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20476
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20477
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20478
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20479
+ padding: 0 8px;
20519
20480
  }
20520
- .date-picker-header-reverse-transition-leave-to {
20521
- opacity: 0;
20522
- transform: translate(0, 100%);
20523
- }.v-date-picker-controls {
20524
- display: flex;
20525
- align-items: center;
20526
- justify-content: space-between;
20527
- font-size: 0.875rem;
20528
- padding-top: 4px;
20529
- padding-bottom: 4px;
20530
- padding-inline-start: 6px;
20531
- padding-inline-end: 12px;
20481
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20482
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20483
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20484
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20485
+ text-overflow: ellipsis;
20486
+ text-wrap: nowrap;
20487
+ overflow: hidden;
20532
20488
  }
20533
- .v-date-picker-controls > .v-btn:first-child {
20534
- text-transform: none;
20535
- font-weight: 400;
20536
- line-height: initial;
20537
- letter-spacing: initial;
20489
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20490
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20491
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20492
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20493
+ display: contents;
20538
20494
  }
20539
- .v-date-picker-controls--variant-classic {
20540
- padding-inline-start: 12px;
20495
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
20496
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
20497
+ align-items: center;
20541
20498
  }
20542
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20543
- opacity: 0.7;
20499
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20500
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20501
+ position: sticky;
20544
20502
  }
20545
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20503
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20504
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20546
20505
  cursor: pointer;
20506
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20547
20507
  }
20548
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20549
- opacity: 1;
20508
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20509
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20510
+ opacity: 0;
20550
20511
  }
20551
- .v-date-picker-controls .v-btn:last-child {
20552
- margin-inline-start: 4px;
20512
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20513
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20514
+ opacity: 0.5;
20553
20515
  }
20554
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20555
- transform: rotate(180deg);
20516
+ .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
20517
+ .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
20518
+ height: -moz-fit-content;
20519
+ height: fit-content;
20556
20520
  }
20557
20521
 
20558
- .v-date-picker-controls__date {
20559
- margin-inline-end: 4px;
20522
+ .v-data-table-column--fixed,
20523
+ .v-data-table__th--sticky {
20524
+ background: rgb(var(--v-theme-surface));
20525
+ position: sticky !important;
20526
+ left: 0;
20527
+ z-index: 1;
20560
20528
  }
20561
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20562
- margin: auto;
20563
- text-align: center;
20529
+
20530
+ .v-data-table-column--last-fixed {
20531
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20564
20532
  }
20565
20533
 
20566
- .v-date-picker-controls__month {
20567
- display: flex;
20534
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20535
+ z-index: 2;
20568
20536
  }
20569
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20570
- flex-direction: row-reverse;
20537
+
20538
+ .v-data-table-group-header-row td {
20539
+ background: rgba(var(--v-theme-surface));
20540
+ color: rgba(var(--v-theme-on-surface));
20541
+ }
20542
+ .v-data-table-group-header-row td > span {
20543
+ padding-left: 5px;
20571
20544
  }
20572
20545
 
20573
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20574
- flex: 1 0 auto;
20546
+ .v-data-table--loading .v-data-table__td {
20547
+ opacity: var(--v-disabled-opacity);
20575
20548
  }
20576
20549
 
20577
- .v-date-picker__title {
20578
- display: inline-block;
20579
- }.v-date-picker-month {
20550
+ .v-data-table-group-header-row__column {
20551
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20552
+ }
20553
+
20554
+ .v-data-table-header__content {
20580
20555
  display: flex;
20581
- justify-content: center;
20582
- padding: 0 12px 8px;
20583
- --v-date-picker-month-day-diff: 4px;
20556
+ align-items: center;
20584
20557
  }
20585
20558
 
20586
- .v-date-picker-month__weeks {
20587
- display: grid;
20588
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20589
- column-gap: 4px;
20590
- font-size: 0.85rem;
20559
+ .v-data-table-header__sort-badge {
20560
+ display: inline-flex;
20561
+ justify-content: center;
20562
+ align-items: center;
20563
+ font-size: 0.875rem;
20564
+ padding: 4px;
20565
+ border-radius: 50%;
20566
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20567
+ min-width: 20px;
20568
+ min-height: 20px;
20569
+ width: 20px;
20570
+ height: 20px;
20591
20571
  }
20592
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20593
- grid-row-gap: 0;
20572
+
20573
+ .v-data-table-progress > th {
20574
+ border: none !important;
20575
+ height: auto !important;
20576
+ padding: 0 !important;
20594
20577
  }
20595
20578
 
20596
- .v-date-picker-month__weekday {
20597
- font-size: 0.85rem;
20579
+ .v-data-table-progress__loader {
20580
+ position: relative;
20598
20581
  }
20599
20582
 
20600
- .v-date-picker-month__days {
20601
- display: grid;
20602
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20603
- column-gap: 4px;
20604
- flex: 1 1;
20605
- justify-content: space-around;
20583
+ .v-data-table-rows-loading,
20584
+ .v-data-table-rows-no-data {
20585
+ text-align: center;
20606
20586
  }
20607
20587
 
20608
- .v-date-picker-month__day {
20609
- align-items: center;
20610
- display: flex;
20588
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20589
+ grid-template-columns: 0;
20611
20590
  justify-content: center;
20612
- position: relative;
20613
- height: 40px;
20614
- width: 40px;
20615
20591
  }
20616
- .v-date-picker-month__day--selected .v-btn {
20617
- background-color: rgb(var(--v-theme-surface-variant));
20618
- color: rgb(var(--v-theme-on-surface-variant));
20592
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
20593
+ grid-template-columns: 0;
20594
+ justify-content: end;
20619
20595
  }
20620
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20621
- --v-btn-height: 24px;
20622
- --v-btn-size: 0.85rem;
20596
+ .v-data-table__tr--mobile > td {
20597
+ align-items: center;
20598
+ column-gap: 4px;
20599
+ display: grid;
20600
+ grid-template-columns: repeat(2, 1fr);
20601
+ min-height: var(--v-table-row-height);
20623
20602
  }
20624
- .v-date-picker-month__day--week {
20625
- font-size: var(--v-btn-size);
20603
+ .v-data-table__tr--mobile > td:not(:last-child) {
20604
+ border-bottom: 0 !important;
20626
20605
  }
20627
20606
 
20628
- .v-date-picker-month__day--adjacent {
20629
- opacity: 0.5;
20607
+ .v-data-table__td-title {
20608
+ font-weight: 500;
20609
+ text-align: left;
20630
20610
  }
20631
20611
 
20632
- .v-date-picker-month__day--hide-adjacent {
20633
- opacity: 0;
20634
- }.v-date-picker-years {
20635
- height: 288px;
20636
- overflow-y: scroll;
20612
+ .v-data-table__td-value {
20613
+ text-align: right;
20637
20614
  }
20638
20615
 
20639
- .v-date-picker-years__content {
20640
- display: grid;
20641
- flex: 1 1;
20642
- justify-content: space-around;
20643
- grid-template-columns: repeat(3, 1fr);
20644
- gap: 8px 24px;
20645
- padding-inline: 32px;
20616
+ .v-data-table__td-sort-icon {
20617
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20646
20618
  }
20647
- .v-date-picker-years__content .v-btn {
20648
- padding-inline: 8px;
20649
- }.v-date-picker-months {
20650
- height: 288px;
20619
+ .v-data-table__td-sort-icon-active {
20620
+ color: rgba(var(--v-theme-on-surface));
20621
+ }.v-data-table-footer {
20622
+ align-items: center;
20623
+ display: flex;
20624
+ flex-wrap: wrap;
20625
+ justify-content: flex-end;
20626
+ padding: 8px 4px;
20651
20627
  }
20652
-
20653
- .v-date-picker-months__content {
20628
+ .v-data-table-footer__items-per-page {
20654
20629
  align-items: center;
20655
- display: grid;
20656
- flex: 1 1;
20657
- height: inherit;
20658
- justify-content: space-around;
20659
- grid-template-columns: repeat(2, 1fr);
20660
- grid-gap: 0px 24px;
20661
- padding-inline-start: 36px;
20662
- padding-inline-end: 36px;
20630
+ display: flex;
20631
+ justify-content: center;
20663
20632
  }
20664
- .v-date-picker-months__content .v-btn {
20665
- text-transform: none;
20666
- padding-inline-start: 8px;
20633
+ .v-data-table-footer__items-per-page > span {
20667
20634
  padding-inline-end: 8px;
20635
+ }
20636
+ .v-data-table-footer__items-per-page > .v-select {
20637
+ width: 90px;
20638
+ }
20639
+ .v-data-table-footer__info {
20640
+ display: flex;
20641
+ justify-content: flex-end;
20642
+ min-width: 116px;
20643
+ padding: 0 16px;
20644
+ }
20645
+ .v-data-table-footer__paginationz {
20646
+ align-items: center;
20647
+ display: flex;
20648
+ margin-inline-start: 16px;
20649
+ }
20650
+ .v-data-table-footer__page {
20651
+ padding: 0 8px;
20668
20652
  }.v-dialog {
20669
20653
  align-items: center;
20670
20654
  justify-content: center;
@@ -20762,6 +20746,58 @@ html.overflow-y-hidden {
20762
20746
  -webkit-backface-visibility: hidden;
20763
20747
  backface-visibility: hidden;
20764
20748
  overflow-y: auto;
20749
+ }.v-divider {
20750
+ display: block;
20751
+ flex: 1 1 100%;
20752
+ height: 0px;
20753
+ max-height: 0px;
20754
+ opacity: var(--v-border-opacity);
20755
+ transition: inherit;
20756
+ }
20757
+ .v-divider {
20758
+ border-style: solid;
20759
+ border-width: thin 0 0 0;
20760
+ }
20761
+ .v-divider--vertical {
20762
+ align-self: stretch;
20763
+ border-width: 0 thin 0 0;
20764
+ display: inline-flex;
20765
+ height: auto;
20766
+ margin-left: -1px;
20767
+ max-height: 100%;
20768
+ max-width: 0px;
20769
+ vertical-align: text-bottom;
20770
+ width: 0px;
20771
+ }
20772
+ .v-divider--inset:not(.v-divider--vertical) {
20773
+ max-width: calc(100% - 72px);
20774
+ margin-inline-start: 72px;
20775
+ }
20776
+ .v-divider--inset.v-divider--vertical {
20777
+ margin-bottom: 8px;
20778
+ margin-top: 8px;
20779
+ max-height: calc(100% - 16px);
20780
+ }
20781
+
20782
+ .v-divider__content {
20783
+ padding: 0 16px;
20784
+ text-wrap: nowrap;
20785
+ }
20786
+ .v-divider__wrapper--vertical .v-divider__content {
20787
+ padding: 4px 0;
20788
+ }
20789
+
20790
+ .v-divider__wrapper {
20791
+ display: flex;
20792
+ align-items: center;
20793
+ justify-content: center;
20794
+ }
20795
+ .v-divider__wrapper--vertical {
20796
+ flex-direction: column;
20797
+ height: 100%;
20798
+ }
20799
+ .v-divider__wrapper--vertical .v-divider {
20800
+ margin: 0 auto;
20765
20801
  }.v-empty-state {
20766
20802
  align-items: center;
20767
20803
  display: flex;
@@ -21045,58 +21081,6 @@ html.overflow-y-hidden {
21045
21081
  }
21046
21082
  .v-expansion-panels--tile > .v-expansion-panel {
21047
21083
  border-radius: 0;
21048
- }.v-divider {
21049
- display: block;
21050
- flex: 1 1 100%;
21051
- height: 0px;
21052
- max-height: 0px;
21053
- opacity: var(--v-border-opacity);
21054
- transition: inherit;
21055
- }
21056
- .v-divider {
21057
- border-style: solid;
21058
- border-width: thin 0 0 0;
21059
- }
21060
- .v-divider--vertical {
21061
- align-self: stretch;
21062
- border-width: 0 thin 0 0;
21063
- display: inline-flex;
21064
- height: auto;
21065
- margin-left: -1px;
21066
- max-height: 100%;
21067
- max-width: 0px;
21068
- vertical-align: text-bottom;
21069
- width: 0px;
21070
- }
21071
- .v-divider--inset:not(.v-divider--vertical) {
21072
- max-width: calc(100% - 72px);
21073
- margin-inline-start: 72px;
21074
- }
21075
- .v-divider--inset.v-divider--vertical {
21076
- margin-bottom: 8px;
21077
- margin-top: 8px;
21078
- max-height: calc(100% - 16px);
21079
- }
21080
-
21081
- .v-divider__content {
21082
- padding: 0 16px;
21083
- text-wrap: nowrap;
21084
- }
21085
- .v-divider__wrapper--vertical .v-divider__content {
21086
- padding: 4px 0;
21087
- }
21088
-
21089
- .v-divider__wrapper {
21090
- display: flex;
21091
- align-items: center;
21092
- justify-content: center;
21093
- }
21094
- .v-divider__wrapper--vertical {
21095
- flex-direction: column;
21096
- height: 100%;
21097
- }
21098
- .v-divider__wrapper--vertical .v-divider {
21099
- margin: 0 auto;
21100
21084
  }.v-fab {
21101
21085
  align-items: center;
21102
21086
  display: inline-flex;
@@ -22486,6 +22470,59 @@ textarea.v-field__input::placeholder {
22486
22470
  .offset-xxl-11 {
22487
22471
  margin-inline-start: 91.6666666667%;
22488
22472
  }
22473
+ }.v-icon {
22474
+ --v-icon-size-multiplier: 1;
22475
+ align-items: center;
22476
+ display: inline-flex;
22477
+ font-feature-settings: "liga";
22478
+ height: 1em;
22479
+ justify-content: center;
22480
+ letter-spacing: normal;
22481
+ line-height: 1;
22482
+ position: relative;
22483
+ text-indent: 0;
22484
+ text-align: center;
22485
+ -webkit-user-select: none;
22486
+ user-select: none;
22487
+ vertical-align: middle;
22488
+ width: 1em;
22489
+ min-width: 1em;
22490
+ }
22491
+ .v-icon--clickable {
22492
+ cursor: pointer;
22493
+ }
22494
+ .v-icon--disabled {
22495
+ pointer-events: none;
22496
+ opacity: 0.38;
22497
+ }
22498
+ .v-icon--size-x-small {
22499
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
22500
+ }
22501
+ .v-icon--size-small {
22502
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22503
+ }
22504
+ .v-icon--size-default {
22505
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22506
+ }
22507
+ .v-icon--size-large {
22508
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22509
+ }
22510
+ .v-icon--size-x-large {
22511
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
22512
+ }
22513
+
22514
+ .v-icon__svg {
22515
+ fill: currentColor;
22516
+ width: 100%;
22517
+ height: 100%;
22518
+ }
22519
+
22520
+ .v-icon--start {
22521
+ margin-inline-end: 8px;
22522
+ }
22523
+
22524
+ .v-icon--end {
22525
+ margin-inline-start: 8px;
22489
22526
  }.v-img {
22490
22527
  --v-theme-overlay-multiplier: 3;
22491
22528
  z-index: 0;
@@ -22537,59 +22574,31 @@ textarea.v-field__input::placeholder {
22537
22574
 
22538
22575
  .v-img__gradient {
22539
22576
  background-repeat: no-repeat;
22540
- }.v-icon {
22541
- --v-icon-size-multiplier: 1;
22542
- align-items: center;
22543
- display: inline-flex;
22544
- font-feature-settings: "liga";
22545
- height: 1em;
22546
- justify-content: center;
22547
- letter-spacing: normal;
22548
- line-height: 1;
22549
- position: relative;
22550
- text-indent: 0;
22551
- text-align: center;
22552
- -webkit-user-select: none;
22553
- user-select: none;
22554
- vertical-align: middle;
22555
- width: 1em;
22556
- min-width: 1em;
22557
- }
22558
- .v-icon--clickable {
22559
- cursor: pointer;
22560
- }
22561
- .v-icon--disabled {
22562
- pointer-events: none;
22563
- opacity: 0.38;
22564
- }
22565
- .v-icon--size-x-small {
22566
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
22567
- }
22568
- .v-icon--size-small {
22569
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22570
- }
22571
- .v-icon--size-default {
22572
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22573
- }
22574
- .v-icon--size-large {
22575
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22576
- }
22577
- .v-icon--size-x-large {
22578
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
22577
+ }.v-infinite-scroll--horizontal {
22578
+ display: flex;
22579
+ flex-direction: row;
22580
+ overflow-x: auto;
22579
22581
  }
22580
-
22581
- .v-icon__svg {
22582
- fill: currentColor;
22583
- width: 100%;
22582
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22584
22583
  height: 100%;
22584
+ width: 1px;
22585
22585
  }
22586
22586
 
22587
- .v-icon--start {
22588
- margin-inline-end: 8px;
22587
+ .v-infinite-scroll--vertical {
22588
+ display: flex;
22589
+ flex-direction: column;
22590
+ overflow-y: auto;
22591
+ }
22592
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22593
+ height: 1px;
22594
+ width: 100%;
22589
22595
  }
22590
22596
 
22591
- .v-icon--end {
22592
- margin-inline-start: 8px;
22597
+ .v-infinite-scroll__side {
22598
+ align-items: center;
22599
+ display: flex;
22600
+ justify-content: center;
22601
+ padding: 8px;
22593
22602
  }.v-input {
22594
22603
  display: grid;
22595
22604
  flex: 1 1 auto;
@@ -22732,31 +22741,6 @@ textarea.v-field__input::placeholder {
22732
22741
 
22733
22742
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22734
22743
  padding-top: calc(var(--v-input-padding-top) + 0px);
22735
- }.v-infinite-scroll--horizontal {
22736
- display: flex;
22737
- flex-direction: row;
22738
- overflow-x: auto;
22739
- }
22740
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22741
- height: 100%;
22742
- width: 1px;
22743
- }
22744
-
22745
- .v-infinite-scroll--vertical {
22746
- display: flex;
22747
- flex-direction: column;
22748
- overflow-y: auto;
22749
- }
22750
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22751
- height: 1px;
22752
- width: 100%;
22753
- }
22754
-
22755
- .v-infinite-scroll__side {
22756
- align-items: center;
22757
- display: flex;
22758
- justify-content: center;
22759
- padding: 8px;
22760
22744
  }.v-item-group {
22761
22745
  flex: 0 1 auto;
22762
22746
  max-width: 100%;
@@ -23399,22 +23383,6 @@ textarea.v-field__input::placeholder {
23399
23383
  --v-layout-right: 0px;
23400
23384
  --v-layout-top: 0px;
23401
23385
  --v-layout-bottom: 0px;
23402
- }.v-messages {
23403
- flex: 1 1 auto;
23404
- font-size: 12px;
23405
- min-height: 14px;
23406
- min-width: 1px;
23407
- opacity: var(--v-medium-emphasis-opacity);
23408
- position: relative;
23409
- }
23410
- .v-messages__message {
23411
- line-height: 12px;
23412
- word-break: break-word;
23413
- overflow-wrap: break-word;
23414
- word-wrap: break-word;
23415
- -webkit-hyphens: auto;
23416
- hyphens: auto;
23417
- transition-duration: 150ms;
23418
23386
  }.v-menu > .v-overlay__content {
23419
23387
  display: flex;
23420
23388
  flex-direction: column;
@@ -23434,6 +23402,22 @@ textarea.v-field__input::placeholder {
23434
23402
  .v-menu > .v-overlay__content > .v-sheet,
23435
23403
  .v-menu > .v-overlay__content > .v-list {
23436
23404
  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));
23405
+ }.v-messages {
23406
+ flex: 1 1 auto;
23407
+ font-size: 12px;
23408
+ min-height: 14px;
23409
+ min-width: 1px;
23410
+ opacity: var(--v-medium-emphasis-opacity);
23411
+ position: relative;
23412
+ }
23413
+ .v-messages__message {
23414
+ line-height: 12px;
23415
+ word-break: break-word;
23416
+ overflow-wrap: break-word;
23417
+ word-wrap: break-word;
23418
+ -webkit-hyphens: auto;
23419
+ hyphens: auto;
23420
+ transition-duration: 150ms;
23437
23421
  }.v-navigation-drawer {
23438
23422
  -webkit-overflow-scrolling: touch;
23439
23423
  background: rgb(var(--v-theme-surface));
@@ -23600,20 +23584,6 @@ textarea.v-field__input::placeholder {
23600
23584
  }
23601
23585
  .v-otp-input__loader .v-progress-linear {
23602
23586
  position: absolute;
23603
- }.v-pagination__list {
23604
- display: inline-flex;
23605
- list-style-type: none;
23606
- justify-content: center;
23607
- width: 100%;
23608
- }
23609
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23610
- margin: 0.3rem;
23611
- }.v-parallax {
23612
- position: relative;
23613
- overflow: hidden;
23614
- }
23615
- .v-parallax--active > .v-img__img {
23616
- will-change: transform;
23617
23587
  }.v-overlay-container {
23618
23588
  contain: layout;
23619
23589
  left: 0;
@@ -23674,9 +23644,125 @@ html.v-overlay-scroll-blocked {
23674
23644
  .v-overlay--contained .v-overlay__scrim {
23675
23645
  position: absolute;
23676
23646
  }
23677
-
23678
- .v-overlay--scroll-blocked {
23679
- padding-inline-end: var(--v-scrollbar-offset);
23647
+
23648
+ .v-overlay--scroll-blocked {
23649
+ padding-inline-end: var(--v-scrollbar-offset);
23650
+ }.v-pagination__list {
23651
+ display: inline-flex;
23652
+ list-style-type: none;
23653
+ justify-content: center;
23654
+ width: 100%;
23655
+ }
23656
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23657
+ margin: 0.3rem;
23658
+ }.v-parallax {
23659
+ position: relative;
23660
+ overflow: hidden;
23661
+ }
23662
+ .v-parallax--active > .v-img__img {
23663
+ will-change: transform;
23664
+ }.v-progress-circular {
23665
+ align-items: center;
23666
+ display: inline-flex;
23667
+ justify-content: center;
23668
+ position: relative;
23669
+ vertical-align: middle;
23670
+ }
23671
+ .v-progress-circular > svg {
23672
+ width: 100%;
23673
+ height: 100%;
23674
+ margin: auto;
23675
+ position: absolute;
23676
+ top: 0;
23677
+ bottom: 0;
23678
+ left: 0;
23679
+ right: 0;
23680
+ z-index: 0;
23681
+ }
23682
+
23683
+ .v-progress-circular__content {
23684
+ align-items: center;
23685
+ display: flex;
23686
+ justify-content: center;
23687
+ }
23688
+
23689
+ .v-progress-circular__underlay {
23690
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23691
+ stroke: currentColor;
23692
+ z-index: 1;
23693
+ }
23694
+
23695
+ .v-progress-circular__overlay {
23696
+ stroke: currentColor;
23697
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23698
+ z-index: 2;
23699
+ }
23700
+
23701
+ .v-progress-circular--size-x-small {
23702
+ height: 16px;
23703
+ width: 16px;
23704
+ }
23705
+ .v-progress-circular--size-small {
23706
+ height: 24px;
23707
+ width: 24px;
23708
+ }
23709
+ .v-progress-circular--size-default {
23710
+ height: 32px;
23711
+ width: 32px;
23712
+ }
23713
+ .v-progress-circular--size-large {
23714
+ height: 48px;
23715
+ width: 48px;
23716
+ }
23717
+ .v-progress-circular--size-x-large {
23718
+ height: 64px;
23719
+ width: 64px;
23720
+ }
23721
+
23722
+ .v-progress-circular--indeterminate > svg {
23723
+ animation: progress-circular-rotate 1.4s linear infinite;
23724
+ transform-origin: center center;
23725
+ transition: all 0.2s ease-in-out;
23726
+ }
23727
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23728
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23729
+ stroke-dasharray: 25, 200;
23730
+ stroke-dashoffset: 0;
23731
+ stroke-linecap: round;
23732
+ transform-origin: center center;
23733
+ transform: rotate(-90deg);
23734
+ }
23735
+
23736
+ .v-progress-circular--disable-shrink > svg {
23737
+ animation-duration: 0.7s;
23738
+ }
23739
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23740
+ animation: none;
23741
+ }
23742
+
23743
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23744
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23745
+ animation-play-state: paused !important;
23746
+ }
23747
+
23748
+ @keyframes progress-circular-dash {
23749
+ 0% {
23750
+ stroke-dasharray: 1, 200;
23751
+ stroke-dashoffset: 0px;
23752
+ }
23753
+ 50% {
23754
+ stroke-dasharray: 100, 200;
23755
+ stroke-dashoffset: -15px;
23756
+ }
23757
+ 100% {
23758
+ stroke-dasharray: 100, 200;
23759
+ stroke-dashoffset: -124px;
23760
+ }
23761
+ }
23762
+ @keyframes progress-circular-rotate {
23763
+ 100% {
23764
+ transform: rotate(270deg);
23765
+ }
23680
23766
  }.v-progress-linear {
23681
23767
  background: transparent;
23682
23768
  overflow: hidden;
@@ -24054,58 +24140,6 @@ html.v-overlay-scroll-blocked {
24054
24140
  flex: 1 0 0px;
24055
24141
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24056
24142
  pointer-events: none;
24057
- }.v-select .v-field .v-text-field__prefix,
24058
- .v-select .v-field .v-text-field__suffix,
24059
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24060
- cursor: pointer;
24061
- }
24062
- .v-select .v-field .v-field__input > input {
24063
- align-self: flex-start;
24064
- opacity: 1;
24065
- flex: 0 0;
24066
- position: absolute;
24067
- width: 100%;
24068
- transition: none;
24069
- pointer-events: none;
24070
- caret-color: transparent;
24071
- }
24072
- .v-select .v-field--dirty .v-select__selection {
24073
- margin-inline-end: 2px;
24074
- }
24075
- .v-select .v-select__selection-text {
24076
- overflow: hidden;
24077
- text-overflow: ellipsis;
24078
- white-space: nowrap;
24079
- }
24080
- .v-select__content {
24081
- overflow: hidden;
24082
- }
24083
- .v-select__content {
24084
- 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));
24085
- }
24086
- .v-select__content {
24087
- border-radius: 4px;
24088
- }
24089
- .v-select__selection {
24090
- display: inline-flex;
24091
- align-items: center;
24092
- letter-spacing: inherit;
24093
- line-height: inherit;
24094
- max-width: 100%;
24095
- }
24096
- .v-select .v-select__selection:first-child {
24097
- margin-inline-start: 0;
24098
- }
24099
- .v-select--selected .v-field .v-field__input > input {
24100
- opacity: 0;
24101
- }
24102
- .v-select__menu-icon {
24103
- margin-inline-start: 4px;
24104
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24105
- }
24106
- .v-select--active-menu .v-select__menu-icon {
24107
- opacity: var(--v-high-emphasis-opacity);
24108
- transform: rotate(180deg);
24109
24143
  }.v-selection-control {
24110
24144
  align-items: center;
24111
24145
  contain: layout;
@@ -24209,6 +24243,58 @@ html.v-overlay-scroll-blocked {
24209
24243
  }
24210
24244
  .v-selection-control--focus-visible .v-selection-control__input::before {
24211
24245
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24246
+ }.v-select .v-field .v-text-field__prefix,
24247
+ .v-select .v-field .v-text-field__suffix,
24248
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24249
+ cursor: pointer;
24250
+ }
24251
+ .v-select .v-field .v-field__input > input {
24252
+ align-self: flex-start;
24253
+ opacity: 1;
24254
+ flex: 0 0;
24255
+ position: absolute;
24256
+ width: 100%;
24257
+ transition: none;
24258
+ pointer-events: none;
24259
+ caret-color: transparent;
24260
+ }
24261
+ .v-select .v-field--dirty .v-select__selection {
24262
+ margin-inline-end: 2px;
24263
+ }
24264
+ .v-select .v-select__selection-text {
24265
+ overflow: hidden;
24266
+ text-overflow: ellipsis;
24267
+ white-space: nowrap;
24268
+ }
24269
+ .v-select__content {
24270
+ overflow: hidden;
24271
+ }
24272
+ .v-select__content {
24273
+ 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));
24274
+ }
24275
+ .v-select__content {
24276
+ border-radius: 4px;
24277
+ }
24278
+ .v-select__selection {
24279
+ display: inline-flex;
24280
+ align-items: center;
24281
+ letter-spacing: inherit;
24282
+ line-height: inherit;
24283
+ max-width: 100%;
24284
+ }
24285
+ .v-select .v-select__selection:first-child {
24286
+ margin-inline-start: 0;
24287
+ }
24288
+ .v-select--selected .v-field .v-field__input > input {
24289
+ opacity: 0;
24290
+ }
24291
+ .v-select__menu-icon {
24292
+ margin-inline-start: 4px;
24293
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24294
+ }
24295
+ .v-select--active-menu .v-select__menu-icon {
24296
+ opacity: var(--v-high-emphasis-opacity);
24297
+ transform: rotate(180deg);
24212
24298
  }.v-selection-control-group {
24213
24299
  grid-area: control;
24214
24300
  display: flex;
@@ -24669,233 +24755,51 @@ html.v-overlay-scroll-blocked {
24669
24755
  transform: scale(0.8);
24670
24756
  }
24671
24757
  .v-snackbar-transition-leave-active {
24672
- transition-property: opacity;
24673
- }
24674
- .v-snackbar-transition-leave-to {
24675
- opacity: 0;
24676
- }.v-speed-dial__content {
24677
- gap: 8px;
24678
- }
24679
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24680
- flex-direction: row;
24681
- }
24682
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24683
- flex-direction: row-reverse;
24684
- }
24685
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24686
- flex-direction: column-reverse;
24687
- }
24688
- .v-speed-dial__content > *:nth-child(1) {
24689
- transition-delay: 0s;
24690
- }
24691
- .v-speed-dial__content > *:nth-child(2) {
24692
- transition-delay: 0.05s;
24693
- }
24694
- .v-speed-dial__content > *:nth-child(3) {
24695
- transition-delay: 0.1s;
24696
- }
24697
- .v-speed-dial__content > *:nth-child(4) {
24698
- transition-delay: 0.15s;
24699
- }
24700
- .v-speed-dial__content > *:nth-child(5) {
24701
- transition-delay: 0.2s;
24702
- }
24703
- .v-speed-dial__content > *:nth-child(6) {
24704
- transition-delay: 0.25s;
24705
- }
24706
- .v-speed-dial__content > *:nth-child(7) {
24707
- transition-delay: 0.3s;
24708
- }
24709
- .v-speed-dial__content > *:nth-child(8) {
24710
- transition-delay: 0.35s;
24711
- }
24712
- .v-speed-dial__content > *:nth-child(9) {
24713
- transition-delay: 0.4s;
24714
- }
24715
- .v-speed-dial__content > *:nth-child(10) {
24716
- transition-delay: 0.45s;
24717
- }.v-switch .v-label {
24718
- padding-inline-start: 10px;
24719
- }
24720
-
24721
- .v-switch__loader {
24722
- display: flex;
24723
- }
24724
- .v-switch__loader .v-progress-circular {
24725
- color: rgb(var(--v-theme-surface));
24726
- }
24727
-
24728
- .v-switch__track,
24729
- .v-switch__thumb {
24730
- transition: none;
24731
- }
24732
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24733
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24734
- background-color: rgb(var(--v-theme-error));
24735
- color: rgb(var(--v-theme-on-error));
24736
- }
24737
-
24738
- .v-switch__track-true {
24739
- margin-inline-end: auto;
24740
- }
24741
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24742
- opacity: 0;
24743
- }
24744
-
24745
- .v-switch__track-false {
24746
- margin-inline-start: auto;
24747
- }
24748
- .v-selection-control--dirty .v-switch__track-false {
24749
- opacity: 0;
24750
- }
24751
-
24752
- .v-switch__track {
24753
- display: inline-flex;
24754
- align-items: center;
24755
- font-size: 0.5rem;
24756
- padding: 0 5px;
24757
- background-color: rgb(var(--v-theme-surface-variant));
24758
- border-radius: 9999px;
24759
- height: 14px;
24760
- opacity: 0.6;
24761
- min-width: 36px;
24762
- cursor: pointer;
24763
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24764
- }
24765
- .v-switch--inset .v-switch__track {
24766
- border-radius: 9999px;
24767
- font-size: 0.75rem;
24768
- height: 32px;
24769
- min-width: 52px;
24770
- }
24771
-
24772
- .v-switch__thumb {
24773
- align-items: center;
24774
- background-color: rgb(var(--v-theme-surface-bright));
24775
- color: rgb(var(--v-theme-on-surface-bright));
24776
- border-radius: 50%;
24777
- display: flex;
24778
- font-size: 0.75rem;
24779
- height: 20px;
24780
- justify-content: center;
24781
- width: 20px;
24782
- pointer-events: none;
24783
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24784
- position: relative;
24785
- overflow: hidden;
24786
- }
24787
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
24788
- 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));
24789
- }
24790
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24791
- background: rgb(var(--v-theme-surface-variant));
24792
- color: rgb(var(--v-theme-on-surface-variant));
24793
- }
24794
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24795
- 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));
24796
- }
24797
- .v-switch--inset .v-switch__thumb {
24798
- height: 24px;
24799
- width: 24px;
24800
- transform: scale(0.6666666667);
24801
- }
24802
- .v-switch--inset .v-switch__thumb--filled {
24803
- transform: none;
24804
- }
24805
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24806
- transform: none;
24807
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24758
+ transition-property: opacity;
24808
24759
  }
24809
-
24810
- .v-switch.v-input {
24811
- flex: 0 1 auto;
24760
+ .v-snackbar-transition-leave-to {
24761
+ opacity: 0;
24762
+ }.v-speed-dial__content {
24763
+ gap: 8px;
24812
24764
  }
24813
- .v-switch .v-selection-control {
24814
- min-height: var(--v-input-control-height);
24765
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24766
+ flex-direction: row;
24815
24767
  }
24816
- .v-switch .v-selection-control__input {
24817
- border-radius: 50%;
24818
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24819
- position: absolute;
24768
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24769
+ flex-direction: row-reverse;
24820
24770
  }
24821
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24822
- transform: translateX(-10px);
24771
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24772
+ flex-direction: column-reverse;
24823
24773
  }
24824
-
24825
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24826
- transform: translateX(10px);
24774
+ .v-speed-dial__content > *:nth-child(1) {
24775
+ transition-delay: 0s;
24827
24776
  }
24828
-
24829
- .v-switch .v-selection-control__input .v-icon {
24830
- position: absolute;
24777
+ .v-speed-dial__content > *:nth-child(2) {
24778
+ transition-delay: 0.05s;
24831
24779
  }
24832
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24833
- transform: translateX(10px);
24780
+ .v-speed-dial__content > *:nth-child(3) {
24781
+ transition-delay: 0.1s;
24834
24782
  }
24835
-
24836
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24837
- transform: translateX(-10px);
24783
+ .v-speed-dial__content > *:nth-child(4) {
24784
+ transition-delay: 0.15s;
24838
24785
  }
24839
-
24840
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24841
- transform: scale(0.8);
24786
+ .v-speed-dial__content > *:nth-child(5) {
24787
+ transition-delay: 0.2s;
24842
24788
  }
24843
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24844
- transform: scale(0.75);
24845
- box-shadow: none;
24789
+ .v-speed-dial__content > *:nth-child(6) {
24790
+ transition-delay: 0.25s;
24846
24791
  }
24847
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24848
- width: auto;
24792
+ .v-speed-dial__content > *:nth-child(7) {
24793
+ transition-delay: 0.3s;
24849
24794
  }
24850
- .v-switch.v-input--vertical .v-label {
24851
- min-width: max-content;
24795
+ .v-speed-dial__content > *:nth-child(8) {
24796
+ transition-delay: 0.35s;
24852
24797
  }
24853
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24854
- transform: rotate(-90deg);
24798
+ .v-speed-dial__content > *:nth-child(9) {
24799
+ transition-delay: 0.4s;
24855
24800
  }
24856
-
24857
- @media (forced-colors: active) {
24858
- .v-switch .v-switch__loader .v-progress-circular {
24859
- color: currentColor;
24860
- }
24861
- .v-switch .v-switch__thumb {
24862
- background-color: buttontext;
24863
- }
24864
- .v-switch .v-switch__track,
24865
- .v-switch .v-switch__thumb {
24866
- border: 1px solid;
24867
- color: buttontext;
24868
- }
24869
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24870
- background-color: highlight;
24871
- }
24872
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24873
- background-color: highlight;
24874
- }
24875
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24876
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24877
- color: highlight;
24878
- }
24879
- .v-switch.v-switch--inset .v-switch__track {
24880
- border-width: 2px;
24881
- }
24882
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24883
- background-color: highlighttext;
24884
- color: highlighttext;
24885
- }
24886
- .v-switch.v-input--disabled .v-switch__thumb {
24887
- background-color: graytext;
24888
- }
24889
- .v-switch.v-input--disabled .v-switch__track,
24890
- .v-switch.v-input--disabled .v-switch__thumb {
24891
- color: graytext;
24892
- }
24893
- .v-switch.v-switch--loading .v-switch__thumb {
24894
- background-color: canvas;
24895
- }
24896
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24897
- border-width: 0;
24898
- }
24801
+ .v-speed-dial__content > *:nth-child(10) {
24802
+ transition-delay: 0.45s;
24899
24803
  }.v-stepper.v-sheet {
24900
24804
  overflow: hidden;
24901
24805
  }
@@ -25022,55 +24926,237 @@ html.v-overlay-scroll-blocked {
25022
24926
  .v-stepper-item__avatar.v-avatar .v-icon {
25023
24927
  font-size: 0.875rem;
25024
24928
  }
25025
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
25026
- background: rgb(var(--v-theme-surface-variant));
24929
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24930
+ background: rgb(var(--v-theme-surface-variant));
24931
+ }
24932
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24933
+ background: rgb(var(--v-theme-error));
24934
+ }
24935
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24936
+ margin-bottom: 16px;
24937
+ margin-inline-end: 0;
24938
+ }
24939
+
24940
+ .v-stepper-item__title {
24941
+ line-height: 1;
24942
+ }
24943
+ .v-stepper--mobile .v-stepper-item__title {
24944
+ display: none;
24945
+ }
24946
+
24947
+ .v-stepper-item__subtitle {
24948
+ font-size: 0.75rem;
24949
+ text-align: left;
24950
+ line-height: 1;
24951
+ opacity: var(--v-medium-emphasis-opacity);
24952
+ }
24953
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24954
+ text-align: center;
24955
+ }
24956
+ .v-stepper--mobile .v-stepper-item__subtitle {
24957
+ display: none;
24958
+ }
24959
+
24960
+ .v-stepper-item__overlay {
24961
+ background-color: currentColor;
24962
+ border-radius: inherit;
24963
+ opacity: 0;
24964
+ transition: opacity 0.2s ease-in-out;
24965
+ }
24966
+
24967
+ .v-stepper-item__overlay,
24968
+ .v-stepper-item__underlay {
24969
+ pointer-events: none;
24970
+ }
24971
+ .v-stepper-item__overlay,
24972
+ .v-stepper-item__underlay {
24973
+ position: absolute;
24974
+ top: 0;
24975
+ left: 0;
24976
+ width: 100%;
24977
+ height: 100%;
24978
+ }.v-switch .v-label {
24979
+ padding-inline-start: 10px;
24980
+ }
24981
+
24982
+ .v-switch__loader {
24983
+ display: flex;
24984
+ }
24985
+ .v-switch__loader .v-progress-circular {
24986
+ color: rgb(var(--v-theme-surface));
24987
+ }
24988
+
24989
+ .v-switch__track,
24990
+ .v-switch__thumb {
24991
+ transition: none;
24992
+ }
24993
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24994
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24995
+ background-color: rgb(var(--v-theme-error));
24996
+ color: rgb(var(--v-theme-on-error));
24997
+ }
24998
+
24999
+ .v-switch__track-true {
25000
+ margin-inline-end: auto;
25001
+ }
25002
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25003
+ opacity: 0;
25004
+ }
25005
+
25006
+ .v-switch__track-false {
25007
+ margin-inline-start: auto;
25008
+ }
25009
+ .v-selection-control--dirty .v-switch__track-false {
25010
+ opacity: 0;
25011
+ }
25012
+
25013
+ .v-switch__track {
25014
+ display: inline-flex;
25015
+ align-items: center;
25016
+ font-size: 0.5rem;
25017
+ padding: 0 5px;
25018
+ background-color: rgb(var(--v-theme-surface-variant));
25019
+ border-radius: 9999px;
25020
+ height: 14px;
25021
+ opacity: 0.6;
25022
+ min-width: 36px;
25023
+ cursor: pointer;
25024
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25025
+ }
25026
+ .v-switch--inset .v-switch__track {
25027
+ border-radius: 9999px;
25028
+ font-size: 0.75rem;
25029
+ height: 32px;
25030
+ min-width: 52px;
25031
+ }
25032
+
25033
+ .v-switch__thumb {
25034
+ align-items: center;
25035
+ background-color: rgb(var(--v-theme-surface-bright));
25036
+ color: rgb(var(--v-theme-on-surface-bright));
25037
+ border-radius: 50%;
25038
+ display: flex;
25039
+ font-size: 0.75rem;
25040
+ height: 20px;
25041
+ justify-content: center;
25042
+ width: 20px;
25043
+ pointer-events: none;
25044
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25045
+ position: relative;
25046
+ overflow: hidden;
25047
+ }
25048
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
25049
+ 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));
25050
+ }
25051
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25052
+ background: rgb(var(--v-theme-surface-variant));
25053
+ color: rgb(var(--v-theme-on-surface-variant));
25054
+ }
25055
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25056
+ 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));
25057
+ }
25058
+ .v-switch--inset .v-switch__thumb {
25059
+ height: 24px;
25060
+ width: 24px;
25061
+ transform: scale(0.6666666667);
25062
+ }
25063
+ .v-switch--inset .v-switch__thumb--filled {
25064
+ transform: none;
25065
+ }
25066
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25067
+ transform: none;
25068
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25069
+ }
25070
+
25071
+ .v-switch.v-input {
25072
+ flex: 0 1 auto;
25073
+ }
25074
+ .v-switch .v-selection-control {
25075
+ min-height: var(--v-input-control-height);
25076
+ }
25077
+ .v-switch .v-selection-control__input {
25078
+ border-radius: 50%;
25079
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25080
+ position: absolute;
25027
25081
  }
25028
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
25029
- background: rgb(var(--v-theme-error));
25082
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25083
+ transform: translateX(-10px);
25030
25084
  }
25031
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
25032
- margin-bottom: 16px;
25033
- margin-inline-end: 0;
25085
+
25086
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25087
+ transform: translateX(10px);
25034
25088
  }
25035
25089
 
25036
- .v-stepper-item__title {
25037
- line-height: 1;
25090
+ .v-switch .v-selection-control__input .v-icon {
25091
+ position: absolute;
25038
25092
  }
25039
- .v-stepper--mobile .v-stepper-item__title {
25040
- display: none;
25093
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25094
+ transform: translateX(10px);
25041
25095
  }
25042
25096
 
25043
- .v-stepper-item__subtitle {
25044
- font-size: 0.75rem;
25045
- text-align: left;
25046
- line-height: 1;
25047
- opacity: var(--v-medium-emphasis-opacity);
25097
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25098
+ transform: translateX(-10px);
25048
25099
  }
25049
- .v-stepper--alt-labels .v-stepper-item__subtitle {
25050
- text-align: center;
25100
+
25101
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
25102
+ transform: scale(0.8);
25051
25103
  }
25052
- .v-stepper--mobile .v-stepper-item__subtitle {
25053
- display: none;
25104
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
25105
+ transform: scale(0.75);
25106
+ box-shadow: none;
25054
25107
  }
25055
-
25056
- .v-stepper-item__overlay {
25057
- background-color: currentColor;
25058
- border-radius: inherit;
25059
- opacity: 0;
25060
- transition: opacity 0.2s ease-in-out;
25108
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
25109
+ width: auto;
25061
25110
  }
25062
-
25063
- .v-stepper-item__overlay,
25064
- .v-stepper-item__underlay {
25065
- pointer-events: none;
25111
+ .v-switch.v-input--vertical .v-label {
25112
+ min-width: max-content;
25066
25113
  }
25067
- .v-stepper-item__overlay,
25068
- .v-stepper-item__underlay {
25069
- position: absolute;
25070
- top: 0;
25071
- left: 0;
25072
- width: 100%;
25073
- height: 100%;
25114
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
25115
+ transform: rotate(-90deg);
25116
+ }
25117
+
25118
+ @media (forced-colors: active) {
25119
+ .v-switch .v-switch__loader .v-progress-circular {
25120
+ color: currentColor;
25121
+ }
25122
+ .v-switch .v-switch__thumb {
25123
+ background-color: buttontext;
25124
+ }
25125
+ .v-switch .v-switch__track,
25126
+ .v-switch .v-switch__thumb {
25127
+ border: 1px solid;
25128
+ color: buttontext;
25129
+ }
25130
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25131
+ background-color: highlight;
25132
+ }
25133
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25134
+ background-color: highlight;
25135
+ }
25136
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25137
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25138
+ color: highlight;
25139
+ }
25140
+ .v-switch.v-switch--inset .v-switch__track {
25141
+ border-width: 2px;
25142
+ }
25143
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25144
+ background-color: highlighttext;
25145
+ color: highlighttext;
25146
+ }
25147
+ .v-switch.v-input--disabled .v-switch__thumb {
25148
+ background-color: graytext;
25149
+ }
25150
+ .v-switch.v-input--disabled .v-switch__track,
25151
+ .v-switch.v-input--disabled .v-switch__thumb {
25152
+ color: graytext;
25153
+ }
25154
+ .v-switch.v-switch--loading .v-switch__thumb {
25155
+ background-color: canvas;
25156
+ }
25157
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25158
+ border-width: 0;
25159
+ }
25074
25160
  }.v-system-bar {
25075
25161
  align-items: center;
25076
25162
  display: flex;
@@ -26122,108 +26208,44 @@ html.v-overlay-scroll-blocked {
26122
26208
  }
26123
26209
  .v-window-y-reverse-transition-leave-to {
26124
26210
  transform: translateY(100%);
26125
- }.v-progress-circular {
26126
- align-items: center;
26127
- display: inline-flex;
26128
- justify-content: center;
26211
+ }.v-application {
26212
+ display: flex;
26213
+ background: rgb(var(--v-theme-background));
26214
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
26215
+ }
26216
+
26217
+ .v-application__wrap {
26218
+ -webkit-backface-visibility: hidden;
26219
+ backface-visibility: hidden;
26220
+ display: flex;
26221
+ flex-direction: column;
26222
+ flex: 1 1 auto;
26223
+ max-width: 100%;
26224
+ min-height: 100vh;
26225
+ min-height: 100dvh;
26129
26226
  position: relative;
26130
- vertical-align: middle;
26227
+ }.v-color-picker-canvas {
26228
+ display: flex;
26229
+ position: relative;
26230
+ overflow: hidden;
26231
+ contain: content;
26232
+ touch-action: none;
26131
26233
  }
26132
- .v-progress-circular > svg {
26133
- width: 100%;
26134
- height: 100%;
26135
- margin: auto;
26234
+ .v-color-picker-canvas__dot {
26136
26235
  position: absolute;
26137
26236
  top: 0;
26138
- bottom: 0;
26139
26237
  left: 0;
26140
- right: 0;
26141
- z-index: 0;
26142
- }
26143
-
26144
- .v-progress-circular__content {
26145
- align-items: center;
26146
- display: flex;
26147
- justify-content: center;
26148
- }
26149
-
26150
- .v-progress-circular__underlay {
26151
- color: rgba(var(--v-border-color), var(--v-border-opacity));
26152
- stroke: currentColor;
26153
- z-index: 1;
26154
- }
26155
-
26156
- .v-progress-circular__overlay {
26157
- stroke: currentColor;
26158
- transition: all 0.2s ease-in-out, stroke-width 0s;
26159
- z-index: 2;
26160
- }
26161
-
26162
- .v-progress-circular--size-x-small {
26163
- height: 16px;
26164
- width: 16px;
26165
- }
26166
- .v-progress-circular--size-small {
26167
- height: 24px;
26168
- width: 24px;
26169
- }
26170
- .v-progress-circular--size-default {
26171
- height: 32px;
26172
- width: 32px;
26173
- }
26174
- .v-progress-circular--size-large {
26175
- height: 48px;
26176
- width: 48px;
26177
- }
26178
- .v-progress-circular--size-x-large {
26179
- height: 64px;
26180
- width: 64px;
26181
- }
26182
-
26183
- .v-progress-circular--indeterminate > svg {
26184
- animation: progress-circular-rotate 1.4s linear infinite;
26185
- transform-origin: center center;
26186
- transition: all 0.2s ease-in-out;
26187
- }
26188
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
26189
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
26190
- stroke-dasharray: 25, 200;
26191
- stroke-dashoffset: 0;
26192
- stroke-linecap: round;
26193
- transform-origin: center center;
26194
- transform: rotate(-90deg);
26195
- }
26196
-
26197
- .v-progress-circular--disable-shrink > svg {
26198
- animation-duration: 0.7s;
26199
- }
26200
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
26201
- animation: none;
26202
- }
26203
-
26204
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
26205
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
26206
- animation-play-state: paused !important;
26238
+ width: 15px;
26239
+ height: 15px;
26240
+ background: transparent;
26241
+ border-radius: 50%;
26242
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26207
26243
  }
26208
-
26209
- @keyframes progress-circular-dash {
26210
- 0% {
26211
- stroke-dasharray: 1, 200;
26212
- stroke-dashoffset: 0px;
26213
- }
26214
- 50% {
26215
- stroke-dasharray: 100, 200;
26216
- stroke-dashoffset: -15px;
26217
- }
26218
- 100% {
26219
- stroke-dasharray: 100, 200;
26220
- stroke-dashoffset: -124px;
26221
- }
26244
+ .v-color-picker-canvas__dot--disabled {
26245
+ 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);
26222
26246
  }
26223
- @keyframes progress-circular-rotate {
26224
- 100% {
26225
- transform: rotate(270deg);
26226
- }
26247
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26248
+ will-change: transform;
26227
26249
  }.v-color-picker-preview__alpha .v-slider-track__background {
26228
26250
  background-color: transparent !important;
26229
26251
  }
@@ -26294,28 +26316,6 @@ html.v-overlay-scroll-blocked {
26294
26316
  .v-color-picker-preview__eye-dropper {
26295
26317
  position: relative;
26296
26318
  margin-right: 12px;
26297
- }.v-color-picker-canvas {
26298
- display: flex;
26299
- position: relative;
26300
- overflow: hidden;
26301
- contain: content;
26302
- touch-action: none;
26303
- }
26304
- .v-color-picker-canvas__dot {
26305
- position: absolute;
26306
- top: 0;
26307
- left: 0;
26308
- width: 15px;
26309
- height: 15px;
26310
- background: transparent;
26311
- border-radius: 50%;
26312
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26313
- }
26314
- .v-color-picker-canvas__dot--disabled {
26315
- 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);
26316
- }
26317
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26318
- will-change: transform;
26319
26319
  }.v-color-picker-edit {
26320
26320
  display: flex;
26321
26321
  margin-top: 24px;