@vuetify/nightly 3.7.4-dev.2024-11-06 → 3.7.4-dev.2024-12-02

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.4-dev.2024-11-06
2
+ * Vuetify v3.7.4-dev.2024-12-02
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17978,18 +17978,6 @@ html.overflow-y-hidden {
17978
17978
  .v-ripple__animation--out {
17979
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17980
17980
  opacity: 0;
17981
- }.v-app-bar {
17982
- display: flex;
17983
- }
17984
- .v-app-bar.v-toolbar {
17985
- background: rgb(var(--v-theme-surface));
17986
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17987
- }
17988
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17989
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17990
- }
17991
- .v-app-bar:not(.v-toolbar--absolute) {
17992
- padding-inline-end: var(--v-scrollbar-offset);
17993
17981
  }.v-application {
17994
17982
  display: flex;
17995
17983
  background: rgb(var(--v-theme-background));
@@ -18006,6 +17994,103 @@ html.overflow-y-hidden {
18006
17994
  min-height: 100vh;
18007
17995
  min-height: 100dvh;
18008
17996
  position: relative;
17997
+ }.v-app-bar {
17998
+ display: flex;
17999
+ }
18000
+ .v-app-bar.v-toolbar {
18001
+ background: rgb(var(--v-theme-surface));
18002
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18003
+ }
18004
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18005
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18006
+ }
18007
+ .v-app-bar:not(.v-toolbar--absolute) {
18008
+ padding-inline-end: var(--v-scrollbar-offset);
18009
+ }.v-autocomplete .v-field .v-text-field__prefix,
18010
+ .v-autocomplete .v-field .v-text-field__suffix,
18011
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18012
+ cursor: text;
18013
+ }
18014
+ .v-autocomplete .v-field .v-field__input > input {
18015
+ flex: 1 1;
18016
+ }
18017
+ .v-autocomplete .v-field input {
18018
+ min-width: 64px;
18019
+ }
18020
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18021
+ min-width: 0;
18022
+ }
18023
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18024
+ margin-inline-end: 2px;
18025
+ }
18026
+ .v-autocomplete .v-autocomplete__selection-text {
18027
+ overflow: hidden;
18028
+ text-overflow: ellipsis;
18029
+ white-space: nowrap;
18030
+ }
18031
+
18032
+ .v-autocomplete__content {
18033
+ overflow: hidden;
18034
+ }
18035
+ .v-autocomplete__content {
18036
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18037
+ }
18038
+ .v-autocomplete__content {
18039
+ border-radius: 4px;
18040
+ }
18041
+ .v-autocomplete__mask {
18042
+ background: rgb(var(--v-theme-surface-light));
18043
+ }
18044
+ .v-autocomplete__selection {
18045
+ display: inline-flex;
18046
+ align-items: center;
18047
+ height: 1.5rem;
18048
+ letter-spacing: inherit;
18049
+ line-height: inherit;
18050
+ max-width: calc(100% - 2px - 2px);
18051
+ }
18052
+ .v-autocomplete__selection:first-child {
18053
+ margin-inline-start: 0;
18054
+ }
18055
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18056
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18057
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18058
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18059
+ top: 0px;
18060
+ }
18061
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18062
+ opacity: var(--v-medium-emphasis-opacity);
18063
+ }
18064
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18065
+ opacity: 1;
18066
+ }
18067
+ .v-autocomplete--selecting-index .v-field__input > input {
18068
+ caret-color: transparent;
18069
+ }
18070
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18071
+ flex: 1 1;
18072
+ position: absolute;
18073
+ left: 0;
18074
+ right: 0;
18075
+ width: 100%;
18076
+ padding-inline: inherit;
18077
+ }
18078
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18079
+ transition: none;
18080
+ }
18081
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18082
+ opacity: 0;
18083
+ }
18084
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18085
+ opacity: 0;
18086
+ }
18087
+ .v-autocomplete__menu-icon {
18088
+ margin-inline-start: 4px;
18089
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18090
+ }
18091
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18092
+ opacity: var(--v-high-emphasis-opacity);
18093
+ transform: rotate(180deg);
18009
18094
  }.v-alert {
18010
18095
  display: grid;
18011
18096
  flex: 1 1;
@@ -18222,164 +18307,6 @@ html.overflow-y-hidden {
18222
18307
  text-transform: none;
18223
18308
  word-break: normal;
18224
18309
  word-wrap: break-word;
18225
- }.v-autocomplete .v-field .v-text-field__prefix,
18226
- .v-autocomplete .v-field .v-text-field__suffix,
18227
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18228
- cursor: text;
18229
- }
18230
- .v-autocomplete .v-field .v-field__input > input {
18231
- flex: 1 1;
18232
- }
18233
- .v-autocomplete .v-field input {
18234
- min-width: 64px;
18235
- }
18236
- .v-autocomplete .v-field:not(.v-field--focused) input {
18237
- min-width: 0;
18238
- }
18239
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18240
- margin-inline-end: 2px;
18241
- }
18242
- .v-autocomplete .v-autocomplete__selection-text {
18243
- overflow: hidden;
18244
- text-overflow: ellipsis;
18245
- white-space: nowrap;
18246
- }
18247
-
18248
- .v-autocomplete__content {
18249
- overflow: hidden;
18250
- }
18251
- .v-autocomplete__content {
18252
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18253
- }
18254
- .v-autocomplete__content {
18255
- border-radius: 4px;
18256
- }
18257
- .v-autocomplete__mask {
18258
- background: rgb(var(--v-theme-surface-light));
18259
- }
18260
- .v-autocomplete__selection {
18261
- display: inline-flex;
18262
- align-items: center;
18263
- height: 1.5rem;
18264
- letter-spacing: inherit;
18265
- line-height: inherit;
18266
- max-width: calc(100% - 2px - 2px);
18267
- }
18268
- .v-autocomplete__selection:first-child {
18269
- margin-inline-start: 0;
18270
- }
18271
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18272
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18273
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18274
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18275
- top: 0px;
18276
- }
18277
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18278
- opacity: var(--v-medium-emphasis-opacity);
18279
- }
18280
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18281
- opacity: 1;
18282
- }
18283
- .v-autocomplete--selecting-index .v-field__input > input {
18284
- caret-color: transparent;
18285
- }
18286
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18287
- flex: 1 1;
18288
- position: absolute;
18289
- left: 0;
18290
- right: 0;
18291
- width: 100%;
18292
- padding-inline: inherit;
18293
- }
18294
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18295
- transition: none;
18296
- }
18297
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18298
- opacity: 0;
18299
- }
18300
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18301
- opacity: 0;
18302
- }
18303
- .v-autocomplete__menu-icon {
18304
- margin-inline-start: 4px;
18305
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18306
- }
18307
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18308
- opacity: var(--v-high-emphasis-opacity);
18309
- transform: rotate(180deg);
18310
- }.v-badge {
18311
- display: inline-block;
18312
- line-height: 1;
18313
- }
18314
-
18315
- .v-badge__badge {
18316
- align-items: center;
18317
- display: inline-flex;
18318
- border-radius: 10px;
18319
- font-size: 0.75rem;
18320
- font-weight: 500;
18321
- height: 1.25rem;
18322
- justify-content: center;
18323
- min-width: 20px;
18324
- padding: 4px 6px;
18325
- pointer-events: auto;
18326
- position: absolute;
18327
- text-align: center;
18328
- text-indent: 0;
18329
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18330
- white-space: nowrap;
18331
- }
18332
- .v-badge__badge {
18333
- background: rgb(var(--v-theme-surface-variant));
18334
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18335
- }
18336
- .v-badge--bordered .v-badge__badge::after {
18337
- border-radius: inherit;
18338
- border-style: solid;
18339
- border-width: 2px;
18340
- bottom: 0;
18341
- color: rgb(var(--v-theme-background));
18342
- content: "";
18343
- left: 0;
18344
- position: absolute;
18345
- right: 0;
18346
- top: 0;
18347
- transform: scale(1.05);
18348
- }
18349
- .v-badge--dot .v-badge__badge {
18350
- border-radius: 4.5px;
18351
- height: 9px;
18352
- min-width: 0;
18353
- padding: 0;
18354
- width: 9px;
18355
- }
18356
- .v-badge--dot .v-badge__badge::after {
18357
- border-width: 1.5px;
18358
- }
18359
- .v-badge--inline .v-badge__badge {
18360
- position: relative;
18361
- vertical-align: middle;
18362
- }
18363
- .v-badge__badge .v-icon {
18364
- color: inherit;
18365
- font-size: 0.75rem;
18366
- margin: 0 -2px;
18367
- }
18368
- .v-badge__badge img,
18369
- .v-badge__badge .v-img {
18370
- height: 100%;
18371
- width: 100%;
18372
- }
18373
-
18374
- .v-badge__wrapper {
18375
- display: flex;
18376
- position: relative;
18377
- }
18378
- .v-badge--inline .v-badge__wrapper {
18379
- align-items: center;
18380
- display: inline-flex;
18381
- justify-content: center;
18382
- margin: 0 4px;
18383
18310
  }.v-avatar {
18384
18311
  flex: none;
18385
18312
  align-items: center;
@@ -18486,6 +18413,79 @@ html.overflow-y-hidden {
18486
18413
  .v-avatar .v-img {
18487
18414
  height: 100%;
18488
18415
  width: 100%;
18416
+ }.v-badge {
18417
+ display: inline-block;
18418
+ line-height: 1;
18419
+ }
18420
+
18421
+ .v-badge__badge {
18422
+ align-items: center;
18423
+ display: inline-flex;
18424
+ border-radius: 10px;
18425
+ font-size: 0.75rem;
18426
+ font-weight: 500;
18427
+ height: 1.25rem;
18428
+ justify-content: center;
18429
+ min-width: 20px;
18430
+ padding: 4px 6px;
18431
+ pointer-events: auto;
18432
+ position: absolute;
18433
+ text-align: center;
18434
+ text-indent: 0;
18435
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18436
+ white-space: nowrap;
18437
+ }
18438
+ .v-badge__badge {
18439
+ background: rgb(var(--v-theme-surface-variant));
18440
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18441
+ }
18442
+ .v-badge--bordered .v-badge__badge::after {
18443
+ border-radius: inherit;
18444
+ border-style: solid;
18445
+ border-width: 2px;
18446
+ bottom: 0;
18447
+ color: rgb(var(--v-theme-background));
18448
+ content: "";
18449
+ left: 0;
18450
+ position: absolute;
18451
+ right: 0;
18452
+ top: 0;
18453
+ transform: scale(1.05);
18454
+ }
18455
+ .v-badge--dot .v-badge__badge {
18456
+ border-radius: 4.5px;
18457
+ height: 9px;
18458
+ min-width: 0;
18459
+ padding: 0;
18460
+ width: 9px;
18461
+ }
18462
+ .v-badge--dot .v-badge__badge::after {
18463
+ border-width: 1.5px;
18464
+ }
18465
+ .v-badge--inline .v-badge__badge {
18466
+ position: relative;
18467
+ vertical-align: middle;
18468
+ }
18469
+ .v-badge__badge .v-icon {
18470
+ color: inherit;
18471
+ font-size: 0.75rem;
18472
+ margin: 0 -2px;
18473
+ }
18474
+ .v-badge__badge img,
18475
+ .v-badge__badge .v-img {
18476
+ height: 100%;
18477
+ width: 100%;
18478
+ }
18479
+
18480
+ .v-badge__wrapper {
18481
+ display: flex;
18482
+ position: relative;
18483
+ }
18484
+ .v-badge--inline .v-badge__wrapper {
18485
+ align-items: center;
18486
+ display: inline-flex;
18487
+ justify-content: center;
18488
+ margin: 0 4px;
18489
18489
  }.v-banner {
18490
18490
  display: grid;
18491
18491
  flex: 1 1;
@@ -19230,6 +19230,70 @@ html.overflow-y-hidden {
19230
19230
  }
19231
19231
  .v-pagination .v-pagination__item--is-active .v-btn__overlay {
19232
19232
  opacity: var(--v-border-opacity);
19233
+ }.v-btn-group {
19234
+ display: inline-flex;
19235
+ flex-wrap: nowrap;
19236
+ max-width: 100%;
19237
+ min-width: 0;
19238
+ overflow: hidden;
19239
+ vertical-align: middle;
19240
+ }
19241
+ .v-btn-group {
19242
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19243
+ border-style: solid;
19244
+ border-width: 0;
19245
+ }
19246
+ .v-btn-group--border {
19247
+ border-width: thin;
19248
+ box-shadow: none;
19249
+ }
19250
+ .v-btn-group {
19251
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19252
+ }
19253
+ .v-btn-group {
19254
+ border-radius: 4px;
19255
+ }
19256
+ .v-btn-group {
19257
+ background: transparent;
19258
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19259
+ }
19260
+ .v-btn-group--density-default.v-btn-group {
19261
+ height: 48px;
19262
+ }
19263
+
19264
+ .v-btn-group--density-comfortable.v-btn-group {
19265
+ height: 40px;
19266
+ }
19267
+
19268
+ .v-btn-group--density-compact.v-btn-group {
19269
+ height: 36px;
19270
+ }
19271
+
19272
+ .v-btn-group .v-btn {
19273
+ border-radius: 0;
19274
+ border-color: inherit;
19275
+ }
19276
+ .v-btn-group .v-btn:not(:last-child) {
19277
+ border-inline-end: none;
19278
+ }
19279
+ .v-btn-group .v-btn:not(:first-child) {
19280
+ border-inline-start: none;
19281
+ }
19282
+ .v-btn-group .v-btn:first-child {
19283
+ border-start-start-radius: inherit;
19284
+ border-end-start-radius: inherit;
19285
+ }
19286
+ .v-btn-group .v-btn:last-child {
19287
+ border-start-end-radius: inherit;
19288
+ border-end-end-radius: inherit;
19289
+ }
19290
+ .v-btn-group--divided .v-btn:not(:last-child) {
19291
+ border-inline-end-width: thin;
19292
+ border-inline-end-style: solid;
19293
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19294
+ }
19295
+ .v-btn-group--tile {
19296
+ border-radius: 0;
19233
19297
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19234
19298
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19235
19299
  }
@@ -19542,82 +19606,18 @@ html.overflow-y-hidden {
19542
19606
  width: 100%;
19543
19607
  z-index: 1;
19544
19608
  }
19545
-
19546
- .v-card__overlay {
19547
- background-color: currentColor;
19548
- border-radius: inherit;
19549
- position: absolute;
19550
- top: 0;
19551
- right: 0;
19552
- bottom: 0;
19553
- left: 0;
19554
- pointer-events: none;
19555
- opacity: 0;
19556
- transition: opacity 0.2s ease-in-out;
19557
- }.v-btn-group {
19558
- display: inline-flex;
19559
- flex-wrap: nowrap;
19560
- max-width: 100%;
19561
- min-width: 0;
19562
- overflow: hidden;
19563
- vertical-align: middle;
19564
- }
19565
- .v-btn-group {
19566
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19567
- border-style: solid;
19568
- border-width: 0;
19569
- }
19570
- .v-btn-group--border {
19571
- border-width: thin;
19572
- box-shadow: none;
19573
- }
19574
- .v-btn-group {
19575
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19576
- }
19577
- .v-btn-group {
19578
- border-radius: 4px;
19579
- }
19580
- .v-btn-group {
19581
- background: transparent;
19582
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19583
- }
19584
- .v-btn-group--density-default.v-btn-group {
19585
- height: 48px;
19586
- }
19587
-
19588
- .v-btn-group--density-comfortable.v-btn-group {
19589
- height: 40px;
19590
- }
19591
-
19592
- .v-btn-group--density-compact.v-btn-group {
19593
- height: 36px;
19594
- }
19595
-
19596
- .v-btn-group .v-btn {
19597
- border-radius: 0;
19598
- border-color: inherit;
19599
- }
19600
- .v-btn-group .v-btn:not(:last-child) {
19601
- border-inline-end: none;
19602
- }
19603
- .v-btn-group .v-btn:not(:first-child) {
19604
- border-inline-start: none;
19605
- }
19606
- .v-btn-group .v-btn:first-child {
19607
- border-start-start-radius: inherit;
19608
- border-end-start-radius: inherit;
19609
- }
19610
- .v-btn-group .v-btn:last-child {
19611
- border-start-end-radius: inherit;
19612
- border-end-end-radius: inherit;
19613
- }
19614
- .v-btn-group--divided .v-btn:not(:last-child) {
19615
- border-inline-end-width: thin;
19616
- border-inline-end-style: solid;
19617
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19618
- }
19619
- .v-btn-group--tile {
19620
- border-radius: 0;
19609
+
19610
+ .v-card__overlay {
19611
+ background-color: currentColor;
19612
+ border-radius: inherit;
19613
+ position: absolute;
19614
+ top: 0;
19615
+ right: 0;
19616
+ bottom: 0;
19617
+ left: 0;
19618
+ pointer-events: none;
19619
+ opacity: 0;
19620
+ transition: opacity 0.2s ease-in-out;
19621
19621
  }.v-carousel {
19622
19622
  overflow: hidden;
19623
19623
  position: relative;
@@ -19688,6 +19688,24 @@ html.overflow-y-hidden {
19688
19688
  }
19689
19689
  .v-checkbox .v-selection-control {
19690
19690
  min-height: var(--v-input-control-height);
19691
+ }.v-chip-group {
19692
+ display: flex;
19693
+ max-width: 100%;
19694
+ min-width: 0;
19695
+ overflow-x: auto;
19696
+ padding: 4px 0;
19697
+ }
19698
+ .v-chip-group .v-chip {
19699
+ margin: 4px 8px 4px 0;
19700
+ }
19701
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19702
+ opacity: var(--v-activated-opacity);
19703
+ }
19704
+
19705
+ .v-chip-group--column .v-slide-group__content {
19706
+ white-space: normal;
19707
+ flex-wrap: wrap;
19708
+ max-width: 100%;
19691
19709
  }.v-chip {
19692
19710
  align-items: center;
19693
19711
  display: inline-flex;
@@ -20106,24 +20124,6 @@ html.overflow-y-hidden {
20106
20124
 
20107
20125
  .v-chip--label {
20108
20126
  border-radius: 4px;
20109
- }.v-chip-group {
20110
- display: flex;
20111
- max-width: 100%;
20112
- min-width: 0;
20113
- overflow-x: auto;
20114
- padding: 4px 0;
20115
- }
20116
- .v-chip-group .v-chip {
20117
- margin: 4px 8px 4px 0;
20118
- }
20119
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20120
- opacity: var(--v-activated-opacity);
20121
- }
20122
-
20123
- .v-chip-group--column .v-slide-group__content {
20124
- white-space: normal;
20125
- flex-wrap: wrap;
20126
- max-width: 100%;
20127
20127
  }.v-color-picker {
20128
20128
  align-self: flex-start;
20129
20129
  contain: content;
@@ -20236,6 +20236,37 @@ html.overflow-y-hidden {
20236
20236
  flex: 0 1 auto;
20237
20237
  font-size: 12px;
20238
20238
  transition-duration: 150ms;
20239
+ }.v-data-table-footer {
20240
+ align-items: center;
20241
+ display: flex;
20242
+ flex-wrap: wrap;
20243
+ justify-content: flex-end;
20244
+ padding: 8px 4px;
20245
+ }
20246
+ .v-data-table-footer__items-per-page {
20247
+ align-items: center;
20248
+ display: flex;
20249
+ justify-content: center;
20250
+ }
20251
+ .v-data-table-footer__items-per-page > span {
20252
+ padding-inline-end: 8px;
20253
+ }
20254
+ .v-data-table-footer__items-per-page > .v-select {
20255
+ width: 90px;
20256
+ }
20257
+ .v-data-table-footer__info {
20258
+ display: flex;
20259
+ justify-content: flex-end;
20260
+ min-width: 116px;
20261
+ padding: 0 16px;
20262
+ }
20263
+ .v-data-table-footer__paginationz {
20264
+ align-items: center;
20265
+ display: flex;
20266
+ margin-inline-start: 16px;
20267
+ }
20268
+ .v-data-table-footer__page {
20269
+ padding: 0 8px;
20239
20270
  }.v-data-table {
20240
20271
  width: 100%;
20241
20272
  }
@@ -20423,37 +20454,91 @@ html.overflow-y-hidden {
20423
20454
  }
20424
20455
  .v-data-table__td-sort-icon-active {
20425
20456
  color: rgba(var(--v-theme-on-surface));
20426
- }.v-data-table-footer {
20427
- align-items: center;
20428
- display: flex;
20429
- flex-wrap: wrap;
20430
- justify-content: flex-end;
20431
- padding: 8px 4px;
20457
+ }.v-date-picker-header {
20458
+ align-items: flex-end;
20459
+ height: 70px;
20460
+ display: grid;
20461
+ grid-template-areas: "prepend content append";
20462
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20463
+ overflow: hidden;
20464
+ padding-inline: 24px 12px;
20465
+ padding-bottom: 12px;
20432
20466
  }
20433
- .v-data-table-footer__items-per-page {
20467
+
20468
+ .v-date-picker-header__append {
20469
+ grid-area: append;
20470
+ }
20471
+
20472
+ .v-date-picker-header__prepend {
20473
+ grid-area: prepend;
20474
+ padding-inline-start: 8px;
20475
+ }
20476
+
20477
+ .v-date-picker-header__content {
20434
20478
  align-items: center;
20435
- display: flex;
20436
- justify-content: center;
20479
+ display: inline-flex;
20480
+ font-size: 32px;
20481
+ line-height: 40px;
20482
+ grid-area: content;
20483
+ justify-content: space-between;
20437
20484
  }
20438
- .v-data-table-footer__items-per-page > span {
20439
- padding-inline-end: 8px;
20485
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20486
+ cursor: pointer;
20440
20487
  }
20441
- .v-data-table-footer__items-per-page > .v-select {
20442
- width: 90px;
20488
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20489
+ opacity: 0.7;
20443
20490
  }
20444
- .v-data-table-footer__info {
20445
- display: flex;
20446
- justify-content: flex-end;
20447
- min-width: 116px;
20448
- padding: 0 16px;
20491
+
20492
+ .date-picker-header-transition-enter-active,
20493
+ .date-picker-header-reverse-transition-enter-active {
20494
+ transition-duration: 0.3s;
20495
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20449
20496
  }
20450
- .v-data-table-footer__paginationz {
20497
+ .date-picker-header-transition-leave-active,
20498
+ .date-picker-header-reverse-transition-leave-active {
20499
+ transition-duration: 0.3s;
20500
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20501
+ }
20502
+
20503
+ .date-picker-header-transition-enter-from {
20504
+ transform: translate(0, 100%);
20505
+ }
20506
+ .date-picker-header-transition-leave-to {
20507
+ opacity: 0;
20508
+ transform: translate(0, -100%);
20509
+ }
20510
+
20511
+ .date-picker-header-reverse-transition-enter-from {
20512
+ transform: translate(0, -100%);
20513
+ }
20514
+ .date-picker-header-reverse-transition-leave-to {
20515
+ opacity: 0;
20516
+ transform: translate(0, 100%);
20517
+ }.v-date-picker {
20518
+ overflow: hidden;
20519
+ width: 328px;
20520
+ }
20521
+ .v-date-picker--show-week {
20522
+ width: 368px;
20523
+ }.v-date-picker-months {
20524
+ height: 288px;
20525
+ }
20526
+
20527
+ .v-date-picker-months__content {
20451
20528
  align-items: center;
20452
- display: flex;
20453
- margin-inline-start: 16px;
20529
+ display: grid;
20530
+ flex: 1 1;
20531
+ height: inherit;
20532
+ justify-content: space-around;
20533
+ grid-template-columns: repeat(2, 1fr);
20534
+ grid-gap: 0px 24px;
20535
+ padding-inline-start: 36px;
20536
+ padding-inline-end: 36px;
20454
20537
  }
20455
- .v-data-table-footer__page {
20456
- padding: 0 8px;
20538
+ .v-date-picker-months__content .v-btn {
20539
+ text-transform: none;
20540
+ padding-inline-start: 8px;
20541
+ padding-inline-end: 8px;
20457
20542
  }.v-date-picker-controls {
20458
20543
  display: flex;
20459
20544
  align-items: center;
@@ -20504,97 +20589,27 @@ html.overflow-y-hidden {
20504
20589
  flex-direction: row-reverse;
20505
20590
  }
20506
20591
 
20507
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20508
- flex: 1 0 auto;
20509
- }
20510
-
20511
- .v-date-picker__title {
20512
- display: inline-block;
20513
- }.v-date-picker-months {
20514
- height: 288px;
20515
- }
20516
-
20517
- .v-date-picker-months__content {
20518
- align-items: center;
20519
- display: grid;
20520
- flex: 1 1;
20521
- height: inherit;
20522
- justify-content: space-around;
20523
- grid-template-columns: repeat(2, 1fr);
20524
- grid-gap: 0px 24px;
20525
- padding-inline-start: 36px;
20526
- padding-inline-end: 36px;
20527
- }
20528
- .v-date-picker-months__content .v-btn {
20529
- text-transform: none;
20530
- padding-inline-start: 8px;
20531
- padding-inline-end: 8px;
20532
- }.v-date-picker-header {
20533
- align-items: flex-end;
20534
- height: 70px;
20535
- display: grid;
20536
- grid-template-areas: "prepend content append";
20537
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20538
- overflow: hidden;
20539
- padding-inline: 24px 12px;
20540
- padding-bottom: 12px;
20541
- }
20542
-
20543
- .v-date-picker-header__append {
20544
- grid-area: append;
20545
- }
20546
-
20547
- .v-date-picker-header__prepend {
20548
- grid-area: prepend;
20549
- padding-inline-start: 8px;
20550
- }
20551
-
20552
- .v-date-picker-header__content {
20553
- align-items: center;
20554
- display: inline-flex;
20555
- font-size: 32px;
20556
- line-height: 40px;
20557
- grid-area: content;
20558
- justify-content: space-between;
20559
- }
20560
- .v-date-picker-header--clickable .v-date-picker-header__content {
20561
- cursor: pointer;
20562
- }
20563
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20564
- opacity: 0.7;
20565
- }
20566
-
20567
- .date-picker-header-transition-enter-active,
20568
- .date-picker-header-reverse-transition-enter-active {
20569
- transition-duration: 0.3s;
20570
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20571
- }
20572
- .date-picker-header-transition-leave-active,
20573
- .date-picker-header-reverse-transition-leave-active {
20574
- transition-duration: 0.3s;
20575
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20576
- }
20577
-
20578
- .date-picker-header-transition-enter-from {
20579
- transform: translate(0, 100%);
20580
- }
20581
- .date-picker-header-transition-leave-to {
20582
- opacity: 0;
20583
- transform: translate(0, -100%);
20592
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20593
+ flex: 1 0 auto;
20584
20594
  }
20585
20595
 
20586
- .date-picker-header-reverse-transition-enter-from {
20587
- transform: translate(0, -100%);
20596
+ .v-date-picker__title {
20597
+ display: inline-block;
20598
+ }.v-date-picker-years {
20599
+ height: 288px;
20600
+ overflow-y: scroll;
20588
20601
  }
20589
- .date-picker-header-reverse-transition-leave-to {
20590
- opacity: 0;
20591
- transform: translate(0, 100%);
20592
- }.v-date-picker {
20593
- overflow: hidden;
20594
- width: 328px;
20602
+
20603
+ .v-date-picker-years__content {
20604
+ display: grid;
20605
+ flex: 1 1;
20606
+ justify-content: space-around;
20607
+ grid-template-columns: repeat(3, 1fr);
20608
+ gap: 8px 24px;
20609
+ padding-inline: 32px;
20595
20610
  }
20596
- .v-date-picker--show-week {
20597
- width: 368px;
20611
+ .v-date-picker-years__content .v-btn {
20612
+ padding-inline: 8px;
20598
20613
  }.v-date-picker-month {
20599
20614
  display: flex;
20600
20615
  justify-content: center;
@@ -20650,73 +20665,6 @@ html.overflow-y-hidden {
20650
20665
 
20651
20666
  .v-date-picker-month__day--hide-adjacent {
20652
20667
  opacity: 0;
20653
- }.v-date-picker-years {
20654
- height: 288px;
20655
- overflow-y: scroll;
20656
- }
20657
-
20658
- .v-date-picker-years__content {
20659
- display: grid;
20660
- flex: 1 1;
20661
- justify-content: space-around;
20662
- grid-template-columns: repeat(3, 1fr);
20663
- gap: 8px 24px;
20664
- padding-inline: 32px;
20665
- }
20666
- .v-date-picker-years__content .v-btn {
20667
- padding-inline: 8px;
20668
- }.v-divider {
20669
- display: block;
20670
- flex: 1 1 100%;
20671
- height: 0px;
20672
- max-height: 0px;
20673
- opacity: var(--v-border-opacity);
20674
- transition: inherit;
20675
- }
20676
- .v-divider {
20677
- border-style: solid;
20678
- border-width: thin 0 0 0;
20679
- }
20680
- .v-divider--vertical {
20681
- align-self: stretch;
20682
- border-width: 0 thin 0 0;
20683
- display: inline-flex;
20684
- height: auto;
20685
- margin-left: -1px;
20686
- max-height: 100%;
20687
- max-width: 0px;
20688
- vertical-align: text-bottom;
20689
- width: 0px;
20690
- }
20691
- .v-divider--inset:not(.v-divider--vertical) {
20692
- max-width: calc(100% - 72px);
20693
- margin-inline-start: 72px;
20694
- }
20695
- .v-divider--inset.v-divider--vertical {
20696
- margin-bottom: 8px;
20697
- margin-top: 8px;
20698
- max-height: calc(100% - 16px);
20699
- }
20700
-
20701
- .v-divider__content {
20702
- padding: 0 16px;
20703
- text-wrap: nowrap;
20704
- }
20705
- .v-divider__wrapper--vertical .v-divider__content {
20706
- padding: 4px 0;
20707
- }
20708
-
20709
- .v-divider__wrapper {
20710
- display: flex;
20711
- align-items: center;
20712
- justify-content: center;
20713
- }
20714
- .v-divider__wrapper--vertical {
20715
- flex-direction: column;
20716
- height: 100%;
20717
- }
20718
- .v-divider__wrapper--vertical .v-divider {
20719
- margin: 0 auto;
20720
20668
  }.v-dialog {
20721
20669
  align-items: center;
20722
20670
  justify-content: center;
@@ -20813,6 +20761,125 @@ html.overflow-y-hidden {
20813
20761
  -webkit-backface-visibility: hidden;
20814
20762
  backface-visibility: hidden;
20815
20763
  overflow-y: auto;
20764
+ }.v-divider {
20765
+ display: block;
20766
+ flex: 1 1 100%;
20767
+ height: 0px;
20768
+ max-height: 0px;
20769
+ opacity: var(--v-border-opacity);
20770
+ transition: inherit;
20771
+ }
20772
+ .v-divider {
20773
+ border-style: solid;
20774
+ border-width: thin 0 0 0;
20775
+ }
20776
+ .v-divider--vertical {
20777
+ align-self: stretch;
20778
+ border-width: 0 thin 0 0;
20779
+ display: inline-flex;
20780
+ height: auto;
20781
+ margin-left: -1px;
20782
+ max-height: 100%;
20783
+ max-width: 0px;
20784
+ vertical-align: text-bottom;
20785
+ width: 0px;
20786
+ }
20787
+ .v-divider--inset:not(.v-divider--vertical) {
20788
+ max-width: calc(100% - 72px);
20789
+ margin-inline-start: 72px;
20790
+ }
20791
+ .v-divider--inset.v-divider--vertical {
20792
+ margin-bottom: 8px;
20793
+ margin-top: 8px;
20794
+ max-height: calc(100% - 16px);
20795
+ }
20796
+
20797
+ .v-divider__content {
20798
+ padding: 0 16px;
20799
+ text-wrap: nowrap;
20800
+ }
20801
+ .v-divider__wrapper--vertical .v-divider__content {
20802
+ padding: 4px 0;
20803
+ }
20804
+
20805
+ .v-divider__wrapper {
20806
+ display: flex;
20807
+ align-items: center;
20808
+ justify-content: center;
20809
+ }
20810
+ .v-divider__wrapper--vertical {
20811
+ flex-direction: column;
20812
+ height: 100%;
20813
+ }
20814
+ .v-divider__wrapper--vertical .v-divider {
20815
+ margin: 0 auto;
20816
+ }.v-empty-state {
20817
+ align-items: center;
20818
+ display: flex;
20819
+ flex-direction: column;
20820
+ justify-content: center;
20821
+ min-height: 100%;
20822
+ padding: 16px;
20823
+ }
20824
+ .v-empty-state--start {
20825
+ align-items: flex-start;
20826
+ }
20827
+ .v-empty-state--center {
20828
+ align-items: center;
20829
+ }
20830
+ .v-empty-state--end {
20831
+ align-items: flex-end;
20832
+ }
20833
+
20834
+ .v-empty-state__media {
20835
+ text-align: center;
20836
+ width: 100%;
20837
+ }
20838
+ .v-empty-state__media .v-icon {
20839
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20840
+ }
20841
+
20842
+ .v-empty-state__headline {
20843
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20844
+ font-size: 3.75rem;
20845
+ font-weight: 300;
20846
+ line-height: 1;
20847
+ text-align: center;
20848
+ margin-bottom: 8px;
20849
+ }
20850
+ .v-empty-state--mobile .v-empty-state__headline {
20851
+ font-size: 2.125rem;
20852
+ }
20853
+
20854
+ .v-empty-state__title {
20855
+ font-size: 1.25rem;
20856
+ font-weight: 500;
20857
+ line-height: 1.6;
20858
+ margin-bottom: 4px;
20859
+ text-align: center;
20860
+ }
20861
+
20862
+ .v-empty-state__text {
20863
+ font-size: 0.875rem;
20864
+ font-weight: 400;
20865
+ line-height: 1.425;
20866
+ padding: 0 16px;
20867
+ text-align: center;
20868
+ }
20869
+
20870
+ .v-empty-state__content {
20871
+ padding: 24px 0;
20872
+ }
20873
+
20874
+ .v-empty-state__actions {
20875
+ display: flex;
20876
+ gap: 8px;
20877
+ padding: 16px;
20878
+ }
20879
+
20880
+ .v-empty-state__action-btn.v-btn {
20881
+ background-color: initial;
20882
+ color: initial;
20816
20883
  }.v-expansion-panel {
20817
20884
  background-color: rgb(var(--v-theme-surface));
20818
20885
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21020,82 +21087,113 @@ html.overflow-y-hidden {
21020
21087
  .v-expansion-panels--flat > .v-expansion-panel::after {
21021
21088
  border-top: none;
21022
21089
  }
21023
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21024
- display: none;
21090
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21091
+ display: none;
21092
+ }
21093
+
21094
+ .v-expansion-panels--tile {
21095
+ border-radius: 0;
21096
+ }
21097
+ .v-expansion-panels--tile > .v-expansion-panel {
21098
+ border-radius: 0;
21099
+ }.v-fab {
21100
+ align-items: center;
21101
+ display: inline-flex;
21102
+ flex: 1 1 auto;
21103
+ pointer-events: none;
21104
+ position: relative;
21105
+ transition-duration: 0.2s;
21106
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21107
+ vertical-align: middle;
21108
+ }
21109
+ .v-fab .v-btn {
21110
+ pointer-events: auto;
21111
+ }
21112
+ .v-fab .v-btn--variant-elevated {
21113
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21114
+ }
21115
+ .v-fab--app, .v-fab--absolute {
21116
+ display: flex;
21117
+ }
21118
+ .v-fab--start, .v-fab--left {
21119
+ justify-content: flex-start;
21120
+ }
21121
+ .v-fab--center {
21122
+ align-items: center;
21123
+ justify-content: center;
21124
+ }
21125
+ .v-fab--end, .v-fab--right {
21126
+ justify-content: flex-end;
21127
+ }
21128
+ .v-fab--bottom {
21129
+ align-items: flex-end;
21130
+ }
21131
+ .v-fab--top {
21132
+ align-items: flex-start;
21133
+ }
21134
+ .v-fab--extended .v-btn {
21135
+ border-radius: 9999px !important;
21025
21136
  }
21026
21137
 
21027
- .v-expansion-panels--tile {
21028
- border-radius: 0;
21138
+ .v-fab__container {
21139
+ align-self: center;
21140
+ display: inline-flex;
21141
+ position: absolute;
21142
+ vertical-align: middle;
21029
21143
  }
21030
- .v-expansion-panels--tile > .v-expansion-panel {
21031
- border-radius: 0;
21032
- }.v-empty-state {
21033
- align-items: center;
21034
- display: flex;
21035
- flex-direction: column;
21036
- justify-content: center;
21037
- min-height: 100%;
21038
- padding: 16px;
21144
+ .v-fab--app .v-fab__container {
21145
+ margin: 12px;
21039
21146
  }
21040
- .v-empty-state--start {
21041
- align-items: flex-start;
21147
+ .v-fab--absolute .v-fab__container {
21148
+ position: absolute;
21149
+ z-index: 4;
21042
21150
  }
21043
- .v-empty-state--center {
21044
- align-items: center;
21151
+ .v-fab--offset.v-fab--top .v-fab__container {
21152
+ transform: translateY(-50%);
21045
21153
  }
21046
- .v-empty-state--end {
21047
- align-items: flex-end;
21154
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21155
+ transform: translateY(50%);
21048
21156
  }
21049
-
21050
- .v-empty-state__media {
21051
- text-align: center;
21052
- width: 100%;
21157
+ .v-fab--top .v-fab__container {
21158
+ top: 0;
21053
21159
  }
21054
- .v-empty-state__media .v-icon {
21055
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21160
+ .v-fab--bottom .v-fab__container {
21161
+ bottom: 0;
21056
21162
  }
21057
-
21058
- .v-empty-state__headline {
21059
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21060
- font-size: 3.75rem;
21061
- font-weight: 300;
21062
- line-height: 1;
21063
- text-align: center;
21064
- margin-bottom: 8px;
21163
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21164
+ left: 0;
21065
21165
  }
21066
- .v-empty-state--mobile .v-empty-state__headline {
21067
- font-size: 2.125rem;
21166
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21167
+ right: 0;
21168
+ }.v-file-input--hide.v-input .v-field,
21169
+ .v-file-input--hide.v-input .v-input__control,
21170
+ .v-file-input--hide.v-input .v-input__details {
21171
+ display: none;
21068
21172
  }
21069
-
21070
- .v-empty-state__title {
21071
- font-size: 1.25rem;
21072
- font-weight: 500;
21073
- line-height: 1.6;
21074
- margin-bottom: 4px;
21075
- text-align: center;
21173
+ .v-file-input--hide.v-input .v-input__prepend {
21174
+ grid-area: control;
21175
+ margin: 0 auto;
21076
21176
  }
21077
-
21078
- .v-empty-state__text {
21079
- font-size: 0.875rem;
21080
- font-weight: 400;
21081
- line-height: 1.425;
21082
- padding: 0 16px;
21083
- text-align: center;
21177
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21178
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21179
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21180
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21181
+ top: 0px;
21084
21182
  }
21085
-
21086
- .v-empty-state__content {
21087
- padding: 24px 0;
21183
+ .v-file-input input[type=file] {
21184
+ height: 100%;
21185
+ left: 0;
21186
+ opacity: 0;
21187
+ position: absolute;
21188
+ top: 0;
21189
+ width: 100%;
21190
+ z-index: 1;
21088
21191
  }
21089
-
21090
- .v-empty-state__actions {
21091
- display: flex;
21092
- gap: 8px;
21093
- padding: 16px;
21192
+ .v-file-input .v-input__details {
21193
+ padding-inline: 16px;
21094
21194
  }
21095
-
21096
- .v-empty-state__action-btn.v-btn {
21097
- background-color: initial;
21098
- color: initial;
21195
+ .v-input--plain-underlined.v-file-input .v-input__details {
21196
+ padding-inline: 0;
21099
21197
  }/* region INPUT */
21100
21198
  .v-field {
21101
21199
  display: grid;
@@ -21638,182 +21736,48 @@ textarea.v-field__input::placeholder {
21638
21736
  opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21639
21737
  }
21640
21738
  }
21641
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21642
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21643
- }
21644
-
21645
- .v-field--variant-solo-inverted .v-field__overlay {
21646
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21647
- }
21648
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21649
- opacity: 0;
21650
- }
21651
- @media (hover: hover) {
21652
- .v-field--variant-solo-inverted:hover .v-field__overlay {
21653
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21654
- }
21655
- }
21656
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21657
- background-color: rgb(var(--v-theme-surface-variant));
21658
- opacity: 1;
21659
- }
21660
-
21661
- /* endregion */
21662
- /* region MODIFIERS */
21663
- .v-field--reverse .v-field__field,
21664
- .v-field--reverse .v-field__input,
21665
- .v-field--reverse .v-field__outline {
21666
- flex-direction: row-reverse;
21667
- }
21668
- .v-field--reverse .v-field__input, .v-field--reverse input {
21669
- text-align: end;
21670
- }
21671
-
21672
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21673
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21674
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21675
- }
21676
-
21677
- .v-field--loading .v-field__outline::after,
21678
- .v-field--loading .v-field__outline::before {
21679
- opacity: 0;
21680
- }
21681
-
21682
- /* endregion */.v-fab {
21683
- align-items: center;
21684
- display: inline-flex;
21685
- flex: 1 1 auto;
21686
- pointer-events: none;
21687
- position: relative;
21688
- transition-duration: 0.2s;
21689
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21690
- vertical-align: middle;
21691
- }
21692
- .v-fab .v-btn {
21693
- pointer-events: auto;
21694
- }
21695
- .v-fab .v-btn--variant-elevated {
21696
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21697
- }
21698
- .v-fab--app, .v-fab--absolute {
21699
- display: flex;
21700
- }
21701
- .v-fab--start, .v-fab--left {
21702
- justify-content: flex-start;
21703
- }
21704
- .v-fab--center {
21705
- align-items: center;
21706
- justify-content: center;
21707
- }
21708
- .v-fab--end, .v-fab--right {
21709
- justify-content: flex-end;
21710
- }
21711
- .v-fab--bottom {
21712
- align-items: flex-end;
21713
- }
21714
- .v-fab--top {
21715
- align-items: flex-start;
21716
- }
21717
- .v-fab--extended .v-btn {
21718
- border-radius: 9999px !important;
21719
- }
21720
-
21721
- .v-fab__container {
21722
- align-self: center;
21723
- display: inline-flex;
21724
- position: absolute;
21725
- vertical-align: middle;
21726
- }
21727
- .v-fab--app .v-fab__container {
21728
- margin: 12px;
21729
- }
21730
- .v-fab--absolute .v-fab__container {
21731
- position: absolute;
21732
- z-index: 4;
21733
- }
21734
- .v-fab--offset.v-fab--top .v-fab__container {
21735
- transform: translateY(-50%);
21736
- }
21737
- .v-fab--offset.v-fab--bottom .v-fab__container {
21738
- transform: translateY(50%);
21739
- }
21740
- .v-fab--top .v-fab__container {
21741
- top: 0;
21742
- }
21743
- .v-fab--bottom .v-fab__container {
21744
- bottom: 0;
21745
- }
21746
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21747
- left: 0;
21748
- }
21749
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21750
- right: 0;
21751
- }.v-file-input--hide.v-input .v-field,
21752
- .v-file-input--hide.v-input .v-input__control,
21753
- .v-file-input--hide.v-input .v-input__details {
21754
- display: none;
21755
- }
21756
- .v-file-input--hide.v-input .v-input__prepend {
21757
- grid-area: control;
21758
- margin: 0 auto;
21759
- }
21760
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21761
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21762
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21763
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21764
- top: 0px;
21765
- }
21766
- .v-file-input input[type=file] {
21767
- height: 100%;
21768
- left: 0;
21769
- opacity: 0;
21770
- position: absolute;
21771
- top: 0;
21772
- width: 100%;
21773
- z-index: 1;
21774
- }
21775
- .v-file-input .v-input__details {
21776
- padding-inline: 16px;
21777
- }
21778
- .v-input--plain-underlined.v-file-input .v-input__details {
21779
- padding-inline: 0;
21780
- }.v-footer {
21781
- align-items: center;
21782
- display: flex;
21783
- flex: 1 1 auto;
21784
- padding: 8px 16px;
21785
- position: relative;
21786
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21787
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21788
- }
21789
- .v-footer {
21790
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21791
- border-style: solid;
21792
- border-width: 0;
21739
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21740
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21793
21741
  }
21794
- .v-footer--border {
21795
- border-width: thin;
21796
- box-shadow: none;
21742
+
21743
+ .v-field--variant-solo-inverted .v-field__overlay {
21744
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21797
21745
  }
21798
- .v-footer {
21799
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21746
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21747
+ opacity: 0;
21800
21748
  }
21801
- .v-footer--absolute {
21802
- position: absolute;
21749
+ @media (hover: hover) {
21750
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21751
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21752
+ }
21803
21753
  }
21804
- .v-footer--fixed {
21805
- position: fixed;
21754
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21755
+ background-color: rgb(var(--v-theme-surface-variant));
21756
+ opacity: 1;
21806
21757
  }
21807
- .v-footer {
21808
- border-radius: 0;
21758
+
21759
+ /* endregion */
21760
+ /* region MODIFIERS */
21761
+ .v-field--reverse .v-field__field,
21762
+ .v-field--reverse .v-field__input,
21763
+ .v-field--reverse .v-field__outline {
21764
+ flex-direction: row-reverse;
21809
21765
  }
21810
- .v-footer {
21811
- background: rgb(var(--v-theme-surface));
21812
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21766
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21767
+ text-align: end;
21813
21768
  }
21814
- .v-footer--rounded {
21815
- border-radius: 4px;
21816
- }.v-container {
21769
+
21770
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21771
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21772
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21773
+ }
21774
+
21775
+ .v-field--loading .v-field__outline::after,
21776
+ .v-field--loading .v-field__outline::before {
21777
+ opacity: 0;
21778
+ }
21779
+
21780
+ /* endregion */.v-container {
21817
21781
  width: 100%;
21818
21782
  padding: 16px;
21819
21783
  margin-right: auto;
@@ -22485,6 +22449,42 @@ textarea.v-field__input::placeholder {
22485
22449
  .offset-xxl-11 {
22486
22450
  margin-inline-start: 91.6666666667%;
22487
22451
  }
22452
+ }.v-footer {
22453
+ align-items: center;
22454
+ display: flex;
22455
+ flex: 1 1 auto;
22456
+ padding: 8px 16px;
22457
+ position: relative;
22458
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22459
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22460
+ }
22461
+ .v-footer {
22462
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22463
+ border-style: solid;
22464
+ border-width: 0;
22465
+ }
22466
+ .v-footer--border {
22467
+ border-width: thin;
22468
+ box-shadow: none;
22469
+ }
22470
+ .v-footer {
22471
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22472
+ }
22473
+ .v-footer--absolute {
22474
+ position: absolute;
22475
+ }
22476
+ .v-footer--fixed {
22477
+ position: fixed;
22478
+ }
22479
+ .v-footer {
22480
+ border-radius: 0;
22481
+ }
22482
+ .v-footer {
22483
+ background: rgb(var(--v-theme-surface));
22484
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22485
+ }
22486
+ .v-footer--rounded {
22487
+ border-radius: 4px;
22488
22488
  }.v-icon {
22489
22489
  --v-icon-size-multiplier: 1;
22490
22490
  align-items: center;
@@ -22803,6 +22803,8 @@ textarea.v-field__input::placeholder {
22803
22803
 
22804
22804
  .v-layout-item--absolute {
22805
22805
  position: absolute;
22806
+ }.v-locale-provider {
22807
+ display: contents;
22806
22808
  }.v-list {
22807
22809
  overflow: auto;
22808
22810
  padding: 8px 0;
@@ -23379,8 +23381,6 @@ textarea.v-field__input::placeholder {
23379
23381
  }
23380
23382
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23381
23383
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23382
- }.v-locale-provider {
23383
- display: contents;
23384
23384
  }.v-main {
23385
23385
  flex: 1 0 auto;
23386
23386
  max-width: 100%;
@@ -23683,6 +23683,12 @@ html.v-overlay-scroll-blocked {
23683
23683
 
23684
23684
  .v-overlay--scroll-blocked {
23685
23685
  padding-inline-end: var(--v-scrollbar-offset);
23686
+ }.v-parallax {
23687
+ position: relative;
23688
+ overflow: hidden;
23689
+ }
23690
+ .v-parallax--active > .v-img__img {
23691
+ will-change: transform;
23686
23692
  }.v-progress-circular {
23687
23693
  align-items: center;
23688
23694
  display: inline-flex;
@@ -23785,12 +23791,6 @@ html.v-overlay-scroll-blocked {
23785
23791
  100% {
23786
23792
  transform: rotate(270deg);
23787
23793
  }
23788
- }.v-parallax {
23789
- position: relative;
23790
- overflow: hidden;
23791
- }
23792
- .v-parallax--active > .v-img__img {
23793
- will-change: transform;
23794
23794
  }.v-progress-linear {
23795
23795
  background: transparent;
23796
23796
  overflow: hidden;
@@ -24088,6 +24088,32 @@ html.v-overlay-scroll-blocked {
24088
24088
 
24089
24089
  .v-slider__label {
24090
24090
  margin-inline-end: 12px;
24091
+ }.v-responsive {
24092
+ display: flex;
24093
+ flex: 1 0 auto;
24094
+ max-height: 100%;
24095
+ max-width: 100%;
24096
+ overflow: hidden;
24097
+ position: relative;
24098
+ }
24099
+ .v-responsive--inline {
24100
+ display: inline-flex;
24101
+ flex: 0 0 auto;
24102
+ }
24103
+
24104
+ .v-responsive__content {
24105
+ flex: 1 0 0px;
24106
+ max-width: 100%;
24107
+ }
24108
+
24109
+ .v-responsive__sizer ~ .v-responsive__content {
24110
+ margin-inline-start: -100%;
24111
+ }
24112
+
24113
+ .v-responsive__sizer {
24114
+ flex: 1 0 0px;
24115
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24116
+ pointer-events: none;
24091
24117
  }.v-rating {
24092
24118
  max-width: 100%;
24093
24119
  display: inline-flex;
@@ -24141,84 +24167,6 @@ html.v-overlay-scroll-blocked {
24141
24167
  opacity: 0;
24142
24168
  position: absolute;
24143
24169
  width: 0;
24144
- }.v-responsive {
24145
- display: flex;
24146
- flex: 1 0 auto;
24147
- max-height: 100%;
24148
- max-width: 100%;
24149
- overflow: hidden;
24150
- position: relative;
24151
- }
24152
- .v-responsive--inline {
24153
- display: inline-flex;
24154
- flex: 0 0 auto;
24155
- }
24156
-
24157
- .v-responsive__content {
24158
- flex: 1 0 0px;
24159
- max-width: 100%;
24160
- }
24161
-
24162
- .v-responsive__sizer ~ .v-responsive__content {
24163
- margin-inline-start: -100%;
24164
- }
24165
-
24166
- .v-responsive__sizer {
24167
- flex: 1 0 0px;
24168
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24169
- pointer-events: none;
24170
- }.v-select .v-field .v-text-field__prefix,
24171
- .v-select .v-field .v-text-field__suffix,
24172
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24173
- cursor: pointer;
24174
- }
24175
- .v-select .v-field .v-field__input > input {
24176
- align-self: flex-start;
24177
- opacity: 1;
24178
- flex: 0 0;
24179
- position: absolute;
24180
- width: 100%;
24181
- transition: none;
24182
- pointer-events: none;
24183
- caret-color: transparent;
24184
- }
24185
- .v-select .v-field--dirty .v-select__selection {
24186
- margin-inline-end: 2px;
24187
- }
24188
- .v-select .v-select__selection-text {
24189
- overflow: hidden;
24190
- text-overflow: ellipsis;
24191
- white-space: nowrap;
24192
- }
24193
- .v-select__content {
24194
- overflow: hidden;
24195
- }
24196
- .v-select__content {
24197
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24198
- }
24199
- .v-select__content {
24200
- border-radius: 4px;
24201
- }
24202
- .v-select__selection {
24203
- display: inline-flex;
24204
- align-items: center;
24205
- letter-spacing: inherit;
24206
- line-height: inherit;
24207
- max-width: 100%;
24208
- }
24209
- .v-select .v-select__selection:first-child {
24210
- margin-inline-start: 0;
24211
- }
24212
- .v-select--selected .v-field .v-field__input > input {
24213
- opacity: 0;
24214
- }
24215
- .v-select__menu-icon {
24216
- margin-inline-start: 4px;
24217
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24218
- }
24219
- .v-select--active-menu .v-select__menu-icon {
24220
- opacity: var(--v-high-emphasis-opacity);
24221
- transform: rotate(180deg);
24222
24170
  }.v-selection-control {
24223
24171
  align-items: center;
24224
24172
  contain: layout;
@@ -24317,19 +24265,63 @@ html.v-overlay-scroll-blocked {
24317
24265
  .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
24318
24266
  opacity: 1;
24319
24267
  }
24320
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24321
- color: rgb(var(--v-theme-error));
24268
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24269
+ color: rgb(var(--v-theme-error));
24270
+ }
24271
+ .v-selection-control--focus-visible .v-selection-control__input::before {
24272
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24273
+ }.v-select .v-field .v-text-field__prefix,
24274
+ .v-select .v-field .v-text-field__suffix,
24275
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24276
+ cursor: pointer;
24277
+ }
24278
+ .v-select .v-field .v-field__input > input {
24279
+ align-self: flex-start;
24280
+ opacity: 1;
24281
+ flex: 0 0;
24282
+ position: absolute;
24283
+ width: 100%;
24284
+ transition: none;
24285
+ pointer-events: none;
24286
+ caret-color: transparent;
24287
+ }
24288
+ .v-select .v-field--dirty .v-select__selection {
24289
+ margin-inline-end: 2px;
24290
+ }
24291
+ .v-select .v-select__selection-text {
24292
+ overflow: hidden;
24293
+ text-overflow: ellipsis;
24294
+ white-space: nowrap;
24295
+ }
24296
+ .v-select__content {
24297
+ overflow: hidden;
24298
+ }
24299
+ .v-select__content {
24300
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24301
+ }
24302
+ .v-select__content {
24303
+ border-radius: 4px;
24304
+ }
24305
+ .v-select__selection {
24306
+ display: inline-flex;
24307
+ align-items: center;
24308
+ letter-spacing: inherit;
24309
+ line-height: inherit;
24310
+ max-width: 100%;
24311
+ }
24312
+ .v-select .v-select__selection:first-child {
24313
+ margin-inline-start: 0;
24314
+ }
24315
+ .v-select--selected .v-field .v-field__input > input {
24316
+ opacity: 0;
24322
24317
  }
24323
- .v-selection-control--focus-visible .v-selection-control__input::before {
24324
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24325
- }.v-selection-control-group {
24326
- grid-area: control;
24327
- display: flex;
24328
- flex-direction: column;
24318
+ .v-select__menu-icon {
24319
+ margin-inline-start: 4px;
24320
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24329
24321
  }
24330
- .v-selection-control-group--inline {
24331
- flex-direction: row;
24332
- flex-wrap: wrap;
24322
+ .v-select--active-menu .v-select__menu-icon {
24323
+ opacity: var(--v-high-emphasis-opacity);
24324
+ transform: rotate(180deg);
24333
24325
  }.v-sheet {
24334
24326
  display: block;
24335
24327
  }
@@ -24366,61 +24358,6 @@ html.v-overlay-scroll-blocked {
24366
24358
  }
24367
24359
  .v-sheet--rounded {
24368
24360
  border-radius: 4px;
24369
- }.v-slide-group {
24370
- display: flex;
24371
- overflow: hidden;
24372
- }
24373
-
24374
- .v-slide-group__next,
24375
- .v-slide-group__prev {
24376
- align-items: center;
24377
- display: flex;
24378
- flex: 0 1 52px;
24379
- justify-content: center;
24380
- min-width: 52px;
24381
- cursor: pointer;
24382
- }
24383
- .v-slide-group__next--disabled,
24384
- .v-slide-group__prev--disabled {
24385
- pointer-events: none;
24386
- opacity: var(--v-disabled-opacity);
24387
- }
24388
-
24389
- .v-slide-group__content {
24390
- display: flex;
24391
- flex: 1 0 auto;
24392
- position: relative;
24393
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24394
- white-space: nowrap;
24395
- }
24396
- .v-slide-group__content > * {
24397
- white-space: initial;
24398
- }
24399
-
24400
- .v-slide-group__container {
24401
- contain: content;
24402
- display: flex;
24403
- flex: 1 1 auto;
24404
- overflow-x: auto;
24405
- overflow-y: hidden;
24406
- scrollbar-width: none;
24407
- scrollbar-color: rgba(0, 0, 0, 0);
24408
- }
24409
- .v-slide-group__container::-webkit-scrollbar {
24410
- display: none;
24411
- }
24412
-
24413
- .v-slide-group--vertical {
24414
- max-height: inherit;
24415
- }
24416
- .v-slide-group--vertical,
24417
- .v-slide-group--vertical .v-slide-group__container,
24418
- .v-slide-group--vertical .v-slide-group__content {
24419
- flex-direction: column;
24420
- }
24421
- .v-slide-group--vertical .v-slide-group__container {
24422
- overflow-x: hidden;
24423
- overflow-y: auto;
24424
24361
  }.v-skeleton-loader {
24425
24362
  align-items: center;
24426
24363
  background: rgb(var(--v-theme-surface));
@@ -24646,6 +24583,69 @@ html.v-overlay-scroll-blocked {
24646
24583
  100% {
24647
24584
  transform: translateX(100%);
24648
24585
  }
24586
+ }.v-slide-group {
24587
+ display: flex;
24588
+ overflow: hidden;
24589
+ }
24590
+
24591
+ .v-slide-group__next,
24592
+ .v-slide-group__prev {
24593
+ align-items: center;
24594
+ display: flex;
24595
+ flex: 0 1 52px;
24596
+ justify-content: center;
24597
+ min-width: 52px;
24598
+ cursor: pointer;
24599
+ }
24600
+ .v-slide-group__next--disabled,
24601
+ .v-slide-group__prev--disabled {
24602
+ pointer-events: none;
24603
+ opacity: var(--v-disabled-opacity);
24604
+ }
24605
+
24606
+ .v-slide-group__content {
24607
+ display: flex;
24608
+ flex: 1 0 auto;
24609
+ position: relative;
24610
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24611
+ white-space: nowrap;
24612
+ }
24613
+ .v-slide-group__content > * {
24614
+ white-space: initial;
24615
+ }
24616
+
24617
+ .v-slide-group__container {
24618
+ contain: content;
24619
+ display: flex;
24620
+ flex: 1 1 auto;
24621
+ overflow-x: auto;
24622
+ overflow-y: hidden;
24623
+ scrollbar-width: none;
24624
+ scrollbar-color: rgba(0, 0, 0, 0);
24625
+ }
24626
+ .v-slide-group__container::-webkit-scrollbar {
24627
+ display: none;
24628
+ }
24629
+
24630
+ .v-slide-group--vertical {
24631
+ max-height: inherit;
24632
+ }
24633
+ .v-slide-group--vertical,
24634
+ .v-slide-group--vertical .v-slide-group__container,
24635
+ .v-slide-group--vertical .v-slide-group__content {
24636
+ flex-direction: column;
24637
+ }
24638
+ .v-slide-group--vertical .v-slide-group__container {
24639
+ overflow-x: hidden;
24640
+ overflow-y: auto;
24641
+ }.v-selection-control-group {
24642
+ grid-area: control;
24643
+ display: flex;
24644
+ flex-direction: column;
24645
+ }
24646
+ .v-selection-control-group--inline {
24647
+ flex-direction: row;
24648
+ flex-wrap: wrap;
24649
24649
  }.v-snackbar {
24650
24650
  justify-content: center;
24651
24651
  z-index: 10000;
@@ -26134,15 +26134,6 @@ html.v-overlay-scroll-blocked {
26134
26134
  }
26135
26135
  .v-toolbar-items > .v-btn {
26136
26136
  border-radius: 0;
26137
- }.v-virtual-scroll {
26138
- display: block;
26139
- flex: 1 1 auto;
26140
- max-width: 100%;
26141
- overflow: auto;
26142
- position: relative;
26143
- }
26144
- .v-virtual-scroll__container {
26145
- display: block;
26146
26137
  }.v-tooltip > .v-overlay__content {
26147
26138
  background: rgb(var(--v-theme-surface-variant));
26148
26139
  color: rgb(var(--v-theme-on-surface-variant));
@@ -26165,6 +26156,15 @@ html.v-overlay-scroll-blocked {
26165
26156
  .v-tooltip > .v-overlay__content[class*=leave-active] {
26166
26157
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26167
26158
  transition-duration: 75ms;
26159
+ }.v-virtual-scroll {
26160
+ display: block;
26161
+ flex: 1 1 auto;
26162
+ max-width: 100%;
26163
+ overflow: auto;
26164
+ position: relative;
26165
+ }
26166
+ .v-virtual-scroll__container {
26167
+ display: block;
26168
26168
  }.v-window {
26169
26169
  overflow: hidden;
26170
26170
  }
@@ -26235,56 +26235,6 @@ html.v-overlay-scroll-blocked {
26235
26235
  }
26236
26236
  .v-window-y-reverse-transition-leave-to {
26237
26237
  transform: translateY(100%);
26238
- }.v-color-picker-edit {
26239
- display: flex;
26240
- margin-top: 24px;
26241
- }
26242
-
26243
- .v-color-picker-edit__input {
26244
- width: 100%;
26245
- display: flex;
26246
- flex-wrap: wrap;
26247
- justify-content: center;
26248
- text-align: center;
26249
- }
26250
- .v-color-picker-edit__input:not(:last-child) {
26251
- margin-inline-end: 8px;
26252
- }
26253
- .v-color-picker-edit__input input {
26254
- border-radius: 4px;
26255
- margin-bottom: 8px;
26256
- min-width: 0;
26257
- outline: none;
26258
- text-align: center;
26259
- width: 100%;
26260
- height: 32px;
26261
- background: rgba(var(--v-theme-surface-variant), 0.2);
26262
- color: rgba(var(--v-theme-on-surface));
26263
- }
26264
- .v-color-picker-edit__input span {
26265
- font-size: 0.75rem;
26266
- }.v-color-picker-canvas {
26267
- display: flex;
26268
- position: relative;
26269
- overflow: hidden;
26270
- contain: content;
26271
- touch-action: none;
26272
- }
26273
- .v-color-picker-canvas__dot {
26274
- position: absolute;
26275
- top: 0;
26276
- left: 0;
26277
- width: 15px;
26278
- height: 15px;
26279
- background: transparent;
26280
- border-radius: 50%;
26281
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26282
- }
26283
- .v-color-picker-canvas__dot--disabled {
26284
- 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);
26285
- }
26286
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26287
- will-change: transform;
26288
26238
  }.v-color-picker-preview__alpha .v-slider-track__background {
26289
26239
  background-color: transparent !important;
26290
26240
  }
@@ -26355,6 +26305,56 @@ html.v-overlay-scroll-blocked {
26355
26305
  .v-color-picker-preview__eye-dropper {
26356
26306
  position: relative;
26357
26307
  margin-right: 12px;
26308
+ }.v-color-picker-edit {
26309
+ display: flex;
26310
+ margin-top: 24px;
26311
+ }
26312
+
26313
+ .v-color-picker-edit__input {
26314
+ width: 100%;
26315
+ display: flex;
26316
+ flex-wrap: wrap;
26317
+ justify-content: center;
26318
+ text-align: center;
26319
+ }
26320
+ .v-color-picker-edit__input:not(:last-child) {
26321
+ margin-inline-end: 8px;
26322
+ }
26323
+ .v-color-picker-edit__input input {
26324
+ border-radius: 4px;
26325
+ margin-bottom: 8px;
26326
+ min-width: 0;
26327
+ outline: none;
26328
+ text-align: center;
26329
+ width: 100%;
26330
+ height: 32px;
26331
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26332
+ color: rgba(var(--v-theme-on-surface));
26333
+ }
26334
+ .v-color-picker-edit__input span {
26335
+ font-size: 0.75rem;
26336
+ }.v-color-picker-canvas {
26337
+ display: flex;
26338
+ position: relative;
26339
+ overflow: hidden;
26340
+ contain: content;
26341
+ touch-action: none;
26342
+ }
26343
+ .v-color-picker-canvas__dot {
26344
+ position: absolute;
26345
+ top: 0;
26346
+ left: 0;
26347
+ width: 15px;
26348
+ height: 15px;
26349
+ background: transparent;
26350
+ border-radius: 50%;
26351
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26352
+ }
26353
+ .v-color-picker-canvas__dot--disabled {
26354
+ 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);
26355
+ }
26356
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26357
+ will-change: transform;
26358
26358
  }.v-color-picker-swatches {
26359
26359
  overflow-y: auto;
26360
26360
  }