@vuetify/nightly 3.5.3-dev.2024-03-03 → 3.5.3-dev.2024-03-07

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-03-03
2
+ * Vuetify v3.5.3-dev.2024-03-07
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17045,6 +17045,34 @@ 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);
17048
17076
  }.v-alert {
17049
17077
  display: grid;
17050
17078
  flex: 1 1;
@@ -17255,22 +17283,6 @@ html.overflow-y-hidden {
17255
17283
  text-transform: none;
17256
17284
  word-break: normal;
17257
17285
  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;
17274
17286
  }.v-autocomplete .v-field .v-text-field__prefix,
17275
17287
  .v-autocomplete .v-field .v-text-field__suffix,
17276
17288
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17667,6 +17679,38 @@ html.overflow-y-hidden {
17667
17679
  }
17668
17680
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17669
17681
  align-self: flex-start;
17682
+ }.bottom-sheet-transition-enter-from {
17683
+ transform: translateY(100%);
17684
+ }
17685
+ .bottom-sheet-transition-leave-to {
17686
+ transform: translateY(100%);
17687
+ }
17688
+
17689
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17690
+ align-self: flex-end;
17691
+ border-radius: 0;
17692
+ flex: 0 1 auto;
17693
+ left: 0;
17694
+ right: 0;
17695
+ margin-inline: 0;
17696
+ margin-bottom: 0;
17697
+ transition-duration: 0.2s;
17698
+ width: 100%;
17699
+ max-width: 100%;
17700
+ overflow: visible;
17701
+ 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));
17702
+ }
17703
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17704
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17705
+ border-radius: 0;
17706
+ }
17707
+ .v-bottom-sheet.v-bottom-sheet--inset {
17708
+ max-width: none;
17709
+ }
17710
+ @media (min-width: 600px) {
17711
+ .v-bottom-sheet.v-bottom-sheet--inset {
17712
+ max-width: 70%;
17713
+ }
17670
17714
  }.v-bottom-navigation {
17671
17715
  display: flex;
17672
17716
  max-width: 100%;
@@ -17722,94 +17766,63 @@ html.overflow-y-hidden {
17722
17766
  }
17723
17767
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17724
17768
  transform: translateY(0.5rem);
17725
- }.bottom-sheet-transition-enter-from {
17726
- transform: translateY(100%);
17727
- }
17728
- .bottom-sheet-transition-leave-to {
17729
- transform: translateY(100%);
17730
- }
17731
-
17732
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17733
- align-self: flex-end;
17734
- border-radius: 0;
17735
- flex: 0 1 auto;
17736
- left: 0;
17737
- right: 0;
17738
- margin-inline: 0;
17739
- margin-bottom: 0;
17740
- transition-duration: 0.2s;
17741
- width: 100%;
17742
- max-width: 100%;
17743
- overflow: visible;
17744
- 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));
17745
- }
17746
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17747
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17748
- border-radius: 0;
17749
- }
17750
- .v-bottom-sheet.v-bottom-sheet--inset {
17751
- max-width: none;
17769
+ }.v-breadcrumbs {
17770
+ display: flex;
17771
+ align-items: center;
17772
+ line-height: 1.375rem;
17773
+ padding: 16px 12px;
17752
17774
  }
17753
- @media (min-width: 600px) {
17754
- .v-bottom-sheet.v-bottom-sheet--inset {
17755
- max-width: 70%;
17756
- }
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));
17775
+ .v-breadcrumbs--rounded {
17768
17776
  border-radius: 4px;
17769
- background: transparent;
17770
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17771
- }
17772
- .v-btn-group--border {
17773
- border-width: thin;
17774
- box-shadow: none;
17775
17777
  }
