vuetify 3.4.5 → 3.4.6

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.5
2
+ * Vuetify v3.4.6
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17032,18 +17032,22 @@ html.overflow-y-hidden {
17032
17032
  padding-bottom: 16px;
17033
17033
  font-weight: 600;
17034
17034
  letter-spacing: 0.1666666667em;
17035
- }.v-app-bar {
17035
+ }.v-application {
17036
17036
  display: flex;
17037
+ background: rgb(var(--v-theme-background));
17038
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17037
17039
  }
17038
- .v-app-bar.v-toolbar {
17039
- background: rgb(var(--v-theme-surface));
17040
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17041
- }
17042
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17043
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17044
- }
17045
- .v-app-bar:not(.v-toolbar--absolute) {
17046
- padding-inline-end: var(--v-scrollbar-offset);
17040
+
17041
+ .v-application__wrap {
17042
+ -webkit-backface-visibility: hidden;
17043
+ backface-visibility: hidden;
17044
+ display: flex;
17045
+ flex-direction: column;
17046
+ flex: 1 1 auto;
17047
+ max-width: 100%;
17048
+ min-height: 100vh;
17049
+ min-height: 100dvh;
17050
+ position: relative;
17047
17051
  }.v-alert {
17048
17052
  display: grid;
17049
17053
  flex: 1 1;
@@ -17254,109 +17258,18 @@ html.overflow-y-hidden {
17254
17258
  text-transform: none;
17255
17259
  word-break: normal;
17256
17260
  word-wrap: break-word;
17257
- }.v-application {
17258
- display: flex;
17259
- background: rgb(var(--v-theme-background));
17260
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17261
- }
17262
-
17263
- .v-application__wrap {
17264
- -webkit-backface-visibility: hidden;
17265
- backface-visibility: hidden;
17261
+ }.v-app-bar {
17266
17262
  display: flex;
17267
- flex-direction: column;
17268
- flex: 1 1 auto;
17269
- max-width: 100%;
17270
- min-height: 100vh;
17271
- min-height: 100dvh;
17272
- position: relative;
17273
- }.v-avatar {
17274
- flex: none;
17275
- align-items: center;
17276
- display: inline-flex;
17277
- justify-content: center;
17278
- line-height: normal;
17279
- overflow: hidden;
17280
- position: relative;
17281
- text-align: center;
17282
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17283
- transition-property: width, height;
17284
- vertical-align: middle;
17285
- border-radius: 50%;
17286
- }
17287
- .v-avatar.v-avatar--size-x-small {
17288
- --v-avatar-height: 24px;
17289
- }
17290
- .v-avatar.v-avatar--size-small {
17291
- --v-avatar-height: 32px;
17292
- }
17293
- .v-avatar.v-avatar--size-default {
17294
- --v-avatar-height: 40px;
17295
- }
17296
- .v-avatar.v-avatar--size-large {
17297
- --v-avatar-height: 48px;
17298
- }
17299
- .v-avatar.v-avatar--size-x-large {
17300
- --v-avatar-height: 56px;
17301
- }
17302
- .v-avatar.v-avatar--density-default {
17303
- height: calc(var(--v-avatar-height) + 0px);
17304
- width: calc(var(--v-avatar-height) + 0px);
17305
- }
17306
- .v-avatar.v-avatar--density-comfortable {
17307
- height: calc(var(--v-avatar-height) + -4px);
17308
- width: calc(var(--v-avatar-height) + -4px);
17309
- }
17310
- .v-avatar.v-avatar--density-compact {
17311
- height: calc(var(--v-avatar-height) + -8px);
17312
- width: calc(var(--v-avatar-height) + -8px);
17313
- }
17314
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17315
- background: transparent;
17316
- color: inherit;
17317
- }
17318
- .v-avatar--variant-plain {
17319
- opacity: 0.62;
17320
- }
17321
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17322
- opacity: 1;
17323
- }
17324
- .v-avatar--variant-plain .v-avatar__overlay {
17325
- display: none;
17326
- }
17327
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
17328
- background: var(--v-theme-surface);
17329
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17330
- }
17331
- .v-avatar--variant-elevated {
17332
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17333
- }
17334
- .v-avatar--variant-flat {
17335
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17336
- }
17337
- .v-avatar--variant-outlined {
17338
- border: thin solid currentColor;
17339
- }
17340
- .v-avatar--variant-text .v-avatar__overlay {
17341
- background: currentColor;
17342
17263
  }
17343
- .v-avatar--variant-tonal .v-avatar__underlay {
17344
- background: currentColor;
17345
- opacity: var(--v-activated-opacity);
17346
- border-radius: inherit;
17347
- position: absolute;
17348
- top: 0;
17349
- right: 0;
17350
- bottom: 0;
17351
- left: 0;
17352
- pointer-events: none;
17264
+ .v-app-bar.v-toolbar {
17265
+ background: rgb(var(--v-theme-surface));
17266
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17353
17267
  }
17354
- .v-avatar--rounded {
17355
- border-radius: 4px;
17268
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17269
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17356
17270
  }
17357
- .v-avatar .v-img {
17358
- height: 100%;
17359
- width: 100%;
17271
+ .v-app-bar:not(.v-toolbar--absolute) {
17272
+ padding-inline-end: var(--v-scrollbar-offset);
17360
17273
  }.v-autocomplete .v-field .v-text-field__prefix,
17361
17274
  .v-autocomplete .v-field .v-text-field__suffix,
17362
17275
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17698,6 +17611,61 @@ html.overflow-y-hidden {
17698
17611
  .v-bottom-sheet.v-bottom-sheet--inset {
17699
17612
  max-width: 70%;
17700
17613
  }
17614
+ }.v-bottom-navigation {
17615
+ display: flex;
17616
+ max-width: 100%;
17617
+ overflow: hidden;
17618
+ position: absolute;
17619
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17620
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17621
+ border-style: solid;
17622
+ border-width: 0;
17623
+ border-radius: 0;
17624
+ background: rgb(var(--v-theme-surface));
17625
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17626
+ }
17627
+ .v-bottom-navigation--border {
17628
+ border-width: thin;
17629
+ box-shadow: none;
17630
+ }
17631
+ .v-bottom-navigation--active {
17632
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17633
+ }
17634
+
17635
+ .v-bottom-navigation__content {
17636
+ display: flex;
17637
+ flex: none;
17638
+ font-size: 0.75rem;
17639
+ justify-content: center;
17640
+ transition: inherit;
17641
+ width: 100%;
17642
+ }
17643
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17644
+ font-size: inherit;
17645
+ height: 100%;
17646
+ max-width: 168px;
17647
+ min-width: 80px;
17648
+ text-transform: none;
17649
+ transition: inherit;
17650
+ width: auto;
17651
+ border-radius: 0;
17652
+ }
17653
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17654
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17655
+ transition: inherit;
17656
+ }
17657
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17658
+ font-size: 1.5rem;
17659
+ }
17660
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17661
+ flex-grow: 1;
17662
+ }
17663
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17664
+ transition: inherit;
17665
+ opacity: 0;
17666
+ }
17667
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17668
+ transform: translateY(0.5rem);
17701
17669
  }.v-breadcrumbs {
17702
17670
  display: flex;
17703
17671
  align-items: center;
@@ -17755,61 +17723,6 @@ html.overflow-y-hidden {
17755
17723
  display: inline-block;
17756
17724
  padding: 0 8px;
17757
17725
  vertical-align: middle;
17758
- }.v-bottom-navigation {
17759
- display: flex;
17760
- max-width: 100%;
17761
- overflow: hidden;
17762
- position: absolute;
17763
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17764
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17765
- border-style: solid;
17766
- border-width: 0;
17767
- border-radius: 0;
17768
- background: rgb(var(--v-theme-surface));
17769
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17770
- }
17771
- .v-bottom-navigation--border {
17772
- border-width: thin;
17773
- box-shadow: none;
17774
- }
17775
- .v-bottom-navigation--active {
17776
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17777
- }
17778
-
17779
- .v-bottom-navigation__content {
17780
- display: flex;
17781
- flex: none;
17782
- font-size: 0.75rem;
17783
- justify-content: center;
17784
- transition: inherit;
17785
- width: 100%;
17786
- }
17787
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17788
- font-size: inherit;
17789
- height: 100%;
17790
- max-width: 168px;
17791
- min-width: 80px;
17792
- text-transform: none;
17793
- transition: inherit;
17794
- width: auto;
17795
- border-radius: 0;
17796
- }
17797
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17798
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17799
- transition: inherit;
17800
- }
17801
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17802
- font-size: 1.5rem;
17803
- }
17804
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17805
- flex-grow: 1;
17806
- }
17807
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17808
- transition: inherit;
17809
- opacity: 0;
17810
- }
17811
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17812
- transform: translateY(0.5rem);
17813
17726
  }.v-btn {
17814
17727
  align-items: center;
17815
17728
  border-radius: 4px;
@@ -18213,21 +18126,77 @@ html.overflow-y-hidden {
18213
18126
  }
18214
18127
  .v-pagination__item--is-active .v-btn__overlay {
18215
18128
  opacity: var(--v-border-opacity);
18216
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18217
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18218
- }
18219
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18220
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18221
- }
18222
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18223
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18224
- }
18225
- @supports not selector(:focus-visible) {
18226
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18227
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18228
- }
18229
- }.v-carousel {
18230
- overflow: hidden;
18129
+ }.v-btn-group {
18130
+ display: inline-flex;
18131
+ flex-wrap: nowrap;
18132
+ max-width: 100%;
18133
+ min-width: 0;
18134
+ overflow: hidden;
18135
+ vertical-align: middle;
18136
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18137
+ border-style: solid;
18138
+ border-width: 0;
18139
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18140
+ border-radius: 4px;
18141
+ background: transparent;
18142
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18143
+ }
18144
+ .v-btn-group--border {
18145
+ border-width: thin;
18146
+ box-shadow: none;
18147
+ }
18148
+ .v-btn-group--density-default.v-btn-group {
18149
+ height: 48px;
18150
+ }
18151
+
18152
+ .v-btn-group--density-comfortable.v-btn-group {
18153
+ height: 40px;
18154
+ }
18155
+
18156
+ .v-btn-group--density-compact.v-btn-group {
18157
+ height: 36px;
18158
+ }
18159
+
18160
+ .v-btn-group .v-btn {
18161
+ border-radius: 0;
18162
+ border-color: inherit;
18163
+ }
18164
+ .v-btn-group .v-btn:not(:last-child) {
18165
+ border-inline-end: none;
18166
+ }
18167
+ .v-btn-group .v-btn:not(:first-child) {
18168
+ border-inline-start: none;
18169
+ }
18170
+ .v-btn-group .v-btn:first-child {
18171
+ border-start-start-radius: inherit;
18172
+ border-end-start-radius: inherit;
18173
+ }
18174
+ .v-btn-group .v-btn:last-child {
18175
+ border-start-end-radius: inherit;
18176
+ border-end-end-radius: inherit;
18177
+ }
18178
+ .v-btn-group--divided .v-btn:not(:last-child) {
18179
+ border-inline-end-width: thin;
18180
+ border-inline-end-style: solid;
18181
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18182
+ }
18183
+ .v-btn-group--tile {
18184
+ border-radius: 0;
18185
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18186
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18187
+ }
18188
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18189
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18190
+ }
18191
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18192
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18193
+ }
18194
+ @supports not selector(:focus-visible) {
18195
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18196
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18197
+ }
18198
+ }.v-carousel {
18199
+ overflow: hidden;
18231
18200
  position: relative;
18232
18201
  width: 100%;
18233
18202
  }
