@vuetify/nightly 3.4.0-dev.2023-11-09 → 3.4.0-dev.2023-12-07

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.0-dev.2023-11-09
2
+ * Vuetify v3.4.0-dev.2023-12-07
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17032,22 +17032,6 @@ html.overflow-y-hidden {
17032
17032
  padding-bottom: 16px;
17033
17033
  font-weight: 600;
17034
17034
  letter-spacing: 0.1666666667em;
17035
- }.v-application {
17036
- display: flex;
17037
- background: rgb(var(--v-theme-background));
17038
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17039
- }
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;
17051
17035
  }.v-app-bar {
17052
17036
  display: flex;
17053
17037
  }
@@ -17060,297 +17044,22 @@ html.overflow-y-hidden {
17060
17044
  }
17061
17045
  .v-app-bar:not(.v-toolbar--absolute) {
17062
17046
  padding-inline-end: var(--v-scrollbar-offset);
17063
- }.v-alert {
17064
- display: grid;
17065
- flex: 1 1;
17066
- grid-template-areas: "prepend content append close" ". content . .";
17067
- grid-template-columns: max-content auto max-content max-content;
17068
- position: relative;
17069
- padding: 16px;
17070
- overflow: hidden;
17071
- --v-border-color: currentColor;
17072
- border-radius: 4px;
17073
- }
17074
- .v-alert--absolute {
17075
- position: absolute;
17076
- }
17077
- .v-alert--fixed {
17078
- position: fixed;
17079
- }
17080
- .v-alert--sticky {
17081
- position: sticky;
17082
- }
17083
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
17084
- background: transparent;
17085
- color: inherit;
17086
- }
17087
- .v-alert--variant-plain {
17088
- opacity: 0.62;
17089
- }
17090
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
17091
- opacity: 1;
17092
- }
17093
- .v-alert--variant-plain .v-alert__overlay {
17094
- display: none;
17095
- }
17096
- .v-alert--variant-elevated, .v-alert--variant-flat {
17097
- background: rgb(var(--v-theme-on-surface-variant));
17098
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17099
- }
17100
- .v-alert--variant-elevated {
17101
- 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));
17102
- }
17103
- .v-alert--variant-flat {
17104
- 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));
17105
- }
17106
- .v-alert--variant-outlined {
17107
- border: thin solid currentColor;
17108
- }
17109
- .v-alert--variant-text .v-alert__overlay {
17110
- background: currentColor;
17111
- }
17112
- .v-alert--variant-tonal .v-alert__underlay {
17113
- background: currentColor;
17114
- opacity: var(--v-activated-opacity);
17115
- border-radius: inherit;
17116
- position: absolute;
17117
- top: 0;
17118
- right: 0;
17119
- bottom: 0;
17120
- left: 0;
17121
- pointer-events: none;
17122
- }
17123
- .v-alert--prominent {
17124
- grid-template-areas: "prepend content append close" "prepend content . .";
17125
- }
17126
- .v-alert.v-alert--border {
17127
- --v-border-opacity: 0.38;
17128
- }
17129
- .v-alert.v-alert--border.v-alert--border-start {
17130
- padding-inline-start: 24px;
17131
- }
17132
- .v-alert.v-alert--border.v-alert--border-end {
17133
- padding-inline-end: 24px;
17134
- }
17135
- .v-alert--variant-plain {
17136
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
17137
- }
17138
- .v-alert--density-default {
17139
- padding-bottom: 16px;
17140
- padding-top: 16px;
17141
- }
17142
- .v-alert--density-default.v-alert--border-top {
17143
- padding-top: 24px;
17144
- }
17145
- .v-alert--density-default.v-alert--border-bottom {
17146
- padding-bottom: 24px;
17147
- }
17148
-
17149
- .v-alert--density-comfortable {
17150
- padding-bottom: 12px;
17151
- padding-top: 12px;
17152
- }
17153
- .v-alert--density-comfortable.v-alert--border-top {
17154
- padding-top: 20px;
17155
- }
17156
- .v-alert--density-comfortable.v-alert--border-bottom {
17157
- padding-bottom: 20px;
17158
- }
17159
-
17160
- .v-alert--density-compact {
17161
- padding-bottom: 8px;
17162
- padding-top: 8px;
17163
- }
17164
- .v-alert--density-compact.v-alert--border-top {
17165
- padding-top: 16px;
17166
- }
17167
- .v-alert--density-compact.v-alert--border-bottom {
17168
- padding-bottom: 16px;
17169
- }
17170
-
17171
- .v-alert__border {
17172
- border-radius: inherit;
17173
- bottom: 0;
17174
- left: 0;
17175
- opacity: var(--v-border-opacity);
17176
- position: absolute;
17177
- pointer-events: none;
17178
- right: 0;
17179
- top: 0;
17180
- width: 100%;
17181
- border-color: currentColor;
17182
- border-style: solid;
17183
- border-width: 0;
17184
- }
17185
- .v-alert__border--border {
17186
- border-width: 8px;
17187
- box-shadow: none;
17188
- }
17189
- .v-alert--border-start .v-alert__border {
17190
- border-inline-start-width: 8px;
17191
- }
17192
- .v-alert--border-end .v-alert__border {
17193
- border-inline-end-width: 8px;
17194
- }
17195
- .v-alert--border-top .v-alert__border {
17196
- border-top-width: 8px;
17197
- }
17198
- .v-alert--border-bottom .v-alert__border {
17199
- border-bottom-width: 8px;
17200
- }
17201
-
17202
- .v-alert__close {
17203
- flex: 0 1 auto;
17204
- grid-area: close;
17205
- }
17206
-
17207
- .v-alert__content {
17208
- align-self: center;
17209
- grid-area: content;
17210
- overflow: hidden;
17211
- }
17212
-
17213
- .v-alert__append,
17214
- .v-alert__close {
17215
- align-self: flex-start;
17216
- margin-inline-start: 16px;
17217
- }
17218
-
17219
- .v-alert__append {
17220
- align-self: flex-start;
17221
- grid-area: append;
17222
- }
17223
- .v-alert__append + .v-alert__close {
17224
- margin-inline-start: 16px;
17225
- }
17226
-
17227
- .v-alert__prepend {
17228
- align-self: flex-start;
17047
+ }.v-application {
17229
17048
  display: flex;
17230
- align-items: center;
17231
- grid-area: prepend;
17232
- margin-inline-end: 16px;
17233
- }
17234
- .v-alert--prominent .v-alert__prepend {
17235
- align-self: center;
17236
- }
17237
-
17238
- .v-alert__underlay {
17239
- grid-area: none;
17240
- position: absolute;
17241
- }
17242
- .v-alert--border-start .v-alert__underlay {
17243
- border-top-left-radius: 0;
17244
- border-bottom-left-radius: 0;
17245
- }
17246
- .v-alert--border-end .v-alert__underlay {
17247
- border-top-right-radius: 0;
17248
- border-bottom-right-radius: 0;
17249
- }
17250
- .v-alert--border-top .v-alert__underlay {
17251
- border-top-left-radius: 0;
17252
- border-top-right-radius: 0;
17253
- }
17254
- .v-alert--border-bottom .v-alert__underlay {
17255
- border-bottom-left-radius: 0;
17256
- border-bottom-right-radius: 0;
17049
+ background: rgb(var(--v-theme-background));
17050
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17257
17051
  }
17258
17052
 
17259
- .v-alert-title {
17260
- align-items: center;
17261
- align-self: center;
17053
+ .v-application__wrap {
17054
+ -webkit-backface-visibility: hidden;
17055
+ backface-visibility: hidden;
17262
17056
  display: flex;
17263
- font-size: 1.25rem;
17264
- font-weight: 500;
17265
- -webkit-hyphens: auto;
17266
- hyphens: auto;
17267
- letter-spacing: 0.0125em;
17268
- line-height: 1.75rem;
17269
- overflow-wrap: normal;
17270
- text-transform: none;
17271
- word-break: normal;
17272
- word-wrap: break-word;
17273
- }.v-autocomplete .v-field .v-text-field__prefix,
17274
- .v-autocomplete .v-field .v-text-field__suffix,
17275
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17276
- cursor: text;
17277
- }
17278
- .v-autocomplete .v-field .v-field__input > input {
17279
- flex: 1 1;
17280
- }
17281
- .v-autocomplete .v-field input {
17282
- min-width: 64px;
17283
- }
17284
- .v-autocomplete .v-field:not(.v-field--focused) input {
17285
- min-width: 0;
17286
- }
17287
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17288
- margin-inline-end: 2px;
17289
- }
17290
- .v-autocomplete .v-autocomplete__selection-text {
17291
- overflow: hidden;
17292
- text-overflow: ellipsis;
17293
- white-space: nowrap;
17294
- }
17295
-
17296
- .v-autocomplete__content {
17297
- overflow: hidden;
17298
- 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));
17299
- border-radius: 4px;
17300
- }
17301
- .v-autocomplete__mask {
17302
- background: rgb(var(--v-theme-on-surface-variant));
17303
- }
17304
- .v-autocomplete__selection {
17305
- display: inline-flex;
17306
- align-items: center;
17307
- height: 1.5rem;
17308
- letter-spacing: inherit;
17309
- line-height: inherit;
17310
- max-width: calc(100% - 2px);
17311
- }
17312
- .v-autocomplete__selection:first-child {
17313
- margin-inline-start: 0;
17314
- }
17315
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17316
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17317
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17318
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17319
- top: 0px;
17320
- }
17321
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17322
- opacity: var(--v-medium-emphasis-opacity);
17323
- }
17324
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17325
- opacity: 1;
17326
- }
17327
- .v-autocomplete--selecting-index .v-field__input > input {
17328
- caret-color: transparent;
17329
- }
17330
- .v-autocomplete--single.v-text-field input {
17331
- flex: 1 1;
17332
- position: absolute;
17333
- left: 0;
17334
- right: 0;
17335
- width: 100%;
17336
- padding-inline: inherit;
17337
- }
17338
- .v-autocomplete--single .v-field--active input {
17339
- transition: none;
17340
- }
17341
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17342
- opacity: 0;
17343
- }
17344
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17345
- opacity: 0;
17346
- }
17347
- .v-autocomplete__menu-icon {
17348
- margin-inline-start: 4px;
17349
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17350
- }
17351
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17352
- opacity: var(--v-high-emphasis-opacity);
17353
- transform: rotate(180deg);
17057
+ flex-direction: column;
17058
+ flex: 1 1 auto;
17059
+ max-width: 100%;
17060
+ min-height: 100vh;
17061
+ min-height: 100dvh;
17062
+ position: relative;
17354
17063
  }.v-avatar {
17355
17064
  flex: none;
17356
17065
  align-items: center;
@@ -17438,77 +17147,6 @@ html.overflow-y-hidden {
17438
17147
  .v-avatar .v-img {
17439
17148
  height: 100%;
17440
17149
  width: 100%;
17441
- }.v-badge {
17442
- display: inline-block;
17443
- line-height: 1;
17444
- }
17445
-
17446
- .v-badge__badge {
17447
- align-items: center;
17448
- display: inline-flex;
17449
- border-radius: 10px;
17450
- font-size: 0.75rem;
17451
- font-weight: 500;
17452
- height: 1.25rem;
17453
- justify-content: center;
17454
- min-width: 20px;
17455
- padding: 4px 6px;
17456
- pointer-events: auto;
17457
- position: absolute;
17458
- text-align: center;
17459
- text-indent: 0;
17460
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17461
- white-space: nowrap;
17462
- background: rgb(var(--v-theme-surface-variant));
17463
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17464
- }
17465
- .v-badge--bordered .v-badge__badge::after {
17466
- border-radius: inherit;
17467
- border-style: solid;
17468
- border-width: 2px;
17469
- bottom: 0;
17470
- color: rgb(var(--v-theme-background));
17471
- content: "";
17472
- left: 0;
17473
- position: absolute;
17474
- right: 0;
17475
- top: 0;
17476
- transform: scale(1.05);
17477
- }
17478
- .v-badge--dot .v-badge__badge {
17479
- border-radius: 4.5px;
17480
- height: 9px;
17481
- min-width: 0;
17482
- padding: 0;
17483
- width: 9px;
17484
- }
17485
- .v-badge--dot .v-badge__badge::after {
17486
- border-width: 1.5px;
17487
- }
17488
- .v-badge--inline .v-badge__badge {
17489
- position: relative;
17490
- vertical-align: middle;
17491
- }
17492
- .v-badge__badge .v-icon {
17493
- color: inherit;
17494
- font-size: 0.75rem;
17495
- margin: 0 -2px;
17496
- }
17497
- .v-badge__badge img,
17498
- .v-badge__badge .v-img {
17499
- height: 100%;
17500
- width: 100%;
17501
- }
17502
-
17503
- .v-badge__wrapper {
17504
- display: flex;
17505
- position: relative;
17506
- }
17507
- .v-badge--inline .v-badge__wrapper {
17508
- align-items: center;
17509
- display: inline-flex;
17510
- justify-content: center;
17511
- margin: 0 4px;
17512
17150
  }.v-banner {
17513
17151
  display: grid;
17514
17152
  flex: 1 1;
@@ -17666,150 +17304,158 @@ html.overflow-y-hidden {
17666
17304
  }
17667
17305
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17668
17306
  align-self: flex-start;
17669
- }.v-bottom-navigation {
17670
- display: flex;
17671
- max-width: 100%;
17672
- overflow: hidden;
17673
- position: absolute;
17674
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17675
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17676
- border-style: solid;
17677
- border-width: 0;
17678
- border-radius: 0;
17679
- background: rgb(var(--v-theme-surface));
17680
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17307
+ }.v-autocomplete .v-field .v-text-field__prefix,
17308
+ .v-autocomplete .v-field .v-text-field__suffix,
17309
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17310
+ cursor: text;
17681
17311
  }
17682
- .v-bottom-navigation--border {
17683
- border-width: thin;
17684
- box-shadow: none;
17312
+ .v-autocomplete .v-field .v-field__input > input {
17313
+ flex: 1 1;
17685
17314
  }
17686
- .v-bottom-navigation--active {
17687
- 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));
17315
+ .v-autocomplete .v-field input {
17316
+ min-width: 64px;
17317
+ }
17318
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17319
+ min-width: 0;
17320
+ }
17321
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17322
+ margin-inline-end: 2px;
17323
+ }
17324
+ .v-autocomplete .v-autocomplete__selection-text {
17325
+ overflow: hidden;
17326
+ text-overflow: ellipsis;
17327
+ white-space: nowrap;
17688
17328
  }
