@vuetify/nightly 3.6.10-master.2024-06-20 → 3.6.10-master.2024-06-21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.10-master.2024-06-20
2
+ * Vuetify v3.6.10-master.2024-06-21
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17456,18 +17456,6 @@ html.overflow-y-hidden {
17456
17456
  .v-ripple__animation--out {
17457
17457
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17458
17458
  opacity: 0;
17459
- }.v-app-bar {
17460
- display: flex;
17461
- }
17462
- .v-app-bar.v-toolbar {
17463
- background: rgb(var(--v-theme-surface));
17464
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17465
- }
17466
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17467
- 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));
17468
- }
17469
- .v-app-bar:not(.v-toolbar--absolute) {
17470
- padding-inline-end: var(--v-scrollbar-offset);
17471
17459
  }.v-application {
17472
17460
  display: flex;
17473
17461
  background: rgb(var(--v-theme-background));
@@ -17484,6 +17472,18 @@ html.overflow-y-hidden {
17484
17472
  min-height: 100vh;
17485
17473
  min-height: 100dvh;
17486
17474
  position: relative;
17475
+ }.v-app-bar {
17476
+ display: flex;
17477
+ }
17478
+ .v-app-bar.v-toolbar {
17479
+ background: rgb(var(--v-theme-surface));
17480
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17481
+ }
17482
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17483
+ 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));
17484
+ }
17485
+ .v-app-bar:not(.v-toolbar--absolute) {
17486
+ padding-inline-end: var(--v-scrollbar-offset);
17487
17487
  }.v-alert {
17488
17488
  display: grid;
17489
17489
  flex: 1 1;
@@ -17696,87 +17696,6 @@ html.overflow-y-hidden {
17696
17696
  text-transform: none;
17697
17697
  word-break: normal;
17698
17698
  word-wrap: break-word;
17699
- }.v-autocomplete .v-field .v-text-field__prefix,
17700
- .v-autocomplete .v-field .v-text-field__suffix,
17701
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17702
- cursor: text;
17703
- }
17704
- .v-autocomplete .v-field .v-field__input > input {
17705
- flex: 1 1;
17706
- }
17707
- .v-autocomplete .v-field input {
17708
- min-width: 64px;
17709
- }
17710
- .v-autocomplete .v-field:not(.v-field--focused) input {
17711
- min-width: 0;
17712
- }
17713
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17714
- margin-inline-end: 2px;
17715
- }
17716
- .v-autocomplete .v-autocomplete__selection-text {
17717
- overflow: hidden;
17718
- text-overflow: ellipsis;
17719
- white-space: nowrap;
17720
- }
17721
-
17722
- .v-autocomplete__content {
17723
- overflow: hidden;
17724
- 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));
17725
- border-radius: 4px;
17726
- }
17727
- .v-autocomplete__mask {
17728
- background: rgb(var(--v-theme-surface-light));
17729
- }
17730
- .v-autocomplete__selection {
17731
- display: inline-flex;
17732
- align-items: center;
17733
- height: 1.5rem;
17734
- letter-spacing: inherit;
17735
- line-height: inherit;
17736
- max-width: calc(100% - 2px - 2px);
17737
- }
17738
- .v-autocomplete__selection:first-child {
17739
- margin-inline-start: 0;
17740
- }
17741
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17742
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17743
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17744
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17745
- top: 0px;
17746
- }
17747
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17748
- opacity: var(--v-medium-emphasis-opacity);
17749
- }
17750
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17751
- opacity: 1;
17752
- }
17753
- .v-autocomplete--selecting-index .v-field__input > input {
17754
- caret-color: transparent;
17755
- }
17756
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17757
- flex: 1 1;
17758
- position: absolute;
17759
- left: 0;
17760
- right: 0;
17761
- width: 100%;
17762
- padding-inline: inherit;
17763
- }
17764
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17765
- transition: none;
17766
- }
17767
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17768
- opacity: 0;
17769
- }
17770
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17771
- opacity: 0;
17772
- }
17773
- .v-autocomplete__menu-icon {
17774
- margin-inline-start: 4px;
17775
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17776
- }
17777
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17778
- opacity: var(--v-high-emphasis-opacity);
17779
- transform: rotate(180deg);
17780
17699
  }.v-avatar {
17781
17700
  flex: none;
17782
17701
  align-items: center;
@@ -17872,6 +17791,87 @@ html.overflow-y-hidden {
17872
17791
  .v-avatar .v-img {
17873
17792
  height: 100%;
17874
17793
  width: 100%;
17794
+ }.v-autocomplete .v-field .v-text-field__prefix,
17795
+ .v-autocomplete .v-field .v-text-field__suffix,
17796
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17797
+ cursor: text;
17798
+ }
17799
+ .v-autocomplete .v-field .v-field__input > input {
17800
+ flex: 1 1;
17801
+ }
17802
+ .v-autocomplete .v-field input {
17803
+ min-width: 64px;
17804
+ }
17805
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17806
+ min-width: 0;
17807
+ }
17808
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17809
+ margin-inline-end: 2px;
17810
+ }
17811
+ .v-autocomplete .v-autocomplete__selection-text {
17812
+ overflow: hidden;
17813
+ text-overflow: ellipsis;
17814
+ white-space: nowrap;
17815
+ }
17816
+
17817
+ .v-autocomplete__content {
17818
+ overflow: hidden;
17819
+ 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));
17820
+ border-radius: 4px;
17821
+ }
17822
+ .v-autocomplete__mask {
17823
+ background: rgb(var(--v-theme-surface-light));
17824
+ }
17825
+ .v-autocomplete__selection {
17826
+ display: inline-flex;
17827
+ align-items: center;
17828
+ height: 1.5rem;
17829
+ letter-spacing: inherit;
17830
+ line-height: inherit;
17831
+ max-width: calc(100% - 2px - 2px);
17832
+ }
17833
+ .v-autocomplete__selection:first-child {
17834
+ margin-inline-start: 0;
17835
+ }
17836
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17837
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17838
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17839
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17840
+ top: 0px;
17841
+ }
17842
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17843
+ opacity: var(--v-medium-emphasis-opacity);
17844
+ }
17845
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17846
+ opacity: 1;
17847
+ }
17848
+ .v-autocomplete--selecting-index .v-field__input > input {
17849
+ caret-color: transparent;
17850
+ }
17851
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17852
+ flex: 1 1;
17853
+ position: absolute;
17854
+ left: 0;
17855
+ right: 0;
17856
+ width: 100%;
17857
+ padding-inline: inherit;
17858
+ }
17859
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17860
+ transition: none;
17861
+ }
17862
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17863
+ opacity: 0;
17864
+ }
17865
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17866
+ opacity: 0;
17867
+ }
17868
+ .v-autocomplete__menu-icon {
17869
+ margin-inline-start: 4px;
17870
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17871
+ }
17872
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17873
+ opacity: var(--v-high-emphasis-opacity);
17874
+ transform: rotate(180deg);
17875
17875
  }.v-badge {
17876
17876
  display: inline-block;
17877
17877
  line-height: 1;
@@ -18188,6 +18188,63 @@ html.overflow-y-hidden {
18188
18188
  .v-bottom-sheet.v-bottom-sheet--inset {
18189
18189
  max-width: 70%;
18190
18190
  }
18191
+ }.v-breadcrumbs {
18192
+ display: flex;
18193
+ align-items: center;
18194
+ line-height: 1.6;
18195
+ padding: 16px 12px;
18196
+ }
18197
+ .v-breadcrumbs--rounded {
18198
+ border-radius: 4px;
18199
+ }
18200
+ .v-breadcrumbs--density-default {
18201
+ padding-top: 16px;
18202
+ padding-bottom: 16px;
18203
+ }
18204
+
18205
+ .v-breadcrumbs--density-comfortable {
18206
+ padding-top: 12px;
18207
+ padding-bottom: 12px;
18208
+ }
18209
+
18210
+ .v-breadcrumbs--density-compact {
18211
+ padding-top: 8px;
18212
+ padding-bottom: 8px;
18213
+ }
18214
+
18215
+ .v-breadcrumbs__prepend {
18216
+ align-items: center;
18217
+ display: inline-flex;
18218
+ }
18219
+
18220
+ .v-breadcrumbs-item {
18221
+ align-items: center;
18222
+ color: inherit;
18223
+ display: inline-flex;
18224
+ padding: 0 4px;
18225
+ text-decoration: none;
18226
+ vertical-align: middle;
18227
+ }
18228
+ .v-breadcrumbs-item--disabled {
18229
+ opacity: var(--v-disabled-opacity);
18230
+ pointer-events: none;
18231
+ }
18232
+ .v-breadcrumbs-item--link {
18233
+ color: inherit;
18234
+ text-decoration: none;
18235
+ }
18236
+ .v-breadcrumbs-item--link:hover {
18237
+ text-decoration: underline;
18238
+ }
18239
+ .v-breadcrumbs-item .v-icon {
18240
+ font-size: 1rem;
18241
+ margin-inline: -4px 2px;
18242
+ }
18243
+
18244
+ .v-breadcrumbs-divider {
18245
+ display: inline-block;
18246
+ padding: 0 8px;
18247
+ vertical-align: middle;
18191
18248
  }.v-btn {
18192
18249
  align-items: center;
18193
18250
  border-radius: 4px;
@@ -18606,63 +18663,6 @@ html.overflow-y-hidden {
18606
18663
  }
18607
18664
  .v-pagination__item--is-active .v-btn__overlay {
18608
18665
  opacity: var(--v-border-opacity);
18609
- }.v-breadcrumbs {
18610
- display: flex;
18611
- align-items: center;
18612
- line-height: 1.6;
18613
- padding: 16px 12px;
18614
- }
18615
- .v-breadcrumbs--rounded {
18616
- border-radius: 4px;
18617
- }
18618
- .v-breadcrumbs--density-default {
18619
- padding-top: 16px;
18620
- padding-bottom: 16px;
18621
- }
18622
-
18623
- .v-breadcrumbs--density-comfortable {
18624
- padding-top: 12px;
18625
- padding-bottom: 12px;
18626
- }
18627
-
18628
- .v-breadcrumbs--density-compact {
18629
- padding-top: 8px;
18630
- padding-bottom: 8px;
18631
- }
18632
-
18633
- .v-breadcrumbs__prepend {
18634
- align-items: center;
18635
- display: inline-flex;
18636
- }
18637
-
18638
- .v-breadcrumbs-item {
18639
- align-items: center;
18640
- color: inherit;
18641
- display: inline-flex;
18642
- padding: 0 4px;
18643
- text-decoration: none;
18644
- vertical-align: middle;
18645
- }
18646
- .v-breadcrumbs-item--disabled {
18647
- opacity: var(--v-disabled-opacity);
18648
- pointer-events: none;
18649
- }
18650
- .v-breadcrumbs-item--link {
18651
- color: inherit;
18652
- text-decoration: none;
18653
- }
18654
- .v-breadcrumbs-item--link:hover {
18655
- text-decoration: underline;
18656
- }
18657
- .v-breadcrumbs-item .v-icon {
18658
- font-size: 1rem;
18659
- margin-inline: -4px 2px;
18660
- }
18661
-
18662
- .v-breadcrumbs-divider {
18663
- display: inline-block;
18664
- padding: 0 8px;
18665
- vertical-align: middle;
18666
18666
  }.v-btn-group {
18667
18667
  display: inline-flex;
18668
18668
  flex-wrap: nowrap;
@@ -18719,19 +18719,6 @@ html.overflow-y-hidden {
18719
18719
  }
18720
18720
  .v-btn-group--tile {
18721
18721
  border-radius: 0;
18722
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18723
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18724
- }
18725
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18726
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18727
- }
18728
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18729
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18730
- }
18731
- @supports not selector(:focus-visible) {
18732
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18733
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18734
- }
18735
18722
  }.v-card {
18736
18723
  display: block;
18737
18724
  overflow: hidden;
@@ -19031,11 +19018,19 @@ html.overflow-y-hidden {
19031
19018
  pointer-events: none;
19032
19019
  opacity: 0;
19033
19020
  transition: opacity 0.2s ease-in-out;
19034
- }.v-checkbox.v-input {
19035
- flex: 0 1 auto;
19021
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19022
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19036
19023
  }
19037
- .v-checkbox .v-selection-control {
19038
- min-height: var(--v-input-control-height);
19024
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19025
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19026
+ }
19027
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19028
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19029
+ }
19030
+ @supports not selector(:focus-visible) {
19031
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19032
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19033
+ }
19039
19034
  }.v-carousel {
19040
19035
  overflow: hidden;
19041
19036
  position: relative;
@@ -19099,6 +19094,11 @@ html.overflow-y-hidden {
19099
19094
  flex-direction: column;
19100
19095
  height: 100% !important;
19101
19096
  width: 50px;
19097
+ }.v-checkbox.v-input {
19098
+ flex: 0 1 auto;
19099
+ }
19100
+ .v-checkbox .v-selection-control {
19101
+ min-height: var(--v-input-control-height);
19102
19102
  }.v-chip {
19103
19103
  align-items: center;
19104
19104
  display: inline-flex;
@@ -19529,6 +19529,26 @@ html.overflow-y-hidden {
19529
19529
  white-space: normal;
19530
19530
  flex-wrap: wrap;
19531
19531
  max-width: 100%;
19532
+ }.v-color-picker {
19533
+ align-self: flex-start;
19534
+ contain: content;
19535
+ }
19536
+ .v-color-picker.v-sheet {
19537
+ 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));
19538
+ border-radius: 4px;
19539
+ }
19540
+
19541
+ .v-color-picker__controls {
19542
+ display: flex;
19543
+ flex-direction: column;
19544
+ padding: 16px;
19545
+ }
19546
+
19547
+ .v-color-picker--flat {
19548
+ 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));
19549
+ }
19550
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19551
+ 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));
19532
19552
  }.v-combobox .v-field .v-text-field__prefix,
