@vuetify/nightly 3.5.3-dev.2024-02-25 → 3.5.3-dev.2024-03-03

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.3-dev.2024-02-25
2
+ * Vuetify v3.5.3-dev.2024-03-03
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17045,34 +17045,6 @@ html.overflow-y-hidden {
17045
17045
  .v-ripple__animation--out {
17046
17046
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17047
17047
  opacity: 0;
17048
- }.v-application {
17049
- display: flex;
17050
- background: rgb(var(--v-theme-background));
17051
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17052
- }
17053
-
17054
- .v-application__wrap {
17055
- -webkit-backface-visibility: hidden;
17056
- backface-visibility: hidden;
17057
- display: flex;
17058
- flex-direction: column;
17059
- flex: 1 1 auto;
17060
- max-width: 100%;
17061
- min-height: 100vh;
17062
- min-height: 100dvh;
17063
- position: relative;
17064
- }.v-app-bar {
17065
- display: flex;
17066
- }
17067
- .v-app-bar.v-toolbar {
17068
- background: rgb(var(--v-theme-surface));
17069
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17070
- }
17071
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17072
- 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));
17073
- }
17074
- .v-app-bar:not(.v-toolbar--absolute) {
17075
- padding-inline-end: var(--v-scrollbar-offset);
17076
17048
  }.v-alert {
17077
17049
  display: grid;
17078
17050
  flex: 1 1;
@@ -17283,6 +17255,22 @@ html.overflow-y-hidden {
17283
17255
  text-transform: none;
17284
17256
  word-break: normal;
17285
17257
  word-wrap: break-word;
17258
+ }.v-application {
17259
+ display: flex;
17260
+ background: rgb(var(--v-theme-background));
17261
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17262
+ }
17263
+
17264
+ .v-application__wrap {
17265
+ -webkit-backface-visibility: hidden;
17266
+ backface-visibility: hidden;
17267
+ display: flex;
17268
+ flex-direction: column;
17269
+ flex: 1 1 auto;
17270
+ max-width: 100%;
17271
+ min-height: 100vh;
17272
+ min-height: 100dvh;
17273
+ position: relative;
17286
17274
  }.v-autocomplete .v-field .v-text-field__prefix,
17287
17275
  .v-autocomplete .v-field .v-text-field__suffix,
17288
17276
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17364,6 +17352,77 @@ html.overflow-y-hidden {
17364
17352
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17365
17353
  opacity: var(--v-high-emphasis-opacity);
17366
17354
  transform: rotate(180deg);
17355
+ }.v-badge {
17356
+ display: inline-block;
17357
+ line-height: 1;
17358
+ }
17359
+
17360
+ .v-badge__badge {
17361
+ align-items: center;
17362
+ display: inline-flex;
17363
+ border-radius: 10px;
17364
+ font-size: 0.75rem;
17365
+ font-weight: 500;
17366
+ height: 1.25rem;
17367
+ justify-content: center;
17368
+ min-width: 20px;
17369
+ padding: 4px 6px;
17370
+ pointer-events: auto;
17371
+ position: absolute;
17372
+ text-align: center;
17373
+ text-indent: 0;
17374
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17375
+ white-space: nowrap;
17376
+ background: rgb(var(--v-theme-surface-variant));
17377
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17378
+ }
17379
+ .v-badge--bordered .v-badge__badge::after {
17380
+ border-radius: inherit;
17381
+ border-style: solid;
17382
+ border-width: 2px;
17383
+ bottom: 0;
17384
+ color: rgb(var(--v-theme-background));
17385
+ content: "";
17386
+ left: 0;
17387
+ position: absolute;
17388
+ right: 0;
17389
+ top: 0;
17390
+ transform: scale(1.05);
17391
+ }
17392
+ .v-badge--dot .v-badge__badge {
17393
+ border-radius: 4.5px;
17394
+ height: 9px;
17395
+ min-width: 0;
17396
+ padding: 0;
17397
+ width: 9px;
17398
+ }
17399
+ .v-badge--dot .v-badge__badge::after {
17400
+ border-width: 1.5px;
17401
+ }
17402
+ .v-badge--inline .v-badge__badge {
17403
+ position: relative;
17404
+ vertical-align: middle;
17405
+ }
17406
+ .v-badge__badge .v-icon {
17407
+ color: inherit;
17408
+ font-size: 0.75rem;
17409
+ margin: 0 -2px;
17410
+ }
17411
+ .v-badge__badge img,
17412
+ .v-badge__badge .v-img {
17413
+ height: 100%;
17414
+ width: 100%;
17415
+ }
17416
+
17417
+ .v-badge__wrapper {
17418
+ display: flex;
17419
+ position: relative;
17420
+ }
17421
+ .v-badge--inline .v-badge__wrapper {
17422
+ align-items: center;
17423
+ display: inline-flex;
17424
+ justify-content: center;
17425
+ margin: 0 4px;
17367
17426
  }.v-avatar {
17368
17427
  flex: none;
17369
17428
  align-items: center;
@@ -17451,77 +17510,6 @@ html.overflow-y-hidden {
17451
17510
  .v-avatar .v-img {
17452
17511
  height: 100%;
17453
17512
  width: 100%;
17454
- }.v-badge {
17455
- display: inline-block;
17456
- line-height: 1;
17457
- }
17458
-
17459
- .v-badge__badge {
17460
- align-items: center;
17461
- display: inline-flex;
17462
- border-radius: 10px;
17463
- font-size: 0.75rem;
17464
- font-weight: 500;
17465
- height: 1.25rem;
17466
- justify-content: center;
17467
- min-width: 20px;
17468
- padding: 4px 6px;
17469
- pointer-events: auto;
17470
- position: absolute;
17471
- text-align: center;
17472
- text-indent: 0;
17473
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17474
- white-space: nowrap;
17475
- background: rgb(var(--v-theme-surface-variant));
17476
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17477
- }
17478
- .v-badge--bordered .v-badge__badge::after {
17479
- border-radius: inherit;
17480
- border-style: solid;
17481
- border-width: 2px;
17482
- bottom: 0;
17483
- color: rgb(var(--v-theme-background));
17484
- content: "";
17485
- left: 0;
17486
- position: absolute;
17487
- right: 0;
17488
- top: 0;
17489
- transform: scale(1.05);
17490
- }
17491
- .v-badge--dot .v-badge__badge {
17492
- border-radius: 4.5px;
17493
- height: 9px;
17494
- min-width: 0;
17495
- padding: 0;
17496
- width: 9px;
17497
- }
17498
- .v-badge--dot .v-badge__badge::after {
17499
- border-width: 1.5px;
17500
- }
17501
- .v-badge--inline .v-badge__badge {
17502
- position: relative;
17503
- vertical-align: middle;
17504
- }
17505
- .v-badge__badge .v-icon {
17506
- color: inherit;
17507
- font-size: 0.75rem;
17508
- margin: 0 -2px;
17509
- }
17510
- .v-badge__badge img,
17511
- .v-badge__badge .v-img {
17512
- height: 100%;
17513
- width: 100%;
17514
- }
17515
-
17516
- .v-badge__wrapper {
17517
- display: flex;
17518
- position: relative;
17519
- }
17520
- .v-badge--inline .v-badge__wrapper {
17521
- align-items: center;
17522
- display: inline-flex;
17523
- justify-content: center;
17524
- margin: 0 4px;
17525
17513
  }.v-banner {
17526
17514
  display: grid;
17527
17515
  flex: 1 1;
@@ -17766,63 +17754,62 @@ html.overflow-y-hidden {
17766
17754
  .v-bottom-sheet.v-bottom-sheet--inset {
17767
17755
  max-width: 70%;
17768
17756
  }
17769
- }.v-breadcrumbs {
17770
- display: flex;
17771
- align-items: center;
17772
- line-height: 1.375rem;
17773
- padding: 16px 12px;
17774
- }
17775
- .v-breadcrumbs--rounded {
17757
+ }.v-btn-group {
17758
+ display: inline-flex;
17759
+ flex-wrap: nowrap;
17760
+ max-width: 100%;
17761
+ min-width: 0;
17762
+ overflow: hidden;
17763
+ vertical-align: middle;
17764
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17765
+ border-style: solid;
17766
+ border-width: 0;
17767
+ 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));
17776
17768
  border-radius: 4px;
17769
+ background: transparent;
17770
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17777
17771
  }
17778
- .v-breadcrumbs--density-default {
17779
- padding-top: 16px;
17780
- padding-bottom: 16px;
17772
+ .v-btn-group--border {
17773
+ border-width: thin;
17774
+ box-shadow: none;
17781
17775
  }
17782
-
17783
- .v-breadcrumbs--density-comfortable {
17784
- padding-top: 12px;
17785
- padding-bottom: 12px;
17776
+ .v-btn-group--density-default.v-btn-group {
17777
+ height: 48px;
17786
17778
  }
17787
17779
 
17788
- .v-breadcrumbs--density-compact {
17789
- padding-top: 8px;
17790
- padding-bottom: 8px;
17780
+ .v-btn-group--density-comfortable.v-btn-group {
17781
+ height: 40px;
17791
17782
  }
17792
17783
 
17793
- .v-breadcrumbs__prepend {
17794
- align-items: center;
17795
- display: inline-flex;
17784
+ .v-btn-group--density-compact.v-btn-group {
17785
+ height: 36px;
17796
17786
  }
17797
17787
 
17798
- .v-breadcrumbs-item {
17799
- align-items: center;
17800
- color: inherit;
17801
- display: inline-flex;
17802
- padding: 0 4px;
17803
- text-decoration: none;
17804
- vertical-align: middle;
17788
+ .v-btn-group .v-btn {
17789
+ border-radius: 0;
17790
+ border-color: inherit;
17805
17791
  }
17806
- .v-breadcrumbs-item--disabled {
17807
- opacity: var(--v-disabled-opacity);
17808
- pointer-events: none;
17792
+ .v-btn-group .v-btn:not(:last-child) {
17793
+ border-inline-end: none;
17809
17794
  }
17810
- .v-breadcrumbs-item--link {
17811
- color: inherit;
17812
- text-decoration: none;
17795
+ .v-btn-group .v-btn:not(:first-child) {
17796
+ border-inline-start: none;
17813
17797
  }
17814
- .v-breadcrumbs-item--link:hover {
17815
- text-decoration: underline;
17798
+ .v-btn-group .v-btn:first-child {
17799
+ border-start-start-radius: inherit;
17800
+ border-end-start-radius: inherit;
17816
17801
  }
17817
- .v-breadcrumbs-item .v-icon {
17818
- font-size: 1rem;
17819
- margin-inline: -4px 2px;
17802
+ .v-btn-group .v-btn:last-child {
17803
+ border-start-end-radius: inherit;
17804
+ border-end-end-radius: inherit;
17820
17805
  }
17821
-
17822
- .v-breadcrumbs-divider {
17823
- display: inline-block;
17824
- padding: 0 8px;
17825
- vertical-align: middle;
17806
+ .v-btn-group--divided .v-btn:not(:last-child) {
17807
+ border-inline-end-width: thin;
17808
+ border-inline-end-style: solid;
17809
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17810
+ }
17811
+ .v-btn-group--tile {
17812
+ border-radius: 0;
17826
17813
  }.v-btn {
17827
17814
  align-items: center;
17828
17815
  border-radius: 4px;
@@ -18239,6 +18226,63 @@ html.overflow-y-hidden {
18239
18226
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18240
18227
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18241
18228
  }
18229
+ }.v-breadcrumbs {
18230
+ display: flex;
18231
+ align-items: center;
18232
+ line-height: 1.375rem;
18233
+ padding: 16px 12px;
18234
+ }
18235
+ .v-breadcrumbs--rounded {
18236
+ border-radius: 4px;
18237
+ }
18238
+ .v-breadcrumbs--density-default {
18239
+ padding-top: 16px;
18240
+ padding-bottom: 16px;
18241
+ }
18242
+
18243
+ .v-breadcrumbs--density-comfortable {
18244
+ padding-top: 12px;
18245
+ padding-bottom: 12px;
18246
+ }
18247
+
18248
+ .v-breadcrumbs--density-compact {
18249
+ padding-top: 8px;
18250
+ padding-bottom: 8px;
18251
+ }
18252
+
18253
+ .v-breadcrumbs__prepend {
18254
+ align-items: center;
18255
+ display: inline-flex;
18256
+ }
18257
+
18258
+ .v-breadcrumbs-item {
18259
+ align-items: center;
18260
+ color: inherit;
18261
+ display: inline-flex;
18262
+ padding: 0 4px;
18263
+ text-decoration: none;
18264
+ vertical-align: middle;
18265
+ }
18266
+ .v-breadcrumbs-item--disabled {
18267
+ opacity: var(--v-disabled-opacity);
18268
+ pointer-events: none;
18269
+ }
18270
+ .v-breadcrumbs-item--link {
18271
+ color: inherit;
18272
+ text-decoration: none;
18273
+ }
18274
+ .v-breadcrumbs-item--link:hover {
18275
+ text-decoration: underline;
18276
+ }
18277
+ .v-breadcrumbs-item .v-icon {
18278
+ font-size: 1rem;
18279
+ margin-inline: -4px 2px;
18280
+ }
18281
+
18282
+ .v-breadcrumbs-divider {
18283
+ display: inline-block;
18284
+ padding: 0 8px;
18285
+ vertical-align: middle;
18242
18286
  }.v-card {
18243
18287
  display: block;
18244
18288
  overflow: hidden;
@@ -18535,6 +18579,11 @@ html.overflow-y-hidden {
18535
18579
  pointer-events: none;
18536
18580
  opacity: 0;
18537
18581
  transition: opacity 0.2s ease-in-out;
18582
+ }.v-checkbox.v-input {
18583
+ flex: 0 1 auto;
18584
+ }
18585
+ .v-checkbox .v-selection-control {
18586
+ min-height: var(--v-input-control-height);
18538
18587
  }.v-carousel {
18539
18588
  overflow: hidden;
18540
18589
  position: relative;
@@ -18598,67 +18647,6 @@ html.overflow-y-hidden {
18598
18647
  flex-direction: column;
18599
18648
  height: 100% !important;
18600
18649
  width: 50px;
18601
- }.v-btn-group {
18602
- display: inline-flex;
18603
- flex-wrap: nowrap;
18604
- max-width: 100%;
18605
- min-width: 0;
18606
- overflow: hidden;
18607
- vertical-align: middle;
18608
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18609
- border-style: solid;
18610
- border-width: 0;
18611
- 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));
18612
- border-radius: 4px;
18613
- background: transparent;
18614
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18615
- }
18616
- .v-btn-group--border {
18617
- border-width: thin;
18618
- box-shadow: none;
18619
- }
18620
- .v-btn-group--density-default.v-btn-group {
18621
- height: 48px;
18622
- }
18623
-
18624
- .v-btn-group--density-comfortable.v-btn-group {
18625
- height: 40px;
18626
- }
18627
-
18628
- .v-btn-group--density-compact.v-btn-group {
18629
- height: 36px;
18630
- }
18631
-
18632
- .v-btn-group .v-btn {
18633
- border-radius: 0;
18634
- border-color: inherit;
18635
- }
18636
- .v-btn-group .v-btn:not(:last-child) {
18637
- border-inline-end: none;
18638
- }
18639
- .v-btn-group .v-btn:not(:first-child) {
18640
- border-inline-start: none;
18641
- }
18642
- .v-btn-group .v-btn:first-child {
18643
- border-start-start-radius: inherit;
18644
- border-end-start-radius: inherit;
18645
- }
18646
- .v-btn-group .v-btn:last-child {
18647
- border-start-end-radius: inherit;
18648
- border-end-end-radius: inherit;
18649
- }
18650
- .v-btn-group--divided .v-btn:not(:last-child) {
18651
- border-inline-end-width: thin;
18652
- border-inline-end-style: solid;
18653
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18654
- }
18655
- .v-btn-group--tile {
18656
- border-radius: 0;
18657
- }.v-checkbox.v-input {
18658
- flex: 0 1 auto;
18659
- }
18660
- .v-checkbox .v-selection-control {
18661
- min-height: var(--v-input-control-height);
18662
18650
  }.v-chip {
18663
18651
  align-items: center;
18664
18652
  display: inline-flex;
@@ -19756,26 +19744,6 @@ html.overflow-y-hidden {
19756
19744
  .offset-xxl-11 {
19757
19745
  margin-inline-start: 91.6666666667%;
19758
19746
  }
19759
- }.v-color-picker {
19760
- align-self: flex-start;
19761
- contain: content;
19762
- }
19763
- .v-color-picker.v-sheet {
19764
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19765
- border-radius: 4px;
19766
- }
19767
-
19768
- .v-color-picker__controls {
19769
- display: flex;
19770
- flex-direction: column;
19771
- padding: 16px;
19772
- }
19773
-
19774
- .v-color-picker--flat {
19775
- 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));
19776
- }
19777
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19778
- 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));
19779
19747
  }.v-combobox .v-field .v-text-field__prefix,
19780
19748
  .v-combobox .v-field .v-text-field__suffix,
19781
19749
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19857,11 +19825,66 @@ html.overflow-y-hidden {
19857
19825
  .v-combobox--active-menu .v-combobox__menu-icon {
19858
19826
  opacity: var(--v-high-emphasis-opacity);
19859
19827
  transform: rotate(180deg);
19828
+ }.v-color-picker {
19829
+ align-self: flex-start;
19830
+ contain: content;
19831
+ }
19832
+ .v-color-picker.v-sheet {
19833
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19834
+ border-radius: 4px;
19835
+ }
19836
+
19837
+ .v-color-picker__controls {
19838
+ display: flex;
19839
+ flex-direction: column;
19840
+ padding: 16px;
19841
+ }
19842
+
19843
+ .v-color-picker--flat {
19844
+ 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));
19845
+ }
19846
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19847
+ 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));
19860
19848
  }.v-counter {
19861
19849
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19862
19850
  flex: 0 1 auto;
19863
19851
  font-size: 12px;
19864
19852
  transition-duration: 150ms;
19853
+ }.v-data-table-footer {
19854
+ display: flex;
19855
+ align-items: center;
19856
+ flex-wrap: wrap;
19857
+ padding: 4px;
19858
+ justify-content: flex-end;
19859
+ }
19860
+
19861
+ .v-data-table-footer__items-per-page {
19862
+ display: flex;
19863
+ align-items: center;
19864
+ justify-content: center;
19865
+ }
19866
+ .v-data-table-footer__items-per-page > span {
19867
+ padding-inline-end: 8px;
19868
+ }
19869
+ .v-data-table-footer__items-per-page > .v-select {
19870
+ width: 90px;
19871
+ }
19872
+
19873
+ .v-data-table-footer__info {
19874
+ display: flex;
19875
+ justify-content: flex-end;
19876
+ min-width: 116px;
19877
+ padding: 0 16px;
19878
+ }
19879
+
19880
+ .v-data-table-footer__pagination {
19881
+ display: flex;
19882
+ align-items: center;
19883
+ margin-inline-start: 16px;
19884
+ }
19885
+
19886
+ .v-data-table-footer__page {
19887
+ padding: 0 8px;
19865
19888
  }.v-data-table {
19866
19889
  width: 100%;
19867
19890
  }
@@ -19995,41 +20018,6 @@ html.overflow-y-hidden {
19995
20018
  .v-data-table-rows-loading,
19996
20019
  .v-data-table-rows-no-data {
19997
20020
  text-align: center;
19998
- }.v-data-table-footer {
19999
- display: flex;
20000
- align-items: center;
20001
- flex-wrap: wrap;
20002
- padding: 4px;
20003
- justify-content: flex-end;
20004
- }
20005
-
20006
- .v-data-table-footer__items-per-page {
20007
- display: flex;
20008
- align-items: center;
20009
- justify-content: center;
20010
- }
20011
- .v-data-table-footer__items-per-page > span {
20012
- padding-inline-end: 8px;
20013
- }
20014
- .v-data-table-footer__items-per-page > .v-select {
20015
- width: 90px;
20016
- }
20017
-
20018
- .v-data-table-footer__info {
20019
- display: flex;
20020
- justify-content: flex-end;
20021
- min-width: 116px;
20022
- padding: 0 16px;
20023
- }
20024
-
20025
- .v-data-table-footer__pagination {
20026
- display: flex;
20027
- align-items: center;
20028
- margin-inline-start: 16px;
20029
- }
20030
-
20031
- .v-data-table-footer__page {
20032
- padding: 0 8px;
20033
20021
  }.v-date-picker__input {
20034
20022
  padding-top: 16px;
20035
20023
  padding-left: 24px;
@@ -20055,14 +20043,63 @@ html.overflow-y-hidden {
20055
20043
  .v-date-picker-month__day .v-btn {
20056
20044
  --v-btn-height: 28px;
20057
20045
  --v-btn-size: 0.85rem;
20058
- }.v-date-picker-header {
20059
- display: grid;
20060
- grid-template-areas: "prepend content append";
20061
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20062
- overflow: hidden;
20063
- padding-inline: 24px 12px;
20064
- padding-bottom: 12px;
20065
- }
20046
+ }.v-date-picker-month {
20047
+ display: flex;
20048
+ justify-content: center;
20049
+ min-width: 328px;
20050
+ --v-date-picker-month-day-diff: 4px;
20051
+ }
20052
+
20053
+ .v-date-picker-month__weeks {
20054
+ display: grid;
20055
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20056
+ row-gap: 4px;
20057
+ font-size: 0.875rem;
20058
+ }
20059
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20060
+ grid-row-gap: 0;
20061
+ }
20062
+
20063
+ .v-date-picker-month__weekday {
20064
+ font-size: 0.875rem;
20065
+ }
20066
+
20067
+ .v-date-picker-month__days {
20068
+ display: grid;
20069
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20070
+ row-gap: 4px;
20071
+ flex: 1 1;
20072
+ justify-content: space-around;
20073
+ }
20074
+
20075
+ .v-date-picker-month__day {
20076
+ align-items: center;
20077
+ display: flex;
20078
+ justify-content: center;
20079
+ position: relative;
20080
+ }
20081
+ .v-date-picker-month__day--selected .v-btn {
20082
+ background-color: rgb(var(--v-theme-surface-variant));
20083
+ color: rgb(var(--v-theme-on-surface-variant));
20084
+ }
20085
+ .v-date-picker-month__day--week {
20086
+ font-size: var(--v-btn-size);
20087
+ }
20088
+
20089
+ .v-date-picker-month__day--adjacent {
20090
+ opacity: 0.5;
20091
+ }
20092
+
20093
+ .v-date-picker-month__day--hide-adjacent {
20094
+ opacity: 0;
20095
+ }.v-date-picker-header {
20096
+ display: grid;
20097
+ grid-template-areas: "prepend content append";
20098
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20099
+ overflow: hidden;
20100
+ padding-inline: 24px 12px;
20101
+ padding-bottom: 12px;
20102
+ }
20066
20103
 
20067
20104
  .v-date-picker-header__append {
20068
20105
  grid-area: append;
@@ -20113,55 +20150,6 @@ html.overflow-y-hidden {
20113
20150
  .date-picker-header-reverse-transition-leave-to {
20114
20151
  opacity: 0;
20115
20152
  transform: translate(0, 100%);
20116
- }.v-date-picker-month {
20117
- display: flex;
20118
- justify-content: center;
20119
- min-width: 328px;
20120
- --v-date-picker-month-day-diff: 4px;
20121
- }
20122
-
20123
- .v-date-picker-month__weeks {
20124
- display: grid;
20125
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20126
- row-gap: 4px;
20127
- font-size: 0.875rem;
20128
- }
20129
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20130
- grid-row-gap: 0;
20131
- }
20132
-
20133
- .v-date-picker-month__weekday {
20134
- font-size: 0.875rem;
20135
- }
20136
-
20137
- .v-date-picker-month__days {
20138
- display: grid;
20139
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20140
- row-gap: 4px;
20141
- flex: 1 1;
20142
- justify-content: space-around;
20143
- }
20144
-
20145
- .v-date-picker-month__day {
20146
- align-items: center;
20147
- display: flex;
20148
- justify-content: center;
20149
- position: relative;
20150
- }
20151
- .v-date-picker-month__day--selected .v-btn {
20152
- background-color: rgb(var(--v-theme-surface-variant));
20153
- color: rgb(var(--v-theme-on-surface-variant));
20154
- }
20155
- .v-date-picker-month__day--week {
20156
- font-size: var(--v-btn-size);
20157
- }
20158
-
20159
- .v-date-picker-month__day--adjacent {
20160
- opacity: 0.5;
20161
- }
20162
-
20163
- .v-date-picker-month__day--hide-adjacent {
20164
- opacity: 0;
20165
20153
  }.v-date-picker-controls {
20166
20154
  display: flex;
20167
20155
  align-items: center;
@@ -20218,21 +20206,6 @@ html.overflow-y-hidden {
20218
20206
 
20219
20207
  .v-date-picker__title {
20220
20208
  display: inline-block;
20221
- }.v-date-picker-years {
20222
- height: 320px;
20223
- overflow-y: scroll;
20224
- }
20225
-
20226
- .v-date-picker-years__content {
20227
- display: grid;
20228
- flex: 1 1;
20229
- justify-content: space-around;
20230
- grid-template-columns: repeat(3, 1fr);
20231
- gap: 8px 24px;
20232
- padding-inline: 36px;
20233
- }
20234
- .v-date-picker-years__content .v-btn {
20235
- padding-inline: 8px;
20236
20209
  }.v-date-picker-months {
20237
20210
  height: 320px;
20238
20211
  overflow-y: scroll;
@@ -20253,6 +20226,50 @@ html.overflow-y-hidden {
20253
20226
  text-transform: none;
20254
20227
  padding-inline-start: 8px;
20255
20228
  padding-inline-end: 8px;
20229
+ }.v-date-picker-years {
20230
+ height: 320px;
20231
+ overflow-y: scroll;
20232
+ }
20233
+
20234
+ .v-date-picker-years__content {
20235
+ display: grid;
20236
+ flex: 1 1;
20237
+ justify-content: space-around;
20238
+ grid-template-columns: repeat(3, 1fr);
20239
+ gap: 8px 24px;
20240
+ padding-inline: 36px;
20241
+ }
20242
+ .v-date-picker-years__content .v-btn {
20243
+ padding-inline: 8px;
20244
+ }.v-divider {
20245
+ display: block;
20246
+ flex: 1 1 100%;
20247
+ height: 0px;
20248
+ max-height: 0px;
20249
+ opacity: var(--v-border-opacity);
20250
+ transition: inherit;
20251
+ border-style: solid;
20252
+ border-width: thin 0 0 0;
20253
+ }
20254
+ .v-divider--vertical {
20255
+ align-self: stretch;
20256
+ border-width: 0 thin 0 0;
20257
+ display: inline-flex;
20258
+ height: inherit;
20259
+ margin-left: -1px;
20260
+ max-height: 100%;
20261
+ max-width: 0px;
20262
+ vertical-align: text-bottom;
20263
+ width: 0px;
20264
+ }
20265
+ .v-divider--inset:not(.v-divider--vertical) {
20266
+ max-width: calc(100% - 72px);
20267
+ margin-inline-start: 72px;
20268
+ }
20269
+ .v-divider--inset.v-divider--vertical {
20270
+ margin-bottom: 8px;
20271
+ margin-top: 8px;
20272
+ max-height: calc(100% - 16px);
20256
20273
  }.v-dialog {
20257
20274
  align-items: center;
20258
20275
  justify-content: center;
@@ -20341,35 +20358,6 @@ html.overflow-y-hidden {
20341
20358
  -webkit-backface-visibility: hidden;
20342
20359
  backface-visibility: hidden;
20343
20360
  overflow-y: auto;
20344
- }.v-divider {
20345
- display: block;
20346
- flex: 1 1 100%;
20347
- height: 0px;
20348
- max-height: 0px;
20349
- opacity: var(--v-border-opacity);
20350
- transition: inherit;
20351
- border-style: solid;
20352
- border-width: thin 0 0 0;
20353
- }
20354
- .v-divider--vertical {
20355
- align-self: stretch;
20356
- border-width: 0 thin 0 0;
20357
- display: inline-flex;
20358
- height: inherit;
20359
- margin-left: -1px;
20360
- max-height: 100%;
20361
- max-width: 0px;
20362
- vertical-align: text-bottom;
20363
- width: 0px;
20364
- }
20365
- .v-divider--inset:not(.v-divider--vertical) {
20366
- max-width: calc(100% - 72px);
20367
- margin-inline-start: 72px;
20368
- }
20369
- .v-divider--inset.v-divider--vertical {
20370
- margin-bottom: 8px;
20371
- margin-top: 8px;
20372
- max-height: calc(100% - 16px);
20373
20361
  }.v-expansion-panel {
20374
20362
  background-color: rgb(var(--v-theme-surface));
20375
20363
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20569,6 +20557,26 @@ html.overflow-y-hidden {
20569
20557
  }
20570
20558
  .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20571
20559
  max-width: calc(100% - 32px);
20560
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20561
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20562
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20563
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20564
+ top: 0px;
20565
+ }
20566
+ .v-file-input input[type=file] {
20567
+ height: 100%;
20568
+ left: 0;
20569
+ opacity: 0;
20570
+ position: absolute;
20571
+ top: 0;
20572
+ width: 100%;
20573
+ z-index: 1;
20574
+ }
20575
+ .v-file-input .v-input__details {
20576
+ padding-inline: 16px;
20577
+ }
20578
+ .v-input--plain-underlined.v-file-input .v-input__details {
20579
+ padding-inline: 0;
20572
20580
  }/* region INPUT */
20573
20581
  .v-field {
20574
20582
  display: grid;
@@ -21118,27 +21126,7 @@ textarea.v-field__input::placeholder {
21118
21126
  opacity: 0;
21119
21127
  }
21120
21128
 
21121
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21122
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21123
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21124
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21125
- top: 0px;
21126
- }
21127
- .v-file-input input[type=file] {
21128
- height: 100%;
21129
- left: 0;
21130
- opacity: 0;
21131
- position: absolute;
21132
- top: 0;
21133
- width: 100%;
21134
- z-index: 1;
21135
- }
21136
- .v-file-input .v-input__details {
21137
- padding-inline: 16px;
21138
- }
21139
- .v-input--plain-underlined.v-file-input .v-input__details {
21140
- padding-inline: 0;
21141
- }.v-footer {
21129
+ /* endregion */.v-footer {
21142
21130
  align-items: center;
21143
21131
  display: flex;
21144
21132
  flex: 1 1 auto;
@@ -21438,6 +21426,21 @@ textarea.v-field__input::placeholder {
21438
21426
 
21439
21427
  .v-label--clickable {
21440
21428
  cursor: pointer;
21429
+ }.v-layout-item {
21430
+ position: absolute;
21431
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21432
+ }
21433
+
21434
+ .v-layout-item--absolute {
21435
+ position: absolute;
21436
+ }.v-layout {
21437
+ --v-scrollbar-offset: 0px;
21438
+ display: flex;
21439
+ flex: 1 1 auto;
21440
+ }
21441
+ .v-layout--full-height {
21442
+ --v-scrollbar-offset: inherit;
21443
+ height: 100%;
21441
21444
  }.v-list {
21442
21445
  overflow: auto;
21443
21446
  padding: 8px 0;
@@ -21989,26 +21992,11 @@ textarea.v-field__input::placeholder {
21989
21992
  }
21990
21993
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21991
21994
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21992
- }.v-layout-item {
21993
- position: absolute;
21994
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21995
- }
21996
-
21997
- .v-layout-item--absolute {
21998
- position: absolute;
21999
- }.v-layout {
22000
- --v-scrollbar-offset: 0px;
22001
- display: flex;
22002
- flex: 1 1 auto;
22003
- }
22004
- .v-layout--full-height {
22005
- --v-scrollbar-offset: inherit;
22006
- height: 100%;
22007
- }.v-locale-provider {
22008
- display: contents;
22009
- }.v-main {
22010
- flex: 1 0 auto;
22011
- max-width: 100%;
21995
+ }.v-locale-provider {
21996
+ display: contents;
21997
+ }.v-main {
21998
+ flex: 1 0 auto;
21999
+ max-width: 100%;
22012
22000
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22013
22001
  padding-left: var(--v-layout-left);
22014
22002
  padding-right: var(--v-layout-right);
@@ -22161,62 +22149,6 @@ textarea.v-field__input::placeholder {
22161
22149
  .v-navigation-drawer__append {
22162
22150
  flex: none;
22163
22151
  overflow: hidden;
22164
- }.v-otp-input {
22165
- border-radius: 4px;
22166
- align-items: center;
22167
- display: flex;
22168
- justify-content: center;
22169
- padding: 0.5rem 0;
22170
- position: relative;
22171
- }
22172
- .v-otp-input .v-field {
22173
- height: 100%;
22174
- }
22175
-
22176
- .v-otp-input__divider {
22177
- margin: 0 8px;
22178
- }
22179
-
22180
- .v-otp-input__content {
22181
- align-items: center;
22182
- display: flex;
22183
- gap: 0.5rem;
22184
- height: 64px;
22185
- padding: 0.5rem;
22186
- justify-content: center;
22187
- max-width: 320px;
22188
- position: relative;
22189
- border-radius: inherit;
22190
- }
22191
- .v-otp-input--divided .v-otp-input__content {
22192
- max-width: 360px;
22193
- }
22194
-
22195
- .v-otp-input__field {
22196
- color: inherit;
22197
- font-size: 1.25rem;
22198
- height: 100%;
22199
- outline: none;
22200
- text-align: center;
22201
- width: 100%;
22202
- }
22203
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22204
- -webkit-appearance: none;
22205
- margin: 0;
22206
- }
22207
- .v-otp-input__field[type=number] {
22208
- -moz-appearance: textfield;
22209
- }
22210
-
22211
- .v-otp-input__loader {
22212
- align-items: center;
22213
- display: flex;
22214
- height: 100%;
22215
- justify-content: center;
22216
- width: 100%;
22217
- }
22218
- .v-otp-input__loader .v-progress-linear {
22219
- position: absolute;
22220
22152
  }.v-overlay-container {
22221
22153
  contain: layout;
22222
22154
  left: 0;
@@ -22288,6 +22220,62 @@ html.v-overlay-scroll-blocked {
22288
22220
  }
22289
22221
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22290
22222
  margin: 0.3rem;
22223
+ }.v-otp-input {
22224
+ border-radius: 4px;
22225
+ align-items: center;
22226
+ display: flex;
22227
+ justify-content: center;
22228
+ padding: 0.5rem 0;
22229
+ position: relative;
22230
+ }
22231
+ .v-otp-input .v-field {
22232
+ height: 100%;
22233
+ }
22234
+
22235
+ .v-otp-input__divider {
22236
+ margin: 0 8px;
22237
+ }
22238
+
22239
+ .v-otp-input__content {
22240
+ align-items: center;
22241
+ display: flex;
22242
+ gap: 0.5rem;
22243
+ height: 64px;
22244
+ padding: 0.5rem;
22245
+ justify-content: center;
22246
+ max-width: 320px;
22247
+ position: relative;
22248
+ border-radius: inherit;
22249
+ }
22250
+ .v-otp-input--divided .v-otp-input__content {
22251
+ max-width: 360px;
22252
+ }
22253
+
22254
+ .v-otp-input__field {
22255
+ color: inherit;
22256
+ font-size: 1.25rem;
22257
+ height: 100%;
22258
+ outline: none;
22259
+ text-align: center;
22260
+ width: 100%;
22261
+ }
22262
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22263
+ -webkit-appearance: none;
22264
+ margin: 0;
22265
+ }
22266
+ .v-otp-input__field[type=number] {
22267
+ -moz-appearance: textfield;
22268
+ }
22269
+
22270
+ .v-otp-input__loader {
22271
+ align-items: center;
22272
+ display: flex;
22273
+ height: 100%;
22274
+ justify-content: center;
22275
+ width: 100%;
22276
+ }
22277
+ .v-otp-input__loader .v-progress-linear {
22278
+ position: absolute;
22291
22279
  }.v-parallax {
22292
22280
  position: relative;
22293
22281
  overflow: hidden;
@@ -22982,229 +22970,236 @@ html.v-overlay-scroll-blocked {
22982
22970
  .v-slide-group--vertical .v-slide-group__container,
22983
22971
  .v-slide-group--vertical .v-slide-group__content {
22984
22972
  flex-direction: column;
22985
- }.v-skeleton-loader {
22986
- align-items: center;
22987
- background: rgb(var(--v-theme-surface));
22973
+ }.v-stepper.v-sheet {
22974
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22988
22975
  border-radius: 4px;
22989
- display: flex;
22990
- flex-wrap: wrap;
22991
- position: relative;
22992
- vertical-align: top;
22993
- }
22994
- .v-skeleton-loader__actions {
22995
- justify-content: end;
22996
- }
22997
- .v-skeleton-loader .v-skeleton-loader__ossein {
22998
- height: 100%;
22999
- }
23000
- .v-skeleton-loader .v-skeleton-loader__avatar,
23001
- .v-skeleton-loader .v-skeleton-loader__button,
23002
- .v-skeleton-loader .v-skeleton-loader__chip,
23003
- .v-skeleton-loader .v-skeleton-loader__divider,
23004
- .v-skeleton-loader .v-skeleton-loader__heading,
23005
- .v-skeleton-loader .v-skeleton-loader__image,
23006
- .v-skeleton-loader .v-skeleton-loader__ossein,
23007
- .v-skeleton-loader .v-skeleton-loader__text {
23008
- background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
22976
+ overflow: hidden;
23009
22977
  }
23010
- .v-skeleton-loader .v-skeleton-loader__list-item,
23011
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
23012
- .v-skeleton-loader .v-skeleton-loader__list-item-text,
23013
- .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
23014
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
23015
- .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
23016
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
23017
- border-radius: 4px;
22978
+ .v-stepper.v-sheet.v-stepper--flat {
22979
+ 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));
23018
22980
  }
23019
- .v-skeleton-loader__bone {
22981
+
22982
+ .v-stepper-header {
22983
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23020
22984
  align-items: center;
23021
- border-radius: inherit;
23022
22985
  display: flex;
23023
- flex: 1 1 100%;
23024
- flex-wrap: wrap;
23025
- overflow: hidden;
23026
22986
  position: relative;
23027
- }
23028
- .v-skeleton-loader__bone::after {
23029
- content: "";
23030
- position: absolute;
23031
- top: 0;
23032
- left: 0;
23033
- width: 100%;
23034
- height: 100%;
23035
- animation: loading 1.5s infinite;
23036
- background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
23037
- transform: translateX(-100%);
22987
+ overflow-x: auto;
22988
+ justify-content: space-between;
23038
22989
  z-index: 1;
23039
22990
  }
23040
- .v-skeleton-loader__avatar {
23041
- border-radius: 50%;
23042
- flex: 0 1 auto;
23043
- margin: 8px 16px;
23044
- max-height: 48px;
23045
- min-height: 48px;
23046
- height: 48px;
23047
- max-width: 48px;
23048
- min-width: 48px;
23049
- width: 48px;
22991
+ .v-stepper-header .v-divider {
22992
+ margin: 0 -16px;
23050
22993
  }
23051
- .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
23052
- flex: 1 1 auto;
23053
- margin-inline-start: 0;
22994
+ .v-stepper-header .v-divider:last-child {
22995
+ margin-inline-end: 0;
23054
22996
  }
23055
- .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23056
- .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
22997
+ .v-stepper-header .v-divider:first-child {
23057
22998
  margin-inline-start: 0;
23058
22999
  }
23059
- .v-skeleton-loader__button {
23060
- border-radius: 4px;
23061
- height: 36px;
23062
- margin: 16px;
23063
- max-width: 64px;
23000
+ .v-stepper--alt-labels .v-stepper-header {
23001
+ height: auto;
23064
23002
  }
23065
- .v-skeleton-loader__button + .v-skeleton-loader__bone {
23066
- flex: 1 1 auto;
23067
- margin-inline-start: 0;
23003
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23004
+ align-self: flex-start;
23005
+ margin: 35px -67px 0;
23068
23006
  }
23069
- .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23070
- .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23071
- margin-inline-start: 0;
23007
+
23008
+ .v-stepper-window {
23009
+ margin: 1.5rem;
23072
23010
  }
23073
- .v-skeleton-loader__chip {
23074
- border-radius: 16px;
23075
- margin: 16px;
23076
- height: 32px;
23077
- max-width: 96px;
23011
+
23012
+ .v-stepper-actions {
23013
+ display: flex;
23014
+ align-items: center;
23015
+ justify-content: space-between;
23016
+ padding: 1rem;
23078
23017
  }
23079
- .v-skeleton-loader__chip + .v-skeleton-loader__bone {
23080
- flex: 1 1 auto;
23081
- margin-inline-start: 0;
23018
+ .v-stepper .v-stepper-actions {
23019
+ padding: 0 1.5rem 1rem;
23082
23020
  }
23083
- .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23084
- .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23085
- margin-inline-start: 0;
23021
+ .v-stepper-window-item .v-stepper-actions {
23022
+ padding: 1.5rem 0 0;
23023
+ }.v-stepper-item {
23024
+ align-items: center;
23025
+ align-self: stretch;
23026
+ display: inline-flex;
23027
+ flex: none;
23028
+ opacity: var(--v-medium-emphasis-opacity);
23029
+ padding: 1.5rem;
23030
+ transition-duration: 0.2s;
23031
+ transition-property: opacity;
23032
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23086
23033
  }
23087
- .v-skeleton-loader__date-picker {
23088
- border-radius: inherit;
23034
+ .v-stepper-item--selected {
23035
+ opacity: 1;
23089
23036
  }
23090
- .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
23091
- max-width: 88px;
23092
- width: 20%;
23037
+ .v-stepper-item--error {
23038
+ color: rgb(var(--v-theme-error));
23093
23039
  }
23094
- .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
23095
- max-width: 256px;
23096
- width: 40%;
23040
+ .v-stepper-item--disabled {
23041
+ opacity: var(--v-medium-emphasis-opacity);
23042
+ pointer-events: none;
23097
23043
  }
23098
- .v-skeleton-loader__date-picker-days {
23099
- flex-wrap: wrap;
23100
- margin: 16px;
23044
+ .v-stepper--alt-labels .v-stepper-item {
23045
+ flex-direction: column;
23046
+ justify-content: flex-start;
23047
+ align-items: center;
23048
+ flex-basis: 175px;
23101
23049
  }
23102
- .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
23103
- border-radius: 4px;
23104
- margin: 4px;
23105
- max-width: 100%;
23050
+
23051
+ .v-stepper-item__avatar.v-avatar {
23052
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23053
+ color: rgb(var(--v-theme-on-surface-variant));
23054
+ font-size: 0.75rem;
23055
+ margin-inline-end: 8px;
23106
23056
  }
23107
- .v-skeleton-loader__date-picker-options {
23108
- flex-wrap: nowrap;
23057
+ .v-stepper-item__avatar.v-avatar .v-icon {
23058
+ font-size: 0.875rem;
23109
23059
  }
23110
- .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
23111
- flex: 1 1 auto;
23060
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23061
+ background: rgb(var(--v-theme-surface-variant));
23112
23062
  }
23113
- .v-skeleton-loader__divider {
23114
- border-radius: 1px;
23115
- height: 2px;
23063
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23064
+ background: rgb(var(--v-theme-error));
23116
23065
  }
23117
- .v-skeleton-loader__heading {
23118
- border-radius: 12px;
23119
- margin: 16px;
23120
- height: 24px;
23066
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23067
+ margin-bottom: 16px;
23068
+ margin-inline-end: 0;
23121
23069
  }
23122
- .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
23123
- margin-top: -16px;
23070
+
23071
+ .v-stepper-item__title {
23072
+ line-height: 1;
23124
23073
  }
23125
- .v-skeleton-loader__image {
23126
- height: 150px;
23127
- border-radius: 0;
23074
+ .v-stepper--mobile .v-stepper-item__title {
23075
+ display: none;
23128
23076
  }
23129
- .v-skeleton-loader__card .v-skeleton-loader__image {
23130
- border-radius: 0;
23077
+
23078
+ .v-stepper-item__subtitle {
23079
+ font-size: 0.75rem;
23080
+ text-align: left;
23081
+ line-height: 1;
23082
+ opacity: var(--v-medium-emphasis-opacity);
23131
23083
  }
23132
- .v-skeleton-loader__list-item {
23133
- margin: 16px;
23084
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23085
+ text-align: center;
23134
23086
  }
23135
- .v-skeleton-loader__list-item .v-skeleton-loader__text {
23136
- margin: 0;
23087
+ .v-stepper--mobile .v-stepper-item__subtitle {
23088
+ display: none;
23089
+ }.v-switch .v-label {
23090
+ padding-inline-start: 10px;
23137
23091
  }
23138
- .v-skeleton-loader__table-thead {
23139
- justify-content: space-between;
23092
+ .v-switch .v-switch__thumb {
23093
+ background-color: rgb(var(--v-theme-surface-bright));
23094
+ color: rgb(var(--v-theme-on-surface-bright));
23140
23095
  }
23141
- .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23142
- margin-top: 16px;
23143
- max-width: 16px;
23096
+
23097
+ .v-switch__loader {
23098
+ display: flex;
23144
23099
  }
23145
- .v-skeleton-loader__table-tfoot {
23146
- flex-wrap: nowrap;
23100
+ .v-switch__loader .v-progress-circular {
23101
+ color: rgb(var(--v-theme-surface));
23147
23102
  }
23148
- .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23149
- margin-top: 16px;
23103
+
23104
+ .v-switch__track,
23105
+ .v-switch__thumb {
23106
+ transition: none;
23150
23107
  }
23151
- .v-skeleton-loader__table-row {
23152
- align-items: baseline;
23153
- margin: 0 8px;
23154
- justify-content: space-evenly;
23155
- flex-wrap: nowrap;
23108
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23109
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23110
+ background-color: rgb(var(--v-theme-error));
23111
+ color: rgb(var(--v-theme-on-error));
23156
23112
  }
23157
- .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23158
- margin-inline: 8px;
23113
+
23114
+ .v-switch__track-true {
23115
+ margin-inline-end: auto;
23159
23116
  }
23160
- .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23161
- margin: 0 16px;
23117
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23118
+ opacity: 0;
23162
23119
  }
23163
- .v-skeleton-loader__table-cell {
23120
+
23121
+ .v-switch__track-false {
23122
+ margin-inline-start: auto;
23123
+ }
23124
+ .v-selection-control--dirty .v-switch__track-false {
23125
+ opacity: 0;
23126
+ }
23127
+
23128
+ .v-switch__track {
23129
+ display: inline-flex;
23130
+ align-items: center;
23131
+ font-size: 0.5rem;
23132
+ padding: 0 5px;
23133
+ background-color: rgb(var(--v-theme-surface-variant));
23134
+ border-radius: 9999px;
23135
+ height: 14px;
23136
+ opacity: 0.6;
23137
+ min-width: 36px;
23138
+ cursor: pointer;
23139
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23140
+ }
23141
+ .v-switch--inset .v-switch__track {
23142
+ border-radius: 9999px;
23143
+ font-size: 0.75rem;
23144
+ height: 32px;
23145
+ min-width: 52px;
23146
+ }
23147
+
23148
+ .v-switch__thumb {
23164
23149
  align-items: center;
23150
+ border-radius: 50%;
23165
23151
  display: flex;
23166
- height: 48px;
23167
- width: 88px;
23152
+ font-size: 0.75rem;
23153
+ height: 20px;
23154
+ justify-content: center;
23155
+ width: 20px;
23156
+ pointer-events: none;
23157
+ 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);
23158
+ position: relative;
23159
+ overflow: hidden;
23160
+ 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));
23168
23161
  }
23169
- .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23170
- margin-bottom: 0;
23162
+ .v-switch--inset .v-switch__thumb {
23163
+ height: 24px;
23164
+ width: 24px;
23165
+ transform: scale(0.6666666667);
23166
+ 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));
23171
23167
  }
23172
- .v-skeleton-loader__subtitle {
23173
- max-width: 70%;
23168
+ .v-switch--inset .v-switch__thumb--filled {
23169
+ transform: none;
23174
23170
  }
23175
- .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23176
- height: 16px;
23177
- border-radius: 8px;
23171
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23172
+ transform: none;
23173
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23178
23174
  }
23179
- .v-skeleton-loader__text {
23180
- border-radius: 6px;
23181
- margin: 16px;
23182
- height: 12px;
23175
+
23176
+ .v-switch.v-input {
23177
+ flex: 0 1 auto;
23183
23178
  }
23184
- .v-skeleton-loader__text + .v-skeleton-loader__text {
23185
- margin-top: -8px;
23186
- max-width: 50%;
23179
+ .v-switch .v-selection-control {
23180
+ min-height: var(--v-input-control-height);
23187
23181
  }
23188
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23189
- max-width: 70%;
23182
+ .v-switch .v-selection-control__input {
23183
+ border-radius: 50%;
23184
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23185
+ transform: translateX(-10px);
23186
+ position: absolute;
23190
23187
  }
23191
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23192
- display: none;
23188
+ .v-switch .v-selection-control__input .v-icon {
23189
+ position: absolute;
23193
23190
  }
23194
- .v-skeleton-loader--is-loading {
23195
- overflow: hidden;
23191
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23192
+ transform: translateX(10px);
23196
23193
  }
23197
- .v-skeleton-loader--tile {
23198
- border-radius: 0;
23194
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23195
+ transform: scale(0.8);
23199
23196
  }
23200
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
23201
- border-radius: 0;
23197
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
23198
+ transform: scale(0.75);
23199
+ box-shadow: none;
23202
23200
  }
23203
-
23204
- @keyframes loading {
23205
- 100% {
23206
- transform: translateX(100%);
23207
- }
23201
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
23202
+ width: auto;
23208
23203
  }.v-snackbar {
23209
23204
  justify-content: center;
23210
23205
  z-index: 10000;
@@ -23324,273 +23319,210 @@ html.v-overlay-scroll-blocked {
23324
23319
  }
23325
23320
  .v-snackbar-transition-leave-to {
23326
23321
  opacity: 0;
23327
- }.v-stepper-item {
23322
+ }.v-system-bar {
23328
23323
  align-items: center;
23329
- align-self: stretch;
23330
- display: inline-flex;
23331
- flex: none;
23332
- opacity: var(--v-medium-emphasis-opacity);
23333
- padding: 1.5rem;
23334
- transition-duration: 0.2s;
23335
- transition-property: opacity;
23336
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23324
+ display: flex;
23325
+ flex: 1 1 auto;
23326
+ height: 24px;
23327
+ justify-content: flex-end;
23328
+ max-width: 100%;
23329
+ padding-inline: 8px;
23330
+ position: relative;
23331
+ text-align: end;
23332
+ width: 100%;
23333
+ 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));
23334
+ background: rgba(var(--v-theme-surface-light));
23335
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23336
+ font-size: 0.75rem;
23337
+ font-weight: 400;
23338
+ letter-spacing: 0.0333333333em;
23339
+ line-height: 1.25rem;
23340
+ text-transform: none;
23337
23341
  }
23338
- .v-stepper-item--selected {
23339
- opacity: 1;
23342
+ .v-system-bar .v-icon {
23343
+ opacity: var(--v-medium-emphasis-opacity);
23340
23344
  }
23341
- .v-stepper-item--error {
23342
- color: rgb(var(--v-theme-error));
23345
+ .v-system-bar--absolute {
23346
+ position: absolute;
23343
23347
  }
23344
- .v-stepper-item--disabled {
23345
- opacity: var(--v-medium-emphasis-opacity);
23346
- pointer-events: none;
23348
+ .v-system-bar--fixed {
23349
+ position: fixed;
23347
23350
  }
23348
- .v-stepper--alt-labels .v-stepper-item {
23349
- flex-direction: column;
23350
- justify-content: flex-start;
23351
- align-items: center;
23352
- flex-basis: 175px;
23351
+ .v-system-bar--rounded {
23352
+ border-radius: 0;
23353
23353
  }
23354
-
23355
- .v-stepper-item__avatar.v-avatar {
23356
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23357
- color: rgb(var(--v-theme-on-surface-variant));
23358
- font-size: 0.75rem;
23359
- margin-inline-end: 8px;
23354
+ .v-system-bar--window {
23355
+ height: 32px;
23360
23356
  }
23361
- .v-stepper-item__avatar.v-avatar .v-icon {
23357
+ .v-system-bar:not(.v-system-bar--absolute) {
23358
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23359
+ }.v-table {
23360
+ background: rgb(var(--v-theme-surface));
23361
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23362
23362
  font-size: 0.875rem;
23363
+ transition-duration: 0.28s;
23364
+ transition-property: box-shadow, opacity, background, height;
23365
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23363
23366
  }
23364
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23365
- background: rgb(var(--v-theme-surface-variant));
23366
- }
23367
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23368
- background: rgb(var(--v-theme-error));
23367
+ .v-table .v-table-divider {
23368
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23369
23369
  }
23370
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23371
- margin-bottom: 16px;
23372
- margin-inline-end: 0;
23370
+ .v-table .v-table__wrapper > table > thead > tr > th {
23371
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23373
23372
  }
23374
-
23375
- .v-stepper-item__title {
23376
- line-height: 1;
23373
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23374
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23375
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23377
23376
  }
23378
- .v-stepper--mobile .v-stepper-item__title {
23379
- display: none;
23377
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
23378
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
23379
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23380
23380
  }
23381
-
23382
- .v-stepper-item__subtitle {
23383
- font-size: 0.75rem;
23384
- text-align: left;
23385
- line-height: 1;
23386
- opacity: var(--v-medium-emphasis-opacity);
23381
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23382
+ position: relative;
23387
23383
  }
23388
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23389
- text-align: center;
23384
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23385
+ content: "";
23386
+ position: absolute;
23387
+ top: 0;
23388
+ left: 0;
23389
+ width: 100%;
23390
+ height: 100%;
23391
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
23392
+ pointer-events: none;
23390
23393
  }
23391
- .v-stepper--mobile .v-stepper-item__subtitle {
23392
- display: none;
23393
- }.v-stepper.v-sheet {
23394
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23395
- border-radius: 4px;
23396
- overflow: hidden;
23394
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23395
+ background: rgb(var(--v-theme-surface));
23396
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23397
+ z-index: 1;
23397
23398
  }
23398
- .v-stepper.v-sheet.v-stepper--flat {
23399
- 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));
23399
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
23400
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
23401
+ background: rgb(var(--v-theme-surface));
23402
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23400
23403
  }
23401
23404
 
23402
- .v-stepper-header {
23403
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23404
- align-items: center;
23405
+ .v-table {
23406
+ border-radius: inherit;
23407
+ line-height: 1.5;
23408
+ max-width: 100%;
23405
23409
  display: flex;
23406
- position: relative;
23407
- overflow-x: auto;
23408
- justify-content: space-between;
23409
- z-index: 1;
23410
+ flex-direction: column;
23410
23411
  }
23411
- .v-stepper-header .v-divider {
23412
- margin: 0 -16px;
23412
+ .v-table > .v-table__wrapper > table {
23413
+ width: 100%;
23414
+ border-spacing: 0;
23413
23415
  }
23414
- .v-stepper-header .v-divider:last-child {
23415
- margin-inline-end: 0;
23416
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23417
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
23418
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23419
+ .v-table > .v-table__wrapper > table > thead > tr > th,
23420
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
23421
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
23422
+ padding: 0 16px;
23423
+ transition-duration: 0.28s;
23424
+ transition-property: box-shadow, opacity, background, height;
23425
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23416
23426
  }
23417
- .v-stepper-header .v-divider:first-child {
23418
- margin-inline-start: 0;
23427
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23428
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23429
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
23430
+ height: var(--v-table-row-height);
23419
23431
  }
23420
- .v-stepper--alt-labels .v-stepper-header {
23421
- height: auto;
23432
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
23433
+ .v-table > .v-table__wrapper > table > thead > tr > th,
23434
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
23435
+ height: var(--v-table-header-height);
23436
+ font-weight: 500;
23437
+ -webkit-user-select: none;
23438
+ user-select: none;
23439
+ text-align: start;
23422
23440
  }
23423
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23424
- align-self: flex-start;
23425
- margin: 35px -67px 0;
23441
+ .v-table--density-default {
23442
+ --v-table-header-height: 56px;
23443
+ --v-table-row-height: 52px;
23426
23444
  }
23427
23445
 
23428
- .v-stepper-window {
23429
- margin: 1.5rem;
23446
+ .v-table--density-comfortable {
23447
+ --v-table-header-height: 48px;
23448
+ --v-table-row-height: 44px;
23430
23449
  }
23431
23450
 
23432
- .v-stepper-actions {
23433
- display: flex;
23434
- align-items: center;
23435
- justify-content: space-between;
23436
- padding: 1rem;
23437
- }
23438
- .v-stepper .v-stepper-actions {
23439
- padding: 0 1.5rem 1rem;
23440
- }
23441
- .v-stepper-window-item .v-stepper-actions {
23442
- padding: 1.5rem 0 0;
23443
- }.v-switch .v-label {
23444
- padding-inline-start: 10px;
23445
- }
23446
- .v-switch .v-switch__thumb {
23447
- background-color: rgb(var(--v-theme-surface-bright));
23448
- color: rgb(var(--v-theme-on-surface-bright));
23451
+ .v-table--density-compact {
23452
+ --v-table-header-height: 40px;
23453
+ --v-table-row-height: 36px;
23449
23454
  }
23450
23455
 
23451
- .v-switch__loader {
23452
- display: flex;
23453
- }
23454
- .v-switch__loader .v-progress-circular {
23455
- color: rgb(var(--v-theme-surface));
23456
+ .v-table__wrapper {
23457
+ border-radius: inherit;
23458
+ overflow: auto;
23459
+ flex: 1 1 auto;
23456
23460
  }
23457
23461
 
23458
- .v-switch__track,
23459
- .v-switch__thumb {
23460
- transition: none;
23462
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23463
+ border-top-left-radius: 0;
23461
23464
  }
23462
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23463
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23464
- background-color: rgb(var(--v-theme-error));
23465
- color: rgb(var(--v-theme-on-error));
23465
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23466
+ border-top-right-radius: 0;
23466
23467
  }
23467
23468
 
23468
- .v-switch__track-true {
23469
- margin-inline-end: auto;
23469
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23470
+ border-bottom-left-radius: 0;
23470
23471
  }
23471
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23472
- opacity: 0;
23472
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23473
+ border-bottom-right-radius: 0;
23473
23474
  }
23474
23475
 
23475
- .v-switch__track-false {
23476
- margin-inline-start: auto;
23477
- }
23478
- .v-selection-control--dirty .v-switch__track-false {
23479
- opacity: 0;
23476
+ .v-table--fixed-height > .v-table__wrapper {
23477
+ overflow-y: auto;
23480
23478
  }
23481
23479
 
23482
- .v-switch__track {
23483
- display: inline-flex;
23484
- align-items: center;
23485
- font-size: 0.5rem;
23486
- padding: 0 5px;
23487
- background-color: rgb(var(--v-theme-surface-variant));
23488
- border-radius: 9999px;
23489
- height: 14px;
23490
- opacity: 0.6;
23491
- min-width: 36px;
23492
- cursor: pointer;
23493
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23480
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
23481
+ position: sticky;
23482
+ top: 0;
23483
+ z-index: 2;
23494
23484
  }
23495
- .v-switch--inset .v-switch__track {
23496
- border-radius: 9999px;
23497
- font-size: 0.75rem;
23498
- height: 32px;
23499
- min-width: 52px;
23485
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23486
+ border-bottom: 0px !important;
23500
23487
  }
23501
23488
 
23502
- .v-switch__thumb {
23503
- align-items: center;
23504
- border-radius: 50%;
23505
- display: flex;
23506
- font-size: 0.75rem;
23507
- height: 20px;
23508
- justify-content: center;
23509
- width: 20px;
23510
- pointer-events: none;
23511
- 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);
23512
- position: relative;
23513
- overflow: hidden;
23514
- 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));
23489
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23490
+ position: sticky;
23491
+ bottom: 0;
23492
+ z-index: 1;
23515
23493
  }
23516
- .v-switch--inset .v-switch__thumb {
23517
- height: 24px;
23518
- width: 24px;
23519
- transform: scale(0.6666666667);
23520
- 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));
23494
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23495
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23496
+ border-top: 0px !important;
23497
+ }.v-tab.v-tab.v-btn {
23498
+ height: var(--v-tabs-height);
23499
+ border-radius: 0;
23500
+ min-width: 90px;
23521
23501
  }
23522
- .v-switch--inset .v-switch__thumb--filled {
23523
- transform: none;
23502
+ .v-slide-group--horizontal .v-tab {
23503
+ max-width: 360px;
23524
23504
  }
23525
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23526
- transform: none;
23527
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23505
+ .v-slide-group--vertical .v-tab {
23506
+ justify-content: start;
23528
23507
  }
23529
23508
 
23530
- .v-switch.v-input {
23531
- flex: 0 1 auto;
23532
- }
23533
- .v-switch .v-selection-control {
23534
- min-height: var(--v-input-control-height);
23535
- }
23536
- .v-switch .v-selection-control__input {
23537
- border-radius: 50%;
23538
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23539
- transform: translateX(-10px);
23540
- position: absolute;
23541
- }
23542
- .v-switch .v-selection-control__input .v-icon {
23543
- position: absolute;
23544
- }
23545
- .v-switch .v-selection-control--dirty .v-selection-control__input {
23546
- transform: translateX(10px);
23547
- }
23548
- .v-switch.v-switch--indeterminate .v-selection-control__input {
23549
- transform: scale(0.8);
23550
- }
23551
- .v-switch.v-switch--indeterminate .v-switch__thumb {
23552
- transform: scale(0.75);
23553
- box-shadow: none;
23554
- }
23555
- .v-switch.v-switch--inset .v-selection-control__wrapper {
23556
- width: auto;
23557
- }.v-system-bar {
23558
- align-items: center;
23559
- display: flex;
23560
- flex: 1 1 auto;
23561
- height: 24px;
23562
- justify-content: flex-end;
23563
- max-width: 100%;
23564
- padding-inline: 8px;
23565
- position: relative;
23566
- text-align: end;
23567
- width: 100%;
23568
- 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));
23569
- background: rgba(var(--v-theme-surface-light));
23570
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23571
- font-size: 0.75rem;
23572
- font-weight: 400;
23573
- letter-spacing: 0.0333333333em;
23574
- line-height: 1.25rem;
23575
- text-transform: none;
23576
- }
23577
- .v-system-bar .v-icon {
23578
- opacity: var(--v-medium-emphasis-opacity);
23579
- }
23580
- .v-system-bar--absolute {
23509
+ .v-tab__slider {
23581
23510
  position: absolute;
23511
+ bottom: 0;
23512
+ left: 0;
23513
+ height: 2px;
23514
+ width: 100%;
23515
+ background: currentColor;
23516
+ pointer-events: none;
23517
+ opacity: 0;
23582
23518
  }
23583
- .v-system-bar--fixed {
23584
- position: fixed;
23585
- }
23586
- .v-system-bar--rounded {
23587
- border-radius: 0;
23588
- }
23589
- .v-system-bar--window {
23590
- height: 32px;
23519
+ .v-tab--selected .v-tab__slider {
23520
+ opacity: 1;
23591
23521
  }
23592
- .v-system-bar:not(.v-system-bar--absolute) {
23593
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23522
+ .v-slide-group--vertical .v-tab__slider {
23523
+ top: 0;
23524
+ height: 100%;
23525
+ width: 2px;
23594
23526
  }.v-tabs {
23595
23527
  display: flex;
23596
23528
  height: var(--v-tabs-height);
@@ -23657,173 +23589,229 @@ html.v-overlay-scroll-blocked {
23657
23589
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23658
23590
  margin-inline-end: 52px;
23659
23591
  }
23660
- }.v-tab.v-tab.v-btn {
23661
- height: var(--v-tabs-height);
23662
- border-radius: 0;
23663
- min-width: 90px;
23664
- }
23665
- .v-slide-group--horizontal .v-tab {
23666
- max-width: 360px;
23667
- }
23668
- .v-slide-group--vertical .v-tab {
23669
- justify-content: start;
23670
- }
23671
-
23672
- .v-tab__slider {
23673
- position: absolute;
23674
- bottom: 0;
23675
- left: 0;
23676
- height: 2px;
23677
- width: 100%;
23678
- background: currentColor;
23679
- pointer-events: none;
23680
- opacity: 0;
23681
- }
23682
- .v-tab--selected .v-tab__slider {
23683
- opacity: 1;
23684
- }
23685
- .v-slide-group--vertical .v-tab__slider {
23686
- top: 0;
23687
- height: 100%;
23688
- width: 2px;
23689
- }.v-table {
23592
+ }.v-skeleton-loader {
23593
+ align-items: center;
23690
23594
  background: rgb(var(--v-theme-surface));
23691
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23692
- font-size: 0.875rem;
23693
- transition-duration: 0.28s;
23694
- transition-property: box-shadow, opacity, background, height;
23695
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23595
+ border-radius: 4px;
23596
+ display: flex;
23597
+ flex-wrap: wrap;
23598
+ position: relative;
23599
+ vertical-align: top;
23696
23600
  }
23697
- .v-table .v-table-divider {
23698
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23601
+ .v-skeleton-loader__actions {
23602
+ justify-content: end;
23699
23603
  }
23700
- .v-table .v-table__wrapper > table > thead > tr > th {
23701
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23604
+ .v-skeleton-loader .v-skeleton-loader__ossein {
23605
+ height: 100%;
23702
23606
  }
23703
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23704
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23705
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23607
+ .v-skeleton-loader .v-skeleton-loader__avatar,
23608
+ .v-skeleton-loader .v-skeleton-loader__button,
23609
+ .v-skeleton-loader .v-skeleton-loader__chip,
23610
+ .v-skeleton-loader .v-skeleton-loader__divider,
23611
+ .v-skeleton-loader .v-skeleton-loader__heading,
23612
+ .v-skeleton-loader .v-skeleton-loader__image,
23613
+ .v-skeleton-loader .v-skeleton-loader__ossein,
23614
+ .v-skeleton-loader .v-skeleton-loader__text {
23615
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
23706
23616
  }
23707
- .v-table .v-table__wrapper > table > tfoot > tr > td,
23708
- .v-table .v-table__wrapper > table > tfoot > tr > th {
23709
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23617
+ .v-skeleton-loader .v-skeleton-loader__list-item,
23618
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
23619
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
23620
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
23621
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
23622
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
23623
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
23624
+ border-radius: 4px;
23710
23625
  }
23711
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23626
+ .v-skeleton-loader__bone {
23627
+ align-items: center;
23628
+ border-radius: inherit;
23629
+ display: flex;
23630
+ flex: 1 1 100%;
23631
+ flex-wrap: wrap;
23632
+ overflow: hidden;
23712
23633
  position: relative;
23713
23634
  }
23714
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23635
+ .v-skeleton-loader__bone::after {
23715
23636
  content: "";
23716
23637
  position: absolute;
23717
23638
  top: 0;
23718
23639
  left: 0;
23719
23640
  width: 100%;
23720
23641
  height: 100%;
23721
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
23722
- pointer-events: none;
23723
- }
23724
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23725
- background: rgb(var(--v-theme-surface));
23726
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23642
+ animation: loading 1.5s infinite;
23643
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
23644
+ transform: translateX(-100%);
23727
23645
  z-index: 1;
23728
23646
  }
23729
- .v-table.v-table--fixed-footer > tfoot > tr > th,
23730
- .v-table.v-table--fixed-footer > tfoot > tr > td {
23731
- background: rgb(var(--v-theme-surface));
23732
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23647
+ .v-skeleton-loader__avatar {
23648
+ border-radius: 50%;
23649
+ flex: 0 1 auto;
23650
+ margin: 8px 16px;
23651
+ max-height: 48px;
23652
+ min-height: 48px;
23653
+ height: 48px;
23654
+ max-width: 48px;
23655
+ min-width: 48px;
23656
+ width: 48px;
23733
23657
  }
23734
-
23735
- .v-table {
23658
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
23659
+ flex: 1 1 auto;
23660
+ margin-inline-start: 0;
23661
+ }
23662
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23663
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23664
+ margin-inline-start: 0;
23665
+ }
23666
+ .v-skeleton-loader__button {
23667
+ border-radius: 4px;
23668
+ height: 36px;
23669
+ margin: 16px;
23670
+ max-width: 64px;
23671
+ }
23672
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
23673
+ flex: 1 1 auto;
23674
+ margin-inline-start: 0;
23675
+ }
23676
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23677
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23678
+ margin-inline-start: 0;
23679
+ }
23680
+ .v-skeleton-loader__chip {
23681
+ border-radius: 16px;
23682
+ margin: 16px;
23683
+ height: 32px;
23684
+ max-width: 96px;
23685
+ }
23686
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
23687
+ flex: 1 1 auto;
23688
+ margin-inline-start: 0;
23689
+ }
23690
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23691
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23692
+ margin-inline-start: 0;
23693
+ }
23694
+ .v-skeleton-loader__date-picker {
23736
23695
  border-radius: inherit;
23737
- line-height: 1.5;
23696
+ }
23697
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
23698
+ max-width: 88px;
23699
+ width: 20%;
23700
+ }
23701
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
23702
+ max-width: 256px;
23703
+ width: 40%;
23704
+ }
23705
+ .v-skeleton-loader__date-picker-days {
23706
+ flex-wrap: wrap;
23707
+ margin: 16px;
23708
+ }
23709
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
23710
+ border-radius: 4px;
23711
+ margin: 4px;
23738
23712
  max-width: 100%;
23739
- display: flex;
23740
- flex-direction: column;
23741
23713
  }
23742
- .v-table > .v-table__wrapper > table {
23743
- width: 100%;
23744
- border-spacing: 0;
23714
+ .v-skeleton-loader__date-picker-options {
23715
+ flex-wrap: nowrap;
23745
23716
  }
23746
- .v-table > .v-table__wrapper > table > tbody > tr > td,
23747
- .v-table > .v-table__wrapper > table > tbody > tr > th,
23748
- .v-table > .v-table__wrapper > table > thead > tr > td,
23749
- .v-table > .v-table__wrapper > table > thead > tr > th,
23750
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
23751
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
23752
- padding: 0 16px;
23753
- transition-duration: 0.28s;
23754
- transition-property: box-shadow, opacity, background, height;
23755
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23717
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
23718
+ flex: 1 1 auto;
23756
23719
  }
23757
- .v-table > .v-table__wrapper > table > tbody > tr > td,
23758
- .v-table > .v-table__wrapper > table > thead > tr > td,
23759
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
23760
- height: var(--v-table-row-height);
23720
+ .v-skeleton-loader__divider {
23721
+ border-radius: 1px;
23722
+ height: 2px;
23761
23723
  }
23762
- .v-table > .v-table__wrapper > table > tbody > tr > th,
23763
- .v-table > .v-table__wrapper > table > thead > tr > th,
23764
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
23765
- height: var(--v-table-header-height);
23766
- font-weight: 500;
23767
- -webkit-user-select: none;
23768
- user-select: none;
23769
- text-align: start;
23724
+ .v-skeleton-loader__heading {
23725
+ border-radius: 12px;
23726
+ margin: 16px;
23727
+ height: 24px;
23770
23728
  }
23771
- .v-table--density-default {
23772
- --v-table-header-height: 56px;
23773
- --v-table-row-height: 52px;
23729
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
23730
+ margin-top: -16px;
23731
+ }
23732
+ .v-skeleton-loader__image {
23733
+ height: 150px;
23734
+ border-radius: 0;
23735
+ }
23736
+ .v-skeleton-loader__card .v-skeleton-loader__image {
23737
+ border-radius: 0;
23738
+ }
23739
+ .v-skeleton-loader__list-item {
23740
+ margin: 16px;
23741
+ }
23742
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
23743
+ margin: 0;
23744
+ }
23745
+ .v-skeleton-loader__table-thead {
23746
+ justify-content: space-between;
23747
+ }
23748
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23749
+ margin-top: 16px;
23750
+ max-width: 16px;
23751
+ }
23752
+ .v-skeleton-loader__table-tfoot {
23753
+ flex-wrap: nowrap;
23754
+ }
23755
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23756
+ margin-top: 16px;
23757
+ }
23758
+ .v-skeleton-loader__table-row {
23759
+ align-items: baseline;
23760
+ margin: 0 8px;
23761
+ justify-content: space-evenly;
23762
+ flex-wrap: nowrap;
23763
+ }
23764
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23765
+ margin-inline: 8px;
23766
+ }
23767
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23768
+ margin: 0 16px;
23774
23769
  }
23775
-
23776
- .v-table--density-comfortable {
23777
- --v-table-header-height: 48px;
23778
- --v-table-row-height: 44px;
23770
+ .v-skeleton-loader__table-cell {
23771
+ align-items: center;
23772
+ display: flex;
23773
+ height: 48px;
23774
+ width: 88px;
23779
23775
  }
23780
-
23781
- .v-table--density-compact {
23782
- --v-table-header-height: 40px;
23783
- --v-table-row-height: 36px;
23776
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23777
+ margin-bottom: 0;
23784
23778
  }
23785
-
23786
- .v-table__wrapper {
23787
- border-radius: inherit;
23788
- overflow: auto;
23789
- flex: 1 1 auto;
23779
+ .v-skeleton-loader__subtitle {
23780
+ max-width: 70%;
23790
23781
  }
23791
-
23792
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23793
- border-top-left-radius: 0;
23782
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23783
+ height: 16px;
23784
+ border-radius: 8px;
23794
23785
  }
23795
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23796
- border-top-right-radius: 0;
23786
+ .v-skeleton-loader__text {
23787
+ border-radius: 6px;
23788
+ margin: 16px;
23789
+ height: 12px;
23797
23790
  }
23798
-
23799
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23800
- border-bottom-left-radius: 0;
23791
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
23792
+ margin-top: -8px;
23793
+ max-width: 50%;
23801
23794
  }
23802
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23803
- border-bottom-right-radius: 0;
23795
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23796
+ max-width: 70%;
23804
23797
  }
23805
-
23806
- .v-table--fixed-height > .v-table__wrapper {
23807
- overflow-y: auto;
23798
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23799
+ display: none;
23808
23800
  }
23809
-
23810
- .v-table--fixed-header > .v-table__wrapper > table > thead {
23811
- position: sticky;
23812
- top: 0;
23813
- z-index: 2;
23801
+ .v-skeleton-loader--is-loading {
23802
+ overflow: hidden;
23814
23803
  }
23815
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23816
- border-bottom: 0px !important;
23804
+ .v-skeleton-loader--tile {
23805
+ border-radius: 0;
23817
23806
  }
23818
-
23819
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23820
- position: sticky;
23821
- bottom: 0;
23822
- z-index: 1;
23807
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
23808
+ border-radius: 0;
23823
23809
  }
23824
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23825
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23826
- border-top: 0px !important;
23810
+
23811
+ @keyframes loading {
23812
+ 100% {
23813
+ transform: translateX(100%);
23814
+ }
23827
23815
  }/* region BLOCK */
23828
23816
  .v-text-field input {
23829
23817
  color: inherit;
@@ -23930,6 +23918,9 @@ html.v-overlay-scroll-blocked {
23930
23918
  }
23931
23919
  .v-textarea textarea:invalid {
23932
23920
  box-shadow: none;
23921
+ }.v-theme-provider {
23922
+ background: rgb(var(--v-theme-background));
23923
+ color: rgb(var(--v-theme-on-background));
23933
23924
  }.v-timeline .v-timeline-divider__dot {
23934
23925
  background: rgb(var(--v-theme-surface-light));
23935
23926
  }
@@ -24346,9 +24337,6 @@ html.v-overlay-scroll-blocked {
24346
24337
 
24347
24338
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24348
24339
  padding-inline-end: 0;
24349
- }.v-theme-provider {
24350
- background: rgb(var(--v-theme-background));
24351
- color: rgb(var(--v-theme-on-background));
24352
24340
  }.v-toolbar {
24353
24341
  align-items: flex-start;
24354
24342
  display: flex;
@@ -24575,91 +24563,18 @@ html.v-overlay-scroll-blocked {
24575
24563
  }
24576
24564
  .v-window-y-reverse-transition-leave-to {
24577
24565
  transform: translateY(100%);
24578
- }.v-color-picker-edit {
24579
- display: flex;
24580
- margin-top: 24px;
24581
- }
24582
-
24583
- .v-color-picker-edit__input {
24584
- width: 100%;
24585
- display: flex;
24586
- flex-wrap: wrap;
24587
- justify-content: center;
24588
- text-align: center;
24589
- }
24590
- .v-color-picker-edit__input:not(:last-child) {
24591
- margin-inline-end: 8px;
24592
- }
24593
- .v-color-picker-edit__input input {
24594
- border-radius: 4px;
24595
- margin-bottom: 8px;
24596
- min-width: 0;
24597
- outline: none;
24598
- text-align: center;
24599
- width: 100%;
24600
- height: 32px;
24601
- background: rgba(var(--v-theme-surface-variant), 0.2);
24602
- color: rgba(var(--v-theme-on-surface));
24603
- }
24604
- .v-color-picker-edit__input span {
24605
- font-size: 0.75rem;
24606
- }.v-color-picker-swatches {
24607
- overflow-y: auto;
24608
- }
24609
- .v-color-picker-swatches > div {
24610
- display: flex;
24611
- flex-wrap: wrap;
24612
- justify-content: center;
24613
- padding: 8px;
24614
- }
24615
-
24616
- .v-color-picker-swatches__swatch {
24617
- display: flex;
24618
- flex-direction: column;
24619
- margin-bottom: 10px;
24620
- }
24621
-
24622
- .v-color-picker-swatches__color {
24623
- position: relative;
24624
- height: 18px;
24625
- max-height: 18px;
24626
- width: 45px;
24627
- margin: 2px 4px;
24628
- border-radius: 2px;
24629
- -webkit-user-select: none;
24630
- user-select: none;
24631
- overflow: hidden;
24632
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24633
- cursor: pointer;
24634
- }
24635
- .v-color-picker-swatches__color > div {
24636
- display: flex;
24637
- align-items: center;
24638
- justify-content: center;
24639
- width: 100%;
24640
- height: 100%;
24641
- }.v-color-picker-canvas {
24566
+ }.v-app-bar {
24642
24567
  display: flex;
24643
- position: relative;
24644
- overflow: hidden;
24645
- contain: content;
24646
- touch-action: none;
24647
24568
  }
24648
- .v-color-picker-canvas__dot {
24649
- position: absolute;
24650
- top: 0;
24651
- left: 0;
24652
- width: 15px;
24653
- height: 15px;
24654
- background: transparent;
24655
- border-radius: 50%;
24656
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24569
+ .v-app-bar.v-toolbar {
24570
+ background: rgb(var(--v-theme-surface));
24571
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24657
24572
  }
24658
- .v-color-picker-canvas__dot--disabled {
24659
- 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);
24573
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
24574
+ 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));
24660
24575
  }
24661
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24662
- will-change: transform;
24576
+ .v-app-bar:not(.v-toolbar--absolute) {
24577
+ padding-inline-end: var(--v-scrollbar-offset);
24663
24578
  }.v-color-picker-preview__alpha .v-slider-track__background {
24664
24579
  background-color: transparent !important;
24665
24580
  }
@@ -24729,6 +24644,91 @@ html.v-overlay-scroll-blocked {
24729
24644
  .v-color-picker-preview__eye-dropper {
24730
24645
  position: relative;
24731
24646
  margin-right: 12px;
24647
+ }.v-color-picker-canvas {
24648
+ display: flex;
24649
+ position: relative;
24650
+ overflow: hidden;
24651
+ contain: content;
24652
+ touch-action: none;
24653
+ }
24654
+ .v-color-picker-canvas__dot {
24655
+ position: absolute;
24656
+ top: 0;
24657
+ left: 0;
24658
+ width: 15px;
24659
+ height: 15px;
24660
+ background: transparent;
24661
+ border-radius: 50%;
24662
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24663
+ }
24664
+ .v-color-picker-canvas__dot--disabled {
24665
+ 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);
24666
+ }
24667
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24668
+ will-change: transform;
24669
+ }.v-color-picker-swatches {
24670
+ overflow-y: auto;
24671
+ }
24672
+ .v-color-picker-swatches > div {
24673
+ display: flex;
24674
+ flex-wrap: wrap;
24675
+ justify-content: center;
24676
+ padding: 8px;
24677
+ }
24678
+
24679
+ .v-color-picker-swatches__swatch {
24680
+ display: flex;
24681
+ flex-direction: column;
24682
+ margin-bottom: 10px;
24683
+ }
24684
+
24685
+ .v-color-picker-swatches__color {
24686
+ position: relative;
24687
+ height: 18px;
24688
+ max-height: 18px;
24689
+ width: 45px;
24690
+ margin: 2px 4px;
24691
+ border-radius: 2px;
24692
+ -webkit-user-select: none;
24693
+ user-select: none;
24694
+ overflow: hidden;
24695
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24696
+ cursor: pointer;
24697
+ }
24698
+ .v-color-picker-swatches__color > div {
24699
+ display: flex;
24700
+ align-items: center;
24701
+ justify-content: center;
24702
+ width: 100%;
24703
+ height: 100%;
24704
+ }.v-color-picker-edit {
24705
+ display: flex;
24706
+ margin-top: 24px;
24707
+ }
24708
+
24709
+ .v-color-picker-edit__input {
24710
+ width: 100%;
24711
+ display: flex;
24712
+ flex-wrap: wrap;
24713
+ justify-content: center;
24714
+ text-align: center;
24715
+ }
24716
+ .v-color-picker-edit__input:not(:last-child) {
24717
+ margin-inline-end: 8px;
24718
+ }
24719
+ .v-color-picker-edit__input input {
24720
+ border-radius: 4px;
24721
+ margin-bottom: 8px;
24722
+ min-width: 0;
24723
+ outline: none;
24724
+ text-align: center;
24725
+ width: 100%;
24726
+ height: 32px;
24727
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24728
+ color: rgba(var(--v-theme-on-surface));
24729
+ }
24730
+ .v-color-picker-edit__input span {
24731
+ font-size: 0.75rem;
24732
24732
  }.v-picker.v-sheet {
24733
24733
  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));
24734
24734
  border-radius: 4px;