17776
- .v-btn-group--density-default.v-btn-group {
17777
- height: 48px;
17778
+ .v-breadcrumbs--density-default {
17779
+ padding-top: 16px;
17780
+ padding-bottom: 16px;
17778
17781
  }
17779
17782
 
17780
- .v-btn-group--density-comfortable.v-btn-group {
17781
- height: 40px;
17783
+ .v-breadcrumbs--density-comfortable {
17784
+ padding-top: 12px;
17785
+ padding-bottom: 12px;
17782
17786
  }
17783
17787
 
17784
- .v-btn-group--density-compact.v-btn-group {
17785
- height: 36px;
17788
+ .v-breadcrumbs--density-compact {
17789
+ padding-top: 8px;
17790
+ padding-bottom: 8px;
17786
17791
  }
17787
17792
 
17788
- .v-btn-group .v-btn {
17789
- border-radius: 0;
17790
- border-color: inherit;
17793
+ .v-breadcrumbs__prepend {
17794
+ align-items: center;
17795
+ display: inline-flex;
17791
17796
  }
17792
- .v-btn-group .v-btn:not(:last-child) {
17793
- border-inline-end: none;
17797
+
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;
17794
17805
  }
17795
- .v-btn-group .v-btn:not(:first-child) {
17796
- border-inline-start: none;
17806
+ .v-breadcrumbs-item--disabled {
17807
+ opacity: var(--v-disabled-opacity);
17808
+ pointer-events: none;
17797
17809
  }
17798
- .v-btn-group .v-btn:first-child {
17799
- border-start-start-radius: inherit;
17800
- border-end-start-radius: inherit;
17810
+ .v-breadcrumbs-item--link {
17811
+ color: inherit;
17812
+ text-decoration: none;
17801
17813
  }
17802
- .v-btn-group .v-btn:last-child {
17803
- border-start-end-radius: inherit;
17804
- border-end-end-radius: inherit;
17814
+ .v-breadcrumbs-item--link:hover {
17815
+ text-decoration: underline;
17805
17816
  }
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));
17817
+ .v-breadcrumbs-item .v-icon {
17818
+ font-size: 1rem;
17819
+ margin-inline: -4px 2px;
17810
17820
  }
17811
- .v-btn-group--tile {
17812
- border-radius: 0;
17821
+
17822
+ .v-breadcrumbs-divider {
17823
+ display: inline-block;
17824
+ padding: 0 8px;
17825
+ vertical-align: middle;
17813
17826
  }.v-btn {
17814
17827
  align-items: center;
17815
17828
  border-radius: 4px;
@@ -18213,6 +18226,62 @@ html.overflow-y-hidden {
18213
18226
  }
18214
18227
  .v-pagination__item--is-active .v-btn__overlay {
18215
18228
  opacity: var(--v-border-opacity);
18229
+ }.v-btn-group {
18230
+ display: inline-flex;
18231
+ flex-wrap: nowrap;
18232
+ max-width: 100%;
18233
+ min-width: 0;
18234
+ overflow: hidden;
18235
+ vertical-align: middle;
18236
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18237
+ border-style: solid;
18238
+ border-width: 0;
18239
+ 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));
18240
+ border-radius: 4px;
18241
+ background: transparent;
18242
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18243
+ }
18244
+ .v-btn-group--border {
18245
+ border-width: thin;
18246
+ box-shadow: none;
18247
+ }
18248
+ .v-btn-group--density-default.v-btn-group {
18249
+ height: 48px;
18250
+ }
18251
+
18252
+ .v-btn-group--density-comfortable.v-btn-group {
18253
+ height: 40px;
18254
+ }
18255
+
18256
+ .v-btn-group--density-compact.v-btn-group {
18257
+ height: 36px;
18258
+ }
18259
+
18260
+ .v-btn-group .v-btn {
18261
+ border-radius: 0;
18262
+ border-color: inherit;
18263
+ }
18264
+ .v-btn-group .v-btn:not(:last-child) {
18265
+ border-inline-end: none;
18266
+ }
18267
+ .v-btn-group .v-btn:not(:first-child) {
18268
+ border-inline-start: none;
18269
+ }
18270
+ .v-btn-group .v-btn:first-child {
18271
+ border-start-start-radius: inherit;
18272
+ border-end-start-radius: inherit;
18273
+ }
18274
+ .v-btn-group .v-btn:last-child {
18275
+ border-start-end-radius: inherit;
18276
+ border-end-end-radius: inherit;
18277
+ }
18278
+ .v-btn-group--divided .v-btn:not(:last-child) {
18279
+ border-inline-end-width: thin;
18280
+ border-inline-end-style: solid;
18281
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18282
+ }
18283
+ .v-btn-group--tile {
18284
+ border-radius: 0;
18216
18285
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18217
18286
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18218
18287
  }
@@ -18226,63 +18295,6 @@ html.overflow-y-hidden {
18226
18295
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18227
18296
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18228
18297
  }
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;
18286
18298
  }.v-card {
18287
18299
  display: block;
18288
18300
  overflow: hidden;
@@ -18647,6 +18659,24 @@ html.overflow-y-hidden {
18647
18659
  flex-direction: column;
18648
18660
  height: 100% !important;
18649
18661
  width: 50px;
18662
+ }.v-chip-group {
18663
+ display: flex;
18664
+ max-width: 100%;
18665
+ min-width: 0;
18666
+ overflow-x: auto;
18667
+ padding: 4px 0;
18668
+ }
18669
+ .v-chip-group .v-chip {
18670
+ margin: 4px 8px 4px 0;
18671
+ }
18672
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18673
+ opacity: var(--v-activated-opacity);
18674
+ }
18675
+
18676
+ .v-chip-group--column .v-slide-group__content {
18677
+ white-space: normal;
18678
+ flex-wrap: wrap;
18679
+ max-width: 100%;
18650
18680
  }.v-chip {
18651
18681
  align-items: center;
18652
18682
  display: inline-flex;
@@ -19054,24 +19084,6 @@ html.overflow-y-hidden {
19054
19084
 
19055
19085
  .v-chip--label {
19056
19086
  border-radius: 4px;
19057
- }.v-chip-group {
19058
- display: flex;
19059
- max-width: 100%;
19060
- min-width: 0;
19061
- overflow-x: auto;
19062
- padding: 4px 0;
19063
- }
19064
- .v-chip-group .v-chip {
19065
- margin: 4px 8px 4px 0;
19066
- }
19067
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19068
- opacity: var(--v-activated-opacity);
19069
- }
19070
-
19071
- .v-chip-group--column .v-slide-group__content {
19072
- white-space: normal;
19073
- flex-wrap: wrap;
19074
- max-width: 100%;
19075
19087
  }.v-container {
19076
19088
  width: 100%;
19077
19089
  padding: 16px;
@@ -19744,6 +19756,26 @@ html.overflow-y-hidden {
19744
19756
  .offset-xxl-11 {
19745
19757
  margin-inline-start: 91.6666666667%;
19746
19758
  }
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));
19747
19779
  }.v-combobox .v-field .v-text-field__prefix,
19748
19780
  .v-combobox .v-field .v-text-field__suffix,
19749
19781
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19825,66 +19857,11 @@ html.overflow-y-hidden {
19825
19857
  .v-combobox--active-menu .v-combobox__menu-icon {
19826
19858
  opacity: var(--v-high-emphasis-opacity);
19827
19859
  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));
19848
19860
  }.v-counter {
19849
19861
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19850
19862
  flex: 0 1 auto;
19851
19863
  font-size: 12px;
19852
19864
  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;
19888
19865
  }.v-data-table {
19889
19866
  width: 100%;
19890
19867
  }
@@ -20018,6 +19995,41 @@ html.overflow-y-hidden {
20018
19995
  .v-data-table-rows-loading,
20019
19996
  .v-data-table-rows-no-data {
20020
19997
  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;
20021
20033
  }.v-date-picker__input {
20022
20034
  padding-top: 16px;
20023
20035
  padding-left: 24px;
@@ -20043,6 +20055,62 @@ html.overflow-y-hidden {
20043
20055
  .v-date-picker-month__day .v-btn {
20044
20056
  --v-btn-height: 28px;
20045
20057
  --v-btn-size: 0.85rem;
20058
+ }.v-date-picker-controls {
20059
+ display: flex;
20060
+ align-items: center;
20061
+ justify-content: space-between;
20062
+ font-size: 0.875rem;
20063
+ padding-top: 4px;
20064
+ padding-bottom: 4px;
20065
+ padding-inline-start: 6px;
20066
+ padding-inline-end: 12px;
20067
+ }
20068
+ .v-date-picker-controls > .v-btn:first-child {
20069
+ text-transform: none;
20070
+ font-weight: 400;
20071
+ line-height: initial;
20072
+ letter-spacing: initial;
20073
+ }
20074
+ .v-date-picker-controls--variant-classic {
20075
+ padding-inline-start: 12px;
20076
+ }
20077
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20078
+ opacity: 0.7;
20079
+ }
20080
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20081
+ cursor: pointer;
20082
+ }
20083
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20084
+ opacity: 1;
20085
+ }
20086
+ .v-date-picker-controls .v-btn:last-child {
20087
+ margin-inline-start: 4px;
20088
+ }
20089
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20090
+ transform: rotate(180deg);
20091
+ }
20092
+
20093
+ .v-date-picker-controls__date {
20094
+ margin-inline-end: 4px;
20095
+ }
20096
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20097
+ margin: auto;
20098
+ text-align: center;
20099
+ }
20100
+
20101
+ .v-date-picker-controls__month {
20102
+ display: flex;
20103
+ }
20104
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20105
+ flex-direction: row-reverse;
20106
+ }
20107
+
20108
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20109
+ flex: 1 0 auto;
20110
+ }
20111
+
20112
+ .v-date-picker__title {
20113
+ display: inline-block;
20046
20114
  }.v-date-picker-month {
20047
20115
  display: flex;
20048
20116
  justify-content: center;
@@ -20092,12 +20160,27 @@ html.overflow-y-hidden {
20092
20160
 
20093
20161
  .v-date-picker-month__day--hide-adjacent {
20094
20162
  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;
20163
+ }.v-date-picker-years {
20164
+ height: 320px;
20165
+ overflow-y: scroll;
20166
+ }
20167
+
20168
+ .v-date-picker-years__content {
20169
+ display: grid;
20170
+ flex: 1 1;
20171
+ justify-content: space-around;
20172
+ grid-template-columns: repeat(3, 1fr);
20173
+ gap: 8px 24px;
20174
+ padding-inline: 36px;
20175
+ }
20176
+ .v-date-picker-years__content .v-btn {
20177
+ padding-inline: 8px;
20178
+ }.v-date-picker-header {
20179
+ display: grid;
20180
+ grid-template-areas: "prepend content append";
20181
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20182
+ overflow: hidden;
20183
+ padding-inline: 24px 12px;
20101
20184
  padding-bottom: 12px;
20102
20185
  }
20103
20186
 
@@ -20150,62 +20233,6 @@ html.overflow-y-hidden {
20150
20233
  .date-picker-header-reverse-transition-leave-to {
20151
20234
  opacity: 0;
20152
20235
  transform: translate(0, 100%);
20153
- }.v-date-picker-controls {
20154
- display: flex;
20155
- align-items: center;
20156
- justify-content: space-between;
20157
- font-size: 0.875rem;
20158
- padding-top: 4px;
20159
- padding-bottom: 4px;
20160
- padding-inline-start: 6px;
20161
- padding-inline-end: 12px;
20162
- }
20163
- .v-date-picker-controls > .v-btn:first-child {
20164
- text-transform: none;
20165
- font-weight: 400;
20166
- line-height: initial;
20167
- letter-spacing: initial;
20168
- }
20169
- .v-date-picker-controls--variant-classic {
20170
- padding-inline-start: 12px;
20171
- }
20172
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20173
- opacity: 0.7;
20174
- }
20175
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20176
- cursor: pointer;
20177
- }
20178
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20179
- opacity: 1;
20180
- }
20181
- .v-date-picker-controls .v-btn:last-child {
20182
- margin-inline-start: 4px;
20183
- }
20184
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20185
- transform: rotate(180deg);
20186
- }
20187
-
20188
- .v-date-picker-controls__date {
20189
- margin-inline-end: 4px;
20190
- }
20191
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20192
- margin: auto;
20193
- text-align: center;
20194
- }
20195
-
20196
- .v-date-picker-controls__month {
20197
- display: flex;
20198
- }
20199
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20200
- flex-direction: row-reverse;
20201
- }
20202
-
20203
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20204
- flex: 1 0 auto;
20205
- }
20206
-
20207
- .v-date-picker__title {
20208
- display: inline-block;
20209
20236
  }.v-date-picker-months {
20210
20237
  height: 320px;
20211
20238
  overflow-y: scroll;
@@ -20226,50 +20253,6 @@ html.overflow-y-hidden {
20226
20253
  text-transform: none;
20227
20254
  padding-inline-start: 8px;
20228
20255
  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);
20273
20256
  }.v-dialog {
20274
20257
  align-items: center;
20275
20258
  justify-content: center;
@@ -20358,6 +20341,35 @@ html.overflow-y-hidden {
20358
20341
  -webkit-backface-visibility: hidden;
20359
20342
  backface-visibility: hidden;
20360
20343
  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);
20361
20373
  }.v-expansion-panel {
20362
20374
  background-color: rgb(var(--v-theme-surface));
20363
20375
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20557,26 +20569,6 @@ html.overflow-y-hidden {
20557
20569
  }
20558
20570
  .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20559
20571
  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;
20580
20572
  }/* region INPUT */