19533
19553
  .v-combobox .v-field .v-text-field__suffix,
19534
19554
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19610,26 +19630,6 @@ html.overflow-y-hidden {
19610
19630
  .v-combobox--active-menu .v-combobox__menu-icon {
19611
19631
  opacity: var(--v-high-emphasis-opacity);
19612
19632
  transform: rotate(180deg);
19613
- }.v-color-picker {
19614
- align-self: flex-start;
19615
- contain: content;
19616
- }
19617
- .v-color-picker.v-sheet {
19618
- 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));
19619
- border-radius: 4px;
19620
- }
19621
-
19622
- .v-color-picker__controls {
19623
- display: flex;
19624
- flex-direction: column;
19625
- padding: 16px;
19626
- }
19627
-
19628
- .v-color-picker--flat {
19629
- 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));
19630
- }
19631
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19632
- 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));
19633
19633
  }.v-counter {
19634
19634
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19635
19635
  flex: 0 1 auto;
@@ -19915,6 +19915,61 @@ html.overflow-y-hidden {
19915
19915
 
19916
19916
  .v-date-picker__title {
19917
19917
  display: inline-block;
19918
+ }.v-date-picker-month {
19919
+ display: flex;
19920
+ justify-content: center;
19921
+ padding: 0 12px 8px;
19922
+ --v-date-picker-month-day-diff: 4px;
19923
+ }
19924
+
19925
+ .v-date-picker-month__weeks {
19926
+ display: grid;
19927
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19928
+ column-gap: 4px;
19929
+ font-size: 0.85rem;
19930
+ }
19931
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19932
+ grid-row-gap: 0;
19933
+ }
19934
+
19935
+ .v-date-picker-month__weekday {
19936
+ font-size: 0.85rem;
19937
+ }
19938
+
19939
+ .v-date-picker-month__days {
19940
+ display: grid;
19941
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19942
+ column-gap: 4px;
19943
+ flex: 1 1;
19944
+ justify-content: space-around;
19945
+ }
19946
+
19947
+ .v-date-picker-month__day {
19948
+ align-items: center;
19949
+ display: flex;
19950
+ justify-content: center;
19951
+ position: relative;
19952
+ height: 40px;
19953
+ width: 40px;
19954
+ }
19955
+ .v-date-picker-month__day--selected .v-btn {
19956
+ background-color: rgb(var(--v-theme-surface-variant));
19957
+ color: rgb(var(--v-theme-on-surface-variant));
19958
+ }
19959
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19960
+ --v-btn-height: 24px;
19961
+ --v-btn-size: 0.85rem;
19962
+ }
19963
+ .v-date-picker-month__day--week {
19964
+ font-size: var(--v-btn-size);
19965
+ }
19966
+
19967
+ .v-date-picker-month__day--adjacent {
19968
+ opacity: 0.5;
19969
+ }
19970
+
19971
+ .v-date-picker-month__day--hide-adjacent {
19972
+ opacity: 0;
19918
19973
  }.v-date-picker-header {
19919
19974
  align-items: flex-end;
19920
19975
  height: 70px;
@@ -19994,61 +20049,6 @@ html.overflow-y-hidden {
19994
20049
  text-transform: none;
19995
20050
  padding-inline-start: 8px;
19996
20051
  padding-inline-end: 8px;
19997
- }.v-date-picker-month {
19998
- display: flex;
19999
- justify-content: center;
20000
- padding: 0 12px 8px;
20001
- --v-date-picker-month-day-diff: 4px;
20002
- }
20003
-
20004
- .v-date-picker-month__weeks {
20005
- display: grid;
20006
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20007
- column-gap: 4px;
20008
- font-size: 0.85rem;
20009
- }
20010
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20011
- grid-row-gap: 0;
20012
- }
20013
-
20014
- .v-date-picker-month__weekday {
20015
- font-size: 0.85rem;
20016
- }
20017
-
20018
- .v-date-picker-month__days {
20019
- display: grid;
20020
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20021
- column-gap: 4px;
20022
- flex: 1 1;
20023
- justify-content: space-around;
20024
- }
20025
-
20026
- .v-date-picker-month__day {
20027
- align-items: center;
20028
- display: flex;
20029
- justify-content: center;
20030
- position: relative;
20031
- height: 40px;
20032
- width: 40px;
20033
- }
20034
- .v-date-picker-month__day--selected .v-btn {
20035
- background-color: rgb(var(--v-theme-surface-variant));
20036
- color: rgb(var(--v-theme-on-surface-variant));
20037
- }
20038
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20039
- --v-btn-height: 24px;
20040
- --v-btn-size: 0.85rem;
20041
- }
20042
- .v-date-picker-month__day--week {
20043
- font-size: var(--v-btn-size);
20044
- }
20045
-
20046
- .v-date-picker-month__day--adjacent {
20047
- opacity: 0.5;
20048
- }
20049
-
20050
- .v-date-picker-month__day--hide-adjacent {
20051
- opacity: 0;
20052
20052
  }.v-date-picker-years {
20053
20053
  height: 288px;
20054
20054
  overflow-y: scroll;
@@ -20552,30 +20552,87 @@ html.overflow-y-hidden {
20552
20552
  }
20553
20553
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20554
20554
  right: 0;
20555
- }/* region INPUT */
20556
- .v-field {
20557
- --v-theme-overlay-multiplier: 1;
20558
- display: grid;
20559
- grid-template-areas: "prepend-inner field clear append-inner";
20560
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20561
- font-size: 16px;
20562
- letter-spacing: 0.009375em;
20563
- max-width: 100%;
20564
- border-radius: 4px;
20565
- contain: layout;
20566
- flex: 1 0;
20555
+ }.v-file-input--hide.v-input .v-field,
20556
+ .v-file-input--hide.v-input .v-input__control,
20557
+ .v-file-input--hide.v-input .v-input__details {
20558
+ display: none;
20559
+ }
20560
+ .v-file-input--hide.v-input .v-input__prepend {
20567
20561
  grid-area: control;
20568
- position: relative;
20569
- --v-field-padding-start: 16px;
20570
- --v-field-padding-end: 16px;
20571
- --v-field-padding-top: 8px;
20572
- --v-field-padding-bottom: 4px;
20573
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20574
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20562
+ margin: 0 auto;
20575
20563
  }