17689
17329
 
17690
- .v-bottom-navigation__content {
17691
- display: flex;
17692
- flex: none;
17693
- font-size: 0.75rem;
17694
- justify-content: center;
17695
- transition: inherit;
17696
- width: 100%;
17330
+ .v-autocomplete__content {
17331
+ overflow: hidden;
17332
+ 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));
17333
+ border-radius: 4px;
17697
17334
  }
17698
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17699
- font-size: inherit;
17700
- height: 100%;
17701
- max-width: 168px;
17702
- min-width: 80px;
17703
- text-transform: none;
17704
- transition: inherit;
17705
- width: auto;
17706
- border-radius: 0;
17335
+ .v-autocomplete__mask {
17336
+ background: rgb(var(--v-theme-on-surface-variant));
17707
17337
  }
17708
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17709
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17710
- transition: inherit;
17338
+ .v-autocomplete__selection {
17339
+ display: inline-flex;
17340
+ align-items: center;
17341
+ height: 1.5rem;
17342
+ letter-spacing: inherit;
17343
+ line-height: inherit;
17344
+ max-width: calc(100% - 2px);
17711
17345
  }
17712
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17713
- font-size: 1.5rem;
17346
+ .v-autocomplete__selection:first-child {
17347
+ margin-inline-start: 0;
17714
17348
  }
17715
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17716
- flex-grow: 1;
17349
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17350
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17351
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17352
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17353
+ top: 0px;
17717
17354
  }
17718
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17719
- transition: inherit;
17720
- opacity: 0;
17355
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17356
+ opacity: var(--v-medium-emphasis-opacity);
17721
17357
  }
17722
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17723
- transform: translateY(0.5rem);
17724
- }.bottom-sheet-transition-enter-from {
17725
- transform: translateY(100%);
17358
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17359
+ opacity: 1;
17726
17360
  }
17727
- .bottom-sheet-transition-leave-to {
17728
- transform: translateY(100%);
17361
+ .v-autocomplete--selecting-index .v-field__input > input {
17362
+ caret-color: transparent;
17729
17363
  }
17730
-
17731
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17732
- align-self: flex-end;
17733
- border-radius: 0;
17734
- flex: 0 1 auto;
17364
+ .v-autocomplete--single.v-text-field input {
17365
+ flex: 1 1;
17366
+ position: absolute;
17735
17367
  left: 0;
17736
17368
  right: 0;
17737
- margin-inline: 0;
17738
- margin-bottom: 0;
17739
- transition-duration: 0.2s;
17740
17369
  width: 100%;
17741
- max-width: 100%;
17742
- overflow: visible;
17743
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17744
- }
17745
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17746
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17747
- border-radius: 0;
17748
- }
17749
- .v-bottom-sheet.v-bottom-sheet--inset {
17750
- max-width: none;
17370
+ padding-inline: inherit;
17751
17371
  }
17752
- @media (min-width: 600px) {
17753
- .v-bottom-sheet.v-bottom-sheet--inset {
17754
- max-width: 70%;
17755
- }
17756
- }.v-breadcrumbs {
17757
- display: flex;
17758
- align-items: center;
17759
- line-height: 1.375rem;
17760
- padding: 16px 12px;
17372
+ .v-autocomplete--single .v-field--active input {
17373
+ transition: none;
17761
17374
  }
17762
- .v-breadcrumbs--rounded {
17763
- border-radius: 4px;
17375
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17376
+ opacity: 0;
17764
17377
  }
17765
- .v-breadcrumbs--density-default {
17766
- padding-top: 16px;
17767
- padding-bottom: 16px;
17378
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17379
+ opacity: 0;
17768
17380
  }
17769
-
17770
- .v-breadcrumbs--density-comfortable {
17771
- padding-top: 12px;
17772
- padding-bottom: 12px;
17381
+ .v-autocomplete__menu-icon {
17382
+ margin-inline-start: 4px;
17383
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17773
17384
  }
17774
-
17775
- .v-breadcrumbs--density-compact {
17776
- padding-top: 8px;
17777
- padding-bottom: 8px;
17385
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17386
+ opacity: var(--v-high-emphasis-opacity);
17387
+ transform: rotate(180deg);
17388
+ }.v-badge {
17389
+ display: inline-block;
17390
+ line-height: 1;
17778
17391
  }
17779
17392
 
17780
- .v-breadcrumbs__prepend {
17393
+ .v-badge__badge {
17781
17394
  align-items: center;
17782
17395
  display: inline-flex;
17396
+ border-radius: 10px;
17397
+ font-size: 0.75rem;
17398
+ font-weight: 500;
17399
+ height: 1.25rem;
17400
+ justify-content: center;
17401
+ min-width: 20px;
17402
+ padding: 4px 6px;
17403
+ pointer-events: auto;
17404
+ position: absolute;
17405
+ text-align: center;
17406
+ text-indent: 0;
17407
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17408
+ white-space: nowrap;
17409
+ background: rgb(var(--v-theme-surface-variant));
17410
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17783
17411
  }
17784
-
17785
- .v-breadcrumbs-item {
17786
- align-items: center;
17787
- color: inherit;
17788
- display: inline-flex;
17789
- padding: 0 4px;
17790
- text-decoration: none;
17791
- vertical-align: middle;
17412
+ .v-badge--bordered .v-badge__badge::after {
17413
+ border-radius: inherit;
17414
+ border-style: solid;
17415
+ border-width: 2px;
17416
+ bottom: 0;
17417
+ color: rgb(var(--v-theme-background));
17418
+ content: "";
17419
+ left: 0;
17420
+ position: absolute;
17421
+ right: 0;
17422
+ top: 0;
17423
+ transform: scale(1.05);
17792
17424
  }
17793
- .v-breadcrumbs-item--disabled {
17794
- opacity: var(--v-disabled-opacity);
17795
- pointer-events: none;
17425
+ .v-badge--dot .v-badge__badge {
17426
+ border-radius: 4.5px;
17427
+ height: 9px;
17428
+ min-width: 0;
17429
+ padding: 0;
17430
+ width: 9px;
17796
17431
  }
17797
- .v-breadcrumbs-item--link {
17798
- color: inherit;
17799
- text-decoration: none;
17432
+ .v-badge--dot .v-badge__badge::after {
17433
+ border-width: 1.5px;
17800
17434
  }
17801
- .v-breadcrumbs-item--link:hover {
17802
- text-decoration: underline;
17435
+ .v-badge--inline .v-badge__badge {
17436
+ position: relative;
17437
+ vertical-align: middle;
17803
17438
  }
17804
- .v-breadcrumbs-item .v-icon {
17805
- font-size: 1rem;
17806
- margin-inline: -4px 2px;
17439
+ .v-badge__badge .v-icon {
17440
+ color: inherit;
17441
+ font-size: 0.75rem;
17442
+ margin: 0 -2px;
17443
+ }
17444
+ .v-badge__badge img,
17445
+ .v-badge__badge .v-img {
17446
+ height: 100%;
17447
+ width: 100%;
17807
17448
  }
17808
17449
 
17809
- .v-breadcrumbs-divider {
17810
- display: inline-block;
17811
- padding: 0 8px;
17812
- vertical-align: middle;
17450
+ .v-badge__wrapper {
17451
+ display: flex;
17452
+ position: relative;
17453
+ }
17454
+ .v-badge--inline .v-badge__wrapper {
17455
+ align-items: center;
17456
+ display: inline-flex;
17457
+ justify-content: center;
17458
+ margin: 0 4px;
17813
17459
  }.v-btn {
17814
17460
  align-items: center;
17815
17461
  border-radius: 4px;
@@ -18210,6 +17856,61 @@ html.overflow-y-hidden {
18210
17856
  }
18211
17857
  .v-pagination__item--is-active .v-btn__overlay {
18212
17858
  opacity: var(--v-border-opacity);
17859
+ }.v-bottom-navigation {
17860
+ display: flex;
17861
+ max-width: 100%;
17862
+ overflow: hidden;
17863
+ position: absolute;
17864
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17865
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17866
+ border-style: solid;
17867
+ border-width: 0;
17868
+ border-radius: 0;
17869
+ background: rgb(var(--v-theme-surface));
17870
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17871
+ }
17872
+ .v-bottom-navigation--border {
17873
+ border-width: thin;
17874
+ box-shadow: none;
17875
+ }
17876
+ .v-bottom-navigation--active {
17877
+ 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));
17878
+ }
17879
+
17880
+ .v-bottom-navigation__content {
17881
+ display: flex;
17882
+ flex: none;
17883
+ font-size: 0.75rem;
17884
+ justify-content: center;
17885
+ transition: inherit;
17886
+ width: 100%;
17887
+ }
17888
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17889
+ font-size: inherit;
17890
+ height: 100%;
17891
+ max-width: 168px;
17892
+ min-width: 80px;
17893
+ text-transform: none;
17894
+ transition: inherit;
17895
+ width: auto;
17896
+ border-radius: 0;
17897
+ }
17898
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17899
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17900
+ transition: inherit;
17901
+ }
17902
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17903
+ font-size: 1.5rem;
17904
+ }
17905
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17906
+ flex-grow: 1;
17907
+ }
17908
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17909
+ transition: inherit;
17910
+ opacity: 0;
17911
+ }
17912
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17913
+ transform: translateY(0.5rem);
18213
17914
  }.v-btn-group {
18214
17915
  display: inline-flex;
18215
17916
  flex-wrap: nowrap;
@@ -18255,17 +17956,49 @@ html.overflow-y-hidden {
18255
17956
  border-start-start-radius: inherit;
18256
17957
  border-end-start-radius: inherit;
18257
17958
  }
18258
- .v-btn-group .v-btn:last-child {
18259
- border-start-end-radius: inherit;
18260
- border-end-end-radius: inherit;
17959
+ .v-btn-group .v-btn:last-child {
17960
+ border-start-end-radius: inherit;
17961
+ border-end-end-radius: inherit;
17962
+ }
17963
+ .v-btn-group--divided .v-btn:not(:last-child) {
17964
+ border-inline-end-width: thin;
17965
+ border-inline-end-style: solid;
17966
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17967
+ }
17968
+ .v-btn-group--tile {
17969
+ border-radius: 0;
17970
+ }.bottom-sheet-transition-enter-from {
17971
+ transform: translateY(100%);
17972
+ }
17973
+ .bottom-sheet-transition-leave-to {
17974
+ transform: translateY(100%);
17975
+ }
17976
+
17977
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17978
+ align-self: flex-end;
17979
+ border-radius: 0;
17980
+ flex: 0 1 auto;
17981
+ left: 0;
17982
+ right: 0;
17983
+ margin-inline: 0;
17984
+ margin-bottom: 0;
17985
+ transition-duration: 0.2s;
17986
+ width: 100%;
17987
+ max-width: 100%;
17988
+ overflow: visible;
17989
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17990
+ }
17991
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17992
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17993
+ border-radius: 0;
18261
17994
  }
18262
- .v-btn-group--divided .v-btn:not(:last-child) {
18263
- border-inline-end-width: thin;
18264
- border-inline-end-style: solid;
18265
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17995
+ .v-bottom-sheet.v-bottom-sheet--inset {
17996
+ max-width: none;
18266
17997
  }
18267
- .v-btn-group--tile {
18268
- border-radius: 0;
17998
+ @media (min-width: 600px) {
17999
+ .v-bottom-sheet.v-bottom-sheet--inset {
18000
+ max-width: 70%;
18001
+ }
18269
18002
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18270
18003
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18271
18004
  }
@@ -18279,6 +18012,65 @@ html.overflow-y-hidden {
18279
18012
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18280
18013
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18281
18014
  }
18015
+ }.v-checkbox .v-selection-control {
18016
+ min-height: var(--v-input-control-height);
18017
+ }.v-breadcrumbs {
18018
+ display: flex;
18019
+ align-items: center;
18020
+ line-height: 1.375rem;
18021
+ padding: 16px 12px;
18022
+ }
18023
+ .v-breadcrumbs--rounded {
18024
+ border-radius: 4px;
18025
+ }
18026
+ .v-breadcrumbs--density-default {
18027
+ padding-top: 16px;
18028
+ padding-bottom: 16px;
18029
+ }
18030
+
18031
+ .v-breadcrumbs--density-comfortable {
18032
+ padding-top: 12px;
18033
+ padding-bottom: 12px;
18034
+ }
18035
+
18036
+ .v-breadcrumbs--density-compact {
18037
+ padding-top: 8px;
18038
+ padding-bottom: 8px;
18039
+ }
18040
+
18041
+ .v-breadcrumbs__prepend {
18042
+ align-items: center;
18043
+ display: inline-flex;
18044
+ }
18045
+
18046
+ .v-breadcrumbs-item {
18047
+ align-items: center;
18048
+ color: inherit;
18049
+ display: inline-flex;
18050
+ padding: 0 4px;
18051
+ text-decoration: none;
18052
+ vertical-align: middle;
18053
+ }
18054
+ .v-breadcrumbs-item--disabled {
18055
+ opacity: var(--v-disabled-opacity);
18056
+ pointer-events: none;
18057
+ }
18058
+ .v-breadcrumbs-item--link {
18059
+ color: inherit;
18060
+ text-decoration: none;
18061
+ }
18062
+ .v-breadcrumbs-item--link:hover {
18063
+ text-decoration: underline;
18064
+ }
18065
+ .v-breadcrumbs-item .v-icon {
18066
+ font-size: 1rem;
18067
+ margin-inline: -4px 2px;
18068
+ }
18069
+
18070
+ .v-breadcrumbs-divider {
18071
+ display: inline-block;
18072
+ padding: 0 8px;
18073
+ vertical-align: middle;
18282
18074
  }.v-card {
18283
18075
  display: block;
18284
18076
  overflow: hidden;
@@ -18633,8 +18425,6 @@ html.overflow-y-hidden {
18633
18425
  flex-direction: column;
18634
18426
  height: 100% !important;
18635
18427
  width: 50px;
18636
- }.v-checkbox .v-selection-control {
18637
- min-height: var(--v-input-control-height);
18638
18428
  }.v-chip {
18639
18429
  align-items: center;
18640
18430
  cursor: default;
@@ -19061,6 +18851,26 @@ html.overflow-y-hidden {
19061
18851
  .v-chip-group--column {
19062
18852
  flex-wrap: wrap;
19063
18853
  white-space: normal;
18854
+ }.v-color-picker {
18855
+ align-self: flex-start;
18856
+ contain: content;
18857
+ }
18858
+ .v-color-picker.v-sheet {
18859
+ 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));
18860
+ border-radius: 4px;
18861
+ }
18862
+
18863
+ .v-color-picker__controls {
18864
+ display: flex;
18865
+ flex-direction: column;
18866
+ padding: 16px;
18867
+ }
18868
+
18869
+ .v-color-picker--flat {
18870
+ 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));
18871
+ }
18872
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
18873
+ 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));
19064
18874
  }.v-combobox .v-field .v-text-field__prefix,
