@vuetify/nightly 3.7.3-master.2024-10-25 → 3.7.3-master.2024-10-27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.3-master.2024-10-25
2
+ * Vuetify v3.7.3-master.2024-10-27
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17990,22 +17990,6 @@ html.overflow-y-hidden {
17990
17990
  }
17991
17991
  .v-app-bar:not(.v-toolbar--absolute) {
17992
17992
  padding-inline-end: var(--v-scrollbar-offset);
17993
- }.v-application {
17994
- display: flex;
17995
- background: rgb(var(--v-theme-background));
17996
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17997
- }
17998
-
17999
- .v-application__wrap {
18000
- -webkit-backface-visibility: hidden;
18001
- backface-visibility: hidden;
18002
- display: flex;
18003
- flex-direction: column;
18004
- flex: 1 1 auto;
18005
- max-width: 100%;
18006
- min-height: 100vh;
18007
- min-height: 100dvh;
18008
- position: relative;
18009
17993
  }.v-alert {
18010
17994
  display: grid;
18011
17995
  flex: 1 1;
@@ -18222,6 +18206,22 @@ html.overflow-y-hidden {
18222
18206
  text-transform: none;
18223
18207
  word-break: normal;
18224
18208
  word-wrap: break-word;
18209
+ }.v-application {
18210
+ display: flex;
18211
+ background: rgb(var(--v-theme-background));
18212
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18213
+ }
18214
+
18215
+ .v-application__wrap {
18216
+ -webkit-backface-visibility: hidden;
18217
+ backface-visibility: hidden;
18218
+ display: flex;
18219
+ flex-direction: column;
18220
+ flex: 1 1 auto;
18221
+ max-width: 100%;
18222
+ min-height: 100vh;
18223
+ min-height: 100dvh;
18224
+ position: relative;
18225
18225
  }.v-autocomplete .v-field .v-text-field__prefix,
18226
18226
  .v-autocomplete .v-field .v-text-field__suffix,
18227
18227
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18307,79 +18307,6 @@ html.overflow-y-hidden {
18307
18307
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18308
18308
  opacity: var(--v-high-emphasis-opacity);
18309
18309
  transform: rotate(180deg);
18310
- }.v-badge {
18311
- display: inline-block;
18312
- line-height: 1;
18313
- }
18314
-
18315
- .v-badge__badge {
18316
- align-items: center;
18317
- display: inline-flex;
18318
- border-radius: 10px;
18319
- font-size: 0.75rem;
18320
- font-weight: 500;
18321
- height: 1.25rem;
18322
- justify-content: center;
18323
- min-width: 20px;
18324
- padding: 4px 6px;
18325
- pointer-events: auto;
18326
- position: absolute;
18327
- text-align: center;
18328
- text-indent: 0;
18329
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18330
- white-space: nowrap;
18331
- }
18332
- .v-badge__badge {
18333
- background: rgb(var(--v-theme-surface-variant));
18334
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18335
- }
18336
- .v-badge--bordered .v-badge__badge::after {
18337
- border-radius: inherit;
18338
- border-style: solid;
18339
- border-width: 2px;
18340
- bottom: 0;
18341
- color: rgb(var(--v-theme-background));
18342
- content: "";
18343
- left: 0;
18344
- position: absolute;
18345
- right: 0;
18346
- top: 0;
18347
- transform: scale(1.05);
18348
- }
18349
- .v-badge--dot .v-badge__badge {
18350
- border-radius: 4.5px;
18351
- height: 9px;
18352
- min-width: 0;
18353
- padding: 0;
18354
- width: 9px;
18355
- }
18356
- .v-badge--dot .v-badge__badge::after {
18357
- border-width: 1.5px;
18358
- }
18359
- .v-badge--inline .v-badge__badge {
18360
- position: relative;
18361
- vertical-align: middle;
18362
- }
18363
- .v-badge__badge .v-icon {
18364
- color: inherit;
18365
- font-size: 0.75rem;
18366
- margin: 0 -2px;
18367
- }
18368
- .v-badge__badge img,
18369
- .v-badge__badge .v-img {
18370
- height: 100%;
18371
- width: 100%;
18372
- }
18373
-
18374
- .v-badge__wrapper {
18375
- display: flex;
18376
- position: relative;
18377
- }
18378
- .v-badge--inline .v-badge__wrapper {
18379
- align-items: center;
18380
- display: inline-flex;
18381
- justify-content: center;
18382
- margin: 0 4px;
18383
18310
  }.v-avatar {
18384
18311
  flex: none;
18385
18312
  align-items: center;
@@ -18652,6 +18579,69 @@ html.overflow-y-hidden {
18652
18579
  }
18653
18580
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18654
18581
  align-self: flex-start;
18582
+ }.v-bottom-navigation {
18583
+ display: flex;
18584
+ max-width: 100%;
18585
+ overflow: hidden;
18586
+ position: absolute;
18587
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18588
+ }
18589
+ .v-bottom-navigation {
18590
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18591
+ border-style: solid;
18592
+ border-width: 0;
18593
+ }
18594
+ .v-bottom-navigation--border {
18595
+ border-width: thin;
18596
+ box-shadow: none;
18597
+ }
18598
+ .v-bottom-navigation {
18599
+ border-radius: 0;
18600
+ }
18601
+ .v-bottom-navigation {
18602
+ background: rgb(var(--v-theme-surface));
18603
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18604
+ }
18605
+ .v-bottom-navigation--active {
18606
+ 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));
18607
+ }
18608
+
18609
+ .v-bottom-navigation__content {
18610
+ display: flex;
18611
+ flex: none;
18612
+ font-size: 0.75rem;
18613
+ justify-content: center;
18614
+ transition: inherit;
18615
+ width: 100%;
18616
+ }
18617
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18618
+ font-size: inherit;
18619
+ height: 100%;
18620
+ max-width: 168px;
18621
+ min-width: 80px;
18622
+ text-transform: none;
18623
+ transition: inherit;
18624
+ width: auto;
18625
+ }
18626
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18627
+ border-radius: 0;
18628
+ }
18629
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18630
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18631
+ transition: inherit;
18632
+ }
18633
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18634
+ font-size: 1.5rem;
18635
+ }
18636
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18637
+ flex-grow: 1;
18638
+ }
18639
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18640
+ transition: inherit;
18641
+ opacity: 0;
18642
+ }
18643
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18644
+ transform: translateY(0.5rem);
18655
18645
  }.bottom-sheet-transition-enter-from {
18656
18646
  transform: translateY(100%);
18657
18647
  }