20581
20573
  .v-field {
20582
20574
  display: grid;
@@ -21154,6 +21146,26 @@ textarea.v-field__input::placeholder {
21154
21146
  }
21155
21147
  .v-footer--rounded {
21156
21148
  border-radius: 4px;
21149
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21150
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21151
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21152
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21153
+ top: 0px;
21154
+ }
21155
+ .v-file-input input[type=file] {
21156
+ height: 100%;
21157
+ left: 0;
21158
+ opacity: 0;
21159
+ position: absolute;
21160
+ top: 0;
21161
+ width: 100%;
21162
+ z-index: 1;
21163
+ }
21164
+ .v-file-input .v-input__details {
21165
+ padding-inline: 16px;
21166
+ }
21167
+ .v-input--plain-underlined.v-file-input .v-input__details {
21168
+ padding-inline: 0;
21157
21169
  }.v-icon {
21158
21170
  --v-icon-size-multiplier: 1;
21159
21171
  align-items: center;
@@ -21992,8 +22004,6 @@ textarea.v-field__input::placeholder {
21992
22004
  }
21993
22005
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21994
22006
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21995
- }.v-locale-provider {
21996
- display: contents;
21997
22007
  }.v-main {
21998
22008
  flex: 1 0 auto;
21999
22009
  max-width: 100%;
@@ -22022,6 +22032,8 @@ textarea.v-field__input::placeholder {
22022
22032
  --v-layout-right: 0px;
22023
22033
  --v-layout-top: 0px;
22024
22034
  --v-layout-bottom: 0px;
22035
+ }.v-locale-provider {
22036
+ display: contents;
22025
22037
  }.v-menu > .v-overlay__content {
22026
22038
  display: flex;
22027
22039
  flex-direction: column;
@@ -22149,6 +22161,62 @@ textarea.v-field__input::placeholder {
22149
22161
  .v-navigation-drawer__append {
22150
22162
  flex: none;
22151
22163
  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;
22152
22220
  }.v-overlay-container {
22153
22221
  contain: layout;
22154
22222
  left: 0;
@@ -22220,62 +22288,6 @@ html.v-overlay-scroll-blocked {
22220
22288
  }
22221
22289
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22222
22290
  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;
22279
22291
  }.v-parallax {
22280
22292
  position: relative;
22281
22293
  overflow: hidden;
@@ -22928,278 +22940,271 @@ html.v-overlay-scroll-blocked {
22928
22940
  }
22929
22941
  .v-sheet--rounded {
22930
22942
  border-radius: 4px;
22931
- }.v-slide-group {
22932
- display: flex;
22933
- overflow: hidden;
22934
- }
22935
-
22936
- .v-slide-group__next,
22937
- .v-slide-group__prev {
22943
+ }.v-skeleton-loader {
22938
22944
  align-items: center;
22945
+ background: rgb(var(--v-theme-surface));
22946
+ border-radius: 4px;
22939
22947
  display: flex;
22940
- flex: 0 1 52px;
22941
- justify-content: center;
22942
- min-width: 52px;
22943
- cursor: pointer;
22944
- }
22945
- .v-slide-group__next--disabled,
22946
- .v-slide-group__prev--disabled {
22947
- pointer-events: none;
22948
- opacity: var(--v-disabled-opacity);
22949
- }
22950
-
22951
- .v-slide-group__content {
22952
- display: flex;
22953
- flex: 1 0 auto;
22948
+ flex-wrap: wrap;
22954
22949
  position: relative;
22955
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
22956
- white-space: nowrap;
22950
+ vertical-align: top;
22957
22951
  }
22958
- .v-slide-group__content > * {
22959
- white-space: initial;
22952
+ .v-skeleton-loader__actions {
22953
+ justify-content: end;
22960
22954
  }
22961
-
22962
- .v-slide-group__container {
22963
- contain: content;
22964
- display: flex;
22965
- flex: 1 1 auto;
22966
- overflow: hidden;
22955
+ .v-skeleton-loader .v-skeleton-loader__ossein {
22956
+ height: 100%;
22967
22957
  }
22968
-
22969
- .v-slide-group--vertical,
22970
- .v-slide-group--vertical .v-slide-group__container,
22971
- .v-slide-group--vertical .v-slide-group__content {
22972
- flex-direction: column;
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));
22975
- border-radius: 4px;
22976
- overflow: hidden;
22958
+ .v-skeleton-loader .v-skeleton-loader__avatar,
22959
+ .v-skeleton-loader .v-skeleton-loader__button,
22960
+ .v-skeleton-loader .v-skeleton-loader__chip,
22961
+ .v-skeleton-loader .v-skeleton-loader__divider,
22962
+ .v-skeleton-loader .v-skeleton-loader__heading,
22963
+ .v-skeleton-loader .v-skeleton-loader__image,
22964
+ .v-skeleton-loader .v-skeleton-loader__ossein,
22965
+ .v-skeleton-loader .v-skeleton-loader__text {
22966
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
22977
22967
  }
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));
22968
+ .v-skeleton-loader .v-skeleton-loader__list-item,
22969
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
22970
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
22971
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
22972
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
22973
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
22974
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
22975
+ border-radius: 4px;
22980
22976
  }
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));
22977
+ .v-skeleton-loader__bone {
22984
22978
  align-items: center;
22979
+ border-radius: inherit;
22985
22980
  display: flex;
22981
+ flex: 1 1 100%;
22982
+ flex-wrap: wrap;
22983
+ overflow: hidden;
22986
22984
  position: relative;
22987
- overflow-x: auto;
22988
- justify-content: space-between;
22985
+ }
22986
+ .v-skeleton-loader__bone::after {
22987
+ content: "";
22988
+ position: absolute;
22989
+ top: 0;
22990
+ left: 0;
22991
+ width: 100%;
22992
+ height: 100%;
22993
+ animation: loading 1.5s infinite;
22994
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
22995
+ transform: translateX(-100%);
22989
22996
  z-index: 1;
22990
22997
  }
22991
- .v-stepper-header .v-divider {
22992
- margin: 0 -16px;
22998
+ .v-skeleton-loader__avatar {
22999
+ border-radius: 50%;
23000
+ flex: 0 1 auto;
23001
+ margin: 8px 16px;
23002
+ max-height: 48px;
23003
+ min-height: 48px;
23004
+ height: 48px;
23005
+ max-width: 48px;
23006
+ min-width: 48px;
23007
+ width: 48px;
22993
23008
  }
22994
- .v-stepper-header .v-divider:last-child {
22995
- margin-inline-end: 0;
23009
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
23010
+ flex: 1 1 auto;
23011
+ margin-inline-start: 0;
22996
23012
  }
22997
- .v-stepper-header .v-divider:first-child {
23013
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23014
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
22998
23015
  margin-inline-start: 0;
22999
23016
  }
23000
- .v-stepper--alt-labels .v-stepper-header {
23001
- height: auto;
23017
+ .v-skeleton-loader__button {
23018
+ border-radius: 4px;
23019
+ height: 36px;
23020
+ margin: 16px;
23021
+ max-width: 64px;
23002
23022
  }
23003
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23004
- align-self: flex-start;
23005
- margin: 35px -67px 0;
23023
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
23024
+ flex: 1 1 auto;
23025
+ margin-inline-start: 0;
23006
23026
  }
23007
-
23008
- .v-stepper-window {
23009
- margin: 1.5rem;
23027
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23028
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23029
+ margin-inline-start: 0;
23010
23030
  }
23011
-
23012
- .v-stepper-actions {
23013
- display: flex;
23014
- align-items: center;
23015
- justify-content: space-between;
23016
- padding: 1rem;
23031
+ .v-skeleton-loader__chip {
23032
+ border-radius: 16px;
23033
+ margin: 16px;
23034
+ height: 32px;
23035
+ max-width: 96px;
23017
23036
  }
23018
- .v-stepper .v-stepper-actions {
23019
- padding: 0 1.5rem 1rem;
23037
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
23038
+ flex: 1 1 auto;
23039
+ margin-inline-start: 0;
23020
23040
  }
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);
23041
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23042
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23043
+ margin-inline-start: 0;
23033
23044
  }
23034
- .v-stepper-item--selected {
23035
- opacity: 1;
23045
+ .v-skeleton-loader__date-picker {
23046
+ border-radius: inherit;
23036
23047
  }
23037
- .v-stepper-item--error {
23038
- color: rgb(var(--v-theme-error));
23048
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
23049
+ max-width: 88px;
23050
+ width: 20%;
23039
23051
  }
23040
- .v-stepper-item--disabled {
23041
- opacity: var(--v-medium-emphasis-opacity);
23042
- pointer-events: none;
23052
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
23053
+ max-width: 256px;
23054
+ width: 40%;
23043
23055
  }
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;
23056
+ .v-skeleton-loader__date-picker-days {
23057
+ flex-wrap: wrap;
23058
+ margin: 16px;
23049
23059
  }
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;
23060
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
23061
+ border-radius: 4px;
23062
+ margin: 4px;
23063
+ max-width: 100%;
23056
23064
  }
23057
- .v-stepper-item__avatar.v-avatar .v-icon {
23058
- font-size: 0.875rem;
23065
+ .v-skeleton-loader__date-picker-options {
23066
+ flex-wrap: nowrap;
23059
23067
  }
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));
23068
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
23069
+ flex: 1 1 auto;
23062
23070
  }