@@ -18583,100 +18552,6 @@ html.overflow-y-hidden {
18583
18552
  transition: opacity 0.2s ease-in-out;
18584
18553
  }.v-checkbox .v-selection-control {
18585
18554
  min-height: var(--v-input-control-height);
18586
- }.v-chip-group {
18587
- display: flex;
18588
- max-width: 100%;
18589
- min-width: 0;
18590
- overflow-x: auto;
18591
- padding: 4px 0;
18592
- flex-wrap: wrap;
18593
- }
18594
- .v-chip-group .v-chip {
18595
- margin: 4px 8px 4px 0;
18596
- }
18597
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18598
- opacity: var(--v-activated-opacity);
18599
- }
18600
-
18601
- .v-chip-group--column {
18602
- flex-wrap: wrap;
18603
- white-space: normal;
18604
- }.v-btn-group {
18605
- display: inline-flex;
18606
- flex-wrap: nowrap;
18607
- max-width: 100%;
18608
- min-width: 0;
18609
- overflow: hidden;
18610
- vertical-align: middle;
18611
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18612
- border-style: solid;
18613
- border-width: 0;
18614
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18615
- border-radius: 4px;
18616
- background: transparent;
18617
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18618
- }
18619
- .v-btn-group--border {
18620
- border-width: thin;
18621
- box-shadow: none;
18622
- }
18623
- .v-btn-group--density-default.v-btn-group {
18624
- height: 48px;
18625
- }
18626
-
18627
- .v-btn-group--density-comfortable.v-btn-group {
18628
- height: 40px;
18629
- }
18630
-
18631
- .v-btn-group--density-compact.v-btn-group {
18632
- height: 36px;
18633
- }
18634
-
18635
- .v-btn-group .v-btn {
18636
- border-radius: 0;
18637
- border-color: inherit;
18638
- }
18639
- .v-btn-group .v-btn:not(:last-child) {
18640
- border-inline-end: none;
18641
- }
18642
- .v-btn-group .v-btn:not(:first-child) {
18643
- border-inline-start: none;
18644
- }
18645
- .v-btn-group .v-btn:first-child {
18646
- border-start-start-radius: inherit;
18647
- border-end-start-radius: inherit;
18648
- }
18649
- .v-btn-group .v-btn:last-child {
18650
- border-start-end-radius: inherit;
18651
- border-end-end-radius: inherit;
18652
- }
18653
- .v-btn-group--divided .v-btn:not(:last-child) {
18654
- border-inline-end-width: thin;
18655
- border-inline-end-style: solid;
18656
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18657
- }
18658
- .v-btn-group--tile {
18659
- border-radius: 0;
18660
- }.v-color-picker {
18661
- align-self: flex-start;
18662
- contain: content;
18663
- }
18664
- .v-color-picker.v-sheet {
18665
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18666
- border-radius: 4px;
18667
- }
18668
-
18669
- .v-color-picker__controls {
18670
- display: flex;
18671
- flex-direction: column;
18672
- padding: 16px;
18673
- }
18674
-
18675
- .v-color-picker--flat {
18676
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18677
- }
18678
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
18679
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18680
18555
  }.v-chip {
18681
18556
  align-items: center;
18682
18557
  cursor: default;
@@ -19085,77 +18960,181 @@ html.overflow-y-hidden {
19085
18960
 
19086
18961
  .v-chip--label {
19087
18962
  border-radius: 4px;
19088
- }.v-container {
19089
- width: 100%;
19090
- padding: 16px;
19091
- margin-right: auto;
19092
- margin-left: auto;
19093
- }
19094
- @media (min-width: 960px) {
19095
- .v-container {
19096
- max-width: 900px;
19097
- }
19098
- }
19099
- @media (min-width: 1280px) {
19100
- .v-container {
19101
- max-width: 1200px;
19102
- }
19103
- }
19104
- @media (min-width: 1920px) {
19105
- .v-container {
19106
- max-width: 1800px;
19107
- }
19108
- }
19109
- @media (min-width: 2560px) {
19110
- .v-container {
19111
- max-width: 2400px;
19112
- }
19113
- }
19114
- .v-container--fluid {
19115
- max-width: 100%;
19116
- }
19117
- .v-container.fill-height {
19118
- align-items: center;
18963
+ }.v-chip-group {
19119
18964
  display: flex;
18965
+ max-width: 100%;
18966
+ min-width: 0;
18967
+ overflow-x: auto;
18968
+ padding: 4px 0;
19120
18969
  flex-wrap: wrap;
19121
18970
  }
18971
+ .v-chip-group .v-chip {
18972
+ margin: 4px 8px 4px 0;
18973
+ }
18974
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18975
+ opacity: var(--v-activated-opacity);
18976
+ }
19122
18977
 
19123
- .v-row {
19124
- display: flex;
18978
+ .v-chip-group--column {
19125
18979
  flex-wrap: wrap;
19126
- flex: 1 1 auto;
19127
- margin: -12px;
19128
- }
19129
- .v-row + .v-row {
19130
- margin-top: 12px;
18980
+ white-space: normal;
18981
+ }.v-combobox .v-field .v-text-field__prefix,
18982
+ .v-combobox .v-field .v-text-field__suffix,
18983
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
18984
+ cursor: text;
19131
18985
  }
19132
- .v-row + .v-row--dense {
19133
- margin-top: 4px;
18986
+ .v-combobox .v-field .v-field__input > input {
18987
+ flex: 1 1;
19134
18988
  }
19135
- .v-row--dense {
19136
- margin: -4px;
18989
+ .v-combobox .v-field input {
18990
+ min-width: 64px;
19137
18991
  }
19138
- .v-row--dense > .v-col,
19139
- .v-row--dense > [class*=v-col-] {
19140
- padding: 4px;
18992
+ .v-combobox .v-field:not(.v-field--focused) input {
18993
+ min-width: 0;
19141
18994
  }
19142
- .v-row.v-row--no-gutters {
19143
- margin: 0;
18995
+ .v-combobox .v-field--dirty .v-combobox__selection {
18996
+ margin-inline-end: 2px;
19144
18997
  }
19145
- .v-row.v-row--no-gutters > .v-col,
19146
- .v-row.v-row--no-gutters > [class*=v-col-] {
19147
- padding: 0;
18998
+ .v-combobox .v-combobox__selection-text {
18999
+ overflow: hidden;
19000
+ text-overflow: ellipsis;
19001
+ white-space: nowrap;
19148
19002
  }
19149
19003
 
19150
- .v-spacer {
19151
- flex-grow: 1;
19004
+ .v-combobox__content {
19005
+ overflow: hidden;
19006
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
19007
+ border-radius: 4px;
19152
19008
  }
19153
-
19154
- .v-col-xxl,
19155
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
19156
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
19157
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
19158
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
19009
+ .v-combobox__mask {
19010
+ background: rgb(var(--v-theme-on-surface-variant));
19011
+ }
19012
+ .v-combobox__selection {
19013
+ display: inline-flex;
19014
+ align-items: center;
19015
+ height: 1.5rem;
19016
+ letter-spacing: inherit;
19017
+ line-height: inherit;
19018
+ max-width: 90%;
19019
+ }
19020
+ .v-combobox__selection:first-child {
19021
+ margin-inline-start: 0;
19022
+ }
19023
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19024
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19025
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19026
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19027
+ top: 0px;
19028
+ }
19029
+ .v-combobox--selecting-index .v-combobox__selection {
19030
+ opacity: var(--v-medium-emphasis-opacity);
19031
+ }
19032
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19033
+ opacity: 1;
19034
+ }
19035
+ .v-combobox--selecting-index .v-field__input > input {
19036
+ caret-color: transparent;
19037
+ }
19038
+ .v-combobox--single.v-text-field input {
19039
+ flex: 1 1;
19040
+ position: absolute;
19041
+ left: 0;
19042
+ right: 0;
19043
+ width: 100%;
19044
+ padding-inline: inherit;
19045
+ }
19046
+ .v-combobox--single .v-field--active input {
19047
+ transition: none;
19048
+ }
19049
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19050
+ opacity: 0;
19051
+ }
19052
+ .v-combobox--single .v-field--focused .v-combobox__selection {
19053
+ opacity: 0;
19054
+ }
19055
+ .v-combobox__menu-icon {
19056
+ margin-inline-start: 4px;
19057
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19058
+ }
19059
+ .v-combobox--active-menu .v-combobox__menu-icon {
19060
+ opacity: var(--v-high-emphasis-opacity);
19061
+ transform: rotate(180deg);
19062
+ }.v-counter {
19063
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19064
+ flex: 0 1 auto;
19065
+ font-size: 12px;
19066
+ transition-duration: 150ms;
19067
+ }.v-container {
19068
+ width: 100%;
19069
+ padding: 16px;
19070
+ margin-right: auto;
19071
+ margin-left: auto;
19072
+ }
19073
+ @media (min-width: 960px) {
19074
+ .v-container {
19075
+ max-width: 900px;
19076
+ }
19077
+ }
19078
+ @media (min-width: 1280px) {
19079
+ .v-container {
19080
+ max-width: 1200px;
19081
+ }
19082
+ }
19083
+ @media (min-width: 1920px) {
19084
+ .v-container {
19085
+ max-width: 1800px;
19086
+ }
19087
+ }
19088
+ @media (min-width: 2560px) {
19089
+ .v-container {
19090
+ max-width: 2400px;
19091
+ }
19092
+ }
19093
+ .v-container--fluid {
19094
+ max-width: 100%;
19095
+ }
19096
+ .v-container.fill-height {
19097
+ align-items: center;
19098
+ display: flex;
19099
+ flex-wrap: wrap;
19100
+ }
19101
+
19102
+ .v-row {
19103
+ display: flex;
19104
+ flex-wrap: wrap;
19105
+ flex: 1 1 auto;
19106
+ margin: -12px;
19107
+ }
19108
+ .v-row + .v-row {
19109
+ margin-top: 12px;
19110
+ }
19111
+ .v-row + .v-row--dense {
19112
+ margin-top: 4px;
19113
+ }
19114
+ .v-row--dense {
19115
+ margin: -4px;
19116
+ }
19117
+ .v-row--dense > .v-col,
19118
+ .v-row--dense > [class*=v-col-] {
19119
+ padding: 4px;
19120
+ }
19121
+ .v-row.v-row--no-gutters {
19122
+ margin: 0;
19123
+ }
19124
+ .v-row.v-row--no-gutters > .v-col,
19125
+ .v-row.v-row--no-gutters > [class*=v-col-] {
19126
+ padding: 0;
19127
+ }
19128
+
19129
+ .v-spacer {
19130
+ flex-grow: 1;
19131
+ }
19132
+
19133
+ .v-col-xxl,
19134
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
19135
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
19136
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
19137
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
19159
19138
  .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
19160
19139
  .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
19161
19140
  width: 100%;
@@ -19757,122 +19736,26 @@ html.overflow-y-hidden {
19757
19736
  .offset-xxl-11 {
19758
19737
  margin-inline-start: 91.6666666667%;
19759
19738
  }
19760
- }.v-combobox .v-field .v-text-field__prefix,
19761
- .v-combobox .v-field .v-text-field__suffix,
19762
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19763
- cursor: text;
19764
- }
19765
- .v-combobox .v-field .v-field__input > input {
19766
- flex: 1 1;
19767
- }
19768
- .v-combobox .v-field input {
19769
- min-width: 64px;
19770
- }
19771
- .v-combobox .v-field:not(.v-field--focused) input {
19772
- min-width: 0;
19773
- }
19774
- .v-combobox .v-field--dirty .v-combobox__selection {
19775
- margin-inline-end: 2px;
19776
- }
19777
- .v-combobox .v-combobox__selection-text {
19778
- overflow: hidden;
19779
- text-overflow: ellipsis;
19780
- white-space: nowrap;
19739
+ }.v-color-picker {
19740
+ align-self: flex-start;
19741
+ contain: content;
19781
19742
  }
19782
-
19783
- .v-combobox__content {
19784
- overflow: hidden;
19785
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
19743
+ .v-color-picker.v-sheet {
19744
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
19786
19745
  border-radius: 4px;
19787
19746
  }
19788
- .v-combobox__mask {
19789
- background: rgb(var(--v-theme-on-surface-variant));
19790
- }
19791
- .v-combobox__selection {
19792
- display: inline-flex;
19793
- align-items: center;
19794
- height: 1.5rem;
19795
- letter-spacing: inherit;
19796
- line-height: inherit;
19797
- max-width: 90%;
19798
- }
19799
- .v-combobox__selection:first-child {
19800
- margin-inline-start: 0;
19801
- }
19802
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19803
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19804
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19805
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19806
- top: 0px;
19807
- }
19808
- .v-combobox--selecting-index .v-combobox__selection {
19809
- opacity: var(--v-medium-emphasis-opacity);
19810
- }
19811
- .v-combobox--selecting-index .v-combobox__selection--selected {
19812
- opacity: 1;
19813
- }
19814
- .v-combobox--selecting-index .v-field__input > input {
19815
- caret-color: transparent;
19816
- }
19817
- .v-combobox--single.v-text-field input {
19818
- flex: 1 1;
19819
- position: absolute;
19820
- left: 0;
19821
- right: 0;
19822
- width: 100%;
19823
- padding-inline: inherit;
19824
- }
19825
- .v-combobox--single .v-field--active input {
19826
- transition: none;
19827
- }
19828
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19829
- opacity: 0;
19830
- }
19831
- .v-combobox--single .v-field--focused .v-combobox__selection {
19832
- opacity: 0;
19833
- }
19834
- .v-combobox__menu-icon {
19835
- margin-inline-start: 4px;
19836
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19837
- }
19838
- .v-combobox--active-menu .v-combobox__menu-icon {
19839
- opacity: var(--v-high-emphasis-opacity);
19840
- transform: rotate(180deg);
19841
- }.v-counter {
19842
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19843
- flex: 0 1 auto;
19844
- font-size: 12px;
19845
- transition-duration: 150ms;
19846
- }.v-data-table-footer {
19847
- display: flex;
19848
- align-items: center;
19849
- flex-wrap: wrap;
19850
- padding: 4px;
19851
- justify-content: flex-end;
19852
- }
19853
19747
 
19854
- .v-data-table-footer__items-per-page {
19855
- padding-inline-end: 24px;
19856
- display: flex;
19857
- align-items: center;
19858
- justify-content: space-between;
19859
- }
19860
- .v-data-table-footer__items-per-page > span {
19861
- padding-inline-end: 24px;
19862
- }
19863
-
19864
- .v-data-table-footer__info {
19748
+ .v-color-picker__controls {
19865
19749
  display: flex;
19866
- padding-inline-end: 24px;
19750
+ flex-direction: column;
19751
+ padding: 16px;
19867
19752
  }
19868
19753
 
19869
- .v-data-table-footer__pagination {
19870
- display: flex;
19871
- align-items: center;
19754
+ .v-color-picker--flat {
19755
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
19872
19756
  }
19873
-
19874
- .v-data-table-footer__page {
19875
- padding: 0 8px;
19757
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19758
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
19876
19759
  }.v-data-table {
19877
19760
  width: 100%;
19878
19761
  }
@@ -20005,13 +19888,72 @@ html.overflow-y-hidden {
20005
19888
  .v-data-table-rows-loading,
20006
19889
  .v-data-table-rows-no-data {
20007
19890
  text-align: center;
20008
- }.v-date-picker__input {
20009
- padding-top: 16px;
20010
- padding-left: 24px;
20011
- padding-right: 24px;
20012
- }
20013
-
20014
- .v-date-picker {
19891
+ }.v-data-table-footer {
19892
+ display: flex;
19893
+ align-items: center;
19894
+ flex-wrap: wrap;
19895
+ padding: 4px;
19896
+ justify-content: flex-end;
19897
+ }
19898
+
19899
+ .v-data-table-footer__items-per-page {
19900
+ padding-inline-end: 24px;
19901
+ display: flex;
19902
+ align-items: center;
19903
+ justify-content: space-between;
19904
+ }
19905
+ .v-data-table-footer__items-per-page > span {
19906
+ padding-inline-end: 24px;
19907
+ }
19908
+
19909
+ .v-data-table-footer__info {
19910
+ display: flex;
19911
+ padding-inline-end: 24px;
19912
+ }
19913
+
19914
+ .v-data-table-footer__pagination {
19915
+ display: flex;
19916
+ align-items: center;
19917
+ }
19918
+
19919
+ .v-data-table-footer__page {
19920
+ padding: 0 8px;
19921
+ }.v-divider {
19922
+ display: block;
19923
+ flex: 1 1 100%;
19924
+ height: 0px;
19925
+ max-height: 0px;
19926
+ opacity: var(--v-border-opacity);
19927
+ transition: inherit;
19928
+ border-style: solid;
19929
+ border-width: thin 0 0 0;
19930
+ }
19931
+ .v-divider--vertical {
19932
+ align-self: stretch;
19933
+ border-width: 0 thin 0 0;
19934
+ display: inline-flex;
19935
+ height: inherit;
19936
+ margin-left: -1px;
19937
+ max-height: 100%;
19938
+ max-width: 0px;
19939
+ vertical-align: text-bottom;
19940
+ width: 0px;
19941
+ }
19942
+ .v-divider--inset:not(.v-divider--vertical) {
19943
+ max-width: calc(100% - 72px);
19944
+ margin-inline-start: 72px;
19945
+ }
19946
+ .v-divider--inset.v-divider--vertical {
19947
+ margin-bottom: 8px;
19948
+ margin-top: 8px;
19949
+ max-height: calc(100% - 16px);
19950
+ }.v-date-picker__input {
19951
+ padding-top: 16px;
19952
+ padding-left: 24px;
19953
+ padding-right: 24px;
19954
+ }
19955
+
19956
+ .v-date-picker {
20015
19957
  overflow: hidden;
20016
19958
  width: 360px;
20017
19959
  }
@@ -20030,6 +19972,62 @@ html.overflow-y-hidden {
20030
19972
  .v-date-picker-month__day .v-btn {
20031
19973
  --v-btn-height: 28px;
20032
19974
  --v-btn-size: 0.85rem;
19975
+ }.v-date-picker-controls {
19976
+ display: flex;
19977
+ align-items: center;
19978
+ justify-content: space-between;
19979
+ font-size: 0.875rem;
19980
+ padding-top: 4px;
19981
+ padding-bottom: 4px;
19982
+ padding-inline-start: 6px;
19983
+ padding-inline-end: 12px;
19984
+ }
19985
+ .v-date-picker-controls > .v-btn:first-child {
19986
+ text-transform: none;
19987
+ font-weight: 400;
19988
+ line-height: initial;
19989
+ letter-spacing: initial;
19990
+ }
19991
+ .v-date-picker-controls--variant-classic {
19992
+ padding-inline-start: 12px;
19993
+ }
19994
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19995
+ opacity: 0.7;
19996
+ }
19997
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19998
+ cursor: pointer;
19999
+ }
20000
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20001
+ opacity: 1;
20002
+ }
20003
+ .v-date-picker-controls .v-btn:last-child {
20004
+ margin-inline-start: 4px;
20005
+ }
20006
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20007
+ transform: rotate(180deg);
20008
+ }
20009
+
20010
+ .v-date-picker-controls__date {
20011
+ margin-inline-end: 4px;
20012
+ }
20013
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20014
+ margin: auto;
20015
+ text-align: center;
20016
+ }
20017
+
20018
+ .v-date-picker-controls__month {
20019
+ display: flex;
20020
+ }
20021
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20022
+ flex-direction: row-reverse;
20023
+ }
20024
+
20025
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20026
+ flex: 1 0 auto;
20027
+ }
20028
+
20029
+ .v-date-picker__title {
20030
+ display: inline-block;
20033
20031
  }.v-date-picker-header {
20034
20032
  display: grid;
20035
20033
  grid-template-areas: "prepend content append";
@@ -20088,6 +20086,26 @@ html.overflow-y-hidden {
20088
20086
  .date-picker-header-reverse-transition-leave-to {
20089
20087
  opacity: 0;
20090
20088
  transform: translate(0, 100%);
20089
+ }.v-date-picker-months {
20090
+ height: 320px;
20091
+ overflow-y: scroll;
20092
+ }
20093
+
20094
+ .v-date-picker-months__content {
20095
+ align-items: center;
20096
+ display: grid;
20097
+ flex: 1 1;
20098
+ height: inherit;
20099
+ justify-content: space-around;
20100
+ grid-template-columns: repeat(2, 1fr);
20101
+ grid-gap: 4px 24px;
20102
+ padding-inline-start: 36px;
20103
+ padding-inline-end: 36px;
20104
+ }
20105
+ .v-date-picker-months__content .v-btn {
20106
+ text-transform: none;
20107
+ padding-inline-start: 8px;
20108
+ padding-inline-end: 8px;
20091
20109
  }.v-date-picker-month {
20092
20110
  display: flex;
20093
20111
  justify-content: center;
@@ -20137,126 +20155,220 @@ html.overflow-y-hidden {
20137
20155
 
20138
20156
  .v-date-picker-month__day--hide-adjacent {
20139
20157
  opacity: 0;
20140
- }.v-date-picker-controls {
20158
+ }.v-date-picker-years {
20159
+ height: 320px;
20160
+ overflow-y: scroll;
20161
+ }
20162
+
20163
+ .v-date-picker-years__content {
20164
+ display: grid;
20165
+ flex: 1 1;
20166
+ justify-content: space-around;
20167
+ grid-template-columns: repeat(3, 1fr);
20168
+ gap: 8px 24px;
20169
+ padding-inline: 36px;
20170
+ }
20171
+ .v-date-picker-years__content .v-btn {
20172
+ padding-inline: 8px;
20173
+ }.v-expansion-panel {
20174
+ background-color: rgb(var(--v-theme-surface));
20175
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20176
+ }
20177
+ .v-expansion-panel:not(:first-child)::after {
20178
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20179
+ }
20180
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20181
+ color: rgba(var(--v-theme-on-surface), 0.26);
20182
+ }
20183
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20184
+ opacity: 0.4615384615;
20185
+ }
20186
+
20187
+ .v-expansion-panels {
20141
20188
  display: flex;
20142
- align-items: center;
20143
- justify-content: space-between;
20144
- font-size: 0.875rem;
20145
- padding-top: 4px;
20146
- padding-bottom: 4px;
20147
- padding-inline-start: 6px;
20148
- padding-inline-end: 12px;
20189
+ flex-wrap: wrap;
20190
+ justify-content: center;
20191
+ list-style-type: none;
20192
+ padding: 0;
20193
+ width: 100%;
20194
+ position: relative;
20195
+ z-index: 1;
20149
20196
  }
20150
- .v-date-picker-controls > .v-btn:first-child {
20151
- text-transform: none;
20152
- font-weight: 400;
20153
- line-height: initial;
20154
- letter-spacing: initial;
20197
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20198
+ border-bottom-left-radius: 0 !important;
20199
+ border-bottom-right-radius: 0 !important;
20155
20200
  }
20156
- .v-date-picker-controls--variant-classic {
20157
- padding-inline-start: 12px;
20201
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20202
+ border-top-left-radius: 0 !important;
20203
+ border-top-right-radius: 0 !important;
20158
20204
  }
20159
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20160
- opacity: 0.7;
20205
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20206
+ border-bottom-left-radius: 0 !important;
20207
+ border-bottom-right-radius: 0 !important;
20161
20208
  }
20162
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20163
- cursor: pointer;
20209
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20210
+ border-top-left-radius: 0 !important;
20211
+ border-top-right-radius: 0 !important;
20164
20212
  }