20576
- .v-field--disabled {
20577
- opacity: var(--v-disabled-opacity);
20578
- pointer-events: none;
20564
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20565
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20566
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20567
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20568
+ top: 0px;
20569
+ }
20570
+ .v-file-input input[type=file] {
20571
+ height: 100%;
20572
+ left: 0;
20573
+ opacity: 0;
20574
+ position: absolute;
20575
+ top: 0;
20576
+ width: 100%;
20577
+ z-index: 1;
20578
+ }
20579
+ .v-file-input .v-input__details {
20580
+ padding-inline: 16px;
20581
+ }
20582
+ .v-input--plain-underlined.v-file-input .v-input__details {
20583
+ padding-inline: 0;
20584
+ }.v-footer {
20585
+ align-items: center;
20586
+ display: flex;
20587
+ flex: 1 1 auto;
20588
+ padding: 8px 16px;
20589
+ position: relative;
20590
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20591
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
20592
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20593
+ border-style: solid;
20594
+ border-width: 0;
20595
+ 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));
20596
+ border-radius: 0;
20597
+ background: rgb(var(--v-theme-surface));
20598
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20599
+ }
20600
+ .v-footer--border {
20601
+ border-width: thin;
20602
+ box-shadow: none;
20603
+ }
20604
+ .v-footer--absolute {
20605
+ position: absolute;
20606
+ }
20607
+ .v-footer--fixed {
20608
+ position: fixed;
20609
+ }
20610
+ .v-footer--rounded {
20611
+ border-radius: 4px;
20612
+ }/* region INPUT */
20613
+ .v-field {
20614
+ --v-theme-overlay-multiplier: 1;
20615
+ display: grid;
20616
+ grid-template-areas: "prepend-inner field clear append-inner";
20617
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20618
+ font-size: 16px;
20619
+ letter-spacing: 0.009375em;
20620
+ max-width: 100%;
20621
+ border-radius: 4px;
20622
+ contain: layout;
20623
+ flex: 1 0;
20624
+ grid-area: control;
20625
+ position: relative;
20626
+ --v-field-padding-start: 16px;
20627
+ --v-field-padding-end: 16px;
20628
+ --v-field-padding-top: 8px;
20629
+ --v-field-padding-bottom: 4px;
20630
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20631
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20632
+ }
20633
+ .v-field--disabled {
20634
+ opacity: var(--v-disabled-opacity);
20635
+ pointer-events: none;
20579
20636
  }