23063
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23064
- background: rgb(var(--v-theme-error));
23071
+ .v-skeleton-loader__divider {
23072
+ border-radius: 1px;
23073
+ height: 2px;
23065
23074
  }
23066
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23067
- margin-bottom: 16px;
23068
- margin-inline-end: 0;
23075
+ .v-skeleton-loader__heading {
23076
+ border-radius: 12px;
23077
+ margin: 16px;
23078
+ height: 24px;
23069
23079
  }
23070
-
23071
- .v-stepper-item__title {
23072
- line-height: 1;
23080
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
23081
+ margin-top: -16px;
23073
23082
  }
23074
- .v-stepper--mobile .v-stepper-item__title {
23075
- display: none;
23083
+ .v-skeleton-loader__image {
23084
+ height: 150px;
23085
+ border-radius: 0;
23076
23086
  }
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);
23087
+ .v-skeleton-loader__card .v-skeleton-loader__image {
23088
+ border-radius: 0;
23083
23089
  }
23084
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23085
- text-align: center;
23090
+ .v-skeleton-loader__list-item {
23091
+ margin: 16px;
23086
23092
  }
23087
- .v-stepper--mobile .v-stepper-item__subtitle {
23088
- display: none;
23089
- }.v-switch .v-label {
23090
- padding-inline-start: 10px;
23093
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
23094
+ margin: 0;
23091
23095
  }