20165
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20166
- opacity: 1;
20213
+ .v-expansion-panels--variant-accordion > :first-child {
20214
+ border-bottom-left-radius: 0 !important;
20215
+ border-bottom-right-radius: 0 !important;
20167
20216
  }
20168
- .v-date-picker-controls .v-btn:last-child {
20169
- margin-inline-start: 4px;
20217
+ .v-expansion-panels--variant-accordion > :last-child {
20218
+ border-top-left-radius: 0 !important;
20219
+ border-top-right-radius: 0 !important;
20170
20220
  }
20171
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20172
- transform: rotate(180deg);
20221
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20222
+ border-bottom-left-radius: initial;
20223
+ border-bottom-right-radius: initial;
20224
+ }
20225
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20226
+ border-radius: 0 !important;
20227
+ }
20228
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20229
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20173
20230
  }
20174
20231
 
20175
- .v-date-picker-controls__date {
20176
- margin-inline-end: 4px;
20232
+ .v-expansion-panel {
20233
+ flex: 1 0 100%;
20234
+ max-width: 100%;
20235
+ position: relative;
20236
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20237
+ transition-property: margin-top, border-radius, border, max-width;
20238
+ border-radius: 4px;
20177
20239
  }
20178
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20179
- margin: auto;
20180
- text-align: center;
20240
+ .v-expansion-panel:not(:first-child)::after {
20241
+ border-top-style: solid;
20242
+ border-top-width: thin;
20243
+ content: "";
20244
+ left: 0;
20245
+ position: absolute;
20246
+ right: 0;
20247
+ top: 0;
20248
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20249
+ }
20250
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20251
+ pointer-events: none;
20252
+ }
20253
+ .v-expansion-panel--active:not(:first-child),
20254
+ .v-expansion-panel--active + .v-expansion-panel {
20255
+ margin-top: 16px;
20256
+ }
20257
+ .v-expansion-panel--active:not(:first-child)::after,
20258
+ .v-expansion-panel--active + .v-expansion-panel::after {
20259
+ opacity: 0;
20260
+ }
20261
+ .v-expansion-panel--active > .v-expansion-panel-title {
20262
+ border-bottom-left-radius: 0;
20263
+ border-bottom-right-radius: 0;
20264
+ }
20265
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20266
+ min-height: 64px;
20181
20267
  }
20182
20268
 
20183
- .v-date-picker-controls__month {
20269
+ .v-expansion-panel__shadow {
20270
+ position: absolute;
20271
+ top: 0;
20272
+ left: 0;
20273
+ width: 100%;
20274
+ height: 100%;
20275
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20276
+ border-radius: inherit;
20277
+ z-index: -1;
20278
+ }
20279
+
20280
+ .v-expansion-panel-title {
20281
+ align-items: center;
20282
+ text-align: start;
20283
+ border-radius: inherit;
20184
20284
  display: flex;
20285
+ font-size: 0.9375rem;
20286
+ line-height: 1;
20287
+ min-height: 48px;
20288
+ outline: none;
20289
+ padding: 16px 24px;
20290
+ position: relative;
20291
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20292
+ width: 100%;
20293
+ justify-content: space-between;
20185
20294
  }
20186
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20187
- flex-direction: row-reverse;
20295
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20296
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20297
+ }
20298
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20299
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20300
+ }
20301
+ @supports not selector(:focus-visible) {
20302
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20303
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20304
+ }
20305
+ }
20306
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20307
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20308
+ }
20309
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20310
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20311
+ }
20312
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20313
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20314
+ }
20315
+ @supports not selector(:focus-visible) {
20316
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20317
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20318
+ }
20319
+ }
20320
+ .v-expansion-panel-title--active::before {
20321
+ opacity: 0.12;
20188
20322
  }