19065
18875
  .v-combobox .v-field .v-text-field__suffix,
19066
18876
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19814,11 +19624,6 @@ html.overflow-y-hidden {
19814
19624
  .offset-xxl-11 {
19815
19625
  margin-inline-start: 91.6666666667%;
19816
19626
  }
19817
- }.v-counter {
19818
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19819
- flex: 0 1 auto;
19820
- font-size: 12px;
19821
- transition-duration: 150ms;
19822
19627
  }.v-data-table {
19823
19628
  width: 100%;
19824
19629
  }
@@ -19977,27 +19782,11 @@ html.overflow-y-hidden {
19977
19782
 
19978
19783
  .v-data-table-footer__page {
19979
19784
  padding: 0 8px;
19980
- }.v-date-picker__input {
19981
- padding-top: 16px;
19982
- padding-left: 24px;
19983
- padding-right: 24px;
19984
- }
19985
-
19986
- .v-date-picker {
19987
- overflow: hidden;
19988
- }
19989
-
19990
- .v-date-picker-month {
19991
- padding: 0 12px 12px;
19992
- }
19993
-
19994
- .v-date-picker-month__day {
19995
- height: 48px;
19996
- width: 48px;
19997
- }
19998
- .v-date-picker-month__day .v-btn {
19999
- --v-btn-height: 28px;
20000
- --v-btn-size: 0.85rem;
19785
+ }.v-counter {
19786
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19787
+ flex: 0 1 auto;
19788
+ font-size: 12px;
19789
+ transition-duration: 150ms;
20001
19790
  }.v-date-picker-controls {
20002
19791
  display: flex;
20003
19792
  align-items: center;
@@ -20054,6 +19843,47 @@ html.overflow-y-hidden {
20054
19843
 
20055
19844
  .v-date-picker__title {
20056
19845
  display: inline-block;
19846
+ }.v-date-picker__input {
19847
+ padding-top: 16px;
19848
+ padding-left: 24px;
19849
+ padding-right: 24px;
19850
+ }
19851
+
19852
+ .v-date-picker {
19853
+ overflow: hidden;
19854
+ }
19855
+
19856
+ .v-date-picker-month {
19857
+ padding: 0 12px 12px;
19858
+ }
19859
+
19860
+ .v-date-picker-month__day {
19861
+ height: 48px;
19862
+ width: 48px;
19863
+ }
19864
+ .v-date-picker-month__day .v-btn {
19865
+ --v-btn-height: 28px;
19866
+ --v-btn-size: 0.85rem;
19867
+ }.v-date-picker-months {
19868
+ height: 320px;
19869
+ overflow-y: scroll;
19870
+ }
19871
+
19872
+ .v-date-picker-months__content {
19873
+ align-items: center;
19874
+ display: grid;
19875
+ flex: 1 1;
19876
+ height: inherit;
19877
+ justify-content: space-around;
19878
+ grid-template-columns: repeat(2, 1fr);
19879
+ grid-gap: 4px 24px;
19880
+ padding-inline-start: 36px;
19881
+ padding-inline-end: 36px;
19882
+ }
19883
+ .v-date-picker-months__content .v-btn {
19884
+ text-transform: none;
19885
+ padding-inline-start: 8px;
19886
+ padding-inline-end: 8px;
20057
19887
  }.v-date-picker-header {
20058
19888
  display: grid;
20059
19889
  grid-template-areas: "prepend content append";
@@ -20115,6 +19945,21 @@ html.overflow-y-hidden {
20115
19945
  .date-picker-header-reverse-transition-leave-to {
20116
19946
  opacity: 0;
20117
19947
  transform: translate(0, 100%);
19948
+ }.v-date-picker-years {
19949
+ height: 320px;
19950
+ overflow-y: scroll;
19951
+ }
19952
+
19953
+ .v-date-picker-years__content {
19954
+ display: grid;
19955
+ flex: 1 1;
19956
+ justify-content: space-around;
19957
+ grid-template-columns: repeat(3, 1fr);
19958
+ gap: 8px 24px;
19959
+ padding-inline: 36px;
19960
+ }
19961
+ .v-date-picker-years__content .v-btn {
19962
+ padding-inline: 8px;
20118
19963
  }.v-date-picker-month {
20119
19964
  display: flex;
20120
19965
  justify-content: center;
@@ -20157,77 +20002,13 @@ html.overflow-y-hidden {
20157
20002
  .v-date-picker-month__day--week {
20158
20003
  font-size: var(--v-btn-size);
20159
20004
  }
20160
-
20161
- .v-date-picker-month__day--adjacent {
20162
- opacity: 0.5;
20163
- }
20164
-
20165
- .v-date-picker-month__day--hide-adjacent {
20166
- opacity: 0;
20167
- }.v-date-picker-months {
20168
- height: 320px;
20169
- overflow-y: scroll;
20170
- }
20171
-
20172
- .v-date-picker-months__content {
20173
- align-items: center;
20174
- display: grid;
20175
- flex: 1 1;
20176
- height: inherit;
20177
- justify-content: space-around;
20178
- grid-template-columns: repeat(2, 1fr);
20179
- grid-gap: 4px 24px;
20180
- padding-inline-start: 36px;
20181
- padding-inline-end: 36px;
20182
- }
20183
- .v-date-picker-months__content .v-btn {
20184
- text-transform: none;
20185
- padding-inline-start: 8px;
20186
- padding-inline-end: 8px;
20187
- }.v-date-picker-years {
20188
- height: 320px;
20189
- overflow-y: scroll;
20190
- }
20191
-
20192
- .v-date-picker-years__content {
20193
- display: grid;
20194
- flex: 1 1;
20195
- justify-content: space-around;
20196
- grid-template-columns: repeat(3, 1fr);
20197
- gap: 8px 24px;
20198
- padding-inline: 36px;
20199
- }
20200
- .v-date-picker-years__content .v-btn {
20201
- padding-inline: 8px;
20202
- }.v-divider {
20203
- display: block;
20204
- flex: 1 1 100%;
20205
- height: 0px;
20206
- max-height: 0px;
20207
- opacity: var(--v-border-opacity);
20208
- transition: inherit;
20209
- border-style: solid;
20210
- border-width: thin 0 0 0;
20211
- }
20212
- .v-divider--vertical {
20213
- align-self: stretch;
20214
- border-width: 0 thin 0 0;
20215
- display: inline-flex;
20216
- height: inherit;
20217
- margin-left: -1px;
20218
- max-height: 100%;
20219
- max-width: 0px;
20220
- vertical-align: text-bottom;
20221
- width: 0px;
20222
- }
20223
- .v-divider--inset:not(.v-divider--vertical) {
20224
- max-width: calc(100% - 72px);
20225
- margin-inline-start: 72px;
20226
- }
20227
- .v-divider--inset.v-divider--vertical {
20228
- margin-bottom: 8px;
20229
- margin-top: 8px;
20230
- max-height: calc(100% - 16px);
20005
+
20006
+ .v-date-picker-month__day--adjacent {
20007
+ opacity: 0.5;
20008
+ }
20009
+
20010
+ .v-date-picker-month__day--hide-adjacent {
20011
+ opacity: 0;
20231
20012
  }.v-dialog {
20232
20013
  align-items: center;
20233
20014
  justify-content: center;
@@ -21054,24 +20835,7 @@ textarea.v-field__input::placeholder {
21054
20835
  opacity: 0;
21055
20836
  }
21056
20837
 
21057
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21058
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21059
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21060
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21061
- top: 0px;
21062
- }
21063
- .v-file-input input[type=file] {
21064
- height: 100%;
21065
- left: 0;
21066
- opacity: 0;
21067
- position: absolute;
21068
- top: 0;
21069
- width: 100%;
21070
- z-index: 1;
21071
- }
21072
- .v-file-input .v-input__details {
21073
- padding-inline: 16px;
21074
- }.v-footer {
20838
+ /* endregion */.v-footer {
21075
20839
  align-items: center;
21076
20840
  display: flex;
21077
20841
  flex: 1 1 auto;
@@ -21099,26 +20863,52 @@ textarea.v-field__input::placeholder {
21099
20863
  }
21100
20864
  .v-footer--rounded {
21101
20865
  border-radius: 4px;
21102
- }.v-color-picker {
21103
- align-self: flex-start;
21104
- contain: content;
20866
+ }.v-divider {
20867
+ display: block;
20868
+ flex: 1 1 100%;
20869
+ height: 0px;
20870
+ max-height: 0px;
20871
+ opacity: var(--v-border-opacity);
20872
+ transition: inherit;
20873
+ border-style: solid;
20874
+ border-width: thin 0 0 0;
21105
20875
  }
21106
- .v-color-picker.v-sheet {
21107
- 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));
21108
- border-radius: 4px;
20876
+ .v-divider--vertical {
20877
+ align-self: stretch;
20878
+ border-width: 0 thin 0 0;
20879
+ display: inline-flex;
20880
+ height: inherit;
20881
+ margin-left: -1px;
20882
+ max-height: 100%;
20883
+ max-width: 0px;
20884
+ vertical-align: text-bottom;
20885
+ width: 0px;
21109
20886
  }
21110
-
21111
- .v-color-picker__controls {
21112
- display: flex;
21113
- flex-direction: column;
21114
- padding: 16px;
20887
+ .v-divider--inset:not(.v-divider--vertical) {
20888
+ max-width: calc(100% - 72px);
20889
+ margin-inline-start: 72px;
21115
20890
  }
21116
-
21117
- .v-color-picker--flat {
21118
- 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));
20891
+ .v-divider--inset.v-divider--vertical {
20892
+ margin-bottom: 8px;
20893
+ margin-top: 8px;
20894
+ max-height: calc(100% - 16px);
20895
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20896
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20897
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20898
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20899
+ top: 0px;
21119
20900
  }
21120
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
21121
- 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));
20901
+ .v-file-input input[type=file] {
20902
+ height: 100%;
20903
+ left: 0;
20904
+ opacity: 0;
20905
+ position: absolute;
20906
+ top: 0;
20907
+ width: 100%;
20908
+ z-index: 1;
20909
+ }
20910
+ .v-file-input .v-input__details {
20911
+ padding-inline: 16px;
21122
20912
  }.v-icon {
21123
20913
  --v-icon-size-multiplier: 1;
21124
20914
  align-items: center;
@@ -21168,6 +20958,31 @@ textarea.v-field__input::placeholder {
21168
20958
 
21169
20959
  .v-icon--end {
21170
20960
  margin-inline-start: 8px;
20961
+ }.v-infinite-scroll--horizontal {
20962
+ display: flex;
20963
+ flex-direction: row;
20964
+ overflow-x: auto;
20965
+ }
20966
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
20967
+ height: 100%;
20968
+ width: 1px;
20969
+ }
20970
+
20971
+ .v-infinite-scroll--vertical {
20972
+ display: flex;
20973
+ flex-direction: column;
20974
+ overflow-y: auto;
20975
+ }
20976
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
20977
+ height: 1px;
20978
+ width: 100%;
20979
+ }
20980
+
20981
+ .v-infinite-scroll__side {
20982
+ align-items: center;
20983
+ display: flex;
20984
+ justify-content: center;
20985
+ padding: 8px;
21171
20986
  }.v-img {
21172
20987
  --v-theme-overlay-multiplier: 3;
21173
20988
  z-index: 0;
@@ -21175,6 +20990,9 @@ textarea.v-field__input::placeholder {
21175
20990
  .v-img--booting .v-responsive__sizer {
21176
20991
  transition: none;
21177
20992
  }
20993
+ .v-img--rounded {
20994
+ border-radius: 4px;
20995
+ }
21178
20996
 
21179
20997
  .v-img__img,
21180
20998
  .v-img__picture,
@@ -21201,31 +21019,6 @@ textarea.v-field__input::placeholder {
21201
21019
 
21202
21020
  .v-img__gradient {
21203
21021
  background-repeat: no-repeat;
21204
- }.v-infinite-scroll--horizontal {
21205
- display: flex;
21206
- flex-direction: row;
21207
- overflow-x: auto;
21208
- }
21209
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21210
- height: 100%;
21211
- width: 1px;
21212
- }
21213
-
21214
- .v-infinite-scroll--vertical {
21215
- display: flex;
21216
- flex-direction: column;
21217
- overflow-y: auto;
21218
- }
21219
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21220
- height: 1px;
21221
- width: 100%;
21222
- }
21223
-
21224
- .v-infinite-scroll__side {
21225
- align-items: center;
21226
- display: flex;
21227
- justify-content: center;
21228
- padding: 8px;
21229
21022
  }.v-input {
21230
21023
  display: grid;
21231
21024
  flex: 1 1 auto;
@@ -21391,21 +21184,6 @@ textarea.v-field__input::placeholder {
21391
21184
 
21392
21185
  .v-label--clickable {
21393
21186
  cursor: pointer;
21394
- }.v-layout {
21395
- --v-scrollbar-offset: 0px;
21396
- display: flex;
21397
- flex: 1 1 auto;
21398
- }
21399
- .v-layout--full-height {
21400
- --v-scrollbar-offset: inherit;
21401
- height: 100%;
21402
- }.v-layout-item {
21403
- position: absolute;
21404
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21405
- }
21406
-
21407
- .v-layout-item--absolute {
21408
- position: absolute;
21409
21187
  }.v-list {
21410
21188
  overflow: auto;
21411
21189
  padding: 8px 0;
@@ -21940,8 +21718,21 @@ textarea.v-field__input::placeholder {
21940
21718
  }
21941
21719
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21942
21720
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21943
- }.v-locale-provider {
21944
- display: contents;
21721
+ }.v-layout {
21722
+ --v-scrollbar-offset: 0px;
21723
+ display: flex;
21724
+ flex: 1 1 auto;
21725
+ }
21726
+ .v-layout--full-height {
21727
+ --v-scrollbar-offset: inherit;
21728
+ height: 100%;
21729
+ }.v-layout-item {
21730
+ position: absolute;
21731
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21732
+ }
21733
+
21734
+ .v-layout-item--absolute {
21735
+ position: absolute;
21945
21736
  }.v-main {
21946
21737
  flex: 1 0 auto;
21947
21738
  max-width: 100%;
@@ -21970,6 +21761,8 @@ textarea.v-field__input::placeholder {
21970
21761
  --v-layout-right: 0px;
21971
21762
  --v-layout-top: 0px;
21972
21763
  --v-layout-bottom: 0px;
21764
+ }.v-locale-provider {
21765
+ display: contents;
21973
21766
  }.v-menu > .v-overlay__content {
21974
21767
  display: flex;
21975
21768
  flex-direction: column;
@@ -21983,22 +21776,6 @@ textarea.v-field__input::placeholder {
21983
21776
  overflow: auto;
21984
21777
  height: 100%;
21985
21778
  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));
21986
- }.v-messages {
21987
- flex: 1 1 auto;
21988
- font-size: 12px;
21989
- min-height: 14px;
21990
- min-width: 1px;
21991
- opacity: var(--v-medium-emphasis-opacity);
21992
- position: relative;
21993
- }
21994
- .v-messages__message {
21995
- line-height: 12px;
21996
- word-break: break-word;
21997
- overflow-wrap: break-word;
21998
- word-wrap: break-word;
21999
- -webkit-hyphens: auto;
22000
- hyphens: auto;
22001
- transition-duration: 150ms;
22002
21779
  }.v-navigation-drawer {
22003
21780
  -webkit-overflow-scrolling: touch;
22004
21781
  background: rgb(var(--v-theme-surface));
@@ -22084,80 +21861,35 @@ textarea.v-field__input::placeholder {
22084
21861
  .v-navigation-drawer__scrim {
22085
21862
  position: absolute;
22086
21863
  top: 0;
22087
- left: 0;
22088
- width: 100%;
22089
- height: 100%;
22090
- background: black;
22091
- opacity: 0.2;
22092
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22093
- z-index: 1;
22094
- }
22095
-
22096
- .v-navigation-drawer__prepend,
22097
- .v-navigation-drawer__append {
22098
- flex: none;
22099
- overflow: hidden;
22100
- }.v-otp-input {
22101
- border-radius: 4px;
22102
- align-items: center;
22103
- display: flex;
22104
- justify-content: center;
22105
- padding: 0.5rem 0;
22106
- position: relative;
22107
- }
22108
- .v-otp-input .v-field {
22109
- height: 100%;
22110
- }
22111
-
22112
- .v-otp-input__divider {
22113
- margin: 0 8px;
22114
- }
22115
-
22116
- .v-otp-input__content {
22117
- align-items: center;
22118
- display: flex;
22119
- gap: 0.5rem;
22120
- height: 64px;
22121
- padding: 0.5rem;
22122
- justify-content: center;
22123
- max-width: 320px;
22124
- position: relative;
22125
- border-radius: inherit;
22126
- }
22127
- .v-otp-input--divided .v-otp-input__content {
22128
- max-width: 360px;
22129
- }
22130
-
22131
- .v-otp-input__field {
22132
- color: inherit;
22133
- font-size: 1.25rem;
22134
- height: 100%;
22135
- outline: none;
22136
- text-align: center;
22137
- width: 100%;
22138
- }
22139
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22140
- -webkit-appearance: none;
22141
- margin: 0;
22142
- }
22143
- .v-otp-input__field[type=number] {
22144
- -moz-appearance: textfield;
22145
- }
22146
-
22147
- .v-otp-input__loader {
22148
- align-items: center;
22149
- display: flex;
22150
- height: 100%;
22151
- justify-content: center;
22152
- width: 100%;
22153
- }.v-pagination__list {
22154
- display: inline-flex;
22155
- list-style-type: none;
22156
- justify-content: center;
21864
+ left: 0;
22157
21865
  width: 100%;
21866
+ height: 100%;
21867
+ background: black;
21868
+ opacity: 0.2;
21869
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21870
+ z-index: 1;
22158
21871
  }
22159
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22160
- margin: 0.3rem;
21872
+
21873
+ .v-navigation-drawer__prepend,
21874
+ .v-navigation-drawer__append {
21875
+ flex: none;
21876
+ overflow: hidden;
21877
+ }.v-messages {
21878
+ flex: 1 1 auto;
21879
+ font-size: 12px;
21880
+ min-height: 14px;
21881
+ min-width: 1px;
21882
+ opacity: var(--v-medium-emphasis-opacity);
21883
+ position: relative;
21884
+ }
21885
+ .v-messages__message {
21886
+ line-height: 12px;
21887
+ word-break: break-word;
21888
+ overflow-wrap: break-word;
21889
+ word-wrap: break-word;
21890
+ -webkit-hyphens: auto;
21891
+ hyphens: auto;
21892
+ transition-duration: 150ms;
22161
21893
  }.v-overlay-container {
22162
21894
  contain: layout;
22163
21895
  left: 0;
@@ -22221,108 +21953,67 @@ html.v-overlay-scroll-blocked {
22221
21953
 
22222
21954
  .v-overlay--scroll-blocked {
22223
21955
  padding-inline-end: var(--v-scrollbar-offset);
22224
- }.v-progress-circular {
21956
+ }.v-otp-input {
21957
+ border-radius: 4px;
22225
21958
  align-items: center;
22226
- display: inline-flex;
21959
+ display: flex;
22227
21960
  justify-content: center;
21961
+ padding: 0.5rem 0;
22228
21962
  position: relative;
22229
- vertical-align: middle;
22230
21963
  }
22231
- .v-progress-circular > svg {
22232
- width: 100%;
21964
+ .v-otp-input .v-field {
22233
21965
  height: 100%;
22234
- margin: auto;
22235
- position: absolute;
22236
- top: 0;
22237
- bottom: 0;
22238
- left: 0;
22239
- right: 0;
22240
- z-index: 0;
22241
- }
22242
-
22243
- .v-progress-circular__content {
22244
- align-items: center;
22245
- display: flex;
22246
- justify-content: center;
22247
- }
22248
-
22249
- .v-progress-circular__underlay {
22250
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22251
- stroke: currentColor;
22252
- z-index: 1;
22253
21966
  }
22254
21967
 
22255
- .v-progress-circular__overlay {
22256
- stroke: currentColor;
22257
- transition: all 0.2s ease-in-out, stroke-width 0s;
22258
- z-index: 2;
21968
+ .v-otp-input__divider {
21969
+ margin: 0 8px;
22259
21970
  }
22260
21971
 
22261
- .v-progress-circular--size-x-small {
22262
- height: 16px;
22263
- width: 16px;
22264
- }
22265
- .v-progress-circular--size-small {
22266
- height: 24px;
22267
- width: 24px;
22268
- }
22269
- .v-progress-circular--size-default {
22270
- height: 32px;
22271
- width: 32px;
22272
- }
22273
- .v-progress-circular--size-large {
22274
- height: 48px;
22275
- width: 48px;
22276
- }
22277
- .v-progress-circular--size-x-large {
21972
+ .v-otp-input__content {
21973
+ align-items: center;
21974
+ display: flex;
21975
+ gap: 0.5rem;
22278
21976
  height: 64px;
22279
- width: 64px;
22280
- }
22281
-
22282
- .v-progress-circular--indeterminate > svg {
22283
- animation: progress-circular-rotate 1.4s linear infinite;
22284
- transform-origin: center center;
22285
- transition: all 0.2s ease-in-out;
21977
+ padding: 0.5rem;
21978
+ justify-content: center;
21979
+ max-width: 320px;
21980
+ position: relative;
21981
+ border-radius: inherit;
22286
21982
  }
22287
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
22288
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22289
- stroke-dasharray: 25, 200;
22290
- stroke-dashoffset: 0;
22291
- stroke-linecap: round;
22292
- transform-origin: center center;
22293
- transform: rotate(-90deg);
21983
+ .v-otp-input--divided .v-otp-input__content {
21984
+ max-width: 360px;
22294
21985
  }
22295
21986
 
22296
- .v-progress-circular--disable-shrink > svg {
22297
- animation-duration: 0.7s;
21987
+ .v-otp-input__field {
21988
+ color: inherit;
21989
+ font-size: 1.25rem;
21990
+ height: 100%;
21991
+ outline: none;
21992
+ text-align: center;
21993
+ width: 100%;
22298
21994
  }
22299
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22300
- animation: none;
21995
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
21996
+ -webkit-appearance: none;
21997
+ margin: 0;
22301
21998
  }
22302
-
22303
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22304
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22305
- animation-play-state: paused !important;
21999
+ .v-otp-input__field[type=number] {
22000
+ -moz-appearance: textfield;
22306
22001
  }
22307
22002
 
22308
- @keyframes progress-circular-dash {
22309
- 0% {
22310
- stroke-dasharray: 1, 200;
22311
- stroke-dashoffset: 0px;
22312
- }
22313
- 50% {
22314
- stroke-dasharray: 100, 200;
22315
- stroke-dashoffset: -15px;
22316
- }
22317
- 100% {
22318
- stroke-dasharray: 100, 200;
22319
- stroke-dashoffset: -124px;
22320
- }
22003
+ .v-otp-input__loader {
22004
+ align-items: center;
22005
+ display: flex;
22006
+ height: 100%;
22007
+ justify-content: center;
22008
+ width: 100%;
22009
+ }.v-pagination__list {
22010
+ display: inline-flex;
22011
+ list-style-type: none;
22012
+ justify-content: center;
22013
+ width: 100%;
22321
22014
  }
22322
- @keyframes progress-circular-rotate {
22323
- 100% {
22324
- transform: rotate(270deg);
22325
- }
22015
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22016
+ margin: 0.3rem;
22326
22017
  }.v-parallax {
22327
22018
  position: relative;
22328
22019
  overflow: hidden;
@@ -22535,22 +22226,166 @@ html.v-overlay-scroll-blocked {
22535
22226
  transform: translateX(var(--v-progress-linear-stream-to));
22536
22227
  }
22537
22228
  }
22538
- @keyframes progress-linear-stripes {
22539
- 0% {
22540
- background-position-x: var(--v-progress-linear-height);
22229
+ @keyframes progress-linear-stripes {
22230
+ 0% {
22231
+ background-position-x: var(--v-progress-linear-height);
22232
+ }
22233
+ }.v-progress-circular {
22234
+ align-items: center;
22235
+ display: inline-flex;
22236
+ justify-content: center;
22237
+ position: relative;
22238
+ vertical-align: middle;
22239
+ }
22240
+ .v-progress-circular > svg {
22241
+ width: 100%;
22242
+ height: 100%;
22243
+ margin: auto;
22244
+ position: absolute;
22245
+ top: 0;
22246
+ bottom: 0;
22247
+ left: 0;
22248
+ right: 0;
22249
+ z-index: 0;
22250
+ }
22251
+
22252
+ .v-progress-circular__content {
22253
+ align-items: center;
22254
+ display: flex;
22255
+ justify-content: center;
22256
+ }
22257
+
22258
+ .v-progress-circular__underlay {
22259
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22260
+ stroke: currentColor;
22261
+ z-index: 1;
22262
+ }
22263
+
22264
+ .v-progress-circular__overlay {
22265
+ stroke: currentColor;
22266
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22267
+ z-index: 2;
22268
+ }
22269
+
22270
+ .v-progress-circular--size-x-small {
22271
+ height: 16px;
22272
+ width: 16px;
22273
+ }
22274
+ .v-progress-circular--size-small {
22275
+ height: 24px;
22276
+ width: 24px;
22277
+ }
22278
+ .v-progress-circular--size-default {
22279
+ height: 32px;
22280
+ width: 32px;
22281
+ }
22282
+ .v-progress-circular--size-large {
22283
+ height: 48px;
22284
+ width: 48px;
22285
+ }
22286
+ .v-progress-circular--size-x-large {
22287
+ height: 64px;
22288
+ width: 64px;
22289
+ }
22290
+
22291
+ .v-progress-circular--indeterminate > svg {
22292
+ animation: progress-circular-rotate 1.4s linear infinite;
22293
+ transform-origin: center center;
22294
+ transition: all 0.2s ease-in-out;
22295
+ }
22296
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22297
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22298
+ stroke-dasharray: 25, 200;
22299
+ stroke-dashoffset: 0;
22300
+ stroke-linecap: round;
22301
+ transform-origin: center center;
22302
+ transform: rotate(-90deg);
22303
+ }
22304
+
22305
+ .v-progress-circular--disable-shrink > svg {
22306
+ animation-duration: 0.7s;
22307
+ }
22308
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22309
+ animation: none;
22310
+ }
22311
+
22312
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22313
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22314
+ animation-play-state: paused !important;
22315
+ }
22316
+
22317
+ @keyframes progress-circular-dash {
22318
+ 0% {
22319
+ stroke-dasharray: 1, 200;
22320
+ stroke-dashoffset: 0px;
22321
+ }
22322
+ 50% {
22323
+ stroke-dasharray: 100, 200;
22324
+ stroke-dashoffset: -15px;
22325
+ }
22326
+ 100% {
22327
+ stroke-dasharray: 100, 200;
22328
+ stroke-dashoffset: -124px;
22329
+ }
22330
+ }
22331
+ @keyframes progress-circular-rotate {
22332
+ 100% {
22333
+ transform: rotate(270deg);
22541
22334
  }
22542
- }.v-radio-group > .v-input__control {
22335
+ }.v-rating {
22336
+ max-width: 100%;
22337
+ display: inline-flex;
22338
+ white-space: nowrap;
22339
+ }
22340
+ .v-rating--readonly {
22341
+ pointer-events: none;
22342
+ }
22343
+
22344
+ .v-rating__wrapper {
22345
+ align-items: center;
22346
+ display: inline-flex;
22543
22347
  flex-direction: column;
22544
22348
  }
22545
- .v-radio-group > .v-input__control > .v-label {
22546
- margin-inline-start: 16px;
22349
+ .v-rating__wrapper--bottom {
22350
+ flex-direction: column-reverse;
22547
22351
  }
22548
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22549
- padding-inline-start: 6px;
22550
- margin-top: 8px;
22352
+
22353
+ .v-rating__item {
22354
+ display: inline-flex;
22355
+ position: relative;
22551
22356
  }
22552
- .v-radio-group .v-input__details {
22553
- padding-inline: 16px;
22357
+ .v-rating__item label {
22358
+ cursor: pointer;
22359
+ }
22360
+ .v-rating__item .v-btn--variant-plain {
22361
+ opacity: 1;
22362
+ }
22363
+ .v-rating__item .v-btn {
22364
+ transition-property: transform;
22365
+ }
22366
+ .v-rating__item .v-btn .v-icon {
22367
+ transition: inherit;
22368
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22369
+ }
22370
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
22371
+ transform: scale(1.25);
22372
+ }
22373
+ .v-rating__item--half {
22374
+ overflow: hidden;
22375
+ position: absolute;
22376
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22377
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22378
+ z-index: 1;
22379
+ }
22380
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22381
+ opacity: 0;
22382
+ }
22383
+
22384
+ .v-rating__hidden {
22385
+ height: 0;
22386
+ opacity: 0;
22387
+ position: absolute;
22388
+ width: 0;
22554
22389
  }.v-slider .v-slider__container input {
22555
22390
  cursor: default;
22556
22391
  padding: 0;
@@ -22608,60 +22443,18 @@ html.v-overlay-scroll-blocked {
22608
22443
 
22609
22444
  .v-slider__label {
22610
22445
  margin-inline-end: 12px;
22611
- }.v-rating {
22612
- max-width: 100%;
22613
- display: inline-flex;
22614
- white-space: nowrap;
22615
- }
22616
- .v-rating--readonly {
22617
- pointer-events: none;
22618
- }
22619
-
22620
- .v-rating__wrapper {
22621
- align-items: center;
22622
- display: inline-flex;
22446
+ }.v-radio-group > .v-input__control {
22623
22447
  flex-direction: column;
22624
22448
  }
22625
- .v-rating__wrapper--bottom {
22626
- flex-direction: column-reverse;
22627
- }
22628
-
22629
- .v-rating__item {
22630
- display: inline-flex;
22631
- position: relative;
22632
- }
22633
- .v-rating__item label {
22634
- cursor: pointer;
22635
- }
22636
- .v-rating__item .v-btn--variant-plain {
22637
- opacity: 1;
22638
- }
22639
- .v-rating__item .v-btn {
22640
- transition-property: transform;
22641
- }
22642
- .v-rating__item .v-btn .v-icon {
22643
- transition: inherit;
22644
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22645
- }
22646
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
22647
- transform: scale(1.25);
22648
- }
22649
- .v-rating__item--half {
22650
- overflow: hidden;
22651
- position: absolute;
22652
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22653
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22654
- z-index: 1;
22449
+ .v-radio-group > .v-input__control > .v-label {
22450
+ margin-inline-start: 16px;
22655
22451
  }
22656
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22657
- opacity: 0;
22452
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22453
+ padding-inline-start: 6px;
22454
+ margin-top: 8px;
22658
22455
  }
22659
-
22660
- .v-rating__hidden {
22661
- height: 0;
22662
- opacity: 0;
22663
- position: absolute;
22664
- width: 0;
22456
+ .v-radio-group .v-input__details {
22457
+ padding-inline: 16px;
22665
22458
  }.v-responsive {
22666
22459
  display: flex;
22667
22460
  flex: 1 0 auto;
@@ -22688,54 +22481,6 @@ html.v-overlay-scroll-blocked {
22688
22481
  flex: 1 0 0px;
22689
22482
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22690
22483
  pointer-events: none;
22691
- }.v-select .v-field .v-text-field__prefix,
22692
- .v-select .v-field .v-text-field__suffix,
22693
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
22694
- cursor: pointer;
22695
- }
22696
- .v-select .v-field .v-field__input > input {
22697
- align-self: flex-start;
22698
- opacity: 1;
22699
- flex: 0 0;
22700
- position: absolute;
22701
- width: 100%;
22702
- transition: none;
22703
- pointer-events: none;
22704
- caret-color: transparent;
22705
- }
22706
- .v-select .v-field--dirty .v-select__selection {
22707
- margin-inline-end: 2px;
22708
- }
22709
- .v-select .v-select__selection-text {
22710
- overflow: hidden;
22711
- text-overflow: ellipsis;
22712
- white-space: nowrap;
22713
- }
22714
- .v-select__content {
22715
- overflow: hidden;
22716
- 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));
22717
- border-radius: 4px;
22718
- }
22719
- .v-select__selection {
22720
- display: inline-flex;
22721
- align-items: center;
22722
- letter-spacing: inherit;
22723
- line-height: inherit;
22724
- max-width: 100%;
22725
- }
22726
- .v-select .v-select__selection:first-child {
22727
- margin-inline-start: 0;
22728
- }
22729
- .v-select--selected .v-field .v-field__input > input {
22730
- opacity: 0;
22731
- }
22732
- .v-select__menu-icon {
22733
- margin-inline-start: 4px;
22734
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22735
- }
22736
- .v-select--active-menu .v-select__menu-icon {
22737
- opacity: var(--v-high-emphasis-opacity);
22738
- transform: rotate(180deg);
22739
22484
  }.v-selection-control {
22740
22485
  align-items: center;
22741
22486
  contain: layout;
@@ -22837,14 +22582,54 @@ html.v-overlay-scroll-blocked {
22837
22582
  }
22838
22583
  .v-selection-control--focus-visible .v-selection-control__input::before {
22839
22584
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22840
- }.v-selection-control-group {
22841
- grid-area: control;
22842
- display: flex;
22843
- flex-direction: column;
22585
+ }.v-select .v-field .v-text-field__prefix,
22586
+ .v-select .v-field .v-text-field__suffix,
22587
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
22588
+ cursor: pointer;
22844
22589
  }
22845
- .v-selection-control-group--inline {
22846
- flex-direction: row;
22847
- flex-wrap: wrap;
22590
+ .v-select .v-field .v-field__input > input {
22591
+ align-self: flex-start;
22592
+ opacity: 1;
22593
+ flex: 0 0;
22594
+ position: absolute;
22595
+ width: 100%;
22596
+ transition: none;
22597
+ pointer-events: none;
22598
+ caret-color: transparent;
22599
+ }
22600
+ .v-select .v-field--dirty .v-select__selection {
22601
+ margin-inline-end: 2px;
22602
+ }
22603
+ .v-select .v-select__selection-text {
22604
+ overflow: hidden;
22605
+ text-overflow: ellipsis;
22606
+ white-space: nowrap;
22607
+ }
22608
+ .v-select__content {
22609
+ overflow: hidden;
22610
+ 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));
22611
+ border-radius: 4px;
22612
+ }
22613
+ .v-select__selection {
22614
+ display: inline-flex;
22615
+ align-items: center;
22616
+ letter-spacing: inherit;
22617
+ line-height: inherit;
22618
+ max-width: 100%;
22619
+ }
22620
+ .v-select .v-select__selection:first-child {
22621
+ margin-inline-start: 0;
22622
+ }
22623
+ .v-select--selected .v-field .v-field__input > input {
22624
+ opacity: 0;
22625
+ }
22626
+ .v-select__menu-icon {
22627
+ margin-inline-start: 4px;
22628
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22629
+ }
22630
+ .v-select--active-menu .v-select__menu-icon {
22631
+ opacity: var(--v-high-emphasis-opacity);
22632
+ transform: rotate(180deg);
22848
22633
  }.v-sheet {
22849
22634
  display: block;
22850
22635
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -22862,17 +22647,67 @@ html.v-overlay-scroll-blocked {
22862
22647
  .v-sheet--absolute {
22863
22648
  position: absolute;
22864
22649
  }
22865
- .v-sheet--fixed {
22866
- position: fixed;
22650
+ .v-sheet--fixed {
22651
+ position: fixed;
22652
+ }
22653
+ .v-sheet--relative {
22654
+ position: relative;
22655
+ }
22656
+ .v-sheet--sticky {
22657
+ position: sticky;
22658
+ }
22659
+ .v-sheet--rounded {
22660
+ border-radius: 4px;
22661
+ }.v-selection-control-group {
22662
+ grid-area: control;
22663
+ display: flex;
22664
+ flex-direction: column;
22665
+ }
22666
+ .v-selection-control-group--inline {
22667
+ flex-direction: row;
22668
+ flex-wrap: wrap;
22669
+ }.v-slide-group {
22670
+ display: flex;
22671
+ overflow: hidden;
22672
+ }
22673
+
22674
+ .v-slide-group__next,
22675
+ .v-slide-group__prev {
22676
+ align-items: center;
22677
+ display: flex;
22678
+ flex: 0 1 52px;
22679
+ justify-content: center;
22680
+ min-width: 52px;
22681
+ cursor: pointer;
22682
+ }
22683
+ .v-slide-group__next--disabled,
22684
+ .v-slide-group__prev--disabled {
22685
+ pointer-events: none;
22686
+ opacity: var(--v-disabled-opacity);
22867
22687
  }
22868
- .v-sheet--relative {
22688
+
22689
+ .v-slide-group__content {
22690
+ display: flex;
22691
+ flex: 1 0 auto;
22869
22692
  position: relative;
22693
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
22694
+ white-space: nowrap;
22870
22695
  }
22871
- .v-sheet--sticky {
22872
- position: sticky;
22696
+ .v-slide-group__content > * {
22697
+ white-space: initial;
22873
22698
  }
22874
- .v-sheet--rounded {
22875
- border-radius: 4px;
22699
+
22700
+ .v-slide-group__container {
22701
+ contain: content;
22702
+ display: flex;
22703
+ flex: 1 1 auto;
22704
+ overflow: hidden;
22705
+ }
22706
+
22707
+ .v-slide-group--vertical,
22708
+ .v-slide-group--vertical .v-slide-group__container,
22709
+ .v-slide-group--vertical .v-slide-group__content {
22710
+ flex-direction: column;
22876
22711
  }.v-skeleton-loader {
22877
22712
  align-items: center;
22878
22713
  background: rgb(var(--v-theme-surface));
@@ -23096,48 +22931,122 @@ html.v-overlay-scroll-blocked {
23096
22931
  100% {
23097
22932
  transform: translateX(100%);
23098
22933
  }
23099
- }.v-slide-group {
23100
- display: flex;
22934
+ }.v-stepper.v-sheet {
22935
+ 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));
22936
+ border-radius: 4px;
23101
22937
  overflow: hidden;
23102
22938
  }
22939
+ .v-stepper.v-sheet.v-stepper--flat {
22940
+ 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));
22941
+ }
23103
22942
 
23104
- .v-slide-group__next,
23105
- .v-slide-group__prev {
22943
+ .v-stepper-header {
22944
+ 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));
23106
22945
  align-items: center;
23107
22946
  display: flex;
23108
- flex: 0 1 52px;
23109
- justify-content: center;
23110
- min-width: 52px;
23111
- cursor: pointer;
22947
+ position: relative;
22948
+ overflow-x: auto;
22949
+ justify-content: space-between;
22950
+ z-index: 1;
23112
22951
  }
23113
- .v-slide-group__next--disabled,
23114
- .v-slide-group__prev--disabled {
23115
- pointer-events: none;
23116
- opacity: var(--v-disabled-opacity);
22952
+ .v-stepper-header .v-divider {
22953
+ margin: 0 -16px;
22954
+ }
22955
+ .v-stepper-header .v-divider:last-child {
22956
+ margin-inline-end: 0;
22957
+ }
22958
+ .v-stepper-header .v-divider:first-child {
22959
+ margin-inline-start: 0;
22960
+ }
22961
+ .v-stepper--alt-labels .v-stepper-header {
22962
+ height: auto;
22963
+ }
22964
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
22965
+ align-self: flex-start;
22966
+ margin: 35px -67px 0;
23117
22967
  }
23118
22968
 
23119
- .v-slide-group__content {
22969
+ .v-stepper-window {
22970
+ margin: 1.5rem;
22971
+ }
22972
+
22973
+ .v-stepper-actions {
23120
22974
  display: flex;
23121
- flex: 1 0 auto;
23122
- position: relative;
23123
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23124
- white-space: nowrap;
22975
+ align-items: center;
22976
+ justify-content: space-between;
22977
+ padding: 1rem;
23125
22978
  }
23126
- .v-slide-group__content > * {
23127
- white-space: initial;
22979
+ .v-stepper .v-stepper-actions {
22980
+ padding: 0 1.5rem 1rem;
22981
+ }
22982
+ .v-stepper-window-item .v-stepper-actions {
22983
+ padding: 1.5rem 0 0;
22984
+ }.v-stepper-item {
22985
+ align-items: center;
22986
+ align-self: stretch;
22987
+ display: inline-flex;
22988
+ flex: none;
22989
+ opacity: var(--v-medium-emphasis-opacity);
22990
+ padding: 1.5rem;
22991
+ transition-duration: 0.2s;
22992
+ transition-property: opacity;
22993
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22994
+ }
22995
+ .v-stepper-item--selected {
22996
+ opacity: 1;
22997
+ }
22998
+ .v-stepper-item--error {
22999
+ color: rgb(var(--v-theme-error));
23000
+ }
23001
+ .v-stepper-item--disabled {
23002
+ opacity: var(--v-medium-emphasis-opacity);
23003
+ pointer-events: none;
23004
+ }
23005
+ .v-stepper--alt-labels .v-stepper-item {
23006
+ flex-direction: column;
23007
+ justify-content: flex-start;
23008
+ align-items: center;
23009
+ flex-basis: 175px;
23128
23010
  }
23129
23011
 
23130
- .v-slide-group__container {
23131
- contain: content;
23132
- display: flex;
23133
- flex: 1 1 auto;
23134
- overflow: hidden;
23012
+ .v-stepper-item__avatar.v-avatar {
23013
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23014
+ color: rgb(var(--v-theme-on-surface-variant));
23015
+ font-size: 0.75rem;
23016
+ margin-inline-end: 8px;
23017
+ }
23018
+ .v-stepper-item__avatar.v-avatar .v-icon {
23019
+ font-size: 0.875rem;
23020
+ }
23021
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23022
+ background: rgb(var(--v-theme-surface-variant));
23023
+ }
23024
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23025
+ background: rgb(var(--v-theme-error));
23026
+ }
23027
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23028
+ margin-bottom: 16px;
23029
+ margin-inline-end: 0;
23135
23030
  }
23136
23031
 
23137
- .v-slide-group--vertical,
23138
- .v-slide-group--vertical .v-slide-group__container,
23139
- .v-slide-group--vertical .v-slide-group__content {
23140
- flex-direction: column;
23032
+ .v-stepper-item__title {
23033
+ line-height: 1;
23034
+ }
23035
+ .v-stepper--mobile .v-stepper-item__title {
23036
+ display: none;
23037
+ }
23038
+
23039
+ .v-stepper-item__subtitle {
23040
+ font-size: 0.75rem;
23041
+ text-align: left;
23042
+ line-height: 1;
23043
+ opacity: var(--v-medium-emphasis-opacity);
23044
+ }
23045
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23046
+ text-align: center;
23047
+ }
23048
+ .v-stepper--mobile .v-stepper-item__subtitle {
23049
+ display: none;
23141
23050
  }.v-snackbar {
23142
23051
  justify-content: center;
23143
23052
  z-index: 10000;
@@ -23257,123 +23166,146 @@ html.v-overlay-scroll-blocked {
23257
23166
  }
23258
23167
  .v-snackbar-transition-leave-to {
23259
23168
  opacity: 0;
23260
- }.v-stepper.v-sheet {
23261
- 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));
23262
- border-radius: 4px;
23263
- overflow: hidden;
23264
- }
23265
- .v-stepper.v-sheet.v-stepper--flat {
23266
- 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));
23267
- }
23268
-
23269
- .v-stepper-header {
23270
- 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));
23169
+ }.v-system-bar {
23271
23170
  align-items: center;
23272
23171
  display: flex;
23172
+ flex: 1 1 auto;
23173
+ height: 24px;
23174
+ justify-content: flex-end;
23175
+ max-width: 100%;
23176
+ padding-inline: 8px;
23273
23177
  position: relative;
23274
- overflow-x: auto;
23275
- justify-content: space-between;
23276
- z-index: 1;
23178
+ text-align: end;
23179
+ width: 100%;
23180
+ 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));
23181
+ background: rgba(var(--v-theme-on-surface-variant));
23182
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23183
+ font-size: 0.75rem;
23184
+ font-weight: 400;
23185
+ letter-spacing: 0.0333333333em;
23186
+ line-height: 1.25rem;
23187
+ text-transform: none;
23277
23188
  }
23278
- .v-stepper-header .v-divider {
23279
- margin: 0 -16px;
23189
+ .v-system-bar .v-icon {
23190
+ opacity: var(--v-medium-emphasis-opacity);
23280
23191
  }
23281
- .v-stepper-header .v-divider:last-child {
23282
- margin-inline-end: 0;
23192
+ .v-system-bar--absolute {
23193
+ position: absolute;
23283
23194
  }
23284
- .v-stepper-header .v-divider:first-child {
23285
- margin-inline-start: 0;
23195
+ .v-system-bar--fixed {
23196
+ position: fixed;
23286
23197
  }
23287
- .v-stepper--alt-labels .v-stepper-header {
23288
- height: auto;
23198
+ .v-system-bar--rounded {
23199
+ border-radius: 0;
23289
23200
  }
23290
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23291
- align-self: flex-start;
23292
- margin: 35px -67px 0;
23201
+ .v-system-bar--window {
23202
+ height: 32px;
23293
23203
  }
23294
-
23295
- .v-stepper-window {
23296
- margin: 1.5rem;
23204
+ .v-system-bar:not(.v-system-bar--absolute) {
23205
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23206
+ }.v-textarea .v-field {
23207
+ --v-textarea-control-height: var(--v-input-control-height);
23297
23208
  }
23298
-
23299
- .v-stepper-actions {
23300
- display: flex;
23301
- align-items: center;
23302
- justify-content: space-between;
23303
- padding: 1rem;
23209
+ .v-textarea .v-field__field {
23210
+ --v-input-control-height: var(--v-textarea-control-height);
23304
23211
  }
23305
- .v-stepper .v-stepper-actions {
23306
- padding: 0 1.5rem 1rem;
23212
+ .v-textarea .v-field__input {
23213
+ flex: 1 1 auto;
23214
+ outline: none;
23215
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23216
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23307
23217
  }
23308
- .v-stepper-window-item .v-stepper-actions {
23309
- padding: 1.5rem 0 0;
23310
- }.v-stepper-item {
23311
- align-items: center;
23312
- align-self: stretch;
23313
- display: inline-flex;
23314
- flex: none;
23315
- opacity: var(--v-medium-emphasis-opacity);
23316
- padding: 1.5rem;
23317
- transition-duration: 0.2s;
23318
- transition-property: opacity;
23319
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23218
+ .v-textarea .v-field__input.v-textarea__sizer {
23219
+ visibility: hidden;
23220
+ position: absolute;
23221
+ top: 0;
23222
+ left: 0;
23223
+ height: 0 !important;
23224
+ min-height: 0 !important;
23225
+ pointer-events: none;
23320
23226
  }
23321
- .v-stepper-item--selected {
23227
+ .v-textarea--no-resize .v-field__input {
23228
+ resize: none;
23229
+ }
23230
+ .v-textarea .v-field--no-label textarea,
23231
+ .v-textarea .v-field--active textarea {
23322
23232
  opacity: 1;
23323
23233
  }
23324
- .v-stepper-item--error {
23325
- color: rgb(var(--v-theme-error));
23234
+ .v-textarea textarea {
23235
+ opacity: 0;
23236
+ flex: 1;
23237
+ min-width: 0;
23238
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23326
23239
  }
23327
- .v-stepper-item--disabled {
23328
- opacity: var(--v-medium-emphasis-opacity);
23329
- pointer-events: none;
23240
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23241
+ outline: none;
23330
23242
  }
23331
- .v-stepper--alt-labels .v-stepper-item {
23332
- flex-direction: column;
23333
- justify-content: flex-start;
23334
- align-items: center;
23335
- flex-basis: 175px;
23243
+ .v-textarea textarea:invalid {
23244
+ box-shadow: none;
23245
+ }/* region BLOCK */
23246
+ .v-text-field input {
23247
+ color: inherit;
23248
+ opacity: 0;
23249
+ flex: 1;
23250
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23251
+ min-width: 0;
23336
23252
  }
23337
-
23338
- .v-stepper-item__avatar.v-avatar {
23339
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23340
- color: rgb(var(--v-theme-on-surface-variant));
23341
- font-size: 0.75rem;
23342
- margin-inline-end: 8px;
23253
+ .v-text-field input:focus, .v-text-field input:active {
23254
+ outline: none;
23343
23255
  }
23344
- .v-stepper-item__avatar.v-avatar .v-icon {
23345
- font-size: 0.875rem;
23256
+ .v-text-field input:invalid {
23257
+ box-shadow: none;
23346
23258
  }
23347
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23348
- background: rgb(var(--v-theme-surface-variant));
23259
+ .v-text-field .v-field {
23260
+ cursor: text;
23349
23261
  }
23350
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23351
- background: rgb(var(--v-theme-error));
23262
+ .v-text-field--prefixed.v-text-field .v-field__input {
23263
+ --v-field-padding-start: 6px;
23352
23264
  }
23353
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23354
- margin-bottom: 16px;
23355
- margin-inline-end: 0;
23265
+
23266
+ .v-text-field--suffixed.v-text-field .v-field__input {
23267
+ --v-field-padding-end: 0;
23356
23268
  }
23357
23269
 
23358
- .v-stepper-item__title {
23359
- line-height: 1;
23270
+ .v-text-field .v-input__details {
23271
+ padding-inline: 16px;
23360
23272
  }
23361
- .v-stepper--mobile .v-stepper-item__title {
23362
- display: none;
23273
+ .v-text-field .v-field--no-label input,
23274
+ .v-text-field .v-field--active input {
23275
+ opacity: 1;
23276
+ }
23277
+ .v-text-field .v-field--single-line input {
23278
+ transition: none;
23363
23279
  }
23364
23280
 
23365
- .v-stepper-item__subtitle {
23366
- font-size: 0.75rem;
23367
- text-align: left;
23368
- line-height: 1;
23369
- opacity: var(--v-medium-emphasis-opacity);
23281
+ /* endregion */
23282
+ /* region ELEMENTS */
23283
+ .v-text-field__prefix, .v-text-field__suffix {
23284
+ align-items: center;
23285
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23286
+ cursor: default;
23287
+ display: flex;
23288
+ opacity: 0;
23289
+ transition: inherit;
23290
+ white-space: nowrap;
23291
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23292
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23293
+ padding-bottom: var(--v-field-padding-bottom, 6px);
23370
23294
  }
23371
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23372
- text-align: center;
23295
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23296
+ opacity: 1;
23373
23297
  }
23374
- .v-stepper--mobile .v-stepper-item__subtitle {
23375
- display: none;
23376
- }.v-switch .v-label {
23298
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23299
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23300
+ }
23301
+ .v-text-field__prefix {
23302
+ padding-inline-start: var(--v-field-padding-start);
23303
+ }
23304
+ .v-text-field__suffix {
23305
+ padding-inline-end: var(--v-field-padding-end);
23306
+ }
23307
+
23308
+ /* endregion */.v-switch .v-label {
23377
23309
  padding-inline-start: 10px;
23378
23310
  }
23379
23311
  .v-switch .v-switch__thumb {
@@ -23464,43 +23396,6 @@ html.v-overlay-scroll-blocked {
23464
23396
  }
23465
23397
  .v-switch.v-switch--inset .v-selection-control__wrapper {
23466
23398
  width: auto;
23467
- }.v-system-bar {
23468
- align-items: center;
23469
- display: flex;
23470
- flex: 1 1 auto;
23471
- height: 24px;
23472
- justify-content: flex-end;
23473
- max-width: 100%;
23474
- padding-inline: 8px;
23475
- position: relative;
23476
- text-align: end;
23477
- width: 100%;
23478
- 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));
23479
- background: rgba(var(--v-theme-on-surface-variant));
23480
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23481
- font-size: 0.75rem;
23482
- font-weight: 400;
23483
- letter-spacing: 0.0333333333em;
23484
- line-height: 1.25rem;
23485
- text-transform: none;
23486
- }
23487
- .v-system-bar .v-icon {
23488
- opacity: var(--v-medium-emphasis-opacity);
23489
- }
23490
- .v-system-bar--absolute {
23491
- position: absolute;
23492
- }
23493
- .v-system-bar--fixed {
23494
- position: fixed;
23495
- }
23496
- .v-system-bar--rounded {
23497
- border-radius: 0;
23498
- }
23499
- .v-system-bar--window {
23500
- height: 32px;
23501
- }
23502
- .v-system-bar:not(.v-system-bar--absolute) {
23503
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23504
23399
  }.v-tabs {
23505
23400
  display: flex;
23506
23401
  height: var(--v-tabs-height);
@@ -23528,177 +23423,75 @@ html.v-overlay-scroll-blocked {
23528
23423
 
23529
23424
  .v-tabs.v-slide-group--vertical {
23530
23425
  height: auto;
23531
- flex: none;
23532
- --v-tabs-height: 48px;
23533
- }
23534
-
23535
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23536
- margin-inline-start: 42px;
23537
- }
23538
-
23539
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23540
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23541
- margin-inline-end: auto;
23542
- }
23543
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23544
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23545
- margin-inline-start: auto;
23546
- }
23547
-
23548
- .v-tabs--grow {
23549
- flex-grow: 1;
23550
- }
23551
- .v-tabs--grow .v-tab {
23552
- flex: 1 0 auto;
23553
- max-width: none;
23554
- }
23555
-
23556
- .v-tabs--align-tabs-end .v-tab:first-child {
23557
- margin-inline-start: auto;
23558
- }
23559
- .v-tabs--align-tabs-end .v-tab:last-child {
23560
- margin-inline-end: 0;
23561
- }
23562
-
23563
- @media (max-width: 1279.98px) {
23564
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23565
- margin-inline-start: 52px;
23566
- }
23567
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23568
- margin-inline-end: 52px;
23569
- }
23570
- }.v-tab.v-tab {
23571
- --v-btn-height: var(--v-tabs-height);
23572
- border-radius: 0;
23573
- min-width: 90px;
23574
- }
23575
- .v-slide-group--horizontal .v-tab {
23576
- max-width: 360px;
23577
- }
23578
- .v-slide-group--vertical .v-tab {
23579
- justify-content: start;
23580
- }
23581
-
23582
- .v-tab__slider {
23583
- position: absolute;
23584
- bottom: 0;
23585
- left: 0;
23586
- height: 2px;
23587
- width: 100%;
23588
- background: currentColor;
23589
- pointer-events: none;
23590
- opacity: 0;
23591
- }
23592
- .v-tab--selected .v-tab__slider {
23593
- opacity: 1;
23594
- }
23595
- .v-slide-group--vertical .v-tab__slider {
23596
- top: 0;
23597
- height: 100%;
23598
- width: 2px;
23599
- }.v-textarea .v-field {
23600
- --v-textarea-control-height: var(--v-input-control-height);
23601
- }
23602
- .v-textarea .v-field__field {
23603
- --v-input-control-height: var(--v-textarea-control-height);
23604
- }
23605
- .v-textarea .v-field__input {
23606
- flex: 1 1 auto;
23607
- outline: none;
23608
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23609
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23610
- }
23611
- .v-textarea .v-field__input.v-textarea__sizer {
23612
- visibility: hidden;
23613
- position: absolute;
23614
- top: 0;
23615
- left: 0;
23616
- height: 0 !important;
23617
- min-height: 0 !important;
23618
- pointer-events: none;
23619
- }
23620
- .v-textarea--no-resize .v-field__input {
23621
- resize: none;
23622
- }
23623
- .v-textarea .v-field--no-label textarea,
23624
- .v-textarea .v-field--active textarea {
23625
- opacity: 1;
23626
- }
23627
- .v-textarea textarea {
23628
- opacity: 0;
23629
- flex: 1;
23630
- min-width: 0;
23631
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23632
- }
23633
- .v-textarea textarea:focus, .v-textarea textarea:active {
23634
- outline: none;
23635
- }
23636
- .v-textarea textarea:invalid {
23637
- box-shadow: none;
23638
- }/* region BLOCK */
23639
- .v-text-field input {
23640
- color: inherit;
23641
- opacity: 0;
23642
- flex: 1;
23643
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23644
- min-width: 0;
23426
+ flex: none;
23427
+ --v-tabs-height: 48px;
23645
23428
  }
23646
- .v-text-field input:focus, .v-text-field input:active {
23647
- outline: none;
23429
+
23430
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23431
+ margin-inline-start: 42px;
23648
23432
  }
23649
- .v-text-field input:invalid {
23650
- box-shadow: none;
23433
+
23434
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23435
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23436
+ margin-inline-end: auto;
23651
23437
  }
23652
- .v-text-field .v-field {
23653
- cursor: text;
23438
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23439
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23440
+ margin-inline-start: auto;
23654
23441
  }
23655
- .v-text-field--prefixed.v-text-field .v-field__input {
23656
- --v-field-padding-start: 6px;
23442
+
23443
+ .v-tabs--grow {
23444
+ flex-grow: 1;
23445
+ }
23446
+ .v-tabs--grow .v-tab {
23447
+ flex: 1 0 auto;
23448
+ max-width: none;
23657
23449
  }
23658
23450
 
23659
- .v-text-field--suffixed.v-text-field .v-field__input {
23660
- --v-field-padding-end: 0;
23451
+ .v-tabs--align-tabs-end .v-tab:first-child {
23452
+ margin-inline-start: auto;
23453
+ }
23454
+ .v-tabs--align-tabs-end .v-tab:last-child {
23455
+ margin-inline-end: 0;
23661
23456
  }
23662
23457
 
23663
- .v-text-field .v-input__details {
23664
- padding-inline: 16px;
23458
+ @media (max-width: 1279.98px) {
23459
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23460
+ margin-inline-start: 52px;
23461
+ }
23462
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23463
+ margin-inline-end: 52px;
23464
+ }
23465
+ }.v-tab.v-tab {
23466
+ --v-btn-height: var(--v-tabs-height);
23467
+ border-radius: 0;
23468
+ min-width: 90px;
23665
23469
  }
23666
- .v-text-field .v-field--no-label input,
23667
- .v-text-field .v-field--active input {
23668
- opacity: 1;
23470
+ .v-slide-group--horizontal .v-tab {
23471
+ max-width: 360px;
23669
23472
  }
23670
- .v-text-field .v-field--single-line input {
23671
- transition: none;
23473
+ .v-slide-group--vertical .v-tab {
23474
+ justify-content: start;
23672
23475
  }
23673
23476
 
23674
- /* endregion */
23675
- /* region ELEMENTS */
23676
- .v-text-field__prefix, .v-text-field__suffix {
23677
- align-items: center;
23678
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23679
- cursor: default;
23680
- display: flex;
23477
+ .v-tab__slider {
23478
+ position: absolute;
23479
+ bottom: 0;
23480
+ left: 0;
23481
+ height: 2px;
23482
+ width: 100%;
23483
+ background: currentColor;
23484
+ pointer-events: none;
23681
23485
  opacity: 0;
23682
- transition: inherit;
23683
- white-space: nowrap;
23684
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23685
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23686
- padding-bottom: var(--v-field-padding-bottom, 6px);
23687
23486
  }
23688
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23487
+ .v-tab--selected .v-tab__slider {
23689
23488
  opacity: 1;
23690
23489
  }
23691
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23692
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23693
- }
23694
- .v-text-field__prefix {
23695
- padding-inline-start: var(--v-field-padding-start);
23696
- }
23697
- .v-text-field__suffix {
23698
- padding-inline-end: var(--v-field-padding-end);
23699
- }
23700
-
23701
- /* endregion */.v-table {
23490
+ .v-slide-group--vertical .v-tab__slider {
23491
+ top: 0;
23492
+ height: 100%;
23493
+ width: 2px;
23494
+ }.v-table {
23702
23495
  background: rgb(var(--v-theme-surface));
23703
23496
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23704
23497
  transition-duration: 0.28s;
@@ -24423,99 +24216,287 @@ html.v-overlay-scroll-blocked {
24423
24216
  overflow: auto;
24424
24217
  position: relative;
24425
24218
  }
24426
- .v-virtual-scroll__container {
24427
- display: block;
24428
- }.v-window {
24429
- overflow: hidden;
24219
+ .v-virtual-scroll__container {
24220
+ display: block;
24221
+ }.v-window {
24222
+ overflow: hidden;
24223
+ }
24224
+ .v-window__container {
24225
+ display: flex;
24226
+ flex-direction: column;
24227
+ height: inherit;
24228
+ position: relative;
24229
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24230
+ }
24231
+ .v-window__controls {
24232
+ position: absolute;
24233
+ left: 0;
24234
+ top: 0;
24235
+ width: 100%;
24236
+ height: 100%;
24237
+ display: flex;
24238
+ align-items: center;
24239
+ justify-content: space-between;
24240
+ padding: 0 16px;
24241
+ pointer-events: none;
24242
+ }
24243
+ .v-window__controls * {
24244
+ pointer-events: auto;
24245
+ }
24246
+ .v-window--show-arrows-on-hover {
24247
+ overflow: hidden;
24248
+ }
24249
+ .v-window--show-arrows-on-hover .v-window__left {
24250
+ transform: translateX(-200%);
24251
+ }
24252
+ .v-window--show-arrows-on-hover .v-window__right {
24253
+ transform: translateX(200%);
24254
+ }
24255
+ .v-window--show-arrows-on-hover:hover .v-window__left,
24256
+ .v-window--show-arrows-on-hover:hover .v-window__right {
24257
+ transform: translateX(0);
24258
+ }
24259
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
24260
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24261
+ }
24262
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
24263
+ position: absolute !important;
24264
+ top: 0;
24265
+ width: 100%;
24266
+ }
24267
+ .v-window-x-transition-enter-from {
24268
+ transform: translateX(100%);
24269
+ }
24270
+ .v-window-x-transition-leave-to {
24271
+ transform: translateX(-100%);
24272
+ }
24273
+ .v-window-x-reverse-transition-enter-from {
24274
+ transform: translateX(-100%);
24275
+ }
24276
+ .v-window-x-reverse-transition-leave-to {
24277
+ transform: translateX(100%);
24278
+ }
24279
+ .v-window-y-transition-enter-from {
24280
+ transform: translateY(100%);
24281
+ }
24282
+ .v-window-y-transition-leave-to {
24283
+ transform: translateY(-100%);
24284
+ }
24285
+ .v-window-y-reverse-transition-enter-from {
24286
+ transform: translateY(-100%);
24287
+ }
24288
+ .v-window-y-reverse-transition-leave-to {
24289
+ transform: translateY(100%);
24290
+ }.v-alert {
24291
+ display: grid;
24292
+ flex: 1 1;
24293
+ grid-template-areas: "prepend content append close" ". content . .";
24294
+ grid-template-columns: max-content auto max-content max-content;
24295
+ position: relative;
24296
+ padding: 16px;
24297
+ overflow: hidden;
24298
+ --v-border-color: currentColor;
24299
+ border-radius: 4px;
24300
+ }
24301
+ .v-alert--absolute {
24302
+ position: absolute;
24303
+ }
24304
+ .v-alert--fixed {
24305
+ position: fixed;
24306
+ }
24307
+ .v-alert--sticky {
24308
+ position: sticky;
24309
+ }
24310
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
24311
+ background: transparent;
24312
+ color: inherit;
24313
+ }
24314
+ .v-alert--variant-plain {
24315
+ opacity: 0.62;
24316
+ }
24317
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
24318
+ opacity: 1;
24319
+ }
24320
+ .v-alert--variant-plain .v-alert__overlay {
24321
+ display: none;
24322
+ }
24323
+ .v-alert--variant-elevated, .v-alert--variant-flat {
24324
+ background: rgb(var(--v-theme-on-surface-variant));
24325
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24326
+ }
24327
+ .v-alert--variant-elevated {
24328
+ 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));
24329
+ }
24330
+ .v-alert--variant-flat {
24331
+ 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));
24332
+ }
24333
+ .v-alert--variant-outlined {
24334
+ border: thin solid currentColor;
24335
+ }
24336
+ .v-alert--variant-text .v-alert__overlay {
24337
+ background: currentColor;
24338
+ }
24339
+ .v-alert--variant-tonal .v-alert__underlay {
24340
+ background: currentColor;
24341
+ opacity: var(--v-activated-opacity);
24342
+ border-radius: inherit;
24343
+ position: absolute;
24344
+ top: 0;
24345
+ right: 0;
24346
+ bottom: 0;
24347
+ left: 0;
24348
+ pointer-events: none;
24349
+ }
24350
+ .v-alert--prominent {
24351
+ grid-template-areas: "prepend content append close" "prepend content . .";
24352
+ }
24353
+ .v-alert.v-alert--border {
24354
+ --v-border-opacity: 0.38;
24355
+ }
24356
+ .v-alert.v-alert--border.v-alert--border-start {
24357
+ padding-inline-start: 24px;
24358
+ }
24359
+ .v-alert.v-alert--border.v-alert--border-end {
24360
+ padding-inline-end: 24px;
24361
+ }
24362
+ .v-alert--variant-plain {
24363
+ transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
24364
+ }
24365
+ .v-alert--density-default {
24366
+ padding-bottom: 16px;
24367
+ padding-top: 16px;
24368
+ }
24369
+ .v-alert--density-default.v-alert--border-top {
24370
+ padding-top: 24px;
24371
+ }
24372
+ .v-alert--density-default.v-alert--border-bottom {
24373
+ padding-bottom: 24px;
24374
+ }
24375
+
24376
+ .v-alert--density-comfortable {
24377
+ padding-bottom: 12px;
24378
+ padding-top: 12px;
24379
+ }
24380
+ .v-alert--density-comfortable.v-alert--border-top {
24381
+ padding-top: 20px;
24382
+ }
24383
+ .v-alert--density-comfortable.v-alert--border-bottom {
24384
+ padding-bottom: 20px;
24430
24385
  }
24431
- .v-window__container {
24432
- display: flex;
24433
- flex-direction: column;
24434
- height: inherit;
24435
- position: relative;
24436
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24386
+
24387
+ .v-alert--density-compact {
24388
+ padding-bottom: 8px;
24389
+ padding-top: 8px;
24437
24390
  }
24438
- .v-window__controls {
24439
- position: absolute;
24391
+ .v-alert--density-compact.v-alert--border-top {
24392
+ padding-top: 16px;
24393
+ }
24394
+ .v-alert--density-compact.v-alert--border-bottom {
24395
+ padding-bottom: 16px;
24396
+ }
24397
+
24398
+ .v-alert__border {
24399
+ border-radius: inherit;
24400
+ bottom: 0;
24440
24401
  left: 0;
24402
+ opacity: var(--v-border-opacity);
24403
+ position: absolute;
24404
+ pointer-events: none;
24405
+ right: 0;
24441
24406
  top: 0;
24442
24407
  width: 100%;
24443
- height: 100%;
24444
- display: flex;
24445
- align-items: center;
24446
- justify-content: space-between;
24447
- padding: 0 16px;
24448
- pointer-events: none;
24408
+ border-color: currentColor;
24409
+ border-style: solid;
24410
+ border-width: 0;
24449
24411
  }
24450
- .v-window__controls * {
24451
- pointer-events: auto;
24412
+ .v-alert__border--border {
24413
+ border-width: 8px;
24414
+ box-shadow: none;
24452
24415
  }
24453
- .v-window--show-arrows-on-hover {
24454
- overflow: hidden;
24416
+ .v-alert--border-start .v-alert__border {
24417
+ border-inline-start-width: 8px;
24455
24418
  }
24456
- .v-window--show-arrows-on-hover .v-window__left {
24457
- transform: translateX(-200%);
24419
+ .v-alert--border-end .v-alert__border {
24420
+ border-inline-end-width: 8px;
24458
24421
  }
24459
- .v-window--show-arrows-on-hover .v-window__right {
24460
- transform: translateX(200%);
24422
+ .v-alert--border-top .v-alert__border {
24423
+ border-top-width: 8px;
24461
24424
  }
24462
- .v-window--show-arrows-on-hover:hover .v-window__left,
24463
- .v-window--show-arrows-on-hover:hover .v-window__right {
24464
- transform: translateX(0);
24425
+ .v-alert--border-bottom .v-alert__border {
24426
+ border-bottom-width: 8px;
24465
24427
  }
24466
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
24467
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24428
+
24429
+ .v-alert__close {
24430
+ flex: 0 1 auto;
24431
+ grid-area: close;
24468
24432
  }
24469
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
24470
- position: absolute !important;
24471
- top: 0;
24472
- width: 100%;
24433
+
24434
+ .v-alert__content {
24435
+ align-self: center;
24436
+ grid-area: content;
24437
+ overflow: hidden;
24473
24438
  }
24474
- .v-window-x-transition-enter-from {
24475
- transform: translateX(100%);
24439
+
24440
+ .v-alert__append,
24441
+ .v-alert__close {
24442
+ align-self: flex-start;
24443
+ margin-inline-start: 16px;
24476
24444
  }
24477
- .v-window-x-transition-leave-to {
24478
- transform: translateX(-100%);
24445
+
24446
+ .v-alert__append {
24447
+ align-self: flex-start;
24448
+ grid-area: append;
24479
24449
  }
24480
- .v-window-x-reverse-transition-enter-from {
24481
- transform: translateX(-100%);
24450
+ .v-alert__append + .v-alert__close {
24451
+ margin-inline-start: 16px;
24482
24452
  }
24483
- .v-window-x-reverse-transition-leave-to {
24484
- transform: translateX(100%);
24453
+
24454
+ .v-alert__prepend {
24455
+ align-self: flex-start;
24456
+ display: flex;
24457
+ align-items: center;
24458
+ grid-area: prepend;
24459
+ margin-inline-end: 16px;
24485
24460
  }
24486
- .v-window-y-transition-enter-from {
24487
- transform: translateY(100%);
24461
+ .v-alert--prominent .v-alert__prepend {
24462
+ align-self: center;
24488
24463
  }
24489
- .v-window-y-transition-leave-to {
24490
- transform: translateY(-100%);
24464
+
24465
+ .v-alert__underlay {
24466
+ grid-area: none;
24467
+ position: absolute;
24491
24468
  }
24492
- .v-window-y-reverse-transition-enter-from {
24493
- transform: translateY(-100%);
24469
+ .v-alert--border-start .v-alert__underlay {
24470
+ border-top-left-radius: 0;
24471
+ border-bottom-left-radius: 0;
24494
24472
  }
24495
- .v-window-y-reverse-transition-leave-to {
24496
- transform: translateY(100%);
24497
- }.v-color-picker-canvas {
24498
- display: flex;
24499
- position: relative;
24500
- overflow: hidden;
24501
- contain: content;
24502
- touch-action: none;
24473
+ .v-alert--border-end .v-alert__underlay {
24474
+ border-top-right-radius: 0;
24475
+ border-bottom-right-radius: 0;
24503
24476
  }
24504
- .v-color-picker-canvas__dot {
24505
- position: absolute;
24506
- top: 0;
24507
- left: 0;
24508
- width: 15px;
24509
- height: 15px;
24510
- background: transparent;
24511
- border-radius: 50%;
24512
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24477
+ .v-alert--border-top .v-alert__underlay {
24478
+ border-top-left-radius: 0;
24479
+ border-top-right-radius: 0;
24513
24480
  }
24514
- .v-color-picker-canvas__dot--disabled {
24515
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24481
+ .v-alert--border-bottom .v-alert__underlay {
24482
+ border-bottom-left-radius: 0;
24483
+ border-bottom-right-radius: 0;
24516
24484
  }
24517
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24518
- will-change: transform;
24485
+
24486
+ .v-alert-title {
24487
+ align-items: center;
24488
+ align-self: center;
24489
+ display: flex;
24490
+ font-size: 1.25rem;
24491
+ font-weight: 500;
24492
+ -webkit-hyphens: auto;
24493
+ hyphens: auto;
24494
+ letter-spacing: 0.0125em;
24495
+ line-height: 1.75rem;
24496
+ overflow-wrap: normal;
24497
+ text-transform: none;
24498
+ word-break: normal;
24499
+ word-wrap: break-word;
24519
24500
  }.v-color-picker-edit {
24520
24501
  display: flex;
24521
24502
  margin-top: 24px;
@@ -24544,6 +24525,63 @@ html.v-overlay-scroll-blocked {
24544
24525
  }
24545
24526
  .v-color-picker-edit__input span {
24546
24527
  font-size: 0.75rem;
24528
+ }.v-color-picker-canvas {
24529
+ display: flex;
24530
+ position: relative;
24531
+ overflow: hidden;
24532
+ contain: content;
24533
+ touch-action: none;
24534
+ }
24535
+ .v-color-picker-canvas__dot {
24536
+ position: absolute;
24537
+ top: 0;
24538
+ left: 0;
24539
+ width: 15px;
24540
+ height: 15px;
24541
+ background: transparent;
24542
+ border-radius: 50%;
24543
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24544
+ }
24545
+ .v-color-picker-canvas__dot--disabled {
24546
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24547
+ }
24548
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24549
+ will-change: transform;
24550
+ }.v-color-picker-swatches {
24551
+ overflow-y: auto;
24552
+ }
24553
+ .v-color-picker-swatches > div {
24554
+ display: flex;
24555
+ flex-wrap: wrap;
24556
+ justify-content: center;
24557
+ padding: 8px;
24558
+ }
24559
+
24560
+ .v-color-picker-swatches__swatch {
24561
+ display: flex;
24562
+ flex-direction: column;
24563
+ margin-bottom: 10px;
24564
+ }
24565
+
24566
+ .v-color-picker-swatches__color {
24567
+ position: relative;
24568
+ height: 18px;
24569
+ max-height: 18px;
24570
+ width: 45px;
24571
+ margin: 2px 4px;
24572
+ border-radius: 2px;
24573
+ -webkit-user-select: none;
24574
+ user-select: none;
24575
+ overflow: hidden;
24576
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24577
+ cursor: pointer;
24578
+ }
24579
+ .v-color-picker-swatches__color > div {
24580
+ display: flex;
24581
+ align-items: center;
24582
+ justify-content: center;
24583
+ width: 100%;
24584
+ height: 100%;
24547
24585
  }.v-color-picker-preview__alpha .v-slider-track__background {
24548
24586
  background-color: transparent !important;
24549
24587
  }
@@ -24613,41 +24651,6 @@ html.v-overlay-scroll-blocked {
24613
24651
  .v-color-picker-preview__eye-dropper {
24614
24652
  position: relative;
24615
24653
  margin-right: 12px;
24616
- }.v-color-picker-swatches {
24617
- overflow-y: auto;
24618
- }
24619
- .v-color-picker-swatches > div {
24620
- display: flex;
24621
- flex-wrap: wrap;
24622
- justify-content: center;
24623
- padding: 8px;
24624
- }
24625
-
24626
- .v-color-picker-swatches__swatch {
24627
- display: flex;
24628
- flex-direction: column;
24629
- margin-bottom: 10px;
24630
- }
24631
-
24632
- .v-color-picker-swatches__color {
24633
- position: relative;
24634
- height: 18px;
24635
- max-height: 18px;
24636
- width: 45px;
24637
- margin: 2px 4px;
24638
- border-radius: 2px;
24639
- -webkit-user-select: none;
24640
- user-select: none;
24641
- overflow: hidden;
24642
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24643
- cursor: pointer;
24644
- }
24645
- .v-color-picker-swatches__color > div {
24646
- display: flex;
24647
- align-items: center;
24648
- justify-content: center;
24649
- width: 100%;
24650
- height: 100%;
24651
24654
  }.v-slider-thumb {
24652
24655
  touch-action: none;
24653
24656
  color: rgb(var(--v-theme-surface-variant));