23092
- .v-switch .v-switch__thumb {
23093
- background-color: rgb(var(--v-theme-surface-bright));
23094
- color: rgb(var(--v-theme-on-surface-bright));
23096
+ .v-skeleton-loader__table-thead {
23097
+ justify-content: space-between;
23095
23098
  }
23096
-
23097
- .v-switch__loader {
23098
- display: flex;
23099
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23100
+ margin-top: 16px;
23101
+ max-width: 16px;
23099
23102
  }
23100
- .v-switch__loader .v-progress-circular {
23101
- color: rgb(var(--v-theme-surface));
23103
+ .v-skeleton-loader__table-tfoot {
23104
+ flex-wrap: nowrap;
23102
23105
  }
23103
-
23104
- .v-switch__track,
23105
- .v-switch__thumb {
23106
- transition: none;
23106
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23107
+ margin-top: 16px;
23107
23108
  }
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));
23109
+ .v-skeleton-loader__table-row {
23110
+ align-items: baseline;
23111
+ margin: 0 8px;
23112
+ justify-content: space-evenly;
23113
+ flex-wrap: nowrap;
23112
23114
  }
23113
-
23114
- .v-switch__track-true {
23115
- margin-inline-end: auto;
23115
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23116
+ margin-inline: 8px;
23116
23117
  }
23117
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23118
- opacity: 0;
23118
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23119
+ margin: 0 16px;
23119
23120
  }
23120
-
23121
- .v-switch__track-false {
23122
- margin-inline-start: auto;
23121
+ .v-skeleton-loader__table-cell {
23122
+ align-items: center;
23123
+ display: flex;
23124
+ height: 48px;
23125
+ width: 88px;
23123
23126
  }
23124
- .v-selection-control--dirty .v-switch__track-false {
23125
- opacity: 0;
23127
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23128
+ margin-bottom: 0;
23126
23129
  }
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);
23130
+ .v-skeleton-loader__subtitle {
23131
+ max-width: 70%;
23140
23132
  }
23141
- .v-switch--inset .v-switch__track {
23142
- border-radius: 9999px;
23143
- font-size: 0.75rem;
23144
- height: 32px;
23145
- min-width: 52px;
23133
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23134
+ height: 16px;
23135
+ border-radius: 8px;
23146
23136
  }
23147
-
23148
- .v-switch__thumb {
23149
- align-items: center;
23150
- border-radius: 50%;
23151
- display: flex;
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));
23137
+ .v-skeleton-loader__text {
23138
+ border-radius: 6px;
23139
+ margin: 16px;
23140
+ height: 12px;
23161
23141
  }
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));
23142
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
23143
+ margin-top: -8px;
23144
+ max-width: 50%;
23167
23145
  }
23168
- .v-switch--inset .v-switch__thumb--filled {
23169
- transform: none;
23146
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23147
+ max-width: 70%;
23170
23148
  }
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);
23149
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23150
+ display: none;
23174
23151
  }