20189
20323
 
20190
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20191
- flex: 1 0 auto;
20324
+ .v-expansion-panel-title__overlay {
20325
+ position: absolute;
20326
+ top: 0;
20327
+ left: 0;
20328
+ width: 100%;
20329
+ height: 100%;
20330
+ background-color: currentColor;
20331
+ border-radius: inherit;
20332
+ opacity: 0;
20192
20333
  }
20193
20334
 
20194
- .v-date-picker__title {
20195
- display: inline-block;
20196
- }.v-date-picker-months {
20197
- height: 320px;
20198
- overflow-y: scroll;
20335
+ .v-expansion-panel-title__icon {
20336
+ display: inline-flex;
20337
+ margin-bottom: -4px;
20338
+ margin-top: -4px;
20339
+ -webkit-user-select: none;
20340
+ user-select: none;
20341
+ margin-inline-start: auto;
20199
20342
  }
20200
20343
 
20201
- .v-date-picker-months__content {
20202
- align-items: center;
20203
- display: grid;
20204
- flex: 1 1;
20205
- height: inherit;
20206
- justify-content: space-around;
20207
- grid-template-columns: repeat(2, 1fr);
20208
- grid-gap: 4px 24px;
20209
- padding-inline-start: 36px;
20210
- padding-inline-end: 36px;
20344
+ .v-expansion-panel-text {
20345
+ display: flex;
20211
20346
  }
20212
- .v-date-picker-months__content .v-btn {
20213
- text-transform: none;
20214
- padding-inline-start: 8px;
20215
- padding-inline-end: 8px;
20216
- }.v-date-picker-years {
20217
- height: 320px;
20218
- overflow-y: scroll;
20347
+ .v-expansion-panel-text__wrapper {
20348
+ padding: 8px 24px 16px;
20349
+ flex: 1 1 auto;
20350
+ max-width: 100%;
20219
20351
  }
20220
20352
 
20221
- .v-date-picker-years__content {
20222
- display: grid;
20223
- flex: 1 1;
20224
- justify-content: space-around;
20225
- grid-template-columns: repeat(3, 1fr);
20226
- gap: 8px 24px;
20227
- padding-inline: 36px;
20353
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20354
+ margin-top: 0;
20228
20355
  }
20229
- .v-date-picker-years__content .v-btn {
20230
- padding-inline: 8px;
20231
- }.v-divider {
20232
- display: block;
20233
- flex: 1 1 100%;
20234
- height: 0px;
20235
- max-height: 0px;
20236
- opacity: var(--v-border-opacity);
20237
- transition: inherit;
20238
- border-style: solid;
20239
- border-width: thin 0 0 0;
20356
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20357
+ opacity: 1;
20240
20358
  }
20241
- .v-divider--vertical {
20242
- align-self: stretch;
20243
- border-width: 0 thin 0 0;
20244
- display: inline-flex;
20245
- height: inherit;
20246
- margin-left: -1px;
20247
- max-height: 100%;
20248
- max-width: 0px;
20249
- vertical-align: text-bottom;
20250
- width: 0px;
20359
+
20360
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20361
+ max-width: calc(100% - 32px);
20251
20362
  }
20252
- .v-divider--inset:not(.v-divider--vertical) {
20253
- max-width: calc(100% - 72px);
20254
- margin-inline-start: 72px;
20363
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20364
+ max-width: calc(100% + 16px);
20255
20365
  }
20256
- .v-divider--inset.v-divider--vertical {
20257
- margin-bottom: 8px;
20258
- margin-top: 8px;
20259
- max-height: calc(100% - 16px);
20366
+
20367
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20368
+ max-width: 100%;
20369
+ }
20370
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20371
+ max-width: calc(100% - 32px);
20260
20372
  }.v-dialog {
20261
20373
  align-items: center;
20262
20374
  justify-content: center;
@@ -20327,24 +20439,72 @@ html.overflow-y-hidden {
20327
20439
  min-width: 100%;
20328
20440
  border-radius: 0;
20329
20441
  }
20330
-
20331
- .v-dialog--scrollable > .v-overlay__content,
20332
- .v-dialog--scrollable > .v-overlay__content > form {
20333
- display: flex;
20442
+
20443
+ .v-dialog--scrollable > .v-overlay__content,
20444
+ .v-dialog--scrollable > .v-overlay__content > form {
20445
+ display: flex;
20446
+ }
20447
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20448
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20449
+ display: flex;
20450
+ flex: 1 1 100%;
20451
+ flex-direction: column;
20452
+ max-height: 100%;
20453
+ max-width: 100%;
20454
+ }
20455
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20456
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20457
+ -webkit-backface-visibility: hidden;
20458
+ backface-visibility: hidden;
20459
+ overflow-y: auto;
20460
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20461
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20462
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20463
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20464
+ top: 0px;
20465
+ }
20466
+ .v-file-input input[type=file] {
20467
+ height: 100%;
20468
+ left: 0;
20469
+ opacity: 0;
20470
+ position: absolute;
20471
+ top: 0;
20472
+ width: 100%;
20473
+ z-index: 1;
20474
+ }
20475
+ .v-file-input .v-input__details {
20476
+ padding-inline: 16px;
20477
+ }
20478
+ .v-input--plain-underlined.v-file-input .v-input__details {
20479
+ padding-inline: 0;
20480
+ }.v-footer {
20481
+ align-items: center;
20482
+ display: flex;
20483
+ flex: 1 1 auto;
20484
+ padding: 8px 16px;
20485
+ position: relative;
20486
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20487
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
20488
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20489
+ border-style: solid;
20490
+ border-width: 0;
20491
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
20492
+ border-radius: 0;
20493
+ background: rgb(var(--v-theme-surface));
20494
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20495
+ }
20496
+ .v-footer--border {
20497
+ border-width: thin;
20498
+ box-shadow: none;
20499
+ }
20500
+ .v-footer--absolute {
20501
+ position: absolute;
20334
20502
  }
20335
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20336
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20337
- display: flex;
20338
- flex: 1 1 100%;
20339
- flex-direction: column;
20340
- max-height: 100%;
20341
- max-width: 100%;
20503
+ .v-footer--fixed {
20504
+ position: fixed;
20342
20505
  }
20343
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20344
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20345
- -webkit-backface-visibility: hidden;
20346
- backface-visibility: hidden;
20347
- overflow-y: auto;
20506
+ .v-footer--rounded {
20507
+ border-radius: 4px;
20348
20508
  }/* region INPUT */
20349
20509
  .v-field {
20350
20510
  display: grid;
@@ -20851,297 +21011,50 @@ textarea.v-field__input::placeholder {
20851
21011
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20852
21012
  }
20853
21013
  @media (hover: hover) {
20854
- .v-field--variant-solo-filled:hover .v-field__overlay {
20855
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20856
- }
20857
- }
20858
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
20859
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20860
- }
20861
-
20862
- .v-field--variant-solo-inverted .v-field__overlay {
20863
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20864
- }
20865
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
20866
- opacity: 0;
20867
- }
20868
- @media (hover: hover) {
20869
- .v-field--variant-solo-inverted:hover .v-field__overlay {
20870
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20871
- }
20872
- }
20873
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
20874
- background-color: rgb(var(--v-theme-surface-variant));
20875
- opacity: 1;
20876
- }
20877
-
20878
- /* endregion */
20879
- /* region MODIFIERS */
20880
- .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
20881
- flex-direction: row-reverse;
20882
- }
20883
- .v-field--reverse .v-field__input, .v-field--reverse input {
20884
- text-align: end;
20885
- }
20886
-
20887
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
20888
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
20889
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
20890
- }
20891
-
20892
- .v-field--loading .v-field__outline::after,
20893
- .v-field--loading .v-field__outline::before {
20894
- opacity: 0;
20895
- }
20896
-
20897
- /* endregion */.v-expansion-panel {
20898
- background-color: rgb(var(--v-theme-surface));
20899
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20900
- }
20901
- .v-expansion-panel:not(:first-child)::after {
20902
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20903
- }
20904
- .v-expansion-panel--disabled .v-expansion-panel-title {
20905
- color: rgba(var(--v-theme-on-surface), 0.26);
20906
- }
20907
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20908
- opacity: 0.4615384615;
20909
- }
20910
-
20911
- .v-expansion-panels {
20912
- display: flex;
20913
- flex-wrap: wrap;
20914
- justify-content: center;
20915
- list-style-type: none;
20916
- padding: 0;
20917
- width: 100%;
20918
- position: relative;
20919
- z-index: 1;
20920
- }
20921
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20922
- border-bottom-left-radius: 0 !important;
20923
- border-bottom-right-radius: 0 !important;
20924
- }
20925
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20926
- border-top-left-radius: 0 !important;
20927
- border-top-right-radius: 0 !important;
20928
- }
20929
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20930
- border-bottom-left-radius: 0 !important;
20931
- border-bottom-right-radius: 0 !important;
20932
- }
20933
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20934
- border-top-left-radius: 0 !important;
20935
- border-top-right-radius: 0 !important;
20936
- }
20937
- .v-expansion-panels--variant-accordion > :first-child {
20938
- border-bottom-left-radius: 0 !important;
20939
- border-bottom-right-radius: 0 !important;
20940
- }
20941
- .v-expansion-panels--variant-accordion > :last-child {
20942
- border-top-left-radius: 0 !important;
20943
- border-top-right-radius: 0 !important;
20944
- }
20945
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20946
- border-bottom-left-radius: initial;
20947
- border-bottom-right-radius: initial;
20948
- }
20949
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20950
- border-radius: 0 !important;
20951
- }
20952
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20953
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20954
- }
20955
-
20956
- .v-expansion-panel {
20957
- flex: 1 0 100%;
20958
- max-width: 100%;
20959
- position: relative;
20960
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20961
- transition-property: margin-top, border-radius, border, max-width;
20962
- border-radius: 4px;
20963
- }
20964
- .v-expansion-panel:not(:first-child)::after {
20965
- border-top-style: solid;
20966
- border-top-width: thin;
20967
- content: "";
20968
- left: 0;
20969
- position: absolute;
20970
- right: 0;
20971
- top: 0;
20972
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20973
- }
20974
- .v-expansion-panel--disabled .v-expansion-panel-title {
20975
- pointer-events: none;
20976
- }
20977
- .v-expansion-panel--active:not(:first-child),
20978
- .v-expansion-panel--active + .v-expansion-panel {
20979
- margin-top: 16px;
20980
- }
20981
- .v-expansion-panel--active:not(:first-child)::after,
20982
- .v-expansion-panel--active + .v-expansion-panel::after {
20983
- opacity: 0;
20984
- }
20985
- .v-expansion-panel--active > .v-expansion-panel-title {
20986
- border-bottom-left-radius: 0;
20987
- border-bottom-right-radius: 0;
20988
- }
20989
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20990
- min-height: 64px;
20991
- }
20992
-
20993
- .v-expansion-panel__shadow {
20994
- position: absolute;
20995
- top: 0;
20996
- left: 0;
20997
- width: 100%;
20998
- height: 100%;
20999
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21000
- border-radius: inherit;
21001
- z-index: -1;
21002
- }
21003
-
21004
- .v-expansion-panel-title {
21005
- align-items: center;
21006
- text-align: start;
21007
- border-radius: inherit;
21008
- display: flex;
21009
- font-size: 0.9375rem;
21010
- line-height: 1;
21011
- min-height: 48px;
21012
- outline: none;
21013
- padding: 16px 24px;
21014
- position: relative;
21015
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21016
- width: 100%;
21017
- justify-content: space-between;
21018
- }
21019
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21020
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21021
- }
21022
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21023
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21024
- }
21025
- @supports not selector(:focus-visible) {
21026
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21027
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21028
- }
21029
- }
21030
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
21031
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21032
- }
21033
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
21034
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21035
- }
21036
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
21037
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21038
- }
21039
- @supports not selector(:focus-visible) {
21040
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
21041
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21042
- }
21043
- }
21044
- .v-expansion-panel-title--active::before {
21045
- opacity: 0.12;
21046
- }
21047
-
21048
- .v-expansion-panel-title__overlay {
21049
- position: absolute;
21050
- top: 0;
21051
- left: 0;
21052
- width: 100%;
21053
- height: 100%;
21054
- background-color: currentColor;
21055
- border-radius: inherit;
21056
- opacity: 0;
21057
- }
21058
-
21059
- .v-expansion-panel-title__icon {
21060
- display: inline-flex;
21061
- margin-bottom: -4px;
21062
- margin-top: -4px;
21063
- -webkit-user-select: none;
21064
- user-select: none;
21065
- margin-inline-start: auto;
21066
- }
21067
-
21068
- .v-expansion-panel-text {
21069
- display: flex;
21070
- }
21071
- .v-expansion-panel-text__wrapper {
21072
- padding: 8px 24px 16px;
21073
- flex: 1 1 auto;
21074
- max-width: 100%;
21075
- }
21076
-
21077
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21078
- margin-top: 0;
21079
- }
21080
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21081
- opacity: 1;
21082
- }
21083
-
21084
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21085
- max-width: calc(100% - 32px);
21014
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21015
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21016
+ }
21086
21017
  }