20580
20637
  .v-field .v-chip {
20581
20638
  --v-chip-height: 24px;
@@ -21123,64 +21180,7 @@ textarea.v-field__input::placeholder {
21123
21180
  opacity: 0;
21124
21181
  }
21125
21182
 
21126
- /* endregion */.v-file-input--hide.v-input .v-field,
21127
- .v-file-input--hide.v-input .v-input__control,
21128
- .v-file-input--hide.v-input .v-input__details {
21129
- display: none;
21130
- }
21131
- .v-file-input--hide.v-input .v-input__prepend {
21132
- grid-area: control;
21133
- margin: 0 auto;
21134
- }
21135
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21136
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21137
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21138
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21139
- top: 0px;
21140
- }
21141
- .v-file-input input[type=file] {
21142
- height: 100%;
21143
- left: 0;
21144
- opacity: 0;
21145
- position: absolute;
21146
- top: 0;
21147
- width: 100%;
21148
- z-index: 1;
21149
- }
21150
- .v-file-input .v-input__details {
21151
- padding-inline: 16px;
21152
- }
21153
- .v-input--plain-underlined.v-file-input .v-input__details {
21154
- padding-inline: 0;
21155
- }.v-footer {
21156
- align-items: center;
21157
- display: flex;
21158
- flex: 1 1 auto;
21159
- padding: 8px 16px;
21160
- position: relative;
21161
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21162
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21163
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21164
- border-style: solid;
21165
- border-width: 0;
21166
- 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));
21167
- border-radius: 0;
21168
- background: rgb(var(--v-theme-surface));
21169
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21170
- }
21171
- .v-footer--border {
21172
- border-width: thin;
21173
- box-shadow: none;
21174
- }
21175
- .v-footer--absolute {
21176
- position: absolute;
21177
- }
21178
- .v-footer--fixed {
21179
- position: fixed;
21180
- }
21181
- .v-footer--rounded {
21182
- border-radius: 4px;
21183
- }.v-container {
21183
+ /* endregion */.v-container {
21184
21184
  width: 100%;
21185
21185
  padding: 16px;
21186
21186
  margin-right: auto;
@@ -21852,42 +21852,6 @@ textarea.v-field__input::placeholder {
21852
21852
  .offset-xxl-11 {
21853
21853
  margin-inline-start: 91.6666666667%;
21854
21854
  }
21855
- }.v-img {
21856
- --v-theme-overlay-multiplier: 3;
21857
- z-index: 0;
21858
- }
21859
- .v-img--booting .v-responsive__sizer {
21860
- transition: none;
21861
- }
21862
- .v-img--rounded {
21863
- border-radius: 4px;
21864
- }
21865
-
21866
- .v-img__img,
21867
- .v-img__picture,
21868
- .v-img__gradient,
21869
- .v-img__placeholder,
21870
- .v-img__error {
21871
- z-index: -1;
21872
- position: absolute;
21873
- top: 0;
21874
- left: 0;
21875
- width: 100%;
21876
- height: 100%;
21877
- }
21878
-
21879
- .v-img__img--preload {
21880
- filter: blur(4px);
21881
- }
21882
- .v-img__img--contain {
21883
- object-fit: contain;
21884
- }
21885
- .v-img__img--cover {
21886
- object-fit: cover;
21887
- }
21888
-
21889
- .v-img__gradient {
21890
- background-repeat: no-repeat;
21891
21855
  }.v-icon {
21892
21856
  --v-icon-size-multiplier: 1;
21893
21857
  align-items: center;
@@ -21941,6 +21905,67 @@ textarea.v-field__input::placeholder {
21941
21905
 
21942
21906
  .v-icon--end {
21943
21907
  margin-inline-start: 8px;
21908
+ }.v-img {
21909
+ --v-theme-overlay-multiplier: 3;
21910
+ z-index: 0;
21911
+ }
21912
+ .v-img--booting .v-responsive__sizer {
21913
+ transition: none;
21914
+ }
21915
+ .v-img--rounded {
21916
+ border-radius: 4px;
21917
+ }
21918
+
21919
+ .v-img__img,
21920
+ .v-img__picture,
21921
+ .v-img__gradient,
21922
+ .v-img__placeholder,
21923
+ .v-img__error {
21924
+ z-index: -1;
21925
+ position: absolute;
21926
+ top: 0;
21927
+ left: 0;
21928
+ width: 100%;
21929
+ height: 100%;
21930
+ }
21931
+
21932
+ .v-img__img--preload {
21933
+ filter: blur(4px);
21934
+ }
21935
+ .v-img__img--contain {
21936
+ object-fit: contain;
21937
+ }
21938
+ .v-img__img--cover {
21939
+ object-fit: cover;
21940
+ }
21941
+
21942
+ .v-img__gradient {
21943
+ background-repeat: no-repeat;
21944
+ }.v-infinite-scroll--horizontal {
21945
+ display: flex;
21946
+ flex-direction: row;
21947
+ overflow-x: auto;
21948
+ }
21949
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21950
+ height: 100%;
21951
+ width: 1px;
21952
+ }
21953
+
21954
+ .v-infinite-scroll--vertical {
21955
+ display: flex;
21956
+ flex-direction: column;
21957
+ overflow-y: auto;
21958
+ }
21959
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21960
+ height: 1px;
21961
+ width: 100%;
21962
+ }
21963
+
21964
+ .v-infinite-scroll__side {
21965
+ align-items: center;
21966
+ display: flex;
21967
+ justify-content: center;
21968
+ padding: 8px;
21944
21969
  }.v-input {
21945
21970
  display: grid;
21946
21971
  flex: 1 1 auto;
@@ -22083,31 +22108,6 @@ textarea.v-field__input::placeholder {
22083
22108
 
22084
22109
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22085
22110
  padding-top: calc(var(--v-input-padding-top) + 0px);
22086
- }.v-infinite-scroll--horizontal {
22087
- display: flex;
22088
- flex-direction: row;
22089
- overflow-x: auto;
22090
- }
22091
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22092
- height: 100%;
22093
- width: 1px;
22094
- }
22095
-
22096
- .v-infinite-scroll--vertical {
22097
- display: flex;
22098
- flex-direction: column;
22099
- overflow-y: auto;
22100
- }
22101
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22102
- height: 1px;
22103
- width: 100%;
22104
- }
22105
-
22106
- .v-infinite-scroll__side {
22107
- align-items: center;
22108
- display: flex;
22109
- justify-content: center;
22110
- padding: 8px;
22111
22111
  }.v-item-group {
22112
22112
  flex: 0 1 auto;
22113
22113
  max-width: 100%;
@@ -22700,6 +22700,8 @@ textarea.v-field__input::placeholder {
22700
22700
  }
22701
22701
  .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22702
22702
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22703
+ }.v-locale-provider {
22704
+ display: contents;
22703
22705
  }.v-main {
22704
22706
  flex: 1 0 auto;
22705
22707
  max-width: 100%;
@@ -22728,8 +22730,6 @@ textarea.v-field__input::placeholder {
22728
22730
  --v-layout-right: 0px;
22729
22731
  --v-layout-top: 0px;
22730
22732
  --v-layout-bottom: 0px;
22731
- }.v-locale-provider {
22732
- display: contents;
22733
22733
  }.v-menu > .v-overlay__content {
22734
22734
  display: flex;
22735
22735
  flex-direction: column;
@@ -22917,8 +22917,16 @@ textarea.v-field__input::placeholder {
22917
22917
  }
22918
22918
  .v-otp-input__loader .v-progress-linear {
22919
22919
  position: absolute;
22920
- }.v-overlay-container {
22921
- contain: layout;
22920
+ }.v-pagination__list {
22921
+ display: inline-flex;
22922
+ list-style-type: none;
22923
+ justify-content: center;
22924
+ width: 100%;
22925
+ }
22926
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22927
+ margin: 0.3rem;
22928
+ }.v-overlay-container {
22929
+ contain: layout;
22922
22930
  left: 0;
22923
22931
  pointer-events: none;
22924
22932
  position: absolute;
@@ -22980,20 +22988,114 @@ html.v-overlay-scroll-blocked {
22980
22988
 
22981
22989
  .v-overlay--scroll-blocked {
22982
22990
  padding-inline-end: var(--v-scrollbar-offset);
22983
- }.v-pagination__list {
22984
- display: inline-flex;
22985
- list-style-type: none;
22986
- justify-content: center;
22987
- width: 100%;
22988
- }
22989
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22990
- margin: 0.3rem;
22991
22991
  }.v-parallax {
22992
22992
  position: relative;
22993
22993
  overflow: hidden;
22994
22994
  }
22995
22995
  .v-parallax--active > .v-img__img {
22996
22996
  will-change: transform;
22997
+ }.v-progress-circular {
22998
+ align-items: center;
22999
+ display: inline-flex;
23000
+ justify-content: center;
23001
+ position: relative;
23002
+ vertical-align: middle;
23003
+ }
23004
+ .v-progress-circular > svg {
23005
+ width: 100%;
23006
+ height: 100%;
23007
+ margin: auto;
23008
+ position: absolute;
23009
+ top: 0;
23010
+ bottom: 0;
23011
+ left: 0;
23012
+ right: 0;
23013
+ z-index: 0;
23014
+ }
23015
+
23016
+ .v-progress-circular__content {
23017
+ align-items: center;
23018
+ display: flex;
23019
+ justify-content: center;
23020
+ }
23021
+
23022
+ .v-progress-circular__underlay {
23023
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23024
+ stroke: currentColor;
23025
+ z-index: 1;
23026
+ }
23027
+
23028
+ .v-progress-circular__overlay {
23029
+ stroke: currentColor;
23030
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23031
+ z-index: 2;
23032
+ }
23033
+
23034
+ .v-progress-circular--size-x-small {
23035
+ height: 16px;
23036
+ width: 16px;
23037
+ }
23038
+ .v-progress-circular--size-small {
23039
+ height: 24px;
23040
+ width: 24px;
23041
+ }
23042
+ .v-progress-circular--size-default {
23043
+ height: 32px;
23044
+ width: 32px;
23045
+ }
23046
+ .v-progress-circular--size-large {
23047
+ height: 48px;
23048
+ width: 48px;
23049
+ }
23050
+ .v-progress-circular--size-x-large {
23051
+ height: 64px;
23052
+ width: 64px;
23053
+ }
23054
+
23055
+ .v-progress-circular--indeterminate > svg {
23056
+ animation: progress-circular-rotate 1.4s linear infinite;
23057
+ transform-origin: center center;
23058
+ transition: all 0.2s ease-in-out;
23059
+ }
23060
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23061
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23062
+ stroke-dasharray: 25, 200;
23063
+ stroke-dashoffset: 0;
23064
+ stroke-linecap: round;
23065
+ transform-origin: center center;
23066
+ transform: rotate(-90deg);
23067
+ }
23068
+
23069
+ .v-progress-circular--disable-shrink > svg {
23070
+ animation-duration: 0.7s;
23071
+ }
23072
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23073
+ animation: none;
23074
+ }
23075
+
23076
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23077
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23078
+ animation-play-state: paused !important;
23079
+ }
23080
+
23081
+ @keyframes progress-circular-dash {
23082
+ 0% {
23083
+ stroke-dasharray: 1, 200;
23084
+ stroke-dashoffset: 0px;
23085
+ }
23086
+ 50% {
23087
+ stroke-dasharray: 100, 200;
23088
+ stroke-dashoffset: -15px;
23089
+ }
23090
+ 100% {
23091
+ stroke-dasharray: 100, 200;
23092
+ stroke-dashoffset: -124px;
23093
+ }
23094
+ }
23095
+ @keyframes progress-circular-rotate {
23096
+ 100% {
23097
+ transform: rotate(270deg);
23098
+ }
22997
23099
  }.v-progress-linear {
22998
23100
  background: transparent;
22999
23101
  overflow: hidden;
@@ -23205,108 +23307,6 @@ html.v-overlay-scroll-blocked {
23205
23307
  0% {
23206
23308
  background-position-x: var(--v-progress-linear-height);
23207
23309
  }
23208
- }.v-progress-circular {
23209
- align-items: center;
23210
- display: inline-flex;
23211
- justify-content: center;
23212
- position: relative;
23213
- vertical-align: middle;
23214
- }
23215
- .v-progress-circular > svg {
23216
- width: 100%;
23217
- height: 100%;
23218
- margin: auto;
23219
- position: absolute;
23220
- top: 0;
23221
- bottom: 0;
23222
- left: 0;
23223
- right: 0;
23224
- z-index: 0;
23225
- }
23226
-
23227
- .v-progress-circular__content {
23228
- align-items: center;
23229
- display: flex;
23230
- justify-content: center;
23231
- }
23232
-
23233
- .v-progress-circular__underlay {
23234
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23235
- stroke: currentColor;
23236
- z-index: 1;
23237
- }
23238
-
23239
- .v-progress-circular__overlay {
23240
- stroke: currentColor;
23241
- transition: all 0.2s ease-in-out, stroke-width 0s;
23242
- z-index: 2;
23243
- }
23244
-
23245
- .v-progress-circular--size-x-small {
23246
- height: 16px;
23247
- width: 16px;
23248
- }
23249
- .v-progress-circular--size-small {
23250
- height: 24px;
23251
- width: 24px;
23252
- }
23253
- .v-progress-circular--size-default {
23254
- height: 32px;
23255
- width: 32px;
23256
- }
23257
- .v-progress-circular--size-large {
23258
- height: 48px;
23259
- width: 48px;
23260
- }
23261
- .v-progress-circular--size-x-large {
23262
- height: 64px;
23263
- width: 64px;
23264
- }
23265
-
23266
- .v-progress-circular--indeterminate > svg {
23267
- animation: progress-circular-rotate 1.4s linear infinite;
23268
- transform-origin: center center;
23269
- transition: all 0.2s ease-in-out;
23270
- }
23271
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23272
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23273
- stroke-dasharray: 25, 200;
23274
- stroke-dashoffset: 0;
23275
- stroke-linecap: round;
23276
- transform-origin: center center;
23277
- transform: rotate(-90deg);
23278
- }
23279
-
23280
- .v-progress-circular--disable-shrink > svg {
23281
- animation-duration: 0.7s;
23282
- }
23283
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23284
- animation: none;
23285
- }
23286
-
23287
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23288
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23289
- animation-play-state: paused !important;
23290
- }
23291
-
23292
- @keyframes progress-circular-dash {
23293
- 0% {
23294
- stroke-dasharray: 1, 200;
23295
- stroke-dashoffset: 0px;
23296
- }
23297
- 50% {
23298
- stroke-dasharray: 100, 200;
23299
- stroke-dashoffset: -15px;
23300
- }
23301
- 100% {
23302
- stroke-dasharray: 100, 200;
23303
- stroke-dashoffset: -124px;
23304
- }
23305
- }
23306
- @keyframes progress-circular-rotate {
23307
- 100% {
23308
- transform: rotate(270deg);
23309
- }
23310
23310
  }.v-radio-group > .v-input__control {
23311
23311
  flex-direction: column;
23312
23312
  }