23175
-
23176
- .v-switch.v-input {
23177
- flex: 0 1 auto;
23152
+ .v-skeleton-loader--is-loading {
23153
+ overflow: hidden;
23178
23154
  }
23179
- .v-switch .v-selection-control {
23180
- min-height: var(--v-input-control-height);
23155
+ .v-skeleton-loader--tile {
23156
+ border-radius: 0;
23181
23157
  }
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;
23158
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
23159
+ border-radius: 0;
23187
23160
  }
23188
- .v-switch .v-selection-control__input .v-icon {
23189
- position: absolute;
23161
+
23162
+ @keyframes loading {
23163
+ 100% {
23164
+ transform: translateX(100%);
23165
+ }
23166
+ }.v-slide-group {
23167
+ display: flex;
23168
+ overflow: hidden;
23190
23169
  }
23191
- .v-switch .v-selection-control--dirty .v-selection-control__input {
23192
- transform: translateX(10px);
23170
+
23171
+ .v-slide-group__next,
23172
+ .v-slide-group__prev {
23173
+ align-items: center;
23174
+ display: flex;
23175
+ flex: 0 1 52px;
23176
+ justify-content: center;
23177
+ min-width: 52px;
23178
+ cursor: pointer;
23193
23179
  }
23194
- .v-switch.v-switch--indeterminate .v-selection-control__input {
23195
- transform: scale(0.8);
23180
+ .v-slide-group__next--disabled,
23181
+ .v-slide-group__prev--disabled {
23182
+ pointer-events: none;
23183
+ opacity: var(--v-disabled-opacity);
23196
23184
  }
23197
- .v-switch.v-switch--indeterminate .v-switch__thumb {
23198
- transform: scale(0.75);
23199
- box-shadow: none;
23185
+
23186
+ .v-slide-group__content {
23187
+ display: flex;
23188
+ flex: 1 0 auto;
23189
+ position: relative;
23190
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23191
+ white-space: nowrap;
23200
23192
  }
23201
- .v-switch.v-switch--inset .v-selection-control__wrapper {
23202
- width: auto;
23193
+ .v-slide-group__content > * {
23194
+ white-space: initial;
23195
+ }
23196
+
23197
+ .v-slide-group__container {
23198
+ contain: content;
23199
+ display: flex;
23200
+ flex: 1 1 auto;
23201
+ overflow: hidden;
23202
+ }
23203
+
23204
+ .v-slide-group--vertical,
23205
+ .v-slide-group--vertical .v-slide-group__container,
23206
+ .v-slide-group--vertical .v-slide-group__content {
23207
+ flex-direction: column;
23203
23208
  }.v-snackbar {
23204
23209
  justify-content: center;
23205
23210
  z-index: 10000;
@@ -23319,210 +23324,273 @@ html.v-overlay-scroll-blocked {
23319
23324
  }
23320
23325
  .v-snackbar-transition-leave-to {
23321
23326
  opacity: 0;
23322
- }.v-system-bar {
23327
+ }.v-stepper.v-sheet {
23328
+ 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));
23329
+ border-radius: 4px;
23330
+ overflow: hidden;
23331
+ }
23332
+ .v-stepper.v-sheet.v-stepper--flat {
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
+ }
23335
+
23336
+ .v-stepper-header {
23337
+ 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));
23323
23338
  align-items: center;
23324
23339
  display: flex;
23325
- flex: 1 1 auto;
23326
- height: 24px;
23327
- justify-content: flex-end;
23328
- max-width: 100%;
23329
- padding-inline: 8px;
23330
23340
  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;
23341
+ overflow-x: auto;
23342
+ justify-content: space-between;
23343
+ z-index: 1;
23341
23344
  }
23342
- .v-system-bar .v-icon {
23343
- opacity: var(--v-medium-emphasis-opacity);
23345
+ .v-stepper-header .v-divider {
23346
+ margin: 0 -16px;
23344
23347
  }
23345
- .v-system-bar--absolute {
23346
- position: absolute;
23348
+ .v-stepper-header .v-divider:last-child {
23349
+ margin-inline-end: 0;
23347
23350
  }
23348
- .v-system-bar--fixed {
23349
- position: fixed;
23351
+ .v-stepper-header .v-divider:first-child {
23352
+ margin-inline-start: 0;
23350
23353
  }
23351
- .v-system-bar--rounded {
23352
- border-radius: 0;
23354
+ .v-stepper--alt-labels .v-stepper-header {
23355
+ height: auto;
23353
23356
  }
23354
- .v-system-bar--window {
23355
- height: 32px;
23357
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23358
+ align-self: flex-start;
23359
+ margin: 35px -67px 0;
23356
23360
  }
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
- 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);
23361
+
23362
+ .v-stepper-window {
23363
+ margin: 1.5rem;
23366
23364
  }
23367
- .v-table .v-table-divider {
23368
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23365
+
23366
+ .v-stepper-actions {
23367
+ display: flex;
23368
+ align-items: center;
23369
+ justify-content: space-between;
23370
+ padding: 1rem;
23369
23371
  }
23370
- .v-table .v-table__wrapper > table > thead > tr > th {
23371
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23372
+ .v-stepper .v-stepper-actions {
23373
+ padding: 0 1.5rem 1rem;
23372
23374
  }
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));
23375
+ .v-stepper-window-item .v-stepper-actions {
23376
+ padding: 1.5rem 0 0;
23377
+ }.v-stepper-item {
23378
+ align-items: center;
23379
+ align-self: stretch;
23380
+ display: inline-flex;
23381
+ flex: none;
23382
+ opacity: var(--v-medium-emphasis-opacity);
23383
+ padding: 1.5rem;
23384
+ transition-duration: 0.2s;
23385
+ transition-property: opacity;
23386
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23376
23387
  }
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));
23388
+ .v-stepper-item--selected {
23389
+ opacity: 1;
23380
23390
  }
23381
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23382
- position: relative;
23391
+ .v-stepper-item--error {
23392
+ color: rgb(var(--v-theme-error));
23383
23393
  }
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));
23394
+ .v-stepper-item--disabled {
23395
+ opacity: var(--v-medium-emphasis-opacity);
23392
23396
  pointer-events: none;
23393
23397
  }
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;
23398
- }
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));
23403
- }
23404
-
23405
- .v-table {
23406
- border-radius: inherit;
23407
- line-height: 1.5;
23408
- max-width: 100%;
23409
- display: flex;
23398
+ .v-stepper--alt-labels .v-stepper-item {
23410
23399
  flex-direction: column;
23400
+ justify-content: flex-start;
23401
+ align-items: center;
23402
+ flex-basis: 175px;
23411
23403
  }
23412
- .v-table > .v-table__wrapper > table {
23413
- width: 100%;
23414
- border-spacing: 0;
23404
+
23405
+ .v-stepper-item__avatar.v-avatar {
23406
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23407
+ color: rgb(var(--v-theme-on-surface-variant));
23408
+ font-size: 0.75rem;
23409
+ margin-inline-end: 8px;
23415
23410
  }
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);
23411
+ .v-stepper-item__avatar.v-avatar .v-icon {
23412
+ font-size: 0.875rem;
23426
23413
  }
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);
23414
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23415
+ background: rgb(var(--v-theme-surface-variant));
23431
23416
  }
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;
23417
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23418
+ background: rgb(var(--v-theme-error));
23440
23419
  }
23441
- .v-table--density-default {
23442
- --v-table-header-height: 56px;
23443
- --v-table-row-height: 52px;
23420
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23421
+ margin-bottom: 16px;
23422
+ margin-inline-end: 0;
23444
23423
  }
23445
23424
 
23446
- .v-table--density-comfortable {
23447
- --v-table-header-height: 48px;
23448
- --v-table-row-height: 44px;
23425
+ .v-stepper-item__title {
23426
+ line-height: 1;
23427
+ }
23428
+ .v-stepper--mobile .v-stepper-item__title {
23429
+ display: none;
23449
23430
  }
23450
23431
 
23451
- .v-table--density-compact {
23452
- --v-table-header-height: 40px;
23453
- --v-table-row-height: 36px;
23432
+ .v-stepper-item__subtitle {
23433
+ font-size: 0.75rem;
23434
+ text-align: left;
23435
+ line-height: 1;
23436
+ opacity: var(--v-medium-emphasis-opacity);
23437
+ }
23438
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23439
+ text-align: center;
23440
+ }
23441
+ .v-stepper--mobile .v-stepper-item__subtitle {
23442
+ display: none;
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));
23454
23449
  }
23455
23450
 