21087
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21088
- max-width: calc(100% + 16px);
21018
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21019
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21089
21020
  }
21090
21021
 
21091
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21092
- max-width: 100%;
21093
- }
21094
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21095
- max-width: calc(100% - 32px);
21096
- }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21097
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21098
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21099
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21100
- top: 0px;
21022
+ .v-field--variant-solo-inverted .v-field__overlay {
21023
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21101
21024
  }
21102
- .v-file-input input[type=file] {
21103
- height: 100%;
21104
- left: 0;
21025
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21105
21026
  opacity: 0;
21106
- position: absolute;
21107
- top: 0;
21108
- width: 100%;
21109
- z-index: 1;
21110
21027
  }
21111
- .v-file-input .v-input__details {
21112
- padding-inline: 16px;
21028
+ @media (hover: hover) {
21029
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21030
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21031
+ }
21113
21032
  }
21114
- .v-input--plain-underlined.v-file-input .v-input__details {
21115
- padding-inline: 0;
21116
- }.v-footer {
21117
- align-items: center;
21118
- display: flex;
21119
- flex: 1 1 auto;
21120
- padding: 8px 16px;
21121
- position: relative;
21122
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21123
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21124
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21125
- border-style: solid;
21126
- border-width: 0;
21127
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21128
- border-radius: 0;
21129
- background: rgb(var(--v-theme-surface));
21130
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21033
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21034
+ background-color: rgb(var(--v-theme-surface-variant));
21035
+ opacity: 1;
21131
21036
  }
21132
- .v-footer--border {
21133
- border-width: thin;
21134
- box-shadow: none;
21037
+
21038
+ /* endregion */
21039
+ /* region MODIFIERS */
21040
+ .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
21041
+ flex-direction: row-reverse;
21135
21042
  }
21136
- .v-footer--absolute {
21137
- position: absolute;
21043
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21044
+ text-align: end;
21138
21045
  }
21139
- .v-footer--fixed {
21140
- position: fixed;
21046
+
21047
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21048
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21049
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21141
21050
  }