@@ -23456,54 +23456,6 @@ html.v-overlay-scroll-blocked {
23456
23456
  flex: 1 0 0px;
23457
23457
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23458
23458
  pointer-events: none;
23459
- }.v-select .v-field .v-text-field__prefix,
23460
- .v-select .v-field .v-text-field__suffix,
23461
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23462
- cursor: pointer;
23463
- }
23464
- .v-select .v-field .v-field__input > input {
23465
- align-self: flex-start;
23466
- opacity: 1;
23467
- flex: 0 0;
23468
- position: absolute;
23469
- width: 100%;
23470
- transition: none;
23471
- pointer-events: none;
23472
- caret-color: transparent;
23473
- }
23474
- .v-select .v-field--dirty .v-select__selection {
23475
- margin-inline-end: 2px;
23476
- }
23477
- .v-select .v-select__selection-text {
23478
- overflow: hidden;
23479
- text-overflow: ellipsis;
23480
- white-space: nowrap;
23481
- }
23482
- .v-select__content {
23483
- overflow: hidden;
23484
- 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));
23485
- border-radius: 4px;
23486
- }
23487
- .v-select__selection {
23488
- display: inline-flex;
23489
- align-items: center;
23490
- letter-spacing: inherit;
23491
- line-height: inherit;
23492
- max-width: 100%;
23493
- }
23494
- .v-select .v-select__selection:first-child {
23495
- margin-inline-start: 0;
23496
- }
23497
- .v-select--selected .v-field .v-field__input > input {
23498
- opacity: 0;
23499
- }
23500
- .v-select__menu-icon {
23501
- margin-inline-start: 4px;
23502
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23503
- }
23504
- .v-select--active-menu .v-select__menu-icon {
23505
- opacity: var(--v-high-emphasis-opacity);
23506
- transform: rotate(180deg);
23507
23459
  }.v-selection-control {
23508
23460
  align-items: center;
23509
23461
  contain: layout;
@@ -23605,14 +23557,54 @@ html.v-overlay-scroll-blocked {
23605
23557
  }
23606
23558
  .v-selection-control--focus-visible .v-selection-control__input::before {
23607
23559
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23608
- }.v-selection-control-group {
23609
- grid-area: control;
23610
- display: flex;
23611
- flex-direction: column;
23560
+ }.v-select .v-field .v-text-field__prefix,
23561
+ .v-select .v-field .v-text-field__suffix,
23562
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23563
+ cursor: pointer;
23612
23564
  }