23456
- .v-table__wrapper {
23457
- border-radius: inherit;
23458
- overflow: auto;
23459
- flex: 1 1 auto;
23451
+ .v-switch__loader {
23452
+ display: flex;
23453
+ }
23454
+ .v-switch__loader .v-progress-circular {
23455
+ color: rgb(var(--v-theme-surface));
23460
23456
  }
23461
23457
 
23462
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23463
- border-top-left-radius: 0;
23458
+ .v-switch__track,
23459
+ .v-switch__thumb {
23460
+ transition: none;
23464
23461
  }
23465
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23466
- border-top-right-radius: 0;
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));
23467
23466
  }
23468
23467
 
23469
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23470
- border-bottom-left-radius: 0;
23468
+ .v-switch__track-true {
23469
+ margin-inline-end: auto;
23471
23470
  }
23472
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23473
- border-bottom-right-radius: 0;
23471
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23472
+ opacity: 0;
23474
23473
  }
23475
23474
 
23476
- .v-table--fixed-height > .v-table__wrapper {
23477
- overflow-y: auto;
23475
+ .v-switch__track-false {
23476
+ margin-inline-start: auto;
23477
+ }
23478
+ .v-selection-control--dirty .v-switch__track-false {
23479
+ opacity: 0;
23478
23480
  }
23479
23481
 
23480
- .v-table--fixed-header > .v-table__wrapper > table > thead {
23481
- position: sticky;
23482
- top: 0;
23483
- z-index: 2;
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);
23484
23494
  }
23485
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23486
- border-bottom: 0px !important;
23495
+ .v-switch--inset .v-switch__track {
23496
+ border-radius: 9999px;
23497
+ font-size: 0.75rem;
23498
+ height: 32px;
23499
+ min-width: 52px;
23487
23500
  }
23488
23501
 
23489
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23490
- position: sticky;
23491
- bottom: 0;
23492
- z-index: 1;
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));
23493
23515
  }
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;
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));
23501
23521
  }
23502
- .v-slide-group--horizontal .v-tab {
23503
- max-width: 360px;
23522
+ .v-switch--inset .v-switch__thumb--filled {
23523
+ transform: none;
23504
23524
  }
23505
- .v-slide-group--vertical .v-tab {
23506
- justify-content: start;
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);
23507
23528
  }
23508
23529
 
23509
- .v-tab__slider {
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);
23510
23540
  position: absolute;
23511
- bottom: 0;
23512
- left: 0;
23513
- height: 2px;
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;
23514
23567
  width: 100%;
23515
- background: currentColor;
23516
- pointer-events: none;
23517
- opacity: 0;
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;
23518
23576
  }
23519
- .v-tab--selected .v-tab__slider {
23520
- opacity: 1;
23577
+ .v-system-bar .v-icon {
23578
+ opacity: var(--v-medium-emphasis-opacity);
23521
23579
  }
23522
- .v-slide-group--vertical .v-tab__slider {
23523
- top: 0;
23524
- height: 100%;
23525
- width: 2px;
23580
+ .v-system-bar--absolute {
23581
+ position: absolute;
23582
+ }
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;
23591
+ }
23592
+ .v-system-bar:not(.v-system-bar--absolute) {
23593
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23526
23594
  }.v-tabs {
23527
23595
  display: flex;
23528
23596
  height: var(--v-tabs-height);
@@ -23589,229 +23657,173 @@ html.v-overlay-scroll-blocked {
23589
23657
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23590
23658
  margin-inline-end: 52px;
23591
23659
  }
23592
- }.v-skeleton-loader {
23593
- align-items: center;
23594
- background: rgb(var(--v-theme-surface));
23595
- border-radius: 4px;
23596
- display: flex;
23597
- flex-wrap: wrap;
23598
- position: relative;
23599
- vertical-align: top;
23600
- }
23601
- .v-skeleton-loader__actions {
23602
- justify-content: end;
23603
- }
23604
- .v-skeleton-loader .v-skeleton-loader__ossein {
23605
- height: 100%;
23606
- }
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));
23660
+ }.v-tab.v-tab.v-btn {
23661
+ height: var(--v-tabs-height);
23662
+ border-radius: 0;
23663
+ min-width: 90px;
23616
23664
  }
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;
23665
+ .v-slide-group--horizontal .v-tab {
23666
+ max-width: 360px;
23625
23667
  }
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;
23633
- position: relative;
23668
+ .v-slide-group--vertical .v-tab {
23669
+ justify-content: start;
23634
23670
  }
23635
- .v-skeleton-loader__bone::after {
23636
- content: "";
23671
+
23672
+ .v-tab__slider {
23637
23673
  position: absolute;
23638
- top: 0;
23674
+ bottom: 0;
23639
23675
  left: 0;
23676
+ height: 2px;
23640
23677
  width: 100%;
23641
- height: 100%;
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%);
23645
- z-index: 1;
23646
- }
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;
23657
- }
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 {
23695
- border-radius: inherit;
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;
23712
- max-width: 100%;
23713
- }
23714
- .v-skeleton-loader__date-picker-options {
23715
- flex-wrap: nowrap;
23678
+ background: currentColor;
23679
+ pointer-events: none;
23680
+ opacity: 0;
23716
23681
  }
23717
- .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
23718
- flex: 1 1 auto;
23682
+ .v-tab--selected .v-tab__slider {
23683
+ opacity: 1;
23719
23684
  }
23720
- .v-skeleton-loader__divider {
23721
- border-radius: 1px;
23722
- height: 2px;
23685
+ .v-slide-group--vertical .v-tab__slider {
23686
+ top: 0;
23687
+ height: 100%;
23688
+ width: 2px;
23689
+ }.v-table {
23690
+ 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);
23723
23696
  }
23724
- .v-skeleton-loader__heading {
23725
- border-radius: 12px;
23726
- margin: 16px;
23727
- height: 24px;
23697
+ .v-table .v-table-divider {
23698
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23728
23699
  }
23729
- .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
23730
- margin-top: -16px;
23700
+ .v-table .v-table__wrapper > table > thead > tr > th {
23701
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23731
23702
  }
23732
- .v-skeleton-loader__image {
23733
- height: 150px;
23734
- border-radius: 0;
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));
23735
23706
  }
23736
- .v-skeleton-loader__card .v-skeleton-loader__image {
23737
- border-radius: 0;
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));
23738
23710
  }
23739
- .v-skeleton-loader__list-item {
23740
- margin: 16px;
23711
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23712
+ position: relative;
23741
23713
  }
23742
- .v-skeleton-loader__list-item .v-skeleton-loader__text {
23743
- margin: 0;
23714
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23715
+ content: "";
23716
+ position: absolute;
23717
+ top: 0;
23718
+ left: 0;
23719
+ width: 100%;
23720
+ height: 100%;
23721
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
23722
+ pointer-events: none;
23744
23723
  }