21142
- .v-footer--rounded {
21143
- border-radius: 4px;
21144
- }.v-icon {
21051
+
21052
+ .v-field--loading .v-field__outline::after,
21053
+ .v-field--loading .v-field__outline::before {
21054
+ opacity: 0;
21055
+ }
21056
+
21057
+ /* endregion */.v-icon {
21145
21058
  --v-icon-size-multiplier: 1;
21146
21059
  align-items: center;
21147
21060
  display: inline-flex;
@@ -21223,36 +21136,6 @@ textarea.v-field__input::placeholder {
21223
21136
 
21224
21137
  .v-img__gradient {
21225
21138
  background-repeat: no-repeat;
21226
- }.v-infinite-scroll--horizontal {
21227
- display: flex;
21228
- flex-direction: row;
21229
- overflow-x: auto;
21230
- }
21231
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21232
- height: 100%;
21233
- width: 1px;
21234
- }
21235
-
21236
- .v-infinite-scroll--vertical {
21237
- display: flex;
21238
- flex-direction: column;
21239
- overflow-y: auto;
21240
- }
21241
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21242
- height: 1px;
21243
- width: 100%;
21244
- }
21245
-
21246
- .v-infinite-scroll__side {
21247
- align-items: center;
21248
- display: flex;
21249
- justify-content: center;
21250
- padding: 8px;
21251
- }.v-item-group {
21252
- flex: 0 1 auto;
21253
- max-width: 100%;
21254
- position: relative;
21255
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21256
21139
  }.v-input {
21257
21140
  display: grid;
21258
21141
  flex: 1 1 auto;
@@ -21395,6 +21278,31 @@ textarea.v-field__input::placeholder {
21395
21278
 
21396
21279
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21397
21280
  padding-top: calc(var(--v-input-padding-top) + 0px);
21281
+ }.v-infinite-scroll--horizontal {
21282
+ display: flex;
21283
+ flex-direction: row;
21284
+ overflow-x: auto;
21285
+ }
21286
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21287
+ height: 100%;
21288
+ width: 1px;
21289
+ }
21290
+
21291
+ .v-infinite-scroll--vertical {
21292
+ display: flex;
21293
+ flex-direction: column;
21294
+ overflow-y: auto;
21295
+ }
21296
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21297
+ height: 1px;
21298
+ width: 100%;
21299
+ }
21300
+
21301
+ .v-infinite-scroll__side {
21302
+ align-items: center;
21303
+ display: flex;
21304
+ justify-content: center;
21305
+ padding: 8px;
21398
21306
  }.v-label {
21399
21307
  align-items: center;
21400
21308
  color: inherit;
@@ -21425,6 +21333,11 @@ textarea.v-field__input::placeholder {
21425
21333
 
21426
21334
  .v-layout-item--absolute {
21427
21335
  position: absolute;
21336
+ }.v-item-group {
21337
+ flex: 0 1 auto;
21338
+ max-width: 100%;
21339
+ position: relative;
21340
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21428
21341
  }.v-list {
21429
21342
  overflow: auto;
21430
21343
  padding: 8px 0;
@@ -21959,6 +21872,19 @@ textarea.v-field__input::placeholder {
21959
21872
  }
21960
21873
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21961
21874
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21875
+ }.v-menu > .v-overlay__content {
21876
+ display: flex;
21877
+ flex-direction: column;
21878
+ border-radius: 4px;
21879
+ }
21880
+ .v-menu > .v-overlay__content > .v-card,
21881
+ .v-menu > .v-overlay__content > .v-sheet,
21882
+ .v-menu > .v-overlay__content > .v-list {
21883
+ background: rgb(var(--v-theme-surface));
21884
+ border-radius: inherit;
21885
+ overflow: auto;
21886
+ height: 100%;
21887
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21962
21888
  }.v-locale-provider {
21963
21889
  display: contents;
21964
21890
  }.v-main {
@@ -21989,19 +21915,22 @@ textarea.v-field__input::placeholder {
21989
21915
  --v-layout-right: 0px;
21990
21916
  --v-layout-top: 0px;
21991
21917
  --v-layout-bottom: 0px;
21992
- }.v-menu > .v-overlay__content {
21993
- display: flex;
21994
- flex-direction: column;
21995
- border-radius: 4px;
21918
+ }.v-messages {
21919
+ flex: 1 1 auto;
21920
+ font-size: 12px;
21921
+ min-height: 14px;
21922
+ min-width: 1px;
21923
+ opacity: var(--v-medium-emphasis-opacity);
21924
+ position: relative;
21996
21925
  }
21997
- .v-menu > .v-overlay__content > .v-card,
21998
- .v-menu > .v-overlay__content > .v-sheet,
21999
- .v-menu > .v-overlay__content > .v-list {
22000
- background: rgb(var(--v-theme-surface));
22001
- border-radius: inherit;
22002
- overflow: auto;
22003
- height: 100%;
22004
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21926
+ .v-messages__message {
21927
+ line-height: 12px;
21928
+ word-break: break-word;
21929
+ overflow-wrap: break-word;
21930
+ word-wrap: break-word;
21931
+ -webkit-hyphens: auto;
21932
+ hyphens: auto;
21933
+ transition-duration: 150ms;
22005
21934
  }.v-navigation-drawer {
22006
21935
  -webkit-overflow-scrolling: touch;
22007
21936
  background: rgb(var(--v-theme-surface));
@@ -22100,22 +22029,6 @@ textarea.v-field__input::placeholder {
22100
22029
  .v-navigation-drawer__append {
22101
22030
  flex: none;
22102
22031
  overflow: hidden;
22103
- }.v-messages {
22104
- flex: 1 1 auto;
22105
- font-size: 12px;
22106
- min-height: 14px;
22107
- min-width: 1px;
22108
- opacity: var(--v-medium-emphasis-opacity);
22109
- position: relative;
22110
- }
22111
- .v-messages__message {
22112
- line-height: 12px;
22113
- word-break: break-word;
22114
- overflow-wrap: break-word;
22115
- word-wrap: break-word;
22116
- -webkit-hyphens: auto;
22117
- hyphens: auto;
22118
- transition-duration: 150ms;
22119
22032
  }.v-otp-input {
22120
22033
  border-radius: 4px;
22121
22034
  align-items: center;
@@ -22169,6 +22082,12 @@ textarea.v-field__input::placeholder {
22169
22082
  height: 100%;
22170
22083
  justify-content: center;
22171
22084
  width: 100%;
22085
+ }.v-parallax {
22086
+ position: relative;
22087
+ overflow: hidden;
22088
+ }
22089
+ .v-parallax--active > .v-img__img {
22090
+ will-change: transform;
22172
22091
  }.v-overlay-container {
22173
22092
  contain: layout;
22174
22093
  left: 0;
@@ -22232,12 +22151,6 @@ html.v-overlay-scroll-blocked {
22232
22151
 
22233
22152
  .v-overlay--scroll-blocked {
22234
22153
  padding-inline-end: var(--v-scrollbar-offset);
22235
- }.v-parallax {
22236
- position: relative;
22237
- overflow: hidden;
22238
- }
22239
- .v-parallax--active > .v-img__img {
22240
- will-change: transform;
22241
22154
  }.v-pagination__list {
22242
22155
  display: inline-flex;
22243
22156
  list-style-type: none;
@@ -22348,18 +22261,6 @@ html.v-overlay-scroll-blocked {
22348
22261
  100% {
22349
22262
  transform: rotate(270deg);
22350
22263
  }
22351
- }.v-radio-group > .v-input__control {
22352
- flex-direction: column;
22353
- }
22354
- .v-radio-group > .v-input__control > .v-label {
22355
- margin-inline-start: 16px;
22356
- }
22357
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22358
- padding-inline-start: 6px;
22359
- margin-top: 8px;
22360
- }
22361
- .v-radio-group .v-input__details {
22362
- padding-inline: 16px;
22363
22264
  }.v-progress-linear {
22364
22265
  background: transparent;
22365
22266
  overflow: hidden;
@@ -22570,6 +22471,18 @@ html.v-overlay-scroll-blocked {
22570
22471
  0% {
22571
22472
  background-position-x: var(--v-progress-linear-height);
22572
22473
  }
22474
+ }.v-radio-group > .v-input__control {
22475
+ flex-direction: column;
22476
+ }
22477
+ .v-radio-group > .v-input__control > .v-label {
22478
+ margin-inline-start: 16px;
22479
+ }
22480
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22481
+ padding-inline-start: 6px;
22482
+ margin-top: 8px;
22483
+ }
22484
+ .v-radio-group .v-input__details {
22485
+ padding-inline: 16px;
22573
22486
  }.v-slider .v-slider__container input {
22574
22487
  cursor: default;
22575
22488
  padding: 0;
@@ -22848,14 +22761,42 @@ html.v-overlay-scroll-blocked {
22848
22761
  .v-selection-control__input > .v-icon {
22849
22762
  opacity: var(--v-medium-emphasis-opacity);
22850
22763
  }
22851
- .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 {
22852
- opacity: 1;
22764
+ .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 {
22765
+ opacity: 1;
22766
+ }
22767
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
22768
+ color: rgb(var(--v-theme-error));
22769
+ }
22770
+ .v-selection-control--focus-visible .v-selection-control__input::before {
22771
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22772
+ }.v-sheet {
22773
+ display: block;
22774
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22775
+ border-style: solid;
22776
+ border-width: 0;
22777
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22778
+ border-radius: 0;
22779
+ background: rgb(var(--v-theme-surface));
22780
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22781
+ }
22782
+ .v-sheet--border {
22783
+ border-width: thin;
22784
+ box-shadow: none;
22785
+ }
22786
+ .v-sheet--absolute {
22787
+ position: absolute;
22788
+ }
22789
+ .v-sheet--fixed {
22790
+ position: fixed;
22853
22791
  }
22854
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
22855
- color: rgb(var(--v-theme-error));
22792
+ .v-sheet--relative {
22793
+ position: relative;
22856
22794
  }
22857
- .v-selection-control--focus-visible .v-selection-control__input::before {
22858
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22795
+ .v-sheet--sticky {
22796
+ position: sticky;
22797
+ }
22798
+ .v-sheet--rounded {
22799
+ border-radius: 4px;
22859
22800
  }.v-skeleton-loader {
22860
22801
  align-items: center;
22861
22802
  background: rgb(var(--v-theme-surface));
@@ -23129,153 +23070,72 @@ html.v-overlay-scroll-blocked {
23129
23070
  .v-slide-group--vertical .v-slide-group__container,
23130
23071
  .v-slide-group--vertical .v-slide-group__content {
23131
23072
  flex-direction: column;
23132
- }.v-sheet {
23133
- display: block;
23134
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23135
- border-style: solid;
23136
- border-width: 0;
23137
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23138
- border-radius: 0;
23139
- background: rgb(var(--v-theme-surface));
23140
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23141
- }
23142
- .v-sheet--border {
23143
- border-width: thin;
23144
- box-shadow: none;
23145
- }
23146
- .v-sheet--absolute {
23147
- position: absolute;
23148
- }
23149
- .v-sheet--fixed {
23150
- position: fixed;
23151
- }
23152
- .v-sheet--relative {
23153
- position: relative;
23154
- }
23155
- .v-sheet--sticky {
23156
- position: sticky;
23157
- }
23158
- .v-sheet--rounded {
23159
- border-radius: 4px;
23160
- }.v-snackbar {
23161
- justify-content: center;
23162
- z-index: 10000;
23163
- margin: 8px;
23164
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23165
- }
23166
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23167
- align-items: flex-end;
23168
- }
23169
- .v-snackbar__wrapper {
23073
+ }.v-stepper-item {
23170
23074
  align-items: center;
23171
- display: flex;
23172
- max-width: 672px;
23173
- min-height: 48px;
23174
- min-width: 344px;
23175
- overflow: hidden;
23176
- padding: 0;
23177
- border-radius: 4px;
23178
- }
23179
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23180
- background: transparent;
23181
- color: inherit;
23182
- }
23183
- .v-snackbar--variant-plain {
23184
- opacity: 0.62;
23075
+ align-self: stretch;
23076
+ display: inline-flex;
23077
+ flex: none;
23078
+ opacity: var(--v-medium-emphasis-opacity);
23079
+ padding: 1.5rem;
23080
+ transition-duration: 0.2s;
23081
+ transition-property: opacity;
23082
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23185
23083
  }
23186
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23084
+ .v-stepper-item--selected {
23187
23085
  opacity: 1;
23188
23086
  }
23189
- .v-snackbar--variant-plain .v-snackbar__overlay {
23190
- display: none;
23191
- }
23192
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23193
- background: rgb(var(--v-theme-surface-variant));
23194
- color: rgb(var(--v-theme-on-surface-variant));
23195
- }
23196
- .v-snackbar--variant-elevated {
23197
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23198
- }
23199
- .v-snackbar--variant-flat {
23200
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23201
- }
23202
- .v-snackbar--variant-outlined {
23203
- border: thin solid currentColor;
23204
- }
23205
- .v-snackbar--variant-text .v-snackbar__overlay {
23206
- background: currentColor;
23087
+ .v-stepper-item--error {
23088
+ color: rgb(var(--v-theme-error));
23207
23089
  }
23208
- .v-snackbar--variant-tonal .v-snackbar__underlay {
23209
- background: currentColor;
23210
- opacity: var(--v-activated-opacity);
23211
- border-radius: inherit;
23212
- position: absolute;
23213
- top: 0;
23214
- right: 0;
23215
- bottom: 0;
23216
- left: 0;
23090
+ .v-stepper-item--disabled {
23091
+ opacity: var(--v-medium-emphasis-opacity);
23217
23092
  pointer-events: none;
23218
23093
  }
23219
-
23220
- .v-snackbar__content {
23221
- flex-grow: 1;
23222
- font-size: 0.875rem;
23223
- font-weight: 400;
23224
- letter-spacing: 0.0178571429em;
23225
- line-height: 1.25rem;
23226
- margin-right: auto;
23227
- padding: 14px 16px;
23228
- text-align: initial;
23229
- }
23230
- .v-snackbar__actions {
23094
+ .v-stepper--alt-labels .v-stepper-item {
23095
+ flex-direction: column;
23096
+ justify-content: flex-start;
23231
23097
  align-items: center;
23232
- align-self: center;
23233
- display: flex;
23234
- margin-inline-end: 8px;
23235
- }
23236
- .v-snackbar__actions > .v-btn {
23237
- padding: 0 8px;
23238
- min-width: auto;
23239
- }
23240
- .v-snackbar__timer {
23241
- width: 100%;
23242
- position: absolute;
23243
- top: 0;
23098
+ flex-basis: 175px;
23244
23099
  }
23245
- .v-snackbar__timer .v-progress-linear {
23246
- transition: 0.2s linear;
23100
+
23101
+ .v-stepper-item__avatar.v-avatar {
23102
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23103
+ color: rgb(var(--v-theme-on-surface-variant));
23104
+ font-size: 0.75rem;
23105
+ margin-inline-end: 8px;
23247
23106
  }
23248
- .v-snackbar--absolute {
23249
- position: absolute;
23250
- z-index: 1;
23107
+ .v-stepper-item__avatar.v-avatar .v-icon {
23108
+ font-size: 0.875rem;
23251
23109
  }
23252
- .v-snackbar--multi-line .v-snackbar__wrapper {
23253
- min-height: 68px;
23110
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23111
+ background: rgb(var(--v-theme-surface-variant));
23254
23112
  }
23255
- .v-snackbar--vertical .v-snackbar__wrapper {
23256
- flex-direction: column;
23113
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23114
+ background: rgb(var(--v-theme-error));
23257
23115
  }
23258
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23259
- align-self: flex-end;
23260
- margin-bottom: 8px;
23116
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23117
+ margin-bottom: 16px;
23118
+ margin-inline-end: 0;
23261
23119
  }
23262
23120
 
23263
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23264
- transition-duration: 0.15s;
23265
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23121
+ .v-stepper-item__title {
23122
+ line-height: 1;
23266
23123
  }
23267
- .v-snackbar-transition-enter-active {
23268
- transition-property: opacity, transform;
23124
+ .v-stepper--mobile .v-stepper-item__title {
23125
+ display: none;
23269
23126
  }
23270
- .v-snackbar-transition-enter-from {
23271
- opacity: 0;
23272
- transform: scale(0.8);
23127
+
23128
+ .v-stepper-item__subtitle {
23129
+ font-size: 0.75rem;
23130
+ text-align: left;
23131
+ line-height: 1;
23132
+ opacity: var(--v-medium-emphasis-opacity);
23273
23133
  }
23274
- .v-snackbar-transition-leave-active {
23275
- transition-property: opacity;
23134
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23135
+ text-align: center;
23276
23136
  }
23277
- .v-snackbar-transition-leave-to {
23278
- opacity: 0;
23137
+ .v-stepper--mobile .v-stepper-item__subtitle {
23138
+ display: none;
23279
23139
  }.v-stepper.v-sheet {
23280
23140
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23281
23141
  border-radius: 4px;
@@ -23306,92 +23166,26 @@ html.v-overlay-scroll-blocked {
23306
23166
  .v-stepper--alt-labels .v-stepper-header {
23307
23167
  height: auto;
23308
23168
  }
23309
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23310
- align-self: flex-start;
23311
- margin: 35px -67px 0;
23312
- }
23313
-
23314
- .v-stepper-window {
23315
- margin: 1.5rem;
23316
- }
23317
-
23318
- .v-stepper-actions {
23319
- display: flex;
23320
- align-items: center;
23321
- justify-content: space-between;
23322
- padding: 1rem;
23323
- }
23324
- .v-stepper .v-stepper-actions {
23325
- padding: 0 1.5rem 1rem;
23326
- }
23327
- .v-stepper-window-item .v-stepper-actions {
23328
- padding: 1.5rem 0 0;
23329
- }.v-stepper-item {
23330
- align-items: center;
23331
- align-self: stretch;
23332
- display: inline-flex;
23333
- flex: none;
23334
- opacity: var(--v-medium-emphasis-opacity);
23335
- padding: 1.5rem;
23336
- transition-duration: 0.2s;
23337
- transition-property: opacity;
23338
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23339
- }
23340
- .v-stepper-item--selected {
23341
- opacity: 1;
23342
- }
23343
- .v-stepper-item--error {
23344
- color: rgb(var(--v-theme-error));
23345
- }
23346
- .v-stepper-item--disabled {
23347
- opacity: var(--v-medium-emphasis-opacity);
23348
- pointer-events: none;
23349
- }
23350
- .v-stepper--alt-labels .v-stepper-item {
23351
- flex-direction: column;
23352
- justify-content: flex-start;
23353
- align-items: center;
23354
- flex-basis: 175px;
23355
- }
23356
-
23357
- .v-stepper-item__avatar.v-avatar {
23358
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23359
- color: rgb(var(--v-theme-on-surface-variant));
23360
- font-size: 0.75rem;
23361
- margin-inline-end: 8px;
23362
- }
23363
- .v-stepper-item__avatar.v-avatar .v-icon {
23364
- font-size: 0.875rem;
23365
- }
23366
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23367
- background: rgb(var(--v-theme-surface-variant));
23368
- }
23369
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23370
- background: rgb(var(--v-theme-error));
23371
- }
23372
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23373
- margin-bottom: 16px;
23374
- margin-inline-end: 0;
23169
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23170
+ align-self: flex-start;
23171
+ margin: 35px -67px 0;
23375
23172
  }
23376
23173
 
23377
- .v-stepper-item__title {
23378
- line-height: 1;
23379
- }
23380
- .v-stepper--mobile .v-stepper-item__title {
23381
- display: none;
23174
+ .v-stepper-window {
23175
+ margin: 1.5rem;
23382
23176
  }
23383
23177
 
23384
- .v-stepper-item__subtitle {
23385
- font-size: 0.75rem;
23386
- text-align: left;
23387
- line-height: 1;
23388
- opacity: var(--v-medium-emphasis-opacity);
23178
+ .v-stepper-actions {
23179
+ display: flex;
23180
+ align-items: center;
23181
+ justify-content: space-between;
23182
+ padding: 1rem;
23389
23183
  }
23390
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23391
- text-align: center;
23184
+ .v-stepper .v-stepper-actions {
23185
+ padding: 0 1.5rem 1rem;
23392
23186
  }
23393
- .v-stepper--mobile .v-stepper-item__subtitle {
23394
- display: none;
23187
+ .v-stepper-window-item .v-stepper-actions {
23188
+ padding: 1.5rem 0 0;
23395
23189
  }.v-switch .v-label {
23396
23190
  padding-inline-start: 10px;
23397
23191
  }
@@ -23483,72 +23277,162 @@ html.v-overlay-scroll-blocked {
23483
23277
  }
23484
23278
  .v-switch.v-switch--inset .v-selection-control__wrapper {
23485
23279
  width: auto;
23486
- }.v-tabs {
23280
+ }.v-snackbar {
23281
+ justify-content: center;
23282
+ z-index: 10000;
23283
+ margin: 8px;
23284
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23285
+ }
23286
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23287
+ align-items: flex-end;
23288
+ }
23289
+ .v-snackbar__wrapper {
23290
+ align-items: center;
23487
23291
  display: flex;
23488
- height: var(--v-tabs-height);
23292
+ max-width: 672px;
23293
+ min-height: 48px;
23294
+ min-width: 344px;
23295
+ overflow: hidden;
23296
+ padding: 0;
23297
+ border-radius: 4px;
23489
23298
  }
23490
- .v-tabs--density-default {
23491
- --v-tabs-height: 48px;
23299
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23300
+ background: transparent;
23301
+ color: inherit;
23492
23302
  }
23493
- .v-tabs--density-default.v-tabs--stacked {
23494
- --v-tabs-height: 72px;
23303
+ .v-snackbar--variant-plain {
23304
+ opacity: 0.62;
23495
23305
  }
23496
-
23497
- .v-tabs--density-comfortable {
23498
- --v-tabs-height: 44px;
23306
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23307
+ opacity: 1;
23499
23308
  }
23500
- .v-tabs--density-comfortable.v-tabs--stacked {
23501
- --v-tabs-height: 68px;
23309
+ .v-snackbar--variant-plain .v-snackbar__overlay {
23310
+ display: none;
23502
23311
  }
23503
-
23504
- .v-tabs--density-compact {
23505
- --v-tabs-height: 36px;
23312
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23313
+ background: rgb(var(--v-theme-surface-variant));
23314
+ color: rgb(var(--v-theme-on-surface-variant));
23506
23315
  }
23507
- .v-tabs--density-compact.v-tabs--stacked {
23508
- --v-tabs-height: 60px;
23316
+ .v-snackbar--variant-elevated {
23317
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23509
23318
  }
23510
-
23511
- .v-tabs.v-slide-group--vertical {
23512
- height: auto;
23513
- flex: none;
23514
- --v-tabs-height: 48px;
23319
+ .v-snackbar--variant-flat {
23320
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23515
23321
  }
23516
-
23517
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23518
- margin-inline-start: 42px;
23322
+ .v-snackbar--variant-outlined {
23323
+ border: thin solid currentColor;
23519
23324
  }
23520
-
23521
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23522
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23523
- margin-inline-end: auto;
23325
+ .v-snackbar--variant-text .v-snackbar__overlay {
23326
+ background: currentColor;
23524
23327
  }
23525
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23526
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23527
- margin-inline-start: auto;
23328
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
23329
+ background: currentColor;
23330
+ opacity: var(--v-activated-opacity);
23331
+ border-radius: inherit;
23332
+ position: absolute;
23333
+ top: 0;
23334
+ right: 0;
23335
+ bottom: 0;
23336
+ left: 0;
23337
+ pointer-events: none;
23528
23338
  }
23529
23339
 
23530
- .v-tabs--grow {
23340
+ .v-snackbar__content {
23531
23341
  flex-grow: 1;
23342
+ font-size: 0.875rem;
23343
+ font-weight: 400;
23344
+ letter-spacing: 0.0178571429em;
23345
+ line-height: 1.25rem;
23346
+ margin-right: auto;
23347
+ padding: 14px 16px;
23348
+ text-align: initial;
23532
23349
  }
23533
- .v-tabs--grow .v-tab {
23534
- flex: 1 0 auto;
23535
- max-width: none;
23350
+ .v-snackbar__actions {
23351
+ align-items: center;
23352
+ align-self: center;
23353
+ display: flex;
23354
+ margin-inline-end: 8px;
23536
23355
  }
23537
-
23538
- .v-tabs--align-tabs-end .v-tab:first-child {
23539
- margin-inline-start: auto;
23356
+ .v-snackbar__actions > .v-btn {
23357
+ padding: 0 8px;
23358
+ min-width: auto;
23540
23359
  }
23541
- .v-tabs--align-tabs-end .v-tab:last-child {
23542
- margin-inline-end: 0;
23360
+ .v-snackbar__timer {
23361
+ width: 100%;
23362
+ position: absolute;
23363
+ top: 0;
23364
+ }
23365
+ .v-snackbar__timer .v-progress-linear {
23366
+ transition: 0.2s linear;
23367
+ }
23368
+ .v-snackbar--absolute {
23369
+ position: absolute;
23370
+ z-index: 1;
23371
+ }
23372
+ .v-snackbar--multi-line .v-snackbar__wrapper {
23373
+ min-height: 68px;
23374
+ }
23375
+ .v-snackbar--vertical .v-snackbar__wrapper {
23376
+ flex-direction: column;
23377
+ }
23378
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23379
+ align-self: flex-end;
23380
+ margin-bottom: 8px;
23543
23381
  }
23544
23382
 
23545
- @media (max-width: 1279.98px) {
23546
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23547
- margin-inline-start: 52px;
23548
- }
23549
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23550
- margin-inline-end: 52px;
23551
- }
23383
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23384
+ transition-duration: 0.15s;
23385
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23386
+ }
23387
+ .v-snackbar-transition-enter-active {
23388
+ transition-property: opacity, transform;
23389
+ }
23390
+ .v-snackbar-transition-enter-from {
23391
+ opacity: 0;
23392
+ transform: scale(0.8);
23393
+ }
23394
+ .v-snackbar-transition-leave-active {
23395
+ transition-property: opacity;
23396
+ }
23397
+ .v-snackbar-transition-leave-to {
23398
+ opacity: 0;
23399
+ }.v-system-bar {
23400
+ align-items: center;
23401
+ display: flex;
23402
+ flex: 1 1 auto;
23403
+ height: 24px;
23404
+ justify-content: flex-end;
23405
+ max-width: 100%;
23406
+ padding-inline: 8px;
23407
+ position: relative;
23408
+ text-align: end;
23409
+ width: 100%;
23410
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23411
+ background: rgba(var(--v-theme-on-surface-variant));
23412
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23413
+ font-size: 0.75rem;
23414
+ font-weight: 400;
23415
+ letter-spacing: 0.0333333333em;
23416
+ line-height: 1.25rem;
23417
+ text-transform: none;
23418
+ }
23419
+ .v-system-bar .v-icon {
23420
+ opacity: var(--v-medium-emphasis-opacity);
23421
+ }
23422
+ .v-system-bar--absolute {
23423
+ position: absolute;
23424
+ }
23425
+ .v-system-bar--fixed {
23426
+ position: fixed;
23427
+ }
23428
+ .v-system-bar--rounded {
23429
+ border-radius: 0;
23430
+ }
23431
+ .v-system-bar--window {
23432
+ height: 32px;
23433
+ }
23434
+ .v-system-bar:not(.v-system-bar--absolute) {
23435
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23552
23436
  }.v-tab.v-tab {
23553
23437
  --v-btn-height: var(--v-tabs-height);
23554
23438
  border-radius: 0;
@@ -23578,43 +23462,72 @@ html.v-overlay-scroll-blocked {
23578
23462
  top: 0;
23579
23463
  height: 100%;
23580
23464
  width: 2px;
23581
- }.v-system-bar {
23582
- align-items: center;
23465
+ }.v-tabs {
23583
23466
  display: flex;
23584
- flex: 1 1 auto;
23585
- height: 24px;
23586
- justify-content: flex-end;
23587
- max-width: 100%;
23588
- padding-inline: 8px;
23589
- position: relative;
23590
- text-align: end;
23591
- width: 100%;
23592
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23593
- background: rgba(var(--v-theme-on-surface-variant));
23594
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23595
- font-size: 0.75rem;
23596
- font-weight: 400;
23597
- letter-spacing: 0.0333333333em;
23598
- line-height: 1.25rem;
23599
- text-transform: none;
23467
+ height: var(--v-tabs-height);
23468
+ }
23469
+ .v-tabs--density-default {
23470
+ --v-tabs-height: 48px;
23471
+ }
23472
+ .v-tabs--density-default.v-tabs--stacked {
23473
+ --v-tabs-height: 72px;
23474
+ }
23475
+
23476
+ .v-tabs--density-comfortable {
23477
+ --v-tabs-height: 44px;
23478
+ }
23479
+ .v-tabs--density-comfortable.v-tabs--stacked {
23480
+ --v-tabs-height: 68px;
23481
+ }
23482
+
23483
+ .v-tabs--density-compact {
23484
+ --v-tabs-height: 36px;
23485
+ }
23486
+ .v-tabs--density-compact.v-tabs--stacked {
23487
+ --v-tabs-height: 60px;
23488
+ }
23489
+
23490
+ .v-tabs.v-slide-group--vertical {
23491
+ height: auto;
23492
+ flex: none;
23493
+ --v-tabs-height: 48px;
23600
23494
  }
23601
- .v-system-bar .v-icon {
23602
- opacity: var(--v-medium-emphasis-opacity);
23495
+
23496
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23497
+ margin-inline-start: 42px;
23603
23498
  }
23604
- .v-system-bar--absolute {
23605
- position: absolute;
23499
+
23500
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23501
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23502
+ margin-inline-end: auto;
23606
23503
  }
23607
- .v-system-bar--fixed {
23608
- position: fixed;
23504
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23505
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23506
+ margin-inline-start: auto;
23609
23507
  }
23610
- .v-system-bar--rounded {
23611
- border-radius: 0;
23508
+
23509
+ .v-tabs--grow {
23510
+ flex-grow: 1;
23612
23511
  }
23613
- .v-system-bar--window {
23614
- height: 32px;
23512
+ .v-tabs--grow .v-tab {
23513
+ flex: 1 0 auto;
23514
+ max-width: none;
23615
23515
  }
23616
- .v-system-bar:not(.v-system-bar--absolute) {
23617
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23516
+
23517
+ .v-tabs--align-tabs-end .v-tab:first-child {
23518
+ margin-inline-start: auto;
23519
+ }
23520
+ .v-tabs--align-tabs-end .v-tab:last-child {
23521
+ margin-inline-end: 0;
23522
+ }
23523
+
23524
+ @media (max-width: 1279.98px) {
23525
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23526
+ margin-inline-start: 52px;
23527
+ }
23528
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23529
+ margin-inline-end: 52px;
23530
+ }
23618
23531
  }.v-table {
23619
23532
  background: rgb(var(--v-theme-surface));
23620
23533
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -23766,9 +23679,6 @@ html.v-overlay-scroll-blocked {
23766
23679
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23767
23680
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23768
23681
  border-top: 0px !important;
23769
- }.v-theme-provider {
23770
- background: rgb(var(--v-theme-background));
23771
- color: rgb(var(--v-theme-on-background));
23772
23682
  }.v-textarea .v-field {
23773
23683
  --v-textarea-control-height: var(--v-input-control-height);
23774
23684
  }
@@ -23875,133 +23785,9 @@ html.v-overlay-scroll-blocked {
23875
23785
  padding-inline-end: var(--v-field-padding-end);
23876
23786
  }
23877
23787
 
23878
- /* endregion */.v-toolbar {
23879
- align-items: flex-start;
23880
- display: flex;
23881
- flex: none;
23882
- flex-direction: column;
23883
- justify-content: space-between;
23884
- max-width: 100%;
23885
- overflow: hidden;
23886
- position: relative;
23887
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23888
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
23889
- width: 100%;
23890
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23891
- border-style: solid;
23892
- border-width: 0;
23893
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23894
- border-radius: 0;
23895
- background: rgb(var(--v-theme-on-surface-variant));
23896
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23897
- }
23898
- .v-toolbar--border {
23899
- border-width: thin;
23900
- box-shadow: none;
23901
- }
23902
- .v-toolbar--absolute {
23903
- position: absolute;
23904
- }
23905
- .v-toolbar--collapse {
23906
- max-width: 112px;
23907
- overflow: hidden;
23908
- border-end-end-radius: 24px;
23909
- }
23910
- .v-toolbar--collapse .v-toolbar-title {
23911
- display: none;
23912
- }
23913
- .v-toolbar--flat {
23914
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23915
- }
23916
- .v-toolbar--floating {
23917
- display: inline-flex;
23918
- }
23919
- .v-toolbar--rounded {
23920
- border-radius: 4px;
23921
- }
23922
-
23923
- .v-toolbar__content,
23924
- .v-toolbar__extension {
23925
- align-items: center;
23926
- display: flex;
23927
- flex: 0 0 auto;
23928
- position: relative;
23929
- transition: inherit;
23930
- width: 100%;
23931
- }
23932
-
23933
- .v-toolbar__content > .v-btn:first-child {
23934
- margin-inline-start: 10px;
23935
- }
23936
- .v-toolbar__content > .v-btn:last-child {
23937
- margin-inline-end: 10px;
23938
- }
23939
- .v-toolbar__content > .v-toolbar-title {
23940
- margin-inline-start: 16px;
23941
- }
23942
- .v-toolbar--density-prominent .v-toolbar__content {
23943
- align-items: flex-start;
23944
- }
23945
-
23946
- .v-toolbar__image {
23947
- position: absolute;
23948
- top: 0;
23949
- left: 0;
23950
- width: 100%;
23951
- height: 100%;
23952
- display: flex;
23953
- opacity: var(--v-toolbar-image-opacity, 1);
23954
- transition-property: opacity;
23955
- }
23956
-
23957
- .v-toolbar__prepend,
23958
- .v-toolbar__append {
23959
- align-items: center;
23960
- align-self: stretch;
23961
- display: flex;
23962
- }
23963
-
23964
- .v-toolbar__prepend {
23965
- margin-inline: 10px auto;
23966
- }
23967
-
23968
- .v-toolbar__append {
23969
- margin-inline: auto 10px;
23970
- }
23971
-
23972
- .v-toolbar-title {
23973
- flex: 1 1;
23974
- font-size: 1.25rem;
23975
- min-width: 0;
23976
- font-size: 1.25rem;
23977
- font-weight: 400;
23978
- letter-spacing: 0;
23979
- line-height: 1.75rem;
23980
- text-transform: none;
23981
- }
23982
- .v-toolbar--density-prominent .v-toolbar-title {
23983
- align-self: flex-end;
23984
- padding-bottom: 6px;
23985
- font-size: 1.5rem;
23986
- font-weight: 400;
23987
- letter-spacing: 0;
23988
- line-height: 2.25rem;
23989
- text-transform: none;
23990
- }
23991
-
23992
- .v-toolbar-title__placeholder {
23993
- overflow: hidden;
23994
- text-overflow: ellipsis;
23995
- white-space: nowrap;
23996
- }
23997
-
23998
- .v-toolbar-items {
23999
- display: flex;
24000
- height: inherit;
24001
- align-self: stretch;
24002
- }
24003
- .v-toolbar-items > .v-btn {
24004
- border-radius: 0;
23788
+ /* endregion */.v-theme-provider {
23789
+ background: rgb(var(--v-theme-background));
23790
+ color: rgb(var(--v-theme-on-background));
24005
23791
  }.v-timeline .v-timeline-divider__dot {
24006
23792
  background: rgb(var(--v-theme-on-surface-variant));
24007
23793
  }
@@ -24363,61 +24149,188 @@ html.v-overlay-scroll-blocked {
24363
24149
  .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
24364
24150
  --v-timeline-line-size-offset: -12px;
24365
24151
  }
24366
- .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
24367
- --v-timeline-line-size-offset: 0px;
24152
+ .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
24153
+ --v-timeline-line-size-offset: 0px;
24154
+ }
24155
+ .v-timeline--horizontal.v-timeline--align-start {
24156
+ justify-items: flex-start;
24157
+ }
24158
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
24159
+ justify-content: flex-start;
24160
+ }
24161
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
24162
+ width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24163
+ }
24164
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
24165
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24166
+ }
24167
+
24168
+ .v-timeline--vertical.v-timeline--align-start {
24169
+ align-items: flex-start;
24170
+ }
24171
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
24172
+ justify-content: flex-start;
24173
+ }
24174
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
24175
+ height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24176
+ }
24177
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
24178
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24179
+ }
24180
+
24181
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
24182
+ display: none;
24183
+ }
24184
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
24185
+ --v-timeline-line-size-offset: 12px;
24186
+ }
24187
+ .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24188
+ padding-block-start: 0;
24189
+ }
24190
+
24191
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24192
+ padding-inline-start: 0;
24193
+ }
24194
+
24195
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
24196
+ display: none;
24197
+ }
24198
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
24199
+ --v-timeline-line-size-offset: 12px;
24200
+ }
24201
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24202
+ padding-block-end: 0;
24203
+ }
24204
+
24205
+ .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24206
+ padding-inline-end: 0;
24207
+ }.v-toolbar {
24208
+ align-items: flex-start;
24209
+ display: flex;
24210
+ flex: none;
24211
+ flex-direction: column;
24212
+ justify-content: space-between;
24213
+ max-width: 100%;
24214
+ overflow: hidden;
24215
+ position: relative;
24216
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24217
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24218
+ width: 100%;
24219
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24220
+ border-style: solid;
24221
+ border-width: 0;
24222
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24223
+ border-radius: 0;
24224
+ background: rgb(var(--v-theme-on-surface-variant));
24225
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24226
+ }
24227
+ .v-toolbar--border {
24228
+ border-width: thin;
24229
+ box-shadow: none;
24230
+ }
24231
+ .v-toolbar--absolute {
24232
+ position: absolute;
24233
+ }
24234
+ .v-toolbar--collapse {
24235
+ max-width: 112px;
24236
+ overflow: hidden;
24237
+ border-end-end-radius: 24px;
24368
24238
  }
24369
- .v-timeline--horizontal.v-timeline--align-start {
24370
- justify-items: flex-start;
24239
+ .v-toolbar--collapse .v-toolbar-title {
24240
+ display: none;
24371
24241
  }
24372
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
24373
- justify-content: flex-start;
24242
+ .v-toolbar--flat {
24243
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24374
24244
  }
24375
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
24376
- width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24245
+ .v-toolbar--floating {
24246
+ display: inline-flex;
24377
24247
  }
24378
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
24379
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24248
+ .v-toolbar--rounded {
24249
+ border-radius: 4px;
24380
24250
  }
24381
24251
 
24382
- .v-timeline--vertical.v-timeline--align-start {
24383
- align-items: flex-start;
24252
+ .v-toolbar__content,
24253
+ .v-toolbar__extension {
24254
+ align-items: center;
24255
+ display: flex;
24256
+ flex: 0 0 auto;
24257
+ position: relative;
24258
+ transition: inherit;
24259
+ width: 100%;
24384
24260
  }
24385
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
24386
- justify-content: flex-start;
24261
+
24262
+ .v-toolbar__content > .v-btn:first-child {
24263
+ margin-inline-start: 10px;
24387
24264
  }
24388
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
24389
- height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
24265
+ .v-toolbar__content > .v-btn:last-child {
24266
+ margin-inline-end: 10px;
24390
24267
  }
24391
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
24392
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
24268
+ .v-toolbar__content > .v-toolbar-title {
24269
+ margin-inline-start: 16px;
24270
+ }
24271
+ .v-toolbar--density-prominent .v-toolbar__content {
24272
+ align-items: flex-start;
24393
24273
  }
24394
24274
 
24395
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
24396
- display: none;
24275
+ .v-toolbar__image {
24276
+ position: absolute;
24277
+ top: 0;
24278
+ left: 0;
24279
+ width: 100%;
24280
+ height: 100%;
24281
+ display: flex;
24282
+ opacity: var(--v-toolbar-image-opacity, 1);
24283
+ transition-property: opacity;
24397
24284
  }
24398
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
24399
- --v-timeline-line-size-offset: 12px;
24285
+
24286
+ .v-toolbar__prepend,
24287
+ .v-toolbar__append {
24288
+ align-items: center;
24289
+ align-self: stretch;
24290
+ display: flex;
24400
24291
  }
24401
- .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24402
- padding-block-start: 0;
24292
+
24293
+ .v-toolbar__prepend {
24294
+ margin-inline: 10px auto;
24403
24295
  }
24404
24296
 
24405
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
24406
- padding-inline-start: 0;
24297
+ .v-toolbar__append {
24298
+ margin-inline: auto 10px;
24407
24299
  }
24408
24300
 
24409
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
24410
- display: none;
24301
+ .v-toolbar-title {
24302
+ flex: 1 1;
24303
+ font-size: 1.25rem;
24304
+ min-width: 0;
24305
+ font-size: 1.25rem;
24306
+ font-weight: 400;
24307
+ letter-spacing: 0;
24308
+ line-height: 1.75rem;
24309
+ text-transform: none;
24411
24310
  }
24412
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
24413
- --v-timeline-line-size-offset: 12px;
24311
+ .v-toolbar--density-prominent .v-toolbar-title {
24312
+ align-self: flex-end;
24313
+ padding-bottom: 6px;
24314
+ font-size: 1.5rem;
24315
+ font-weight: 400;
24316
+ letter-spacing: 0;
24317
+ line-height: 2.25rem;
24318
+ text-transform: none;
24414
24319
  }
24415
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24416
- padding-block-end: 0;
24320
+
24321
+ .v-toolbar-title__placeholder {
24322
+ overflow: hidden;
24323
+ text-overflow: ellipsis;
24324
+ white-space: nowrap;
24417
24325
  }
24418
24326
 
24419
- .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24420
- padding-inline-end: 0;
24327
+ .v-toolbar-items {
24328
+ display: flex;
24329
+ height: inherit;
24330
+ align-self: stretch;
24331
+ }
24332
+ .v-toolbar-items > .v-btn {
24333
+ border-radius: 0;
24421
24334
  }.v-tooltip > .v-overlay__content {
24422
24335
  background: rgb(var(--v-theme-surface-variant));
24423
24336
  color: rgb(var(--v-theme-on-surface-variant));
@@ -24517,6 +24430,93 @@ html.v-overlay-scroll-blocked {
24517
24430
  }
24518
24431
  .v-virtual-scroll__container {
24519
24432
  display: block;
24433
+ }.v-avatar {
24434
+ flex: none;
24435
+ align-items: center;
24436
+ display: inline-flex;
24437
+ justify-content: center;
24438
+ line-height: normal;
24439
+ overflow: hidden;
24440
+ position: relative;
24441
+ text-align: center;
24442
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24443
+ transition-property: width, height;
24444
+ vertical-align: middle;
24445
+ border-radius: 50%;
24446
+ }
24447
+ .v-avatar.v-avatar--size-x-small {
24448
+ --v-avatar-height: 24px;
24449
+ }
24450
+ .v-avatar.v-avatar--size-small {
24451
+ --v-avatar-height: 32px;
24452
+ }
24453
+ .v-avatar.v-avatar--size-default {
24454
+ --v-avatar-height: 40px;
24455
+ }
24456
+ .v-avatar.v-avatar--size-large {
24457
+ --v-avatar-height: 48px;
24458
+ }
24459
+ .v-avatar.v-avatar--size-x-large {
24460
+ --v-avatar-height: 56px;
24461
+ }
24462
+ .v-avatar.v-avatar--density-default {
24463
+ height: calc(var(--v-avatar-height) + 0px);
24464
+ width: calc(var(--v-avatar-height) + 0px);
24465
+ }
24466
+ .v-avatar.v-avatar--density-comfortable {
24467
+ height: calc(var(--v-avatar-height) + -4px);
24468
+ width: calc(var(--v-avatar-height) + -4px);
24469
+ }
24470
+ .v-avatar.v-avatar--density-compact {
24471
+ height: calc(var(--v-avatar-height) + -8px);
24472
+ width: calc(var(--v-avatar-height) + -8px);
24473
+ }
24474
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
24475
+ background: transparent;
24476
+ color: inherit;
24477
+ }
24478
+ .v-avatar--variant-plain {
24479
+ opacity: 0.62;
24480
+ }
24481
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
24482
+ opacity: 1;
24483
+ }
24484
+ .v-avatar--variant-plain .v-avatar__overlay {
24485
+ display: none;
24486
+ }
24487
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
24488
+ background: var(--v-theme-surface);
24489
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24490
+ }
24491
+ .v-avatar--variant-elevated {
24492
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
24493
+ }
24494
+ .v-avatar--variant-flat {
24495
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
24496
+ }
24497
+ .v-avatar--variant-outlined {
24498
+ border: thin solid currentColor;
24499
+ }
24500
+ .v-avatar--variant-text .v-avatar__overlay {
24501
+ background: currentColor;
24502
+ }
24503
+ .v-avatar--variant-tonal .v-avatar__underlay {
24504
+ background: currentColor;
24505
+ opacity: var(--v-activated-opacity);
24506
+ border-radius: inherit;
24507
+ position: absolute;
24508
+ top: 0;
24509
+ right: 0;
24510
+ bottom: 0;
24511
+ left: 0;
24512
+ pointer-events: none;
24513
+ }
24514
+ .v-avatar--rounded {
24515
+ border-radius: 4px;
24516
+ }
24517
+ .v-avatar .v-img {
24518
+ height: 100%;
24519
+ width: 100%;
24520
24520
  }.v-color-picker-canvas {
24521
24521
  display: flex;
24522
24522
  position: relative;
@@ -24539,6 +24539,34 @@ html.v-overlay-scroll-blocked {
24539
24539
  }
24540
24540
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24541
24541
  will-change: transform;
24542
+ }.v-color-picker-edit {
24543
+ display: flex;
24544
+ margin-top: 24px;
24545
+ }
24546
+
24547
+ .v-color-picker-edit__input {
24548
+ width: 100%;
24549
+ display: flex;
24550
+ flex-wrap: wrap;
24551
+ justify-content: center;
24552
+ text-align: center;
24553
+ }
24554
+ .v-color-picker-edit__input:not(:last-child) {
24555
+ margin-inline-end: 8px;
24556
+ }
24557
+ .v-color-picker-edit__input input {
24558
+ border-radius: 4px;
24559
+ margin-bottom: 8px;
24560
+ min-width: 0;
24561
+ outline: none;
24562
+ text-align: center;
24563
+ width: 100%;
24564
+ height: 32px;
24565
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24566
+ color: rgba(var(--v-theme-on-surface));
24567
+ }
24568
+ .v-color-picker-edit__input span {
24569
+ font-size: 0.75rem;
24542
24570
  }.v-color-picker-preview__alpha .v-slider-track__background {
24543
24571
  background-color: transparent !important;
24544
24572
  }
@@ -24608,34 +24636,6 @@ html.v-overlay-scroll-blocked {
24608
24636
  .v-color-picker-preview__eye-dropper {
24609
24637
  position: relative;
24610
24638
  margin-right: 12px;
24611
- }.v-color-picker-edit {
24612
- display: flex;
24613
- margin-top: 24px;
24614
- }
24615
-
24616
- .v-color-picker-edit__input {
24617
- width: 100%;
24618
- display: flex;
24619
- flex-wrap: wrap;
24620
- justify-content: center;
24621
- text-align: center;
24622
- }
24623
- .v-color-picker-edit__input:not(:last-child) {
24624
- margin-inline-end: 8px;
24625
- }
24626
- .v-color-picker-edit__input input {
24627
- border-radius: 4px;
24628
- margin-bottom: 8px;
24629
- min-width: 0;
24630
- outline: none;
24631
- text-align: center;
24632
- width: 100%;
24633
- height: 32px;
24634
- background: rgba(var(--v-theme-surface-variant), 0.2);
24635
- color: rgba(var(--v-theme-on-surface));
24636
- }
24637
- .v-color-picker-edit__input span {
24638
- font-size: 0.75rem;
24639
24639
  }.v-color-picker-swatches {
24640
24640
  overflow-y: auto;
24641
24641
  }