23613
- .v-selection-control-group--inline {
23614
- flex-direction: row;
23615
- flex-wrap: wrap;
23565
+ .v-select .v-field .v-field__input > input {
23566
+ align-self: flex-start;
23567
+ opacity: 1;
23568
+ flex: 0 0;
23569
+ position: absolute;
23570
+ width: 100%;
23571
+ transition: none;
23572
+ pointer-events: none;
23573
+ caret-color: transparent;
23574
+ }
23575
+ .v-select .v-field--dirty .v-select__selection {
23576
+ margin-inline-end: 2px;
23577
+ }
23578
+ .v-select .v-select__selection-text {
23579
+ overflow: hidden;
23580
+ text-overflow: ellipsis;
23581
+ white-space: nowrap;
23582
+ }
23583
+ .v-select__content {
23584
+ overflow: hidden;
23585
+ 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));
23586
+ border-radius: 4px;
23587
+ }
23588
+ .v-select__selection {
23589
+ display: inline-flex;
23590
+ align-items: center;
23591
+ letter-spacing: inherit;
23592
+ line-height: inherit;
23593
+ max-width: 100%;
23594
+ }
23595
+ .v-select .v-select__selection:first-child {
23596
+ margin-inline-start: 0;
23597
+ }
23598
+ .v-select--selected .v-field .v-field__input > input {
23599
+ opacity: 0;
23600
+ }
23601
+ .v-select__menu-icon {
23602
+ margin-inline-start: 4px;
23603
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23604
+ }
23605
+ .v-select--active-menu .v-select__menu-icon {
23606
+ opacity: var(--v-high-emphasis-opacity);
23607
+ transform: rotate(180deg);
23616
23608
  }.v-sheet {
23617
23609
  display: block;
23618
23610
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23641,6 +23633,14 @@ html.v-overlay-scroll-blocked {
23641
23633
  }
23642
23634
  .v-sheet--rounded {
23643
23635
  border-radius: 4px;
23636
+ }.v-selection-control-group {
23637
+ grid-area: control;
23638
+ display: flex;
23639
+ flex-direction: column;
23640
+ }
23641
+ .v-selection-control-group--inline {
23642
+ flex-direction: row;
23643
+ flex-wrap: wrap;
23644
23644
  }.v-skeleton-loader {
23645
23645
  align-items: center;
23646
23646
  background: rgb(var(--v-theme-surface));
@@ -24057,6 +24057,47 @@ html.v-overlay-scroll-blocked {
24057
24057
  }
24058
24058
  .v-snackbar-transition-leave-to {
24059
24059
  opacity: 0;
24060
+ }.v-speed-dial__content {
24061
+ gap: 8px;
24062
+ }
24063
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24064
+ flex-direction: row;
24065
+ }
24066
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24067
+ flex-direction: row-reverse;
24068
+ }
24069
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24070
+ flex-direction: column-reverse;
24071
+ }
24072
+ .v-speed-dial__content > *:nth-child(1) {
24073
+ transition-delay: 0s;
24074
+ }
24075
+ .v-speed-dial__content > *:nth-child(2) {
24076
+ transition-delay: 0.05s;
24077
+ }
24078
+ .v-speed-dial__content > *:nth-child(3) {
24079
+ transition-delay: 0.1s;
24080
+ }
24081
+ .v-speed-dial__content > *:nth-child(4) {
24082
+ transition-delay: 0.15s;
24083
+ }
24084
+ .v-speed-dial__content > *:nth-child(5) {
24085
+ transition-delay: 0.2s;
24086
+ }
24087
+ .v-speed-dial__content > *:nth-child(6) {
24088
+ transition-delay: 0.25s;
24089
+ }
24090
+ .v-speed-dial__content > *:nth-child(7) {
24091
+ transition-delay: 0.3s;
24092
+ }
24093
+ .v-speed-dial__content > *:nth-child(8) {
24094
+ transition-delay: 0.35s;
24095
+ }
24096
+ .v-speed-dial__content > *:nth-child(9) {
24097
+ transition-delay: 0.4s;
24098
+ }
24099
+ .v-speed-dial__content > *:nth-child(10) {
24100
+ transition-delay: 0.45s;
24060
24101
  }.v-stepper.v-sheet {
24061
24102
  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));
24062
24103
  border-radius: 4px;
@@ -24223,47 +24264,43 @@ html.v-overlay-scroll-blocked {
24223
24264
  width: 100%;
24224
24265
  height: 100%;
24225
24266
  pointer-events: none;
24226
- }.v-speed-dial__content {
24227
- gap: 8px;
24228
- }
24229
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24230
- flex-direction: row;
24231
- }
24232
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24233
- flex-direction: row-reverse;
24234
- }
24235
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24236
- flex-direction: column-reverse;
24237
- }
24238
- .v-speed-dial__content > *:nth-child(1) {
24239
- transition-delay: 0s;
24240
- }
24241
- .v-speed-dial__content > *:nth-child(2) {
24242
- transition-delay: 0.05s;
24243
- }
24244
- .v-speed-dial__content > *:nth-child(3) {
24245
- transition-delay: 0.1s;
24246
- }
24247
- .v-speed-dial__content > *:nth-child(4) {
24248
- transition-delay: 0.15s;
24267
+ }.v-system-bar {
24268
+ align-items: center;
24269
+ display: flex;
24270
+ flex: 1 1 auto;
24271
+ height: 24px;
24272
+ justify-content: flex-end;
24273
+ max-width: 100%;
24274
+ padding-inline: 8px;
24275
+ position: relative;
24276
+ text-align: end;
24277
+ width: 100%;
24278
+ 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));
24279
+ background: rgba(var(--v-theme-surface-light));
24280
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24281
+ font-size: 0.75rem;
24282
+ font-weight: 400;
24283
+ letter-spacing: 0.0333333333em;
24284
+ line-height: 1.667;
24285
+ text-transform: none;
24249
24286
  }