23745
- .v-skeleton-loader__table-thead {
23746
- justify-content: space-between;
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));
23727
+ z-index: 1;
23747
23728
  }
23748
- .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23749
- margin-top: 16px;
23750
- max-width: 16px;
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));
23751
23733
  }
23752
- .v-skeleton-loader__table-tfoot {
23753
- flex-wrap: nowrap;
23734
+
23735
+ .v-table {
23736
+ border-radius: inherit;
23737
+ line-height: 1.5;
23738
+ max-width: 100%;
23739
+ display: flex;
23740
+ flex-direction: column;
23754
23741
  }
23755
- .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23756
- margin-top: 16px;
23742
+ .v-table > .v-table__wrapper > table {
23743
+ width: 100%;
23744
+ border-spacing: 0;
23757
23745
  }
23758
- .v-skeleton-loader__table-row {
23759
- align-items: baseline;
23760
- margin: 0 8px;
23761
- justify-content: space-evenly;
23762
- flex-wrap: nowrap;
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);
23763
23756
  }
23764
- .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23765
- margin-inline: 8px;
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);
23766
23761
  }
23767
- .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23768
- margin: 0 16px;
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;
23769
23770
  }
23770
- .v-skeleton-loader__table-cell {
23771
- align-items: center;
23772
- display: flex;
23773
- height: 48px;
23774
- width: 88px;
23771
+ .v-table--density-default {
23772
+ --v-table-header-height: 56px;
23773
+ --v-table-row-height: 52px;
23775
23774
  }
23776
- .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23777
- margin-bottom: 0;
23775
+
23776
+ .v-table--density-comfortable {
23777
+ --v-table-header-height: 48px;
23778
+ --v-table-row-height: 44px;
23778
23779
  }
23779
- .v-skeleton-loader__subtitle {
23780
- max-width: 70%;
23780
+
23781
+ .v-table--density-compact {
23782
+ --v-table-header-height: 40px;
23783
+ --v-table-row-height: 36px;
23781
23784
  }
23782
- .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23783
- height: 16px;
23784
- border-radius: 8px;
23785
+
23786
+ .v-table__wrapper {
23787
+ border-radius: inherit;
23788
+ overflow: auto;
23789
+ flex: 1 1 auto;
23785
23790
  }
23786
- .v-skeleton-loader__text {
23787
- border-radius: 6px;
23788
- margin: 16px;
23789
- height: 12px;
23791
+
23792
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23793
+ border-top-left-radius: 0;
23790
23794
  }
23791
- .v-skeleton-loader__text + .v-skeleton-loader__text {
23792
- margin-top: -8px;
23793
- max-width: 50%;
23795
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23796
+ border-top-right-radius: 0;
23794
23797
  }
23795
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23796
- max-width: 70%;
23798
+
23799
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23800
+ border-bottom-left-radius: 0;
23797
23801
  }
23798
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23799
- display: none;
23802
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23803
+ border-bottom-right-radius: 0;
23800
23804
  }
23801
- .v-skeleton-loader--is-loading {
23802
- overflow: hidden;
23805
+
23806
+ .v-table--fixed-height > .v-table__wrapper {
23807
+ overflow-y: auto;
23803
23808
  }
23804
- .v-skeleton-loader--tile {
23805
- border-radius: 0;
23809
+
23810
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
23811
+ position: sticky;
23812
+ top: 0;
23813
+ z-index: 2;
23806
23814
  }
23807
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
23808
- border-radius: 0;
23815
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23816
+ border-bottom: 0px !important;
23809
23817
  }
23810
23818
 
23811
- @keyframes loading {
23812
- 100% {
23813
- transform: translateX(100%);
23814
- }
23819
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23820
+ position: sticky;
23821
+ bottom: 0;
23822
+ z-index: 1;
23823
+ }
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;
23815
23827
  }/* region BLOCK */
23816
23828
  .v-text-field input {
23817
23829
  color: inherit;
@@ -24563,18 +24575,56 @@ html.v-overlay-scroll-blocked {
24563
24575
  }
24564
24576
  .v-window-y-reverse-transition-leave-to {
24565
24577
  transform: translateY(100%);
24566
- }.v-app-bar {
24578
+ }.v-color-picker-canvas {
24567
24579
  display: flex;
24580
+ position: relative;
24581
+ overflow: hidden;
24582
+ contain: content;
24583
+ touch-action: none;
24568
24584
  }
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));
24585
+ .v-color-picker-canvas__dot {
24586
+ position: absolute;
24587
+ top: 0;
24588
+ left: 0;
24589
+ width: 15px;
24590
+ height: 15px;
24591
+ background: transparent;
24592
+ border-radius: 50%;
24593
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24572
24594
  }
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));
24595
+ .v-color-picker-canvas__dot--disabled {
24596
+ 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);
24575
24597
  }
24576
- .v-app-bar:not(.v-toolbar--absolute) {
24577
- padding-inline-end: var(--v-scrollbar-offset);
24598
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24599
+ will-change: transform;
24600
+ }.v-color-picker-edit {
24601
+ display: flex;
24602
+ margin-top: 24px;
24603
+ }
24604
+
24605
+ .v-color-picker-edit__input {
24606
+ width: 100%;
24607
+ display: flex;
24608
+ flex-wrap: wrap;
24609
+ justify-content: center;
24610
+ text-align: center;
24611
+ }
24612
+ .v-color-picker-edit__input:not(:last-child) {
24613
+ margin-inline-end: 8px;
24614
+ }
24615
+ .v-color-picker-edit__input input {
24616
+ border-radius: 4px;
24617
+ margin-bottom: 8px;
24618
+ min-width: 0;
24619
+ outline: none;
24620
+ text-align: center;
24621
+ width: 100%;
24622
+ height: 32px;
24623
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24624
+ color: rgba(var(--v-theme-on-surface));
24625
+ }
24626
+ .v-color-picker-edit__input span {
24627
+ font-size: 0.75rem;
24578
24628
  }.v-color-picker-preview__alpha .v-slider-track__background {
24579
24629
  background-color: transparent !important;
24580
24630
  }
@@ -24644,28 +24694,6 @@ html.v-overlay-scroll-blocked {
24644
24694
  .v-color-picker-preview__eye-dropper {
24645
24695
  position: relative;
24646
24696
  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
24697
  }.v-color-picker-swatches {
24670
24698
  overflow-y: auto;
24671
24699
  }
@@ -24701,34 +24729,6 @@ html.v-overlay-scroll-blocked {
24701
24729
  justify-content: center;
24702
24730
  width: 100%;
24703
24731
  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;