@@ -18743,69 +18733,6 @@ html.overflow-y-hidden {
18743
18733
  display: inline-block;
18744
18734
  padding: 0 8px;
18745
18735
  vertical-align: middle;
18746
- }.v-bottom-navigation {
18747
- display: flex;
18748
- max-width: 100%;
18749
- overflow: hidden;
18750
- position: absolute;
18751
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18752
- }
18753
- .v-bottom-navigation {
18754
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18755
- border-style: solid;
18756
- border-width: 0;
18757
- }
18758
- .v-bottom-navigation--border {
18759
- border-width: thin;
18760
- box-shadow: none;
18761
- }
18762
- .v-bottom-navigation {
18763
- border-radius: 0;
18764
- }
18765
- .v-bottom-navigation {
18766
- background: rgb(var(--v-theme-surface));
18767
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18768
- }
18769
- .v-bottom-navigation--active {
18770
- 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));
18771
- }
18772
-
18773
- .v-bottom-navigation__content {
18774
- display: flex;
18775
- flex: none;
18776
- font-size: 0.75rem;
18777
- justify-content: center;
18778
- transition: inherit;
18779
- width: 100%;
18780
- }
18781
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18782
- font-size: inherit;
18783
- height: 100%;
18784
- max-width: 168px;
18785
- min-width: 80px;
18786
- text-transform: none;
18787
- transition: inherit;
18788
- width: auto;
18789
- }
18790
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18791
- border-radius: 0;
18792
- }
18793
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18794
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18795
- transition: inherit;
18796
- }
18797
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18798
- font-size: 1.5rem;
18799
- }
18800
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18801
- flex-grow: 1;
18802
- }
18803
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18804
- transition: inherit;
18805
- opacity: 0;
18806
- }
18807
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18808
- transform: translateY(0.5rem);
18809
18736
  }.v-btn {
18810
18737
  align-items: center;
18811
18738
  border-radius: 4px;
@@ -19230,19 +19157,6 @@ html.overflow-y-hidden {
19230
19157
  }
19231
19158
  .v-pagination__item--is-active .v-btn__overlay {
19232
19159
  opacity: var(--v-border-opacity);
19233
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19234
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19235
- }
19236
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19237
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19238
- }
19239
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19240
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19241
- }
19242
- @supports not selector(:focus-visible) {
19243
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19244
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19245
- }
19246
19160
  }.v-btn-group {
19247
19161
  display: inline-flex;
19248
19162
  flex-wrap: nowrap;
@@ -19307,18 +19221,31 @@ html.overflow-y-hidden {
19307
19221
  }
19308
19222
  .v-btn-group--tile {
19309
19223
  border-radius: 0;
19310
- }.v-card {
19311
- display: block;
19312
- overflow: hidden;
19313
- overflow-wrap: break-word;
19314
- position: relative;
19315
- padding: 0;
19316
- text-decoration: none;
19317
- transition-duration: 0.28s;
19318
- transition-property: box-shadow, opacity, background;
19319
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19320
- z-index: 0;
19321
- }
19224
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19225
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19226
+ }
19227
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19228
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19229
+ }
19230
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19231
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19232
+ }
19233
+ @supports not selector(:focus-visible) {
19234
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19235
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19236
+ }
19237
+ }.v-card {
19238
+ display: block;
19239
+ overflow: hidden;
19240
+ overflow-wrap: break-word;
19241
+ position: relative;
19242
+ padding: 0;
19243
+ text-decoration: none;
19244
+ transition-duration: 0.28s;
19245
+ transition-property: box-shadow, opacity, background;
19246
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19247
+ z-index: 0;
19248
+ }
19322
19249
  .v-card {
19323
19250
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19324
19251
  border-style: solid;
@@ -19615,11 +19542,6 @@ html.overflow-y-hidden {
19615
19542
  pointer-events: none;
19616
19543
  opacity: 0;
19617
19544
  transition: opacity 0.2s ease-in-out;
19618
- }.v-checkbox.v-input {
19619
- flex: 0 1 auto;
19620
- }
19621
- .v-checkbox .v-selection-control {
19622
- min-height: var(--v-input-control-height);
19623
19545
  }.v-carousel {
19624
19546
  overflow: hidden;
19625
19547
  position: relative;
@@ -19685,24 +19607,79 @@ html.overflow-y-hidden {
19685
19607
  flex-direction: column;
19686
19608
  height: 100% !important;
19687
19609
  width: 50px;
19688
- }.v-chip-group {
19689
- display: flex;
19690
- max-width: 100%;
19610
+ }.v-badge {
19611
+ display: inline-block;
19612
+ line-height: 1;
19613
+ }
19614
+
19615
+ .v-badge__badge {
19616
+ align-items: center;
19617
+ display: inline-flex;
19618
+ border-radius: 10px;
19619
+ font-size: 0.75rem;
19620
+ font-weight: 500;
19621
+ height: 1.25rem;
19622
+ justify-content: center;
19623
+ min-width: 20px;
19624
+ padding: 4px 6px;
19625
+ pointer-events: auto;
19626
+ position: absolute;
19627
+ text-align: center;
19628
+ text-indent: 0;
19629
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
19630
+ white-space: nowrap;
19631
+ }
19632
+ .v-badge__badge {
19633
+ background: rgb(var(--v-theme-surface-variant));
19634
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
19635
+ }
19636
+ .v-badge--bordered .v-badge__badge::after {
19637
+ border-radius: inherit;
19638
+ border-style: solid;
19639
+ border-width: 2px;
19640
+ bottom: 0;
19641
+ color: rgb(var(--v-theme-background));
19642
+ content: "";
19643
+ left: 0;
19644
+ position: absolute;
19645
+ right: 0;
19646
+ top: 0;
19647
+ transform: scale(1.05);
19648
+ }
19649
+ .v-badge--dot .v-badge__badge {
19650
+ border-radius: 4.5px;
19651
+ height: 9px;
19691
19652
  min-width: 0;
19692
- overflow-x: auto;
19693
- padding: 4px 0;
19653
+ padding: 0;
19654
+ width: 9px;
19694
19655
  }
19695
- .v-chip-group .v-chip {
19696
- margin: 4px 8px 4px 0;
19656
+ .v-badge--dot .v-badge__badge::after {
19657
+ border-width: 1.5px;
19697
19658
  }
19698
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19699
- opacity: var(--v-activated-opacity);
19659
+ .v-badge--inline .v-badge__badge {
19660
+ position: relative;
19661
+ vertical-align: middle;
19662
+ }
19663
+ .v-badge__badge .v-icon {
19664
+ color: inherit;
19665
+ font-size: 0.75rem;
19666
+ margin: 0 -2px;
19667
+ }
19668
+ .v-badge__badge img,
19669
+ .v-badge__badge .v-img {
19670
+ height: 100%;
19671
+ width: 100%;
19700
19672
  }
19701
19673
 
19702
- .v-chip-group--column .v-slide-group__content {
19703
- white-space: normal;
19704
- flex-wrap: wrap;
19705
- max-width: 100%;
19674
+ .v-badge__wrapper {
19675
+ display: flex;
19676
+ position: relative;
19677
+ }
19678
+ .v-badge--inline .v-badge__wrapper {
19679
+ align-items: center;
19680
+ display: inline-flex;
19681
+ justify-content: center;
19682
+ margin: 0 4px;
19706
19683
  }.v-chip {
19707
19684
  align-items: center;
19708
19685
  display: inline-flex;
@@ -20121,28 +20098,29 @@ html.overflow-y-hidden {
20121
20098
 
20122
20099
  .v-chip--label {
20123
20100
  border-radius: 4px;
20124
- }.v-color-picker {
20125
- align-self: flex-start;
20126
- contain: content;
20127
- }
20128
- .v-color-picker.v-sheet {
20129
- 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));
20101
+ }.v-chip-group {
20102
+ display: flex;
20103
+ max-width: 100%;
20104
+ min-width: 0;
20105
+ overflow-x: auto;
20106
+ padding: 4px 0;
20130
20107
  }
20131
- .v-color-picker.v-sheet {
20132
- border-radius: 4px;
20108
+ .v-chip-group .v-chip {
20109
+ margin: 4px 8px 4px 0;
20133
20110
  }
20134
-
20135
- .v-color-picker__controls {
20136
- display: flex;
20137
- flex-direction: column;
20138
- padding: 16px;
20111
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20112
+ opacity: var(--v-activated-opacity);
20139
20113
  }
20140
20114
 
20141
- .v-color-picker--flat {
20142
- 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));
20115
+ .v-chip-group--column .v-slide-group__content {
20116
+ white-space: normal;
20117
+ flex-wrap: wrap;
20118
+ max-width: 100%;
20119
+ }.v-checkbox.v-input {
20120
+ flex: 0 1 auto;
20143
20121
  }
20144
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20145
- 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));
20122
+ .v-checkbox .v-selection-control {
20123
+ min-height: var(--v-input-control-height);
20146
20124
  }.v-combobox .v-field .v-text-field__prefix,
20147
20125
  .v-combobox .v-field .v-text-field__suffix,
20148
20126
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20228,6 +20206,28 @@ html.overflow-y-hidden {
20228
20206
  .v-combobox--active-menu .v-combobox__menu-icon {
20229
20207
  opacity: var(--v-high-emphasis-opacity);
20230
20208
  transform: rotate(180deg);
20209
+ }.v-color-picker {
20210
+ align-self: flex-start;
20211
+ contain: content;
20212
+ }
20213
+ .v-color-picker.v-sheet {
20214
+ 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));
20215
+ }
20216
+ .v-color-picker.v-sheet {
20217
+ border-radius: 4px;
20218
+ }
20219
+
20220
+ .v-color-picker__controls {
20221
+ display: flex;
20222
+ flex-direction: column;
20223
+ padding: 16px;
20224
+ }
20225
+
20226
+ .v-color-picker--flat {
20227
+ 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));
20228
+ }
20229
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20230
+ 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));
20231
20231
  }.v-counter {
20232
20232
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
20233
  flex: 0 1 auto;
@@ -20451,6 +20451,12 @@ html.overflow-y-hidden {
20451
20451
  }
20452
20452
  .v-data-table-footer__page {
20453
20453
  padding: 0 8px;
20454
+ }.v-date-picker {
20455
+ overflow: hidden;
20456
+ width: 328px;
20457
+ }
20458
+ .v-date-picker--show-week {
20459
+ width: 368px;
20454
20460
  }.v-date-picker-controls {
20455
20461
  display: flex;
20456
20462
  align-items: center;
@@ -20507,12 +20513,6 @@ html.overflow-y-hidden {
20507
20513
 
20508
20514
  .v-date-picker__title {
20509
20515
  display: inline-block;
20510
- }.v-date-picker {
20511
- overflow: hidden;
20512
- width: 328px;
20513
- }
20514
- .v-date-picker--show-week {
20515
- width: 368px;
20516
20516
  }.v-date-picker-header {
20517
20517
  align-items: flex-end;
20518
20518
  height: 70px;
@@ -20628,6 +20628,21 @@ html.overflow-y-hidden {
20628
20628
 
20629
20629
  .v-date-picker-month__day--hide-adjacent {
20630
20630
  opacity: 0;
20631
+ }.v-date-picker-years {
20632
+ height: 288px;
20633
+ overflow-y: scroll;
20634
+ }
20635
+
20636
+ .v-date-picker-years__content {
20637
+ display: grid;
20638
+ flex: 1 1;
20639
+ justify-content: space-around;
20640
+ grid-template-columns: repeat(3, 1fr);
20641
+ gap: 8px 24px;
20642
+ padding-inline: 32px;
20643
+ }
20644
+ .v-date-picker-years__content .v-btn {
20645
+ padding-inline: 8px;
20631
20646
  }.v-date-picker-months {
20632
20647
  height: 288px;
20633
20648
  }
@@ -20647,21 +20662,58 @@ html.overflow-y-hidden {
20647
20662
  text-transform: none;
20648
20663
  padding-inline-start: 8px;
20649
20664
  padding-inline-end: 8px;
20650
- }.v-date-picker-years {
20651
- height: 288px;
20652
- overflow-y: scroll;
20665
+ }.v-divider {
20666
+ display: block;
20667
+ flex: 1 1 100%;
20668
+ height: 0px;
20669
+ max-height: 0px;
20670
+ opacity: var(--v-border-opacity);
20671
+ transition: inherit;
20672
+ }
20673
+ .v-divider {
20674
+ border-style: solid;
20675
+ border-width: thin 0 0 0;
20676
+ }
20677
+ .v-divider--vertical {
20678
+ align-self: stretch;
20679
+ border-width: 0 thin 0 0;
20680
+ display: inline-flex;
20681
+ height: auto;
20682
+ margin-left: -1px;
20683
+ max-height: 100%;
20684
+ max-width: 0px;
20685
+ vertical-align: text-bottom;
20686
+ width: 0px;
20687
+ }
20688
+ .v-divider--inset:not(.v-divider--vertical) {
20689
+ max-width: calc(100% - 72px);
20690
+ margin-inline-start: 72px;
20691
+ }
20692
+ .v-divider--inset.v-divider--vertical {
20693
+ margin-bottom: 8px;
20694
+ margin-top: 8px;
20695
+ max-height: calc(100% - 16px);
20653
20696
  }
20654
20697
 
20655
- .v-date-picker-years__content {
20656
- display: grid;
20657
- flex: 1 1;
20658
- justify-content: space-around;
20659
- grid-template-columns: repeat(3, 1fr);
20660
- gap: 8px 24px;
20661
- padding-inline: 32px;
20698
+ .v-divider__content {
20699
+ padding: 0 16px;
20700
+ text-wrap: nowrap;
20662
20701
  }
20663
- .v-date-picker-years__content .v-btn {
20664
- padding-inline: 8px;
20702
+ .v-divider__wrapper--vertical .v-divider__content {
20703
+ padding: 4px 0;
20704
+ }
20705
+
20706
+ .v-divider__wrapper {
20707
+ display: flex;
20708
+ align-items: center;
20709
+ justify-content: center;
20710
+ }
20711
+ .v-divider__wrapper--vertical {
20712
+ flex-direction: column;
20713
+ height: 100%;
20714
+ }
20715
+ .v-divider__wrapper--vertical .v-divider {
20716
+ margin: 0 auto;
20665
20717
  }.v-dialog {
20666
20718
  align-items: center;
20667
20719
  justify-content: center;
@@ -20762,58 +20814,6 @@ html.overflow-y-hidden {
20762
20814
  -webkit-backface-visibility: hidden;
20763
20815
  backface-visibility: hidden;
20764
20816
  overflow-y: auto;
20765
- }.v-divider {
20766
- display: block;
20767
- flex: 1 1 100%;
20768
- height: 0px;
20769
- max-height: 0px;
20770
- opacity: var(--v-border-opacity);
20771
- transition: inherit;
20772
- }
20773
- .v-divider {
20774
- border-style: solid;
20775
- border-width: thin 0 0 0;
20776
- }
20777
- .v-divider--vertical {
20778
- align-self: stretch;
20779
- border-width: 0 thin 0 0;
20780
- display: inline-flex;
20781
- height: auto;
20782
- margin-left: -1px;
20783
- max-height: 100%;
20784
- max-width: 0px;
20785
- vertical-align: text-bottom;
20786
- width: 0px;
20787
- }
20788
- .v-divider--inset:not(.v-divider--vertical) {
20789
- max-width: calc(100% - 72px);
20790
- margin-inline-start: 72px;
20791
- }
20792
- .v-divider--inset.v-divider--vertical {
20793
- margin-bottom: 8px;
20794
- margin-top: 8px;
20795
- max-height: calc(100% - 16px);
20796
- }
20797
-
20798
- .v-divider__content {
20799
- padding: 0 16px;
20800
- text-wrap: nowrap;
20801
- }
20802
- .v-divider__wrapper--vertical .v-divider__content {
20803
- padding: 4px 0;
20804
- }
20805
-
20806
- .v-divider__wrapper {
20807
- display: flex;
20808
- align-items: center;
20809
- justify-content: center;
20810
- }
20811
- .v-divider__wrapper--vertical {
20812
- flex-direction: column;
20813
- height: 100%;
20814
- }
20815
- .v-divider__wrapper--vertical .v-divider {
20816
- margin: 0 auto;
20817
20817
  }.v-empty-state {
20818
20818
  align-items: center;
20819
20819
  display: flex;
@@ -20881,75 +20881,6 @@ html.overflow-y-hidden {
20881
20881
  .v-empty-state__action-btn.v-btn {
20882
20882
  background-color: initial;
20883
20883
  color: initial;
20884
- }.v-fab {
20885
- align-items: center;
20886
- display: inline-flex;
20887
- flex: 1 1 auto;
20888
- pointer-events: none;
20889
- position: relative;
20890
- transition-duration: 0.2s;
20891
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20892
- vertical-align: middle;
20893
- }
20894
- .v-fab .v-btn {
20895
- pointer-events: auto;
20896
- }
20897
- .v-fab .v-btn--variant-elevated {
20898
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20899
- }
20900
- .v-fab--app, .v-fab--absolute {
20901
- display: flex;
20902
- }
20903
- .v-fab--start, .v-fab--left {
20904
- justify-content: flex-start;
20905
- }
20906
- .v-fab--center {
20907
- align-items: center;
20908
- justify-content: center;
20909
- }
20910
- .v-fab--end, .v-fab--right {
20911
- justify-content: flex-end;
20912
- }
20913
- .v-fab--bottom {
20914
- align-items: flex-end;
20915
- }
20916
- .v-fab--top {
20917
- align-items: flex-start;
20918
- }
20919
- .v-fab--extended .v-btn {
20920
- border-radius: 9999px !important;
20921
- }
20922
-
20923
- .v-fab__container {
20924
- align-self: center;
20925
- display: inline-flex;
20926
- position: absolute;
20927
- vertical-align: middle;
20928
- }
20929
- .v-fab--app .v-fab__container {
20930
- margin: 12px;
20931
- }
20932
- .v-fab--absolute .v-fab__container {
20933
- position: absolute;
20934
- z-index: 4;
20935
- }
20936
- .v-fab--offset.v-fab--top .v-fab__container {
20937
- transform: translateY(-50%);
20938
- }
20939
- .v-fab--offset.v-fab--bottom .v-fab__container {
20940
- transform: translateY(50%);
20941
- }
20942
- .v-fab--top .v-fab__container {
20943
- top: 0;
20944
- }
20945
- .v-fab--bottom .v-fab__container {
20946
- bottom: 0;
20947
- }
20948
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20949
- left: 0;
20950
- }
20951
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20952
- right: 0;
20953
20884
  }.v-expansion-panel {
20954
20885
  background-color: rgb(var(--v-theme-surface));
20955
20886
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21166,6 +21097,75 @@ html.overflow-y-hidden {
21166
21097
  }
21167
21098
  .v-expansion-panels--tile > .v-expansion-panel {
21168
21099
  border-radius: 0;
21100
+ }.v-fab {
21101
+ align-items: center;
21102
+ display: inline-flex;
21103
+ flex: 1 1 auto;
21104
+ pointer-events: none;
21105
+ position: relative;
21106
+ transition-duration: 0.2s;
21107
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21108
+ vertical-align: middle;
21109
+ }
21110
+ .v-fab .v-btn {
21111
+ pointer-events: auto;
21112
+ }
21113
+ .v-fab .v-btn--variant-elevated {
21114
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21115
+ }
21116
+ .v-fab--app, .v-fab--absolute {
21117
+ display: flex;
21118
+ }
21119
+ .v-fab--start, .v-fab--left {
21120
+ justify-content: flex-start;
21121
+ }
21122
+ .v-fab--center {
21123
+ align-items: center;
21124
+ justify-content: center;
21125
+ }
21126
+ .v-fab--end, .v-fab--right {
21127
+ justify-content: flex-end;
21128
+ }
21129
+ .v-fab--bottom {
21130
+ align-items: flex-end;
21131
+ }
21132
+ .v-fab--top {
21133
+ align-items: flex-start;
21134
+ }
21135
+ .v-fab--extended .v-btn {
21136
+ border-radius: 9999px !important;
21137
+ }
21138
+
21139
+ .v-fab__container {
21140
+ align-self: center;
21141
+ display: inline-flex;
21142
+ position: absolute;
21143
+ vertical-align: middle;
21144
+ }
21145
+ .v-fab--app .v-fab__container {
21146
+ margin: 12px;
21147
+ }
21148
+ .v-fab--absolute .v-fab__container {
21149
+ position: absolute;
21150
+ z-index: 4;
21151
+ }
21152
+ .v-fab--offset.v-fab--top .v-fab__container {
21153
+ transform: translateY(-50%);
21154
+ }
21155
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21156
+ transform: translateY(50%);
21157
+ }
21158
+ .v-fab--top .v-fab__container {
21159
+ top: 0;
21160
+ }
21161
+ .v-fab--bottom .v-fab__container {
21162
+ bottom: 0;
21163
+ }
21164
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21165
+ left: 0;
21166
+ }
21167
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21168
+ right: 0;
21169
21169
  }/* region INPUT */
21170
21170
  .v-field {
21171
21171
  display: grid;
@@ -21778,6 +21778,42 @@ textarea.v-field__input::placeholder {
21778
21778
  }
21779
21779
  .v-input--plain-underlined.v-file-input .v-input__details {
21780
21780
  padding-inline: 0;
21781
+ }.v-footer {
21782
+ align-items: center;
21783
+ display: flex;
21784
+ flex: 1 1 auto;
21785
+ padding: 8px 16px;
21786
+ position: relative;
21787
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21788
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21789
+ }
21790
+ .v-footer {
21791
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21792
+ border-style: solid;
21793
+ border-width: 0;
21794
+ }
21795
+ .v-footer--border {
21796
+ border-width: thin;
21797
+ box-shadow: none;
21798
+ }
21799
+ .v-footer {
21800
+ 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));
21801
+ }
21802
+ .v-footer--absolute {
21803
+ position: absolute;
21804
+ }
21805
+ .v-footer--fixed {
21806
+ position: fixed;
21807
+ }
21808
+ .v-footer {
21809
+ border-radius: 0;
21810
+ }
21811
+ .v-footer {
21812
+ background: rgb(var(--v-theme-surface));
21813
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21814
+ }
21815
+ .v-footer--rounded {
21816
+ border-radius: 4px;
21781
21817
  }.v-container {
21782
21818
  width: 100%;
21783
21819
  padding: 16px;
@@ -22450,71 +22486,18 @@ textarea.v-field__input::placeholder {
22450
22486
  .offset-xxl-11 {
22451
22487
  margin-inline-start: 91.6666666667%;
22452
22488
  }
22453
- }.v-icon {
22454
- --v-icon-size-multiplier: 1;
22455
- align-items: center;
22456
- display: inline-flex;
22457
- font-feature-settings: "liga";
22458
- height: 1em;
22459
- justify-content: center;
22460
- letter-spacing: normal;
22461
- line-height: 1;
22462
- position: relative;
22463
- text-indent: 0;
22464
- text-align: center;
22465
- -webkit-user-select: none;
22466
- user-select: none;
22467
- vertical-align: middle;
22468
- width: 1em;
22469
- min-width: 1em;
22489
+ }.v-img {
22490
+ --v-theme-overlay-multiplier: 3;
22491
+ z-index: 0;
22470
22492
  }
22471
- .v-icon--clickable {
22472
- cursor: pointer;
22473
- }
22474
- .v-icon--disabled {
22475
- pointer-events: none;
22476
- opacity: 0.38;
22477
- }
22478
- .v-icon--size-x-small {
22479
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
22480
- }
22481
- .v-icon--size-small {
22482
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22483
- }
22484
- .v-icon--size-default {
22485
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22486
- }
22487
- .v-icon--size-large {
22488
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22489
- }
22490
- .v-icon--size-x-large {
22491
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
22492
- }
22493
-
22494
- .v-icon__svg {
22495
- fill: currentColor;
22496
- width: 100%;
22497
- height: 100%;
22498
- }
22499
-
22500
- .v-icon--start {
22501
- margin-inline-end: 8px;
22502
- }
22503
-
22504
- .v-icon--end {
22505
- margin-inline-start: 8px;
22506
- }.v-img {
22507
- --v-theme-overlay-multiplier: 3;
22508
- z-index: 0;
22509
- }
22510
- .v-img.v-img--absolute {
22511
- height: 100%;
22512
- left: 0;
22513
- overflow: hidden;
22514
- position: absolute;
22515
- top: 0;
22516
- width: 100%;
22517
- z-index: -1;
22493
+ .v-img.v-img--absolute {
22494
+ height: 100%;
22495
+ left: 0;
22496
+ overflow: hidden;
22497
+ position: absolute;
22498
+ top: 0;
22499
+ width: 100%;
22500
+ z-index: -1;
22518
22501
  }
22519
22502
  .v-img--booting .v-responsive__sizer {
22520
22503
  transition: none;
@@ -22554,6 +22537,59 @@ textarea.v-field__input::placeholder {
22554
22537
 
22555
22538
  .v-img__gradient {
22556
22539
  background-repeat: no-repeat;
22540
+ }.v-icon {
22541
+ --v-icon-size-multiplier: 1;
22542
+ align-items: center;
22543
+ display: inline-flex;
22544
+ font-feature-settings: "liga";
22545
+ height: 1em;
22546
+ justify-content: center;
22547
+ letter-spacing: normal;
22548
+ line-height: 1;
22549
+ position: relative;
22550
+ text-indent: 0;
22551
+ text-align: center;
22552
+ -webkit-user-select: none;
22553
+ user-select: none;
22554
+ vertical-align: middle;
22555
+ width: 1em;
22556
+ min-width: 1em;
22557
+ }
22558
+ .v-icon--clickable {
22559
+ cursor: pointer;
22560
+ }
22561
+ .v-icon--disabled {
22562
+ pointer-events: none;
22563
+ opacity: 0.38;
22564
+ }
22565
+ .v-icon--size-x-small {
22566
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
22567
+ }
22568
+ .v-icon--size-small {
22569
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22570
+ }
22571
+ .v-icon--size-default {
22572
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22573
+ }
22574
+ .v-icon--size-large {
22575
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22576
+ }
22577
+ .v-icon--size-x-large {
22578
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
22579
+ }
22580
+
22581
+ .v-icon__svg {
22582
+ fill: currentColor;
22583
+ width: 100%;
22584
+ height: 100%;
22585
+ }
22586
+
22587
+ .v-icon--start {
22588
+ margin-inline-end: 8px;
22589
+ }
22590
+
22591
+ .v-icon--end {
22592
+ margin-inline-start: 8px;
22557
22593
  }.v-infinite-scroll--horizontal {
22558
22594
  display: flex;
22559
22595
  flex-direction: row;
@@ -22591,6 +22627,11 @@ textarea.v-field__input::placeholder {
22591
22627
  display: flex;
22592
22628
  justify-content: center;
22593
22629
  padding: 8px;
22630
+ }.v-item-group {
22631
+ flex: 0 1 auto;
22632
+ max-width: 100%;
22633
+ position: relative;
22634
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22594
22635
  }.v-input {
22595
22636
  display: grid;
22596
22637
  flex: 1 1 auto;
@@ -22733,11 +22774,6 @@ textarea.v-field__input::placeholder {
22733
22774
 
22734
22775
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22735
22776
  padding-top: calc(var(--v-input-padding-top) + 0px);
22736
- }.v-item-group {
22737
- flex: 0 1 auto;
22738
- max-width: 100%;
22739
- position: relative;
22740
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22741
22777
  }.v-label {
22742
22778
  align-items: center;
22743
22779
  color: inherit;
@@ -22753,13 +22789,6 @@ textarea.v-field__input::placeholder {
22753
22789
 
22754
22790
  .v-label--clickable {
22755
22791
  cursor: pointer;
22756
- }.v-layout-item {
22757
- position: absolute;
22758
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22759
- }
22760
-
22761
- .v-layout-item--absolute {
22762
- position: absolute;
22763
22792
  }.v-layout {
22764
22793
  --v-scrollbar-offset: 0px;
22765
22794
  display: flex;
@@ -22768,6 +22797,13 @@ textarea.v-field__input::placeholder {
22768
22797
  .v-layout--full-height {
22769
22798
  --v-scrollbar-offset: inherit;
22770
22799
  height: 100%;
22800
+ }.v-layout-item {
22801
+ position: absolute;
22802
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22803
+ }
22804
+
22805
+ .v-layout-item--absolute {
22806
+ position: absolute;
22771
22807
  }.v-list {
22772
22808
  overflow: auto;
22773
22809
  padding: 8px 0;
@@ -23373,6 +23409,8 @@ textarea.v-field__input::placeholder {
23373
23409
  --v-layout-right: 0px;
23374
23410
  --v-layout-top: 0px;
23375
23411
  --v-layout-bottom: 0px;
23412
+ }.v-locale-provider {
23413
+ display: contents;
23376
23414
  }.v-menu > .v-overlay__content {
23377
23415
  display: flex;
23378
23416
  flex-direction: column;
@@ -23392,8 +23430,6 @@ textarea.v-field__input::placeholder {
23392
23430
  .v-menu > .v-overlay__content > .v-sheet,
23393
23431
  .v-menu > .v-overlay__content > .v-list {
23394
23432
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23395
- }.v-locale-provider {
23396
- display: contents;
23397
23433
  }.v-messages {
23398
23434
  flex: 1 1 auto;
23399
23435
  font-size: 12px;
@@ -23410,69 +23446,6 @@ textarea.v-field__input::placeholder {
23410
23446
  -webkit-hyphens: auto;
23411
23447
  hyphens: auto;
23412
23448
  transition-duration: 150ms;
23413
- }.v-overlay-container {
23414
- contain: layout;
23415
- left: 0;
23416
- pointer-events: none;
23417
- position: absolute;
23418
- top: 0;
23419
- display: contents;
23420
- }
23421
-
23422
- .v-overlay-scroll-blocked {
23423
- padding-inline-end: var(--v-scrollbar-offset);
23424
- }
23425
- .v-overlay-scroll-blocked:not(html) {
23426
- overflow-y: hidden !important;
23427
- }
23428
- html.v-overlay-scroll-blocked {
23429
- position: fixed;
23430
- top: var(--v-body-scroll-y);
23431
- left: var(--v-body-scroll-x);
23432
- width: 100%;
23433
- height: 100%;
23434
- }
23435
-
23436
- .v-overlay {
23437
- border-radius: inherit;
23438
- display: flex;
23439
- left: 0;
23440
- pointer-events: none;
23441
- position: fixed;
23442
- top: 0;
23443
- bottom: 0;
23444
- right: 0;
23445
- }
23446
-
23447
- .v-overlay__content {
23448
- outline: none;
23449
- position: absolute;
23450
- pointer-events: auto;
23451
- contain: layout;
23452
- }
23453
-
23454
- .v-overlay__scrim {
23455
- pointer-events: auto;
23456
- background: rgb(var(--v-theme-on-surface));
23457
- border-radius: inherit;
23458
- bottom: 0;
23459
- left: 0;
23460
- opacity: var(--v-overlay-opacity, 0.32);
23461
- position: fixed;
23462
- right: 0;
23463
- top: 0;
23464
- }
23465
-
23466
- .v-overlay--absolute {
23467
- position: absolute;
23468
- }
23469
-
23470
- .v-overlay--contained .v-overlay__scrim {
23471
- position: absolute;
23472
- }
23473
-
23474
- .v-overlay--scroll-blocked {
23475
- padding-inline-end: var(--v-scrollbar-offset);
23476
23449
  }.v-navigation-drawer {
23477
23450
  -webkit-overflow-scrolling: touch;
23478
23451
  background: rgb(var(--v-theme-surface));
@@ -23581,64 +23554,69 @@ html.v-overlay-scroll-blocked {
23581
23554
  .v-navigation-drawer__append {
23582
23555
  flex: none;
23583
23556
  overflow: hidden;
23584
- }.v-otp-input {
23585
- align-items: center;
23586
- display: flex;
23587
- justify-content: center;
23588
- padding: 0.5rem 0;
23589
- position: relative;
23557
+ }.v-overlay-container {
23558
+ contain: layout;
23559
+ left: 0;
23560
+ pointer-events: none;
23561
+ position: absolute;
23562
+ top: 0;
23563
+ display: contents;
23590
23564
  }
23591
- .v-otp-input {
23592
- border-radius: 4px;
23565
+
23566
+ .v-overlay-scroll-blocked {
23567
+ padding-inline-end: var(--v-scrollbar-offset);
23593
23568
  }
23594
- .v-otp-input .v-field {
23595
- height: 100%;
23569
+ .v-overlay-scroll-blocked:not(html) {
23570
+ overflow-y: hidden !important;
23596
23571
  }
23597
-
23598
- .v-otp-input__divider {
23599
- margin: 0 8px;
23572
+ html.v-overlay-scroll-blocked {
23573
+ position: fixed;
23574
+ top: var(--v-body-scroll-y);
23575
+ left: var(--v-body-scroll-x);
23576
+ width: 100%;
23577
+ height: 100%;
23600
23578
  }
23601
23579
 
23602
- .v-otp-input__content {
23603
- align-items: center;
23604
- display: flex;
23605
- gap: 0.5rem;
23606
- height: 64px;
23607
- padding: 0.5rem;
23608
- justify-content: center;
23609
- max-width: 320px;
23610
- position: relative;
23580
+ .v-overlay {
23611
23581
  border-radius: inherit;
23612
- }
23613
- .v-otp-input--divided .v-otp-input__content {
23614
- max-width: 360px;
23582
+ display: flex;
23583
+ left: 0;
23584
+ pointer-events: none;
23585
+ position: fixed;
23586
+ top: 0;
23587
+ bottom: 0;
23588
+ right: 0;
23615
23589
  }
23616
23590
 
23617
- .v-otp-input__field {
23618
- color: inherit;
23619
- font-size: 1.25rem;
23620
- height: 100%;
23591
+ .v-overlay__content {
23621
23592
  outline: none;
23622
- text-align: center;
23623
- width: 100%;
23624
- }
23625
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23626
- -webkit-appearance: none;
23627
- margin: 0;
23593
+ position: absolute;
23594
+ pointer-events: auto;
23595
+ contain: layout;
23628
23596
  }
23629
- .v-otp-input__field[type=number] {
23630
- -moz-appearance: textfield;
23597
+
23598
+ .v-overlay__scrim {
23599
+ pointer-events: auto;
23600
+ background: rgb(var(--v-theme-on-surface));
23601
+ border-radius: inherit;
23602
+ bottom: 0;
23603
+ left: 0;
23604
+ opacity: var(--v-overlay-opacity, 0.32);
23605
+ position: fixed;
23606
+ right: 0;
23607
+ top: 0;
23631
23608
  }
23632
23609
 
23633
- .v-otp-input__loader {
23634
- align-items: center;
23635
- display: flex;
23636
- height: 100%;
23637
- justify-content: center;
23638
- width: 100%;
23610
+ .v-overlay--absolute {
23611
+ position: absolute;
23639
23612
  }
23640
- .v-otp-input__loader .v-progress-linear {
23613
+
23614
+ .v-overlay--contained .v-overlay__scrim {
23641
23615
  position: absolute;
23616
+ }
23617
+
23618
+ .v-overlay--scroll-blocked {
23619
+ padding-inline-end: var(--v-scrollbar-offset);
23642
23620
  }.v-pagination__list {
23643
23621
  display: inline-flex;
23644
23622
  list-style-type: none;
@@ -23983,18 +23961,6 @@ html.v-overlay-scroll-blocked {
23983
23961
  0% {
23984
23962
  background-position-x: var(--v-progress-linear-height);
23985
23963
  }
23986
- }.v-radio-group > .v-input__control {
23987
- flex-direction: column;
23988
- }
23989
- .v-radio-group > .v-input__control > .v-label {
23990
- margin-inline-start: 16px;
23991
- }
23992
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23993
- padding-inline-start: 6px;
23994
- margin-top: 8px;
23995
- }
23996
- .v-radio-group .v-input__details {
23997
- padding-inline: 16px;
23998
23964
  }.v-slider .v-slider__container input {
23999
23965
  cursor: default;
24000
23966
  padding: 0;
@@ -24052,6 +24018,18 @@ html.v-overlay-scroll-blocked {
24052
24018
 
24053
24019
  .v-slider__label {
24054
24020
  margin-inline-end: 12px;
24021
+ }.v-radio-group > .v-input__control {
24022
+ flex-direction: column;
24023
+ }
24024
+ .v-radio-group > .v-input__control > .v-label {
24025
+ margin-inline-start: 16px;
24026
+ }
24027
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24028
+ padding-inline-start: 6px;
24029
+ margin-top: 8px;
24030
+ }
24031
+ .v-radio-group .v-input__details {
24032
+ padding-inline: 16px;
24055
24033
  }.v-rating {
24056
24034
  max-width: 100%;
24057
24035
  display: inline-flex;
@@ -24131,145 +24109,64 @@ html.v-overlay-scroll-blocked {
24131
24109
  flex: 1 0 0px;
24132
24110
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24133
24111
  pointer-events: none;
24134
- }.v-sheet {
24135
- display: block;
24136
- }
24137
- .v-sheet {
24138
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24139
- border-style: solid;
24140
- border-width: 0;
24141
- }
24142
- .v-sheet--border {
24143
- border-width: thin;
24144
- box-shadow: none;
24145
- }
24146
- .v-sheet {
24147
- 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));
24148
- }
24149
- .v-sheet--absolute {
24150
- position: absolute;
24151
- }
24152
- .v-sheet--fixed {
24153
- position: fixed;
24154
- }
24155
- .v-sheet--relative {
24112
+ }.v-otp-input {
24113
+ align-items: center;
24114
+ display: flex;
24115
+ justify-content: center;
24116
+ padding: 0.5rem 0;
24156
24117
  position: relative;
24157
24118
  }
24158
- .v-sheet--sticky {
24159
- position: sticky;
24119
+ .v-otp-input {
24120
+ border-radius: 4px;
24160
24121
  }
24161
- .v-sheet {
24162
- border-radius: 0;
24122
+ .v-otp-input .v-field {
24123
+ height: 100%;
24163
24124
  }
24164
- .v-sheet {
24165
- background: rgb(var(--v-theme-surface));
24166
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24125
+
24126
+ .v-otp-input__divider {
24127
+ margin: 0 8px;
24167
24128
  }
24168
- .v-sheet--rounded {
24169
- border-radius: 4px;
24170
- }.v-selection-control {
24129
+
24130
+ .v-otp-input__content {
24171
24131
  align-items: center;
24172
- contain: layout;
24173
24132
  display: flex;
24174
- flex: 1 0;
24175
- grid-area: control;
24133
+ gap: 0.5rem;
24134
+ height: 64px;
24135
+ padding: 0.5rem;
24136
+ justify-content: center;
24137
+ max-width: 320px;
24176
24138
  position: relative;
24177
- -webkit-user-select: none;
24178
- user-select: none;
24179
- }
24180
- .v-selection-control .v-label {
24181
- white-space: normal;
24182
- word-break: break-word;
24183
- height: 100%;
24184
- }
24185
- .v-selection-control--disabled {
24186
- opacity: var(--v-disabled-opacity);
24187
- pointer-events: none;
24188
- }
24189
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
24190
- opacity: 1;
24191
- }
24192
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
24193
- color: rgb(var(--v-theme-error));
24194
- }
24195
- .v-selection-control--inline {
24196
- display: inline-flex;
24197
- flex: 0 0 auto;
24198
- min-width: 0;
24199
- max-width: 100%;
24200
- }
24201
- .v-selection-control--inline .v-label {
24202
- width: auto;
24139
+ border-radius: inherit;
24203
24140
  }
24204
- .v-selection-control--density-default {
24205
- --v-selection-control-size: 40px;
24141
+ .v-otp-input--divided .v-otp-input__content {
24142
+ max-width: 360px;
24206
24143
  }
24207
24144
 
24208
- .v-selection-control--density-comfortable {
24209
- --v-selection-control-size: 36px;
24145
+ .v-otp-input__field {
24146
+ color: inherit;
24147
+ font-size: 1.25rem;
24148
+ height: 100%;
24149
+ outline: none;
24150
+ text-align: center;
24151
+ width: 100%;
24210
24152
  }
24211
-
24212
- .v-selection-control--density-compact {
24213
- --v-selection-control-size: 28px;
24153
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
24154
+ -webkit-appearance: none;
24155
+ margin: 0;
24214
24156
  }
24215
-
24216
- .v-selection-control__wrapper {
24217
- width: var(--v-selection-control-size);
24218
- height: var(--v-selection-control-size);
24219
- display: inline-flex;
24220
- align-items: center;
24221
- position: relative;
24222
- justify-content: center;
24223
- flex: none;
24157
+ .v-otp-input__field[type=number] {
24158
+ -moz-appearance: textfield;
24224
24159
  }
24225
24160
 
24226
- .v-selection-control__input {
24227
- width: var(--v-selection-control-size);
24228
- height: var(--v-selection-control-size);
24161
+ .v-otp-input__loader {
24229
24162
  align-items: center;
24230
24163
  display: flex;
24231
- flex: none;
24164
+ height: 100%;
24232
24165
  justify-content: center;
24233
- position: relative;
24234
- border-radius: 50%;
24235
- }
24236
- .v-selection-control__input input {
24237
- cursor: pointer;
24238
- position: absolute;
24239
- left: 0;
24240
- top: 0;
24241
24166
  width: 100%;
24242
- height: 100%;
24243
- opacity: 0;
24244
- }
24245
- .v-selection-control__input::before {
24246
- border-radius: 100%;
24247
- background-color: currentColor;
24248
- opacity: 0;
24249
- pointer-events: none;
24250
24167
  }
24251
- .v-selection-control__input::before {
24252
- content: "";
24168
+ .v-otp-input__loader .v-progress-linear {
24253
24169
  position: absolute;
24254
- top: 0;
24255
- left: 0;
24256
- width: 100%;
24257
- height: 100%;
24258
- }
24259
- .v-selection-control__input:hover::before {
24260
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24261
- }
24262
- .v-selection-control__input > .v-icon {
24263
- opacity: var(--v-medium-emphasis-opacity);
24264
- }
24265
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
24266
- opacity: 1;
24267
- }
24268
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24269
- color: rgb(var(--v-theme-error));
24270
- }
24271
- .v-selection-control--focus-visible .v-selection-control__input::before {
24272
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24273
24170
  }.v-select .v-field .v-text-field__prefix,
24274
24171
  .v-select .v-field .v-text-field__suffix,
24275
24172
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24322,6 +24219,14 @@ html.v-overlay-scroll-blocked {
24322
24219
  .v-select--active-menu .v-select__menu-icon {
24323
24220
  opacity: var(--v-high-emphasis-opacity);
24324
24221
  transform: rotate(180deg);
24222
+ }.v-selection-control-group {
24223
+ grid-area: control;
24224
+ display: flex;
24225
+ flex-direction: column;
24226
+ }
24227
+ .v-selection-control-group--inline {
24228
+ flex-direction: row;
24229
+ flex-wrap: wrap;
24325
24230
  }.v-skeleton-loader {
24326
24231
  align-items: center;
24327
24232
  background: rgb(var(--v-theme-surface));
@@ -24547,14 +24452,42 @@ html.v-overlay-scroll-blocked {
24547
24452
  100% {
24548
24453
  transform: translateX(100%);
24549
24454
  }
24550
- }.v-selection-control-group {
24551
- grid-area: control;
24552
- display: flex;
24553
- flex-direction: column;
24455
+ }.v-sheet {
24456
+ display: block;
24554
24457
  }
24555
- .v-selection-control-group--inline {
24556
- flex-direction: row;
24557
- flex-wrap: wrap;
24458
+ .v-sheet {
24459
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24460
+ border-style: solid;
24461
+ border-width: 0;
24462
+ }
24463
+ .v-sheet--border {
24464
+ border-width: thin;
24465
+ box-shadow: none;
24466
+ }
24467
+ .v-sheet {
24468
+ 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));
24469
+ }
24470
+ .v-sheet--absolute {
24471
+ position: absolute;
24472
+ }
24473
+ .v-sheet--fixed {
24474
+ position: fixed;
24475
+ }
24476
+ .v-sheet--relative {
24477
+ position: relative;
24478
+ }
24479
+ .v-sheet--sticky {
24480
+ position: sticky;
24481
+ }
24482
+ .v-sheet {
24483
+ border-radius: 0;
24484
+ }
24485
+ .v-sheet {
24486
+ background: rgb(var(--v-theme-surface));
24487
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24488
+ }
24489
+ .v-sheet--rounded {
24490
+ border-radius: 4px;
24558
24491
  }.v-slide-group {
24559
24492
  display: flex;
24560
24493
  overflow: hidden;
@@ -24966,7 +24899,50 @@ html.v-overlay-scroll-blocked {
24966
24899
  left: 0;
24967
24900
  width: 100%;
24968
24901
  height: 100%;
24969
- }.v-switch .v-label {
24902
+ }.v-system-bar {
24903
+ align-items: center;
24904
+ display: flex;
24905
+ flex: 1 1 auto;
24906
+ height: 24px;
24907
+ justify-content: flex-end;
24908
+ max-width: 100%;
24909
+ padding-inline: 8px;
24910
+ position: relative;
24911
+ text-align: end;
24912
+ width: 100%;
24913
+ }
24914
+ .v-system-bar .v-icon {
24915
+ opacity: var(--v-medium-emphasis-opacity);
24916
+ }
24917
+ .v-system-bar {
24918
+ 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));
24919
+ }
24920
+ .v-system-bar--absolute {
24921
+ position: absolute;
24922
+ }
24923
+ .v-system-bar--fixed {
24924
+ position: fixed;
24925
+ }
24926
+ .v-system-bar {
24927
+ background: rgba(var(--v-theme-surface-light));
24928
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24929
+ }
24930
+ .v-system-bar {
24931
+ font-size: 0.75rem;
24932
+ font-weight: 400;
24933
+ letter-spacing: 0.0333333333em;
24934
+ line-height: 1.667;
24935
+ text-transform: none;
24936
+ }
24937
+ .v-system-bar--rounded {
24938
+ border-radius: 0;
24939
+ }
24940
+ .v-system-bar--window {
24941
+ height: 32px;
24942
+ }
24943
+ .v-system-bar:not(.v-system-bar--absolute) {
24944
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24945
+ }.v-switch .v-label {
24970
24946
  padding-inline-start: 10px;
24971
24947
  }
24972
24948
 
@@ -25148,35 +25124,6 @@ html.v-overlay-scroll-blocked {
25148
25124
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25149
25125
  border-width: 0;
25150
25126
  }
25151
- }.v-tab.v-tab.v-btn {
25152
- height: var(--v-tabs-height);
25153
- border-radius: 0;
25154
- min-width: 90px;
25155
- }
25156
- .v-slide-group--horizontal .v-tab {
25157
- max-width: 360px;
25158
- }
25159
- .v-slide-group--vertical .v-tab {
25160
- justify-content: start;
25161
- }
25162
-
25163
- .v-tab__slider {
25164
- position: absolute;
25165
- bottom: 0;
25166
- left: 0;
25167
- height: 2px;
25168
- width: 100%;
25169
- background: currentColor;
25170
- pointer-events: none;
25171
- opacity: 0;
25172
- }
25173
- .v-tab--selected .v-tab__slider {
25174
- opacity: 1;
25175
- }
25176
- .v-slide-group--vertical .v-tab__slider {
25177
- top: 0;
25178
- height: 100%;
25179
- width: 2px;
25180
25127
  }.v-tabs {
25181
25128
  display: flex;
25182
25129
  height: var(--v-tabs-height);
@@ -25243,49 +25190,35 @@ html.v-overlay-scroll-blocked {
25243
25190
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25244
25191
  margin-inline-end: 52px;
25245
25192
  }
25246
- }.v-system-bar {
25247
- align-items: center;
25248
- display: flex;
25249
- flex: 1 1 auto;
25250
- height: 24px;
25251
- justify-content: flex-end;
25252
- max-width: 100%;
25253
- padding-inline: 8px;
25254
- position: relative;
25255
- text-align: end;
25256
- width: 100%;
25193
+ }.v-tab.v-tab.v-btn {
25194
+ height: var(--v-tabs-height);
25195
+ border-radius: 0;
25196
+ min-width: 90px;
25257
25197
  }
25258
- .v-system-bar .v-icon {
25259
- opacity: var(--v-medium-emphasis-opacity);
25198
+ .v-slide-group--horizontal .v-tab {
25199
+ max-width: 360px;
25260
25200
  }
25261
- .v-system-bar {
25262
- 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));
25201
+ .v-slide-group--vertical .v-tab {
25202
+ justify-content: start;
25263
25203
  }
25264
- .v-system-bar--absolute {
25204
+
25205
+ .v-tab__slider {
25265
25206
  position: absolute;
25207
+ bottom: 0;
25208
+ left: 0;
25209
+ height: 2px;
25210
+ width: 100%;
25211
+ background: currentColor;
25212
+ pointer-events: none;
25213
+ opacity: 0;
25266
25214
  }
25267
- .v-system-bar--fixed {
25268
- position: fixed;
25269
- }
25270
- .v-system-bar {
25271
- background: rgba(var(--v-theme-surface-light));
25272
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25273
- }
25274
- .v-system-bar {
25275
- font-size: 0.75rem;
25276
- font-weight: 400;
25277
- letter-spacing: 0.0333333333em;
25278
- line-height: 1.667;
25279
- text-transform: none;
25280
- }
25281
- .v-system-bar--rounded {
25282
- border-radius: 0;
25283
- }
25284
- .v-system-bar--window {
25285
- height: 32px;
25215
+ .v-tab--selected .v-tab__slider {
25216
+ opacity: 1;
25286
25217
  }
25287
- .v-system-bar:not(.v-system-bar--absolute) {
25288
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25218
+ .v-slide-group--vertical .v-tab__slider {
25219
+ top: 0;
25220
+ height: 100%;
25221
+ width: 2px;
25289
25222
  }.v-table {
25290
25223
  font-size: 0.875rem;
25291
25224
  transition-duration: 0.28s;
@@ -25977,6 +25910,85 @@ html.v-overlay-scroll-blocked {
25977
25910
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25978
25911
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25979
25912
  transition-duration: 75ms;
25913
+ }.v-virtual-scroll {
25914
+ display: block;
25915
+ flex: 1 1 auto;
25916
+ max-width: 100%;
25917
+ overflow: auto;
25918
+ position: relative;
25919
+ }
25920
+ .v-virtual-scroll__container {
25921
+ display: block;
25922
+ }.v-window {
25923
+ overflow: hidden;
25924
+ }
25925
+ .v-window__container {
25926
+ display: flex;
25927
+ flex-direction: column;
25928
+ height: inherit;
25929
+ position: relative;
25930
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25931
+ }
25932
+ .v-window__controls {
25933
+ position: absolute;
25934
+ left: 0;
25935
+ top: 0;
25936
+ width: 100%;
25937
+ height: 100%;
25938
+ display: flex;
25939
+ align-items: center;
25940
+ justify-content: space-between;
25941
+ padding: 0 16px;
25942
+ pointer-events: none;
25943
+ }
25944
+ .v-window__controls > * {
25945
+ pointer-events: auto;
25946
+ }
25947
+ .v-window--show-arrows-on-hover {
25948
+ overflow: hidden;
25949
+ }
25950
+ .v-window--show-arrows-on-hover .v-window__left {
25951
+ transform: translateX(-200%);
25952
+ }
25953
+ .v-window--show-arrows-on-hover .v-window__right {
25954
+ transform: translateX(200%);
25955
+ }
25956
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25957
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25958
+ transform: translateX(0);
25959
+ }
25960
+
25961
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25962
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25963
+ }
25964
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25965
+ position: absolute !important;
25966
+ top: 0;
25967
+ width: 100%;
25968
+ }
25969
+ .v-window-x-transition-enter-from {
25970
+ transform: translateX(100%);
25971
+ }
25972
+ .v-window-x-transition-leave-to {
25973
+ transform: translateX(-100%);
25974
+ }
25975
+ .v-window-x-reverse-transition-enter-from {
25976
+ transform: translateX(-100%);
25977
+ }
25978
+ .v-window-x-reverse-transition-leave-to {
25979
+ transform: translateX(100%);
25980
+ }
25981
+ .v-window-y-transition-enter-from {
25982
+ transform: translateY(100%);
25983
+ }
25984
+ .v-window-y-transition-leave-to {
25985
+ transform: translateY(-100%);
25986
+ }
25987
+ .v-window-y-reverse-transition-enter-from {
25988
+ transform: translateY(-100%);
25989
+ }
25990
+ .v-window-y-reverse-transition-leave-to {
25991
+ transform: translateY(100%);
25980
25992
  }.v-toolbar {
25981
25993
  align-items: flex-start;
25982
25994
  display: flex;
@@ -26120,156 +26132,109 @@ html.v-overlay-scroll-blocked {
26120
26132
  }
26121
26133
  .v-toolbar-items > .v-btn {
26122
26134
  border-radius: 0;
26123
- }.v-virtual-scroll {
26124
- display: block;
26125
- flex: 1 1 auto;
26126
- max-width: 100%;
26127
- overflow: auto;
26128
- position: relative;
26129
- }
26130
- .v-virtual-scroll__container {
26131
- display: block;
26132
- }.v-window {
26133
- overflow: hidden;
26134
- }
26135
- .v-window__container {
26135
+ }.v-selection-control {
26136
+ align-items: center;
26137
+ contain: layout;
26136
26138
  display: flex;
26137
- flex-direction: column;
26138
- height: inherit;
26139
+ flex: 1 0;
26140
+ grid-area: control;
26139
26141
  position: relative;
26140
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26142
+ -webkit-user-select: none;
26143
+ user-select: none;
26141
26144
  }
26142
- .v-window__controls {
26143
- position: absolute;
26144
- left: 0;
26145
- top: 0;
26146
- width: 100%;
26145
+ .v-selection-control .v-label {
26146
+ white-space: normal;
26147
+ word-break: break-word;
26147
26148
  height: 100%;
26148
- display: flex;
26149
- align-items: center;
26150
- justify-content: space-between;
26151
- padding: 0 16px;
26149
+ }
26150
+ .v-selection-control--disabled {
26151
+ opacity: var(--v-disabled-opacity);
26152
26152
  pointer-events: none;
26153
26153
  }
26154
- .v-window__controls > * {
26155
- pointer-events: auto;
26154
+ .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
26155
+ opacity: 1;
26156
26156
  }
26157
- .v-window--show-arrows-on-hover {
26158
- overflow: hidden;
26157
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
26158
+ color: rgb(var(--v-theme-error));
26159
26159
  }
26160
- .v-window--show-arrows-on-hover .v-window__left {
26161
- transform: translateX(-200%);
26160
+ .v-selection-control--inline {
26161
+ display: inline-flex;
26162
+ flex: 0 0 auto;
26163
+ min-width: 0;
26164
+ max-width: 100%;
26162
26165
  }
26163
- .v-window--show-arrows-on-hover .v-window__right {
26164
- transform: translateX(200%);
26166
+ .v-selection-control--inline .v-label {
26167
+ width: auto;
26165
26168
  }
26166
- .v-window--show-arrows-on-hover:hover .v-window__left,
26167
- .v-window--show-arrows-on-hover:hover .v-window__right {
26168
- transform: translateX(0);
26169
+ .v-selection-control--density-default {
26170
+ --v-selection-control-size: 40px;
26169
26171
  }
26170
26172
 
26171
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
26172
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26173
- }
26174
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
26175
- position: absolute !important;
26176
- top: 0;
26177
- width: 100%;
26178
- }
26179
- .v-window-x-transition-enter-from {
26180
- transform: translateX(100%);
26181
- }
26182
- .v-window-x-transition-leave-to {
26183
- transform: translateX(-100%);
26184
- }
26185
- .v-window-x-reverse-transition-enter-from {
26186
- transform: translateX(-100%);
26187
- }
26188
- .v-window-x-reverse-transition-leave-to {
26189
- transform: translateX(100%);
26190
- }
26191
- .v-window-y-transition-enter-from {
26192
- transform: translateY(100%);
26173
+ .v-selection-control--density-comfortable {
26174
+ --v-selection-control-size: 36px;
26193
26175
  }
26194
- .v-window-y-transition-leave-to {
26195
- transform: translateY(-100%);
26176
+
26177
+ .v-selection-control--density-compact {
26178
+ --v-selection-control-size: 28px;
26196
26179
  }
26197
- .v-window-y-reverse-transition-enter-from {
26198
- transform: translateY(-100%);
26180
+
26181
+ .v-selection-control__wrapper {
26182
+ width: var(--v-selection-control-size);
26183
+ height: var(--v-selection-control-size);
26184
+ display: inline-flex;
26185
+ align-items: center;
26186
+ position: relative;
26187
+ justify-content: center;
26188
+ flex: none;
26199
26189
  }
26200
- .v-window-y-reverse-transition-leave-to {
26201
- transform: translateY(100%);
26202
- }.v-footer {
26190
+
26191
+ .v-selection-control__input {
26192
+ width: var(--v-selection-control-size);
26193
+ height: var(--v-selection-control-size);
26203
26194
  align-items: center;
26204
26195
  display: flex;
26205
- flex: 1 1 auto;
26206
- padding: 8px 16px;
26196
+ flex: none;
26197
+ justify-content: center;
26207
26198
  position: relative;
26208
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
26209
- transition-property: height, width, transform, max-width, left, right, top, bottom;
26210
- }
26211
- .v-footer {
26212
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
26213
- border-style: solid;
26214
- border-width: 0;
26215
- }
26216
- .v-footer--border {
26217
- border-width: thin;
26218
- box-shadow: none;
26219
- }
26220
- .v-footer {
26221
- 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));
26199
+ border-radius: 50%;
26222
26200
  }
26223
- .v-footer--absolute {
26201
+ .v-selection-control__input input {
26202
+ cursor: pointer;
26224
26203
  position: absolute;
26204
+ left: 0;
26205
+ top: 0;
26206
+ width: 100%;
26207
+ height: 100%;
26208
+ opacity: 0;
26225
26209
  }
26226
- .v-footer--fixed {
26227
- position: fixed;
26228
- }
26229
- .v-footer {
26230
- border-radius: 0;
26210
+ .v-selection-control__input::before {
26211
+ border-radius: 100%;
26212
+ background-color: currentColor;
26213
+ opacity: 0;
26214
+ pointer-events: none;
26231
26215
  }
26232
- .v-footer {
26233
- background: rgb(var(--v-theme-surface));
26234
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
26216
+ .v-selection-control__input::before {
26217
+ content: "";
26218
+ position: absolute;
26219
+ top: 0;
26220
+ left: 0;
26221
+ width: 100%;
26222
+ height: 100%;
26235
26223
  }
26236
- .v-footer--rounded {
26237
- border-radius: 4px;
26238
- }.v-color-picker-swatches {
26239
- overflow-y: auto;
26224
+ .v-selection-control__input:hover::before {
26225
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
26240
26226
  }
26241
- .v-color-picker-swatches > div {
26242
- display: flex;
26243
- flex-wrap: wrap;
26244
- justify-content: center;
26245
- padding: 8px;
26227
+ .v-selection-control__input > .v-icon {
26228
+ opacity: var(--v-medium-emphasis-opacity);
26246
26229
  }
26247
-
26248
- .v-color-picker-swatches__swatch {
26249
- display: flex;
26250
- flex-direction: column;
26251
- margin-bottom: 10px;
26230
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
26231
+ opacity: 1;
26252
26232
  }
26253
-
26254
- .v-color-picker-swatches__color {
26255
- position: relative;
26256
- height: 18px;
26257
- max-height: 18px;
26258
- width: 45px;
26259
- margin: 2px 4px;
26260
- border-radius: 2px;
26261
- -webkit-user-select: none;
26262
- user-select: none;
26263
- overflow: hidden;
26264
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26265
- cursor: pointer;
26233
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
26234
+ color: rgb(var(--v-theme-error));
26266
26235
  }
26267
- .v-color-picker-swatches__color > div {
26268
- display: flex;
26269
- align-items: center;
26270
- justify-content: center;
26271
- width: 100%;
26272
- height: 100%;
26236
+ .v-selection-control--focus-visible .v-selection-control__input::before {
26237
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
26273
26238
  }.v-color-picker-canvas {
26274
26239
  display: flex;
26275
26240
  position: relative;
@@ -26390,6 +26355,41 @@ html.v-overlay-scroll-blocked {
26390
26355
  .v-color-picker-preview__eye-dropper {
26391
26356
  position: relative;
26392
26357
  margin-right: 12px;
26358
+ }.v-color-picker-swatches {
26359
+ overflow-y: auto;
26360
+ }
26361
+ .v-color-picker-swatches > div {
26362
+ display: flex;
26363
+ flex-wrap: wrap;
26364
+ justify-content: center;
26365
+ padding: 8px;
26366
+ }
26367
+
26368
+ .v-color-picker-swatches__swatch {
26369
+ display: flex;
26370
+ flex-direction: column;
26371
+ margin-bottom: 10px;
26372
+ }
26373
+
26374
+ .v-color-picker-swatches__color {
26375
+ position: relative;
26376
+ height: 18px;
26377
+ max-height: 18px;
26378
+ width: 45px;
26379
+ margin: 2px 4px;
26380
+ border-radius: 2px;
26381
+ -webkit-user-select: none;
26382
+ user-select: none;
26383
+ overflow: hidden;
26384
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26385
+ cursor: pointer;
26386
+ }
26387
+ .v-color-picker-swatches__color > div {
26388
+ display: flex;
26389
+ align-items: center;
26390
+ justify-content: center;
26391
+ width: 100%;
26392
+ height: 100%;
26393
26393
  }.v-picker.v-sheet {
26394
26394
  display: grid;
26395
26395
  grid-auto-rows: min-content;