24250
- .v-speed-dial__content > *:nth-child(5) {
24251
- transition-delay: 0.2s;
24287
+ .v-system-bar .v-icon {
24288
+ opacity: var(--v-medium-emphasis-opacity);
24252
24289
  }
24253
- .v-speed-dial__content > *:nth-child(6) {
24254
- transition-delay: 0.25s;
24290
+ .v-system-bar--absolute {
24291
+ position: absolute;
24255
24292
  }
24256
- .v-speed-dial__content > *:nth-child(7) {
24257
- transition-delay: 0.3s;
24293
+ .v-system-bar--fixed {
24294
+ position: fixed;
24258
24295
  }
24259
- .v-speed-dial__content > *:nth-child(8) {
24260
- transition-delay: 0.35s;
24296
+ .v-system-bar--rounded {
24297
+ border-radius: 0;
24261
24298
  }
24262
- .v-speed-dial__content > *:nth-child(9) {
24263
- transition-delay: 0.4s;
24299
+ .v-system-bar--window {
24300
+ height: 32px;
24264
24301
  }
24265
- .v-speed-dial__content > *:nth-child(10) {
24266
- transition-delay: 0.45s;
24302
+ .v-system-bar:not(.v-system-bar--absolute) {
24303
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24267
24304
  }.v-switch .v-label {
24268
24305
  padding-inline-start: 10px;
24269
24306
  }
@@ -24677,43 +24714,6 @@ html.v-overlay-scroll-blocked {
24677
24714
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24678
24715
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24679
24716
  border-top: 0px !important;
24680
- }.v-system-bar {
24681
- align-items: center;
24682
- display: flex;
24683
- flex: 1 1 auto;
24684
- height: 24px;
24685
- justify-content: flex-end;
24686
- max-width: 100%;
24687
- padding-inline: 8px;
24688
- position: relative;
24689
- text-align: end;
24690
- width: 100%;
24691
- 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));
24692
- background: rgba(var(--v-theme-surface-light));
24693
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24694
- font-size: 0.75rem;
24695
- font-weight: 400;
24696
- letter-spacing: 0.0333333333em;
24697
- line-height: 1.667;
24698
- text-transform: none;
24699
- }
24700
- .v-system-bar .v-icon {
24701
- opacity: var(--v-medium-emphasis-opacity);
24702
- }
24703
- .v-system-bar--absolute {
24704
- position: absolute;
24705
- }
24706
- .v-system-bar--fixed {
24707
- position: fixed;
24708
- }
24709
- .v-system-bar--rounded {
24710
- border-radius: 0;
24711
- }
24712
- .v-system-bar--window {
24713
- height: 32px;
24714
- }
24715
- .v-system-bar:not(.v-system-bar--absolute) {
24716
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24717
24717
  }.v-textarea .v-field {
24718
24718
  --v-textarea-control-height: var(--v-input-control-height);
24719
24719
  }
@@ -25469,56 +25469,6 @@ html.v-overlay-scroll-blocked {
25469
25469
  }
25470
25470
  .v-window-y-reverse-transition-leave-to {
25471
25471
  transform: translateY(100%);
25472
- }.v-color-picker-canvas {
25473
- display: flex;
25474
- position: relative;
25475
- overflow: hidden;
25476
- contain: content;
25477
- touch-action: none;
25478
- }
25479
- .v-color-picker-canvas__dot {
25480
- position: absolute;
25481
- top: 0;
25482
- left: 0;
25483
- width: 15px;
25484
- height: 15px;
25485
- background: transparent;
25486
- border-radius: 50%;
25487
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25488
- }
25489
- .v-color-picker-canvas__dot--disabled {
25490
- 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);
25491
- }
25492
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25493
- will-change: transform;
25494
- }.v-color-picker-edit {
25495
- display: flex;
25496
- margin-top: 24px;
25497
- }
25498
-
25499
- .v-color-picker-edit__input {
25500
- width: 100%;
25501
- display: flex;
25502
- flex-wrap: wrap;
25503
- justify-content: center;
25504
- text-align: center;
25505
- }
25506
- .v-color-picker-edit__input:not(:last-child) {
25507
- margin-inline-end: 8px;
25508
- }
25509
- .v-color-picker-edit__input input {
25510
- border-radius: 4px;
25511
- margin-bottom: 8px;
25512
- min-width: 0;
25513
- outline: none;
25514
- text-align: center;
25515
- width: 100%;
25516
- height: 32px;
25517
- background: rgba(var(--v-theme-surface-variant), 0.2);
25518
- color: rgba(var(--v-theme-on-surface));
25519
- }
25520
- .v-color-picker-edit__input span {
25521
- font-size: 0.75rem;
25522
25472
  }.v-color-picker-preview__alpha .v-slider-track__background {
25523
25473
  background-color: transparent !important;
25524
25474
  }
@@ -25624,6 +25574,56 @@ html.v-overlay-scroll-blocked {
25624
25574
  justify-content: center;
25625
25575
  width: 100%;
25626
25576
  height: 100%;
25577
+ }.v-color-picker-canvas {
25578
+ display: flex;
25579
+ position: relative;
25580
+ overflow: hidden;
25581
+ contain: content;
25582
+ touch-action: none;
25583
+ }
25584
+ .v-color-picker-canvas__dot {
25585
+ position: absolute;
25586
+ top: 0;
25587
+ left: 0;
25588
+ width: 15px;
25589
+ height: 15px;
25590
+ background: transparent;
25591
+ border-radius: 50%;
25592
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25593
+ }
25594
+ .v-color-picker-canvas__dot--disabled {
25595
+ 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);
25596
+ }
25597
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25598
+ will-change: transform;
25599
+ }.v-color-picker-edit {
25600
+ display: flex;
25601
+ margin-top: 24px;
25602
+ }
25603
+
25604
+ .v-color-picker-edit__input {
25605
+ width: 100%;
25606
+ display: flex;
25607
+ flex-wrap: wrap;
25608
+ justify-content: center;
25609
+ text-align: center;
25610
+ }
25611
+ .v-color-picker-edit__input:not(:last-child) {
25612
+ margin-inline-end: 8px;
25613
+ }
25614
+ .v-color-picker-edit__input input {
25615
+ border-radius: 4px;
25616
+ margin-bottom: 8px;
25617
+ min-width: 0;
25618
+ outline: none;
25619
+ text-align: center;
25620
+ width: 100%;
25621
+ height: 32px;
25622
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25623
+ color: rgba(var(--v-theme-on-surface));
25624
+ }
25625
+ .v-color-picker-edit__input span {
25626
+ font-size: 0.75rem;
25627
25627
  }.v-picker.v-sheet {
25628
25628
  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));
25629
25629
  border-radius: 4px;