@vuetify/nightly 3.7.1-master.2024-09-11 → 3.7.1-master.2024-09-12

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.1-master.2024-09-11
2
+ * Vuetify v3.7.1-master.2024-09-12
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,164 +17994,6 @@ html.overflow-y-hidden {
18006
17994
  min-height: 100vh;
18007
17995
  min-height: 100dvh;
18008
17996
  position: relative;
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);
18094
- }.v-badge {
18095
- display: inline-block;
18096
- line-height: 1;
18097
- }
18098
-
18099
- .v-badge__badge {
18100
- align-items: center;
18101
- display: inline-flex;
18102
- border-radius: 10px;
18103
- font-size: 0.75rem;
18104
- font-weight: 500;
18105
- height: 1.25rem;
18106
- justify-content: center;
18107
- min-width: 20px;
18108
- padding: 4px 6px;
18109
- pointer-events: auto;
18110
- position: absolute;
18111
- text-align: center;
18112
- text-indent: 0;
18113
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18114
- white-space: nowrap;
18115
- }
18116
- .v-badge__badge {
18117
- background: rgb(var(--v-theme-surface-variant));
18118
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18119
- }
18120
- .v-badge--bordered .v-badge__badge::after {
18121
- border-radius: inherit;
18122
- border-style: solid;
18123
- border-width: 2px;
18124
- bottom: 0;
18125
- color: rgb(var(--v-theme-background));
18126
- content: "";
18127
- left: 0;
18128
- position: absolute;
18129
- right: 0;
18130
- top: 0;
18131
- transform: scale(1.05);
18132
- }
18133
- .v-badge--dot .v-badge__badge {
18134
- border-radius: 4.5px;
18135
- height: 9px;
18136
- min-width: 0;
18137
- padding: 0;
18138
- width: 9px;
18139
- }
18140
- .v-badge--dot .v-badge__badge::after {
18141
- border-width: 1.5px;
18142
- }
18143
- .v-badge--inline .v-badge__badge {
18144
- position: relative;
18145
- vertical-align: middle;
18146
- }
18147
- .v-badge__badge .v-icon {
18148
- color: inherit;
18149
- font-size: 0.75rem;
18150
- margin: 0 -2px;
18151
- }
18152
- .v-badge__badge img,
18153
- .v-badge__badge .v-img {
18154
- height: 100%;
18155
- width: 100%;
18156
- }
18157
-
18158
- .v-badge__wrapper {
18159
- display: flex;
18160
- position: relative;
18161
- }
18162
- .v-badge--inline .v-badge__wrapper {
18163
- align-items: center;
18164
- display: inline-flex;
18165
- justify-content: center;
18166
- margin: 0 4px;
18167
17997
  }.v-alert {
18168
17998
  display: grid;
18169
17999
  flex: 1 1;
@@ -18380,6 +18210,18 @@ html.overflow-y-hidden {
18380
18210
  text-transform: none;
18381
18211
  word-break: normal;
18382
18212
  word-wrap: break-word;
18213
+ }.v-app-bar {
18214
+ display: flex;
18215
+ }
18216
+ .v-app-bar.v-toolbar {
18217
+ background: rgb(var(--v-theme-surface));
18218
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18219
+ }
18220
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18221
+ 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));
18222
+ }
18223
+ .v-app-bar:not(.v-toolbar--absolute) {
18224
+ padding-inline-end: var(--v-scrollbar-offset);
18383
18225
  }.v-avatar {
18384
18226
  flex: none;
18385
18227
  align-items: center;
@@ -18486,60 +18328,145 @@ html.overflow-y-hidden {
18486
18328
  .v-avatar .v-img {
18487
18329
  height: 100%;
18488
18330
  width: 100%;
18489
- }.v-banner {
18490
- display: grid;
18491
- flex: 1 1;
18492
- font-size: 0.875rem;
18493
- grid-template-areas: "prepend content actions";
18494
- grid-template-columns: max-content auto max-content;
18495
- grid-template-rows: max-content max-content;
18496
- line-height: 1.6;
18497
- overflow: hidden;
18498
- padding-inline: 16px 8px;
18499
- padding-top: 16px;
18500
- padding-bottom: 16px;
18501
- position: relative;
18502
- width: 100%;
18503
- }
18504
- .v-banner {
18505
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18506
- border-style: solid;
18507
- border-width: 0 0 thin 0;
18331
+ }.v-autocomplete .v-field .v-text-field__prefix,
18332
+ .v-autocomplete .v-field .v-text-field__suffix,
18333
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18334
+ cursor: text;
18508
18335
  }
18509
- .v-banner--border {
18510
- border-width: thin;
18511
- box-shadow: none;
18336
+ .v-autocomplete .v-field .v-field__input > input {
18337
+ flex: 1 1;
18512
18338
  }
18513
- .v-banner {
18514
- 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));
18339
+ .v-autocomplete .v-field input {
18340
+ min-width: 64px;
18515
18341
  }
18516
- .v-banner--absolute {
18517
- position: absolute;
18342
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18343
+ min-width: 0;
18518
18344
  }
18519
- .v-banner--fixed {
18520
- position: fixed;
18345
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18346
+ margin-inline-end: 2px;
18521
18347
  }
18522
- .v-banner--sticky {
18523
- position: sticky;
18348
+ .v-autocomplete .v-autocomplete__selection-text {
18349
+ overflow: hidden;
18350
+ text-overflow: ellipsis;
18351
+ white-space: nowrap;
18524
18352
  }
18525
- .v-banner {
18526
- border-radius: 0;
18353
+
18354
+ .v-autocomplete__content {
18355
+ overflow: hidden;
18527
18356
  }
18528
- .v-banner {
18529
- background: rgb(var(--v-theme-surface));
18530
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18357
+ .v-autocomplete__content {
18358
+ 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));
18531
18359
  }
18532
- .v-banner--rounded {
18360
+ .v-autocomplete__content {
18533
18361
  border-radius: 4px;
18534
18362
  }
18535
- .v-banner--stacked:not(.v-banner--one-line) {
18536
- grid-template-areas: "prepend content" ". actions";
18537
- }
18538
- .v-banner--stacked .v-banner-text {
18539
- padding-inline-end: 36px;
18363
+ .v-autocomplete__mask {
18364
+ background: rgb(var(--v-theme-surface-light));
18540
18365
  }
18541
- .v-banner--density-default .v-banner-actions {
18542
- margin-bottom: -8px;
18366
+ .v-autocomplete__selection {
18367
+ display: inline-flex;
18368
+ align-items: center;
18369
+ height: 1.5rem;
18370
+ letter-spacing: inherit;
18371
+ line-height: inherit;
18372
+ max-width: calc(100% - 2px - 2px);
18373
+ }
18374
+ .v-autocomplete__selection:first-child {
18375
+ margin-inline-start: 0;
18376
+ }
18377
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18378
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18379
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18380
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18381
+ top: 0px;
18382
+ }
18383
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18384
+ opacity: var(--v-medium-emphasis-opacity);
18385
+ }
18386
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18387
+ opacity: 1;
18388
+ }
18389
+ .v-autocomplete--selecting-index .v-field__input > input {
18390
+ caret-color: transparent;
18391
+ }
18392
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18393
+ flex: 1 1;
18394
+ position: absolute;
18395
+ left: 0;
18396
+ right: 0;
18397
+ width: 100%;
18398
+ padding-inline: inherit;
18399
+ }
18400
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18401
+ transition: none;
18402
+ }
18403
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18404
+ opacity: 0;
18405
+ }
18406
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18407
+ opacity: 0;
18408
+ }
18409
+ .v-autocomplete__menu-icon {
18410
+ margin-inline-start: 4px;
18411
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18412
+ }
18413
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18414
+ opacity: var(--v-high-emphasis-opacity);
18415
+ transform: rotate(180deg);
18416
+ }.v-banner {
18417
+ display: grid;
18418
+ flex: 1 1;
18419
+ font-size: 0.875rem;
18420
+ grid-template-areas: "prepend content actions";
18421
+ grid-template-columns: max-content auto max-content;
18422
+ grid-template-rows: max-content max-content;
18423
+ line-height: 1.6;
18424
+ overflow: hidden;
18425
+ padding-inline: 16px 8px;
18426
+ padding-top: 16px;
18427
+ padding-bottom: 16px;
18428
+ position: relative;
18429
+ width: 100%;
18430
+ }
18431
+ .v-banner {
18432
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18433
+ border-style: solid;
18434
+ border-width: 0 0 thin 0;
18435
+ }
18436
+ .v-banner--border {
18437
+ border-width: thin;
18438
+ box-shadow: none;
18439
+ }
18440
+ .v-banner {
18441
+ 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));
18442
+ }
18443
+ .v-banner--absolute {
18444
+ position: absolute;
18445
+ }
18446
+ .v-banner--fixed {
18447
+ position: fixed;
18448
+ }
18449
+ .v-banner--sticky {
18450
+ position: sticky;
18451
+ }
18452
+ .v-banner {
18453
+ border-radius: 0;
18454
+ }
18455
+ .v-banner {
18456
+ background: rgb(var(--v-theme-surface));
18457
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18458
+ }
18459
+ .v-banner--rounded {
18460
+ border-radius: 4px;
18461
+ }
18462
+ .v-banner--stacked:not(.v-banner--one-line) {
18463
+ grid-template-areas: "prepend content" ". actions";
18464
+ }
18465
+ .v-banner--stacked .v-banner-text {
18466
+ padding-inline-end: 36px;
18467
+ }
18468
+ .v-banner--density-default .v-banner-actions {
18469
+ margin-bottom: -8px;
18543
18470
  }
18544
18471
  .v-banner--density-default.v-banner--one-line {
18545
18472
  padding-top: 8px;
@@ -18652,6 +18579,79 @@ html.overflow-y-hidden {
18652
18579
  }
18653
18580
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18654
18581
  align-self: flex-start;
18582
+ }.v-badge {
18583
+ display: inline-block;
18584
+ line-height: 1;
18585
+ }
18586
+
18587
+ .v-badge__badge {
18588
+ align-items: center;
18589
+ display: inline-flex;
18590
+ border-radius: 10px;
18591
+ font-size: 0.75rem;
18592
+ font-weight: 500;
18593
+ height: 1.25rem;
18594
+ justify-content: center;
18595
+ min-width: 20px;
18596
+ padding: 4px 6px;
18597
+ pointer-events: auto;
18598
+ position: absolute;
18599
+ text-align: center;
18600
+ text-indent: 0;
18601
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18602
+ white-space: nowrap;
18603
+ }
18604
+ .v-badge__badge {
18605
+ background: rgb(var(--v-theme-surface-variant));
18606
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18607
+ }
18608
+ .v-badge--bordered .v-badge__badge::after {
18609
+ border-radius: inherit;
18610
+ border-style: solid;
18611
+ border-width: 2px;
18612
+ bottom: 0;
18613
+ color: rgb(var(--v-theme-background));
18614
+ content: "";
18615
+ left: 0;
18616
+ position: absolute;
18617
+ right: 0;
18618
+ top: 0;
18619
+ transform: scale(1.05);
18620
+ }
18621
+ .v-badge--dot .v-badge__badge {
18622
+ border-radius: 4.5px;
18623
+ height: 9px;
18624
+ min-width: 0;
18625
+ padding: 0;
18626
+ width: 9px;
18627
+ }
18628
+ .v-badge--dot .v-badge__badge::after {
18629
+ border-width: 1.5px;
18630
+ }
18631
+ .v-badge--inline .v-badge__badge {
18632
+ position: relative;
18633
+ vertical-align: middle;
18634
+ }
18635
+ .v-badge__badge .v-icon {
18636
+ color: inherit;
18637
+ font-size: 0.75rem;
18638
+ margin: 0 -2px;
18639
+ }
18640
+ .v-badge__badge img,
18641
+ .v-badge__badge .v-img {
18642
+ height: 100%;
18643
+ width: 100%;
18644
+ }
18645
+
18646
+ .v-badge__wrapper {
18647
+ display: flex;
18648
+ position: relative;
18649
+ }
18650
+ .v-badge--inline .v-badge__wrapper {
18651
+ align-items: center;
18652
+ display: inline-flex;
18653
+ justify-content: center;
18654
+ margin: 0 4px;
18655
18655
  }.v-bottom-navigation {
18656
18656
  display: flex;
18657
18657
  max-width: 100%;
@@ -18806,70 +18806,6 @@ html.overflow-y-hidden {
18806
18806
  display: inline-block;
18807
18807
  padding: 0 8px;
18808
18808
  vertical-align: middle;
18809
- }.v-btn-group {
18810
- display: inline-flex;
18811
- flex-wrap: nowrap;
18812
- max-width: 100%;
18813
- min-width: 0;
18814
- overflow: hidden;
18815
- vertical-align: middle;
18816
- }
18817
- .v-btn-group {
18818
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18819
- border-style: solid;
18820
- border-width: 0;
18821
- }
18822
- .v-btn-group--border {
18823
- border-width: thin;
18824
- box-shadow: none;
18825
- }
18826
- .v-btn-group {
18827
- 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));
18828
- }
18829
- .v-btn-group {
18830
- border-radius: 4px;
18831
- }
18832
- .v-btn-group {
18833
- background: transparent;
18834
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18835
- }
18836
- .v-btn-group--density-default.v-btn-group {
18837
- height: 48px;
18838
- }
18839
-
18840
- .v-btn-group--density-comfortable.v-btn-group {
18841
- height: 40px;
18842
- }
18843
-
18844
- .v-btn-group--density-compact.v-btn-group {
18845
- height: 36px;
18846
- }
18847
-
18848
- .v-btn-group .v-btn {
18849
- border-radius: 0;
18850
- border-color: inherit;
18851
- }
18852
- .v-btn-group .v-btn:not(:last-child) {
18853
- border-inline-end: none;
18854
- }
18855
- .v-btn-group .v-btn:not(:first-child) {
18856
- border-inline-start: none;
18857
- }
18858
- .v-btn-group .v-btn:first-child {
18859
- border-start-start-radius: inherit;
18860
- border-end-start-radius: inherit;
18861
- }
18862
- .v-btn-group .v-btn:last-child {
18863
- border-start-end-radius: inherit;
18864
- border-end-end-radius: inherit;
18865
- }
18866
- .v-btn-group--divided .v-btn:not(:last-child) {
18867
- border-inline-end-width: thin;
18868
- border-inline-end-style: solid;
18869
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18870
- }
18871
- .v-btn-group--tile {
18872
- border-radius: 0;
18873
18809
  }.v-btn {
18874
18810
  align-items: center;
18875
18811
  border-radius: 4px;
@@ -19602,24 +19538,83 @@ html.overflow-y-hidden {
19602
19538
  pointer-events: none;
19603
19539
  opacity: 0;
19604
19540
  transition: opacity 0.2s ease-in-out;
19605
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19606
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19541
+ }.v-btn-group {
19542
+ display: inline-flex;
19543
+ flex-wrap: nowrap;
19544
+ max-width: 100%;
19545
+ min-width: 0;
19546
+ overflow: hidden;
19547
+ vertical-align: middle;
19607
19548
  }
19608
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19609
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19549
+ .v-btn-group {
19550
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19551
+ border-style: solid;
19552
+ border-width: 0;
19610
19553
  }
19611
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19612
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19554
+ .v-btn-group--border {
19555
+ border-width: thin;
19556
+ box-shadow: none;
19613
19557
  }
19614
- @supports not selector(:focus-visible) {
19615
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19558
+ .v-btn-group {
19559
+ 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));
19560
+ }
19561
+ .v-btn-group {
19562
+ border-radius: 4px;
19563
+ }
19564
+ .v-btn-group {
19565
+ background: transparent;
19566
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19567
+ }
19568
+ .v-btn-group--density-default.v-btn-group {
19569
+ height: 48px;
19570
+ }
19571
+
19572
+ .v-btn-group--density-comfortable.v-btn-group {
19573
+ height: 40px;
19574
+ }
19575
+
19576
+ .v-btn-group--density-compact.v-btn-group {
19577
+ height: 36px;
19578
+ }
19579
+
19580
+ .v-btn-group .v-btn {
19581
+ border-radius: 0;
19582
+ border-color: inherit;
19583
+ }
19584
+ .v-btn-group .v-btn:not(:last-child) {
19585
+ border-inline-end: none;
19586
+ }
19587
+ .v-btn-group .v-btn:not(:first-child) {
19588
+ border-inline-start: none;
19589
+ }
19590
+ .v-btn-group .v-btn:first-child {
19591
+ border-start-start-radius: inherit;
19592
+ border-end-start-radius: inherit;
19593
+ }
19594
+ .v-btn-group .v-btn:last-child {
19595
+ border-start-end-radius: inherit;
19596
+ border-end-end-radius: inherit;
19597
+ }
19598
+ .v-btn-group--divided .v-btn:not(:last-child) {
19599
+ border-inline-end-width: thin;
19600
+ border-inline-end-style: solid;
19601
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19602
+ }
19603
+ .v-btn-group--tile {
19604
+ border-radius: 0;
19605
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19606
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19607
+ }
19608
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19609
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19610
+ }
19611
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19612
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19613
+ }
19614
+ @supports not selector(:focus-visible) {
19615
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19616
19616
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19617
19617
  }
19618
- }.v-checkbox.v-input {
19619
- flex: 0 1 auto;
19620
- }
19621
- .v-checkbox .v-selection-control {
19622
- min-height: var(--v-input-control-height);
19623
19618
  }.v-carousel {
19624
19619
  overflow: hidden;
19625
19620
  position: relative;
@@ -19685,6 +19680,11 @@ html.overflow-y-hidden {
19685
19680
  flex-direction: column;
19686
19681
  height: 100% !important;
19687
19682
  width: 50px;
19683
+ }.v-checkbox.v-input {
19684
+ flex: 0 1 auto;
19685
+ }
19686
+ .v-checkbox .v-selection-control {
19687
+ min-height: var(--v-input-control-height);
19688
19688
  }.v-chip {
19689
19689
  align-items: center;
19690
19690
  display: inline-flex;
@@ -20103,24 +20103,6 @@ html.overflow-y-hidden {
20103
20103
 
20104
20104
  .v-chip--label {
20105
20105
  border-radius: 4px;
20106
- }.v-chip-group {
20107
- display: flex;
20108
- max-width: 100%;
20109
- min-width: 0;
20110
- overflow-x: auto;
20111
- padding: 4px 0;
20112
- }
20113
- .v-chip-group .v-chip {
20114
- margin: 4px 8px 4px 0;
20115
- }
20116
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20117
- opacity: var(--v-activated-opacity);
20118
- }
20119
-
20120
- .v-chip-group--column .v-slide-group__content {
20121
- white-space: normal;
20122
- flex-wrap: wrap;
20123
- max-width: 100%;
20124
20106
  }.v-color-picker {
20125
20107
  align-self: flex-start;
20126
20108
  contain: content;
@@ -20143,6 +20125,29 @@ html.overflow-y-hidden {
20143
20125
  }
20144
20126
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20145
20127
  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));
20128
+ }.v-counter {
20129
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20130
+ flex: 0 1 auto;
20131
+ font-size: 12px;
20132
+ transition-duration: 150ms;
20133
+ }.v-chip-group {
20134
+ display: flex;
20135
+ max-width: 100%;
20136
+ min-width: 0;
20137
+ overflow-x: auto;
20138
+ padding: 4px 0;
20139
+ }
20140
+ .v-chip-group .v-chip {
20141
+ margin: 4px 8px 4px 0;
20142
+ }
20143
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20144
+ opacity: var(--v-activated-opacity);
20145
+ }
20146
+
20147
+ .v-chip-group--column .v-slide-group__content {
20148
+ white-space: normal;
20149
+ flex-wrap: wrap;
20150
+ max-width: 100%;
20146
20151
  }.v-combobox .v-field .v-text-field__prefix,
20147
20152
  .v-combobox .v-field .v-text-field__suffix,
20148
20153
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20228,11 +20233,6 @@ html.overflow-y-hidden {
20228
20233
  .v-combobox--active-menu .v-combobox__menu-icon {
20229
20234
  opacity: var(--v-high-emphasis-opacity);
20230
20235
  transform: rotate(180deg);
20231
- }.v-counter {
20232
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
- flex: 0 1 auto;
20234
- font-size: 12px;
20235
- transition-duration: 150ms;
20236
20236
  }.v-data-table {
20237
20237
  width: 100%;
20238
20238
  }
@@ -20451,62 +20451,12 @@ html.overflow-y-hidden {
20451
20451
  }
20452
20452
  .v-data-table-footer__page {
20453
20453
  padding: 0 8px;
20454
- }.v-date-picker-controls {
20455
- display: flex;
20456
- align-items: center;
20457
- justify-content: space-between;
20458
- font-size: 0.875rem;
20459
- padding-top: 4px;
20460
- padding-bottom: 4px;
20461
- padding-inline-start: 6px;
20462
- padding-inline-end: 12px;
20463
- }
20464
- .v-date-picker-controls > .v-btn:first-child {
20465
- text-transform: none;
20466
- font-weight: 400;
20467
- line-height: initial;
20468
- letter-spacing: initial;
20469
- }
20470
- .v-date-picker-controls--variant-classic {
20471
- padding-inline-start: 12px;
20472
- }
20473
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20474
- opacity: 0.7;
20475
- }
20476
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20477
- cursor: pointer;
20478
- }
20479
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20480
- opacity: 1;
20481
- }
20482
- .v-date-picker-controls .v-btn:last-child {
20483
- margin-inline-start: 4px;
20484
- }
20485
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20486
- transform: rotate(180deg);
20487
- }
20488
-
20489
- .v-date-picker-controls__date {
20490
- margin-inline-end: 4px;
20491
- }
20492
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20493
- margin: auto;
20494
- text-align: center;
20495
- }
20496
-
20497
- .v-date-picker-controls__month {
20498
- display: flex;
20499
- }
20500
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20501
- flex-direction: row-reverse;
20502
- }
20503
-
20504
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20505
- flex: 1 0 auto;
20454
+ }.v-date-picker {
20455
+ overflow: hidden;
20456
+ width: 328px;
20506
20457
  }
20507
-
20508
- .v-date-picker__title {
20509
- display: inline-block;
20458
+ .v-date-picker--show-week {
20459
+ width: 368px;
20510
20460
  }.v-date-picker-header {
20511
20461
  align-items: flex-end;
20512
20462
  height: 70px;
@@ -20567,69 +20517,64 @@ html.overflow-y-hidden {
20567
20517
  .date-picker-header-reverse-transition-leave-to {
20568
20518
  opacity: 0;
20569
20519
  transform: translate(0, 100%);
20570
- }.v-date-picker {
20571
- overflow: hidden;
20572
- width: 328px;
20573
- }
20574
- .v-date-picker--show-week {
20575
- width: 368px;
20576
- }.v-date-picker-month {
20520
+ }.v-date-picker-controls {
20577
20521
  display: flex;
20578
- justify-content: center;
20579
- padding: 0 12px 8px;
20580
- --v-date-picker-month-day-diff: 4px;
20581
- }
20582
-
20583
- .v-date-picker-month__weeks {
20584
- display: grid;
20585
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20586
- column-gap: 4px;
20587
- font-size: 0.85rem;
20522
+ align-items: center;
20523
+ justify-content: space-between;
20524
+ font-size: 0.875rem;
20525
+ padding-top: 4px;
20526
+ padding-bottom: 4px;
20527
+ padding-inline-start: 6px;
20528
+ padding-inline-end: 12px;
20588
20529
  }
20589
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20590
- grid-row-gap: 0;
20530
+ .v-date-picker-controls > .v-btn:first-child {
20531
+ text-transform: none;
20532
+ font-weight: 400;
20533
+ line-height: initial;
20534
+ letter-spacing: initial;
20591
20535
  }
20592
-
20593
- .v-date-picker-month__weekday {
20594
- font-size: 0.85rem;
20536
+ .v-date-picker-controls--variant-classic {
20537
+ padding-inline-start: 12px;
20595
20538
  }
20596
-
20597
- .v-date-picker-month__days {
20598
- display: grid;
20599
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20600
- column-gap: 4px;
20601
- flex: 1 1;
20602
- justify-content: space-around;
20539
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20540
+ opacity: 0.7;
20603
20541
  }
20604
-
20605
- .v-date-picker-month__day {
20606
- align-items: center;
20607
- display: flex;
20608
- justify-content: center;
20609
- position: relative;
20610
- height: 40px;
20611
- width: 40px;
20542
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20543
+ cursor: pointer;
20612
20544
  }
20613
- .v-date-picker-month__day--selected .v-btn {
20614
- background-color: rgb(var(--v-theme-surface-variant));
20615
- color: rgb(var(--v-theme-on-surface-variant));
20545
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20546
+ opacity: 1;
20616
20547
  }
20617
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20618
- --v-btn-height: 24px;
20619
- --v-btn-size: 0.85rem;
20548
+ .v-date-picker-controls .v-btn:last-child {
20549
+ margin-inline-start: 4px;
20620
20550
  }
20621
- .v-date-picker-month__day--week {
20622
- font-size: var(--v-btn-size);
20551
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20552
+ transform: rotate(180deg);
20623
20553
  }
20624
20554
 
20625
- .v-date-picker-month__day--adjacent {
20626
- opacity: 0.5;
20555
+ .v-date-picker-controls__date {
20556
+ margin-inline-end: 4px;
20627
20557
  }
20628
-
20629
- .v-date-picker-month__day--hide-adjacent {
20630
- opacity: 0;
20631
- }.v-date-picker-months {
20632
- height: 288px;
20558
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20559
+ margin: auto;
20560
+ text-align: center;
20561
+ }
20562
+
20563
+ .v-date-picker-controls__month {
20564
+ display: flex;
20565
+ }
20566
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20567
+ flex-direction: row-reverse;
20568
+ }
20569
+
20570
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20571
+ flex: 1 0 auto;
20572
+ }
20573
+
20574
+ .v-date-picker__title {
20575
+ display: inline-block;
20576
+ }.v-date-picker-months {
20577
+ height: 288px;
20633
20578
  }
20634
20579
 
20635
20580
  .v-date-picker-months__content {
@@ -20662,158 +20607,61 @@ html.overflow-y-hidden {
20662
20607
  }
20663
20608
  .v-date-picker-years__content .v-btn {
20664
20609
  padding-inline: 8px;
20665
- }.v-dialog {
20666
- align-items: center;
20667
- justify-content: center;
20668
- margin: auto;
20669
- }
20670
- .v-dialog > .v-overlay__content {
20671
- max-height: calc(100% - 48px);
20672
- width: calc(100% - 48px);
20673
- max-width: calc(100% - 48px);
20674
- margin: 24px;
20675
- }
20676
- .v-dialog > .v-overlay__content,
20677
- .v-dialog > .v-overlay__content > form {
20678
- display: flex;
20679
- flex-direction: column;
20680
- min-height: 0;
20681
- }
20682
- .v-dialog > .v-overlay__content > .v-card,
20683
- .v-dialog > .v-overlay__content > .v-sheet,
20684
- .v-dialog > .v-overlay__content > form > .v-card,
20685
- .v-dialog > .v-overlay__content > form > .v-sheet {
20686
- --v-scrollbar-offset: 0px;
20687
- border-radius: 4px;
20688
- overflow-y: auto;
20689
- }
20690
- .v-dialog > .v-overlay__content > .v-card,
20691
- .v-dialog > .v-overlay__content > .v-sheet,
20692
- .v-dialog > .v-overlay__content > form > .v-card,
20693
- .v-dialog > .v-overlay__content > form > .v-sheet {
20694
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20695
- }
20696
- .v-dialog > .v-overlay__content > .v-card,
20697
- .v-dialog > .v-overlay__content > form > .v-card {
20610
+ }.v-date-picker-month {
20698
20611
  display: flex;
20699
- flex-direction: column;
20700
- }
20701
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20702
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20703
- padding: 16px 24px;
20704
- }
20705
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20706
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20707
- padding-top: 0;
20708
- }
20709
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20710
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20711
- font-size: inherit;
20712
- letter-spacing: 0.03125em;
20713
- line-height: inherit;
20714
- padding: 16px 24px 24px;
20715
- }
20716
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20717
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20718
- justify-content: flex-end;
20612
+ justify-content: center;
20613
+ padding: 0 12px 8px;
20614
+ --v-date-picker-month-day-diff: 4px;
20719
20615
  }
20720
20616
 
20721
- .v-dialog--fullscreen {
20722
- --v-scrollbar-offset: 0px;
20723
- }
20724
- .v-dialog--fullscreen > .v-overlay__content {
20725
- border-radius: 0;
20726
- margin: 0;
20727
- padding: 0;
20728
- width: 100%;
20729
- max-width: 100%;
20730
- max-height: 100%;
20731
- overflow-y: auto;
20732
- top: 0;
20733
- left: 0;
20617
+ .v-date-picker-month__weeks {
20618
+ display: grid;
20619
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20620
+ column-gap: 4px;
20621
+ font-size: 0.85rem;
20734
20622
  }
20735
- .v-dialog--fullscreen > .v-overlay__content,
20736
- .v-dialog--fullscreen > .v-overlay__content > form {
20737
- height: 100%;
20623
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20624
+ grid-row-gap: 0;
20738
20625
  }
20739
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20740
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20741
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20742
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20743
- min-height: 100%;
20744
- min-width: 100%;
20745
- border-radius: 0;
20626
+
20627
+ .v-date-picker-month__weekday {
20628
+ font-size: 0.85rem;
20746
20629
  }
20747
20630
 
20748
- .v-dialog--scrollable > .v-overlay__content,
20749
- .v-dialog--scrollable > .v-overlay__content > form {
20750
- display: flex;
20631
+ .v-date-picker-month__days {
20632
+ display: grid;
20633
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20634
+ column-gap: 4px;
20635
+ flex: 1 1;
20636
+ justify-content: space-around;
20751
20637
  }
20752
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20753
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20638
+
20639
+ .v-date-picker-month__day {
20640
+ align-items: center;
20754
20641
  display: flex;
20755
- flex: 1 1 100%;
20756
- flex-direction: column;
20757
- max-height: 100%;
20758
- max-width: 100%;
20759
- }
20760
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20761
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20762
- -webkit-backface-visibility: hidden;
20763
- backface-visibility: hidden;
20764
- overflow-y: auto;
20765
- }.v-divider {
20766
- display: block;
20767
- flex: 1 1 100%;
20768
- height: 0px;
20769
- max-height: 0px;
20770
- opacity: var(--v-border-opacity);
20771
- transition: inherit;
20772
- }
20773
- .v-divider {
20774
- border-style: solid;
20775
- border-width: thin 0 0 0;
20642
+ justify-content: center;
20643
+ position: relative;
20644
+ height: 40px;
20645
+ width: 40px;
20776
20646
  }
20777
- .v-divider--vertical {
20778
- align-self: stretch;
20779
- border-width: 0 thin 0 0;
20780
- display: inline-flex;
20781
- height: auto;
20782
- margin-left: -1px;
20783
- max-height: 100%;
20784
- max-width: 0px;
20785
- vertical-align: text-bottom;
20786
- width: 0px;
20647
+ .v-date-picker-month__day--selected .v-btn {
20648
+ background-color: rgb(var(--v-theme-surface-variant));
20649
+ color: rgb(var(--v-theme-on-surface-variant));
20787
20650
  }
20788
- .v-divider--inset:not(.v-divider--vertical) {
20789
- max-width: calc(100% - 72px);
20790
- margin-inline-start: 72px;
20651
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20652
+ --v-btn-height: 24px;
20653
+ --v-btn-size: 0.85rem;
20791
20654
  }
20792
- .v-divider--inset.v-divider--vertical {
20793
- margin-bottom: 8px;
20794
- margin-top: 8px;
20795
- max-height: calc(100% - 16px);
20655
+ .v-date-picker-month__day--week {
20656
+ font-size: var(--v-btn-size);
20796
20657
  }
20797
20658
 
20798
- .v-divider__content {
20799
- padding: 0 16px;
20800
- text-wrap: nowrap;
20801
- }
20802
- .v-divider__wrapper--vertical .v-divider__content {
20803
- padding: 4px 0;
20659
+ .v-date-picker-month__day--adjacent {
20660
+ opacity: 0.5;
20804
20661
  }
20805
20662
 
20806
- .v-divider__wrapper {
20807
- display: flex;
20808
- align-items: center;
20809
- justify-content: center;
20810
- }
20811
- .v-divider__wrapper--vertical {
20812
- flex-direction: column;
20813
- height: 100%;
20814
- }
20815
- .v-divider__wrapper--vertical .v-divider {
20816
- margin: 0 auto;
20663
+ .v-date-picker-month__day--hide-adjacent {
20664
+ opacity: 0;
20817
20665
  }.v-empty-state {
20818
20666
  align-items: center;
20819
20667
  display: flex;
@@ -20881,6 +20729,58 @@ html.overflow-y-hidden {
20881
20729
  .v-empty-state__action-btn.v-btn {
20882
20730
  background-color: initial;
20883
20731
  color: initial;
20732
+ }.v-divider {
20733
+ display: block;
20734
+ flex: 1 1 100%;
20735
+ height: 0px;
20736
+ max-height: 0px;
20737
+ opacity: var(--v-border-opacity);
20738
+ transition: inherit;
20739
+ }
20740
+ .v-divider {
20741
+ border-style: solid;
20742
+ border-width: thin 0 0 0;
20743
+ }
20744
+ .v-divider--vertical {
20745
+ align-self: stretch;
20746
+ border-width: 0 thin 0 0;
20747
+ display: inline-flex;
20748
+ height: auto;
20749
+ margin-left: -1px;
20750
+ max-height: 100%;
20751
+ max-width: 0px;
20752
+ vertical-align: text-bottom;
20753
+ width: 0px;
20754
+ }
20755
+ .v-divider--inset:not(.v-divider--vertical) {
20756
+ max-width: calc(100% - 72px);
20757
+ margin-inline-start: 72px;
20758
+ }
20759
+ .v-divider--inset.v-divider--vertical {
20760
+ margin-bottom: 8px;
20761
+ margin-top: 8px;
20762
+ max-height: calc(100% - 16px);
20763
+ }
20764
+
20765
+ .v-divider__content {
20766
+ padding: 0 16px;
20767
+ text-wrap: nowrap;
20768
+ }
20769
+ .v-divider__wrapper--vertical .v-divider__content {
20770
+ padding: 4px 0;
20771
+ }
20772
+
20773
+ .v-divider__wrapper {
20774
+ display: flex;
20775
+ align-items: center;
20776
+ justify-content: center;
20777
+ }
20778
+ .v-divider__wrapper--vertical {
20779
+ flex-direction: column;
20780
+ height: 100%;
20781
+ }
20782
+ .v-divider__wrapper--vertical .v-divider {
20783
+ margin: 0 auto;
20884
20784
  }.v-expansion-panel {
20885
20785
  background-color: rgb(var(--v-theme-surface));
20886
20786
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21097,17 +20997,117 @@ html.overflow-y-hidden {
21097
20997
  }
21098
20998
  .v-expansion-panels--tile > .v-expansion-panel {
21099
20999
  border-radius: 0;
21100
- }.v-fab {
21000
+ }.v-dialog {
21101
21001
  align-items: center;
21102
- display: inline-flex;
21103
- flex: 1 1 auto;
21104
- pointer-events: none;
21105
- position: relative;
21106
- transition-duration: 0.2s;
21107
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21108
- vertical-align: middle;
21002
+ justify-content: center;
21003
+ margin: auto;
21109
21004
  }
21110
- .v-fab .v-btn {
21005
+ .v-dialog > .v-overlay__content {
21006
+ max-height: calc(100% - 48px);
21007
+ width: calc(100% - 48px);
21008
+ max-width: calc(100% - 48px);
21009
+ margin: 24px;
21010
+ }
21011
+ .v-dialog > .v-overlay__content,
21012
+ .v-dialog > .v-overlay__content > form {
21013
+ display: flex;
21014
+ flex-direction: column;
21015
+ min-height: 0;
21016
+ }
21017
+ .v-dialog > .v-overlay__content > .v-card,
21018
+ .v-dialog > .v-overlay__content > .v-sheet,
21019
+ .v-dialog > .v-overlay__content > form > .v-card,
21020
+ .v-dialog > .v-overlay__content > form > .v-sheet {
21021
+ --v-scrollbar-offset: 0px;
21022
+ border-radius: 4px;
21023
+ overflow-y: auto;
21024
+ }
21025
+ .v-dialog > .v-overlay__content > .v-card,
21026
+ .v-dialog > .v-overlay__content > .v-sheet,
21027
+ .v-dialog > .v-overlay__content > form > .v-card,
21028
+ .v-dialog > .v-overlay__content > form > .v-sheet {
21029
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21030
+ }
21031
+ .v-dialog > .v-overlay__content > .v-card,
21032
+ .v-dialog > .v-overlay__content > form > .v-card {
21033
+ display: flex;
21034
+ flex-direction: column;
21035
+ }
21036
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21037
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21038
+ padding: 16px 24px;
21039
+ }
21040
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21041
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21042
+ padding-top: 0;
21043
+ }
21044
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21045
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21046
+ font-size: inherit;
21047
+ letter-spacing: 0.03125em;
21048
+ line-height: inherit;
21049
+ padding: 16px 24px 24px;
21050
+ }
21051
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
21052
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
21053
+ justify-content: flex-end;
21054
+ }
21055
+
21056
+ .v-dialog--fullscreen {
21057
+ --v-scrollbar-offset: 0px;
21058
+ }
21059
+ .v-dialog--fullscreen > .v-overlay__content {
21060
+ border-radius: 0;
21061
+ margin: 0;
21062
+ padding: 0;
21063
+ width: 100%;
21064
+ max-width: 100%;
21065
+ max-height: 100%;
21066
+ overflow-y: auto;
21067
+ top: 0;
21068
+ left: 0;
21069
+ }
21070
+ .v-dialog--fullscreen > .v-overlay__content,
21071
+ .v-dialog--fullscreen > .v-overlay__content > form {
21072
+ height: 100%;
21073
+ }
21074
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
21075
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21076
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21077
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21078
+ min-height: 100%;
21079
+ min-width: 100%;
21080
+ border-radius: 0;
21081
+ }
21082
+
21083
+ .v-dialog--scrollable > .v-overlay__content,
21084
+ .v-dialog--scrollable > .v-overlay__content > form {
21085
+ display: flex;
21086
+ }
21087
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
21088
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21089
+ display: flex;
21090
+ flex: 1 1 100%;
21091
+ flex-direction: column;
21092
+ max-height: 100%;
21093
+ max-width: 100%;
21094
+ }
21095
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21096
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21097
+ -webkit-backface-visibility: hidden;
21098
+ backface-visibility: hidden;
21099
+ overflow-y: auto;
21100
+ }.v-fab {
21101
+ align-items: center;
21102
+ display: inline-flex;
21103
+ flex: 1 1 auto;
21104
+ pointer-events: none;
21105
+ position: relative;
21106
+ transition-duration: 0.2s;
21107
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21108
+ vertical-align: middle;
21109
+ }
21110
+ .v-fab .v-btn {
21111
21111
  pointer-events: auto;
21112
21112
  }
21113
21113
  .v-fab .v-btn--variant-elevated {
@@ -22789,6 +22789,13 @@ textarea.v-field__input::placeholder {
22789
22789
 
22790
22790
  .v-label--clickable {
22791
22791
  cursor: pointer;
22792
+ }.v-layout-item {
22793
+ position: absolute;
22794
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22795
+ }
22796
+
22797
+ .v-layout-item--absolute {
22798
+ position: absolute;
22792
22799
  }.v-layout {
22793
22800
  --v-scrollbar-offset: 0px;
22794
22801
  display: flex;
@@ -22797,13 +22804,6 @@ textarea.v-field__input::placeholder {
22797
22804
  .v-layout--full-height {
22798
22805
  --v-scrollbar-offset: inherit;
22799
22806
  height: 100%;
22800
- }.v-layout-item {
22801
- position: absolute;
22802
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22803
- }
22804
-
22805
- .v-layout-item--absolute {
22806
- position: absolute;
22807
22807
  }.v-list {
22808
22808
  overflow: auto;
22809
22809
  padding: 8px 0;
@@ -23381,6 +23381,25 @@ textarea.v-field__input::placeholder {
23381
23381
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23382
23382
  }.v-locale-provider {
23383
23383
  display: contents;
23384
+ }.v-menu > .v-overlay__content {
23385
+ display: flex;
23386
+ flex-direction: column;
23387
+ }
23388
+ .v-menu > .v-overlay__content {
23389
+ border-radius: 4px;
23390
+ }
23391
+ .v-menu > .v-overlay__content > .v-card,
23392
+ .v-menu > .v-overlay__content > .v-sheet,
23393
+ .v-menu > .v-overlay__content > .v-list {
23394
+ background: rgb(var(--v-theme-surface));
23395
+ border-radius: inherit;
23396
+ overflow: auto;
23397
+ height: 100%;
23398
+ }
23399
+ .v-menu > .v-overlay__content > .v-card,
23400
+ .v-menu > .v-overlay__content > .v-sheet,
23401
+ .v-menu > .v-overlay__content > .v-list {
23402
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23384
23403
  }.v-main {
23385
23404
  flex: 1 0 auto;
23386
23405
  max-width: 100%;
@@ -23411,25 +23430,6 @@ textarea.v-field__input::placeholder {
23411
23430
  --v-layout-right: 0px;
23412
23431
  --v-layout-top: 0px;
23413
23432
  --v-layout-bottom: 0px;
23414
- }.v-menu > .v-overlay__content {
23415
- display: flex;
23416
- flex-direction: column;
23417
- }
23418
- .v-menu > .v-overlay__content {
23419
- border-radius: 4px;
23420
- }
23421
- .v-menu > .v-overlay__content > .v-card,
23422
- .v-menu > .v-overlay__content > .v-sheet,
23423
- .v-menu > .v-overlay__content > .v-list {
23424
- background: rgb(var(--v-theme-surface));
23425
- border-radius: inherit;
23426
- overflow: auto;
23427
- height: 100%;
23428
- }
23429
- .v-menu > .v-overlay__content > .v-card,
23430
- .v-menu > .v-overlay__content > .v-sheet,
23431
- .v-menu > .v-overlay__content > .v-list {
23432
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23433
23433
  }.v-messages {
23434
23434
  flex: 1 1 auto;
23435
23435
  font-size: 12px;
@@ -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;
@@ -24013,12 +24019,6 @@ html.v-overlay-scroll-blocked {
24013
24019
  0% {
24014
24020
  background-position-x: var(--v-progress-linear-height);
24015
24021
  }
24016
- }.v-parallax {
24017
- position: relative;
24018
- overflow: hidden;
24019
- }
24020
- .v-parallax--active > .v-img__img {
24021
- will-change: transform;
24022
24022
  }.v-radio-group > .v-input__control {
24023
24023
  flex-direction: column;
24024
24024
  }
@@ -24322,14 +24322,6 @@ html.v-overlay-scroll-blocked {
24322
24322
  }
24323
24323
  .v-selection-control--focus-visible .v-selection-control__input::before {
24324
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;
24329
- }
24330
- .v-selection-control-group--inline {
24331
- flex-direction: row;
24332
- flex-wrap: wrap;
24333
24325
  }.v-sheet {
24334
24326
  display: block;
24335
24327
  }
@@ -24366,6 +24358,14 @@ html.v-overlay-scroll-blocked {
24366
24358
  }
24367
24359
  .v-sheet--rounded {
24368
24360
  border-radius: 4px;
24361
+ }.v-selection-control-group {
24362
+ grid-area: control;
24363
+ display: flex;
24364
+ flex-direction: column;
24365
+ }
24366
+ .v-selection-control-group--inline {
24367
+ flex-direction: row;
24368
+ flex-wrap: wrap;
24369
24369
  }.v-skeleton-loader {
24370
24370
  align-items: center;
24371
24371
  background: rgb(var(--v-theme-surface));
@@ -25002,188 +25002,6 @@ html.v-overlay-scroll-blocked {
25002
25002
  left: 0;
25003
25003
  width: 100%;
25004
25004
  height: 100%;
25005
- }.v-switch .v-label {
25006
- padding-inline-start: 10px;
25007
- }
25008
-
25009
- .v-switch__loader {
25010
- display: flex;
25011
- }
25012
- .v-switch__loader .v-progress-circular {
25013
- color: rgb(var(--v-theme-surface));
25014
- }
25015
-
25016
- .v-switch__track,
25017
- .v-switch__thumb {
25018
- transition: none;
25019
- }
25020
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
25021
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
25022
- background-color: rgb(var(--v-theme-error));
25023
- color: rgb(var(--v-theme-on-error));
25024
- }
25025
-
25026
- .v-switch__track-true {
25027
- margin-inline-end: auto;
25028
- }
25029
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25030
- opacity: 0;
25031
- }
25032
-
25033
- .v-switch__track-false {
25034
- margin-inline-start: auto;
25035
- }
25036
- .v-selection-control--dirty .v-switch__track-false {
25037
- opacity: 0;
25038
- }
25039
-
25040
- .v-switch__track {
25041
- display: inline-flex;
25042
- align-items: center;
25043
- font-size: 0.5rem;
25044
- padding: 0 5px;
25045
- background-color: rgb(var(--v-theme-surface-variant));
25046
- border-radius: 9999px;
25047
- height: 14px;
25048
- opacity: 0.6;
25049
- min-width: 36px;
25050
- cursor: pointer;
25051
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25052
- }
25053
- .v-switch--inset .v-switch__track {
25054
- border-radius: 9999px;
25055
- font-size: 0.75rem;
25056
- height: 32px;
25057
- min-width: 52px;
25058
- }
25059
-
25060
- .v-switch__thumb {
25061
- align-items: center;
25062
- background-color: rgb(var(--v-theme-surface-bright));
25063
- color: rgb(var(--v-theme-on-surface-bright));
25064
- border-radius: 50%;
25065
- display: flex;
25066
- font-size: 0.75rem;
25067
- height: 20px;
25068
- justify-content: center;
25069
- width: 20px;
25070
- pointer-events: none;
25071
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25072
- position: relative;
25073
- overflow: hidden;
25074
- }
25075
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
25076
- 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));
25077
- }
25078
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25079
- background: rgb(var(--v-theme-surface-variant));
25080
- color: rgb(var(--v-theme-on-surface-variant));
25081
- }
25082
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25083
- 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));
25084
- }
25085
- .v-switch--inset .v-switch__thumb {
25086
- height: 24px;
25087
- width: 24px;
25088
- transform: scale(0.6666666667);
25089
- }
25090
- .v-switch--inset .v-switch__thumb--filled {
25091
- transform: none;
25092
- }
25093
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25094
- transform: none;
25095
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25096
- }
25097
-
25098
- .v-switch.v-input {
25099
- flex: 0 1 auto;
25100
- }
25101
- .v-switch .v-selection-control {
25102
- min-height: var(--v-input-control-height);
25103
- }
25104
- .v-switch .v-selection-control__input {
25105
- border-radius: 50%;
25106
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25107
- position: absolute;
25108
- }
25109
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25110
- transform: translateX(-10px);
25111
- }
25112
-
25113
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25114
- transform: translateX(10px);
25115
- }
25116
-
25117
- .v-switch .v-selection-control__input .v-icon {
25118
- position: absolute;
25119
- }
25120
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25121
- transform: translateX(10px);
25122
- }
25123
-
25124
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25125
- transform: translateX(-10px);
25126
- }
25127
-
25128
- .v-switch.v-switch--indeterminate .v-selection-control__input {
25129
- transform: scale(0.8);
25130
- }
25131
- .v-switch.v-switch--indeterminate .v-switch__thumb {
25132
- transform: scale(0.75);
25133
- box-shadow: none;
25134
- }
25135
- .v-switch.v-switch--inset .v-selection-control__wrapper {
25136
- width: auto;
25137
- }
25138
- .v-switch.v-input--vertical .v-label {
25139
- min-width: max-content;
25140
- }
25141
- .v-switch.v-input--vertical .v-selection-control__wrapper {
25142
- transform: rotate(-90deg);
25143
- }
25144
-
25145
- @media (forced-colors: active) {
25146
- .v-switch .v-switch__loader .v-progress-circular {
25147
- color: currentColor;
25148
- }
25149
- .v-switch .v-switch__thumb {
25150
- background-color: buttontext;
25151
- }
25152
- .v-switch .v-switch__track,
25153
- .v-switch .v-switch__thumb {
25154
- border: 1px solid;
25155
- color: buttontext;
25156
- }
25157
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25158
- background-color: highlight;
25159
- }
25160
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25161
- background-color: highlight;
25162
- }
25163
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25164
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25165
- color: highlight;
25166
- }
25167
- .v-switch.v-switch--inset .v-switch__track {
25168
- border-width: 2px;
25169
- }
25170
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25171
- background-color: highlighttext;
25172
- color: highlighttext;
25173
- }
25174
- .v-switch.v-input--disabled .v-switch__thumb {
25175
- background-color: graytext;
25176
- }
25177
- .v-switch.v-input--disabled .v-switch__track,
25178
- .v-switch.v-input--disabled .v-switch__thumb {
25179
- color: graytext;
25180
- }
25181
- .v-switch.v-switch--loading .v-switch__thumb {
25182
- background-color: canvas;
25183
- }
25184
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25185
- border-width: 0;
25186
- }
25187
25005
  }.v-system-bar {
25188
25006
  align-items: center;
25189
25007
  display: flex;
@@ -25464,6 +25282,45 @@ html.v-overlay-scroll-blocked {
25464
25282
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25465
25283
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25466
25284
  border-top: 0px !important;
25285
+ }.v-textarea .v-field {
25286
+ --v-textarea-control-height: var(--v-input-control-height);
25287
+ }
25288
+ .v-textarea .v-field__field {
25289
+ --v-input-control-height: var(--v-textarea-control-height);
25290
+ }
25291
+ .v-textarea .v-field__input {
25292
+ flex: 1 1 auto;
25293
+ outline: none;
25294
+ -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));
25295
+ 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));
25296
+ }
25297
+ .v-textarea .v-field__input.v-textarea__sizer {
25298
+ visibility: hidden;
25299
+ position: absolute;
25300
+ top: 0;
25301
+ left: 0;
25302
+ height: 0 !important;
25303
+ min-height: 0 !important;
25304
+ pointer-events: none;
25305
+ }
25306
+ .v-textarea--no-resize .v-field__input {
25307
+ resize: none;
25308
+ }
25309
+ .v-textarea .v-field--no-label textarea,
25310
+ .v-textarea .v-field--active textarea {
25311
+ opacity: 1;
25312
+ }
25313
+ .v-textarea textarea {
25314
+ opacity: 0;
25315
+ flex: 1;
25316
+ min-width: 0;
25317
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25318
+ }
25319
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25320
+ outline: none;
25321
+ }
25322
+ .v-textarea textarea:invalid {
25323
+ box-shadow: none;
25467
25324
  }/* region BLOCK */
25468
25325
  .v-text-field input {
25469
25326
  color: inherit;
@@ -25489,90 +25346,233 @@ html.v-overlay-scroll-blocked {
25489
25346
  --v-field-padding-end: 0;
25490
25347
  }
25491
25348
 
25492
- .v-text-field .v-input__details {
25493
- padding-inline: 16px;
25349
+ .v-text-field .v-input__details {
25350
+ padding-inline: 16px;
25351
+ }
25352
+ .v-input--plain-underlined.v-text-field .v-input__details {
25353
+ padding-inline: 0;
25354
+ }
25355
+
25356
+ .v-text-field .v-field--no-label input,
25357
+ .v-text-field .v-field--active input {
25358
+ opacity: 1;
25359
+ }
25360
+ .v-text-field .v-field--single-line input {
25361
+ transition: none;
25362
+ }
25363
+
25364
+ /* endregion */
25365
+ /* region ELEMENTS */
25366
+ .v-text-field__prefix, .v-text-field__suffix {
25367
+ align-items: center;
25368
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25369
+ cursor: default;
25370
+ display: flex;
25371
+ opacity: 0;
25372
+ transition: inherit;
25373
+ white-space: nowrap;
25374
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25375
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25376
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25377
+ }
25378
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25379
+ opacity: 1;
25380
+ }
25381
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25382
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25383
+ }
25384
+ .v-text-field__prefix {
25385
+ padding-inline-start: var(--v-field-padding-start);
25386
+ }
25387
+ .v-text-field__suffix {
25388
+ padding-inline-end: var(--v-field-padding-end);
25389
+ }
25390
+
25391
+ /* endregion */.v-theme-provider {
25392
+ background: rgb(var(--v-theme-background));
25393
+ color: rgb(var(--v-theme-on-background));
25394
+ }.v-switch .v-label {
25395
+ padding-inline-start: 10px;
25396
+ }
25397
+
25398
+ .v-switch__loader {
25399
+ display: flex;
25400
+ }
25401
+ .v-switch__loader .v-progress-circular {
25402
+ color: rgb(var(--v-theme-surface));
25403
+ }
25404
+
25405
+ .v-switch__track,
25406
+ .v-switch__thumb {
25407
+ transition: none;
25408
+ }
25409
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
25410
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
25411
+ background-color: rgb(var(--v-theme-error));
25412
+ color: rgb(var(--v-theme-on-error));
25413
+ }
25414
+
25415
+ .v-switch__track-true {
25416
+ margin-inline-end: auto;
25417
+ }
25418
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25419
+ opacity: 0;
25420
+ }
25421
+
25422
+ .v-switch__track-false {
25423
+ margin-inline-start: auto;
25494
25424
  }
25495
- .v-input--plain-underlined.v-text-field .v-input__details {
25496
- padding-inline: 0;
25425
+ .v-selection-control--dirty .v-switch__track-false {
25426
+ opacity: 0;
25497
25427
  }
25498
25428
 
25499
- .v-text-field .v-field--no-label input,
25500
- .v-text-field .v-field--active input {
25501
- opacity: 1;
25429
+ .v-switch__track {
25430
+ display: inline-flex;
25431
+ align-items: center;
25432
+ font-size: 0.5rem;
25433
+ padding: 0 5px;
25434
+ background-color: rgb(var(--v-theme-surface-variant));
25435
+ border-radius: 9999px;
25436
+ height: 14px;
25437
+ opacity: 0.6;
25438
+ min-width: 36px;
25439
+ cursor: pointer;
25440
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25502
25441
  }
25503
- .v-text-field .v-field--single-line input {
25504
- transition: none;
25442
+ .v-switch--inset .v-switch__track {
25443
+ border-radius: 9999px;
25444
+ font-size: 0.75rem;
25445
+ height: 32px;
25446
+ min-width: 52px;
25505
25447
  }
25506
25448
 
25507
- /* endregion */
25508
- /* region ELEMENTS */
25509
- .v-text-field__prefix, .v-text-field__suffix {
25449
+ .v-switch__thumb {
25510
25450
  align-items: center;
25511
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25512
- cursor: default;
25451
+ background-color: rgb(var(--v-theme-surface-bright));
25452
+ color: rgb(var(--v-theme-on-surface-bright));
25453
+ border-radius: 50%;
25513
25454
  display: flex;
25514
- opacity: 0;
25515
- transition: inherit;
25516
- white-space: nowrap;
25517
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25518
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25519
- padding-bottom: var(--v-field-padding-bottom, 6px);
25455
+ font-size: 0.75rem;
25456
+ height: 20px;
25457
+ justify-content: center;
25458
+ width: 20px;
25459
+ pointer-events: none;
25460
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
25461
+ position: relative;
25462
+ overflow: hidden;
25520
25463
  }
25521
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25522
- opacity: 1;
25464
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
25465
+ 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));
25523
25466
  }
25524
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25525
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25467
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25468
+ background: rgb(var(--v-theme-surface-variant));
25469
+ color: rgb(var(--v-theme-on-surface-variant));
25526
25470
  }
25527
- .v-text-field__prefix {
25528
- padding-inline-start: var(--v-field-padding-start);
25471
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25472
+ 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));
25529
25473
  }
25530
- .v-text-field__suffix {
25531
- padding-inline-end: var(--v-field-padding-end);
25474
+ .v-switch--inset .v-switch__thumb {
25475
+ height: 24px;
25476
+ width: 24px;
25477
+ transform: scale(0.6666666667);
25532
25478
  }
25533
-
25534
- /* endregion */.v-textarea .v-field {
25535
- --v-textarea-control-height: var(--v-input-control-height);
25479
+ .v-switch--inset .v-switch__thumb--filled {
25480
+ transform: none;
25536
25481
  }
25537
- .v-textarea .v-field__field {
25538
- --v-input-control-height: var(--v-textarea-control-height);
25482
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25483
+ transform: none;
25484
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25539
25485
  }
25540
- .v-textarea .v-field__input {
25541
- flex: 1 1 auto;
25542
- outline: none;
25543
- -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));
25544
- 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));
25486
+
25487
+ .v-switch.v-input {
25488
+ flex: 0 1 auto;
25545
25489
  }
25546
- .v-textarea .v-field__input.v-textarea__sizer {
25547
- visibility: hidden;
25490
+ .v-switch .v-selection-control {
25491
+ min-height: var(--v-input-control-height);
25492
+ }
25493
+ .v-switch .v-selection-control__input {
25494
+ border-radius: 50%;
25495
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25548
25496
  position: absolute;
25549
- top: 0;
25550
- left: 0;
25551
- height: 0 !important;
25552
- min-height: 0 !important;
25553
- pointer-events: none;
25554
25497
  }
25555
- .v-textarea--no-resize .v-field__input {
25556
- resize: none;
25498
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25499
+ transform: translateX(-10px);
25557
25500
  }
25558
- .v-textarea .v-field--no-label textarea,
25559
- .v-textarea .v-field--active textarea {
25560
- opacity: 1;
25501
+
25502
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25503
+ transform: translateX(10px);
25561
25504
  }
25562
- .v-textarea textarea {
25563
- opacity: 0;
25564
- flex: 1;
25565
- min-width: 0;
25566
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25505
+
25506
+ .v-switch .v-selection-control__input .v-icon {
25507
+ position: absolute;
25567
25508
  }
25568
- .v-textarea textarea:focus, .v-textarea textarea:active {
25569
- outline: none;
25509
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25510
+ transform: translateX(10px);
25570
25511
  }
25571
- .v-textarea textarea:invalid {
25512
+
25513
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25514
+ transform: translateX(-10px);
25515
+ }
25516
+
25517
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
25518
+ transform: scale(0.8);
25519
+ }
25520
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
25521
+ transform: scale(0.75);
25572
25522
  box-shadow: none;
25573
- }.v-theme-provider {
25574
- background: rgb(var(--v-theme-background));
25575
- color: rgb(var(--v-theme-on-background));
25523
+ }
25524
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
25525
+ width: auto;
25526
+ }
25527
+ .v-switch.v-input--vertical .v-label {
25528
+ min-width: max-content;
25529
+ }
25530
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
25531
+ transform: rotate(-90deg);
25532
+ }
25533
+
25534
+ @media (forced-colors: active) {
25535
+ .v-switch .v-switch__loader .v-progress-circular {
25536
+ color: currentColor;
25537
+ }
25538
+ .v-switch .v-switch__thumb {
25539
+ background-color: buttontext;
25540
+ }
25541
+ .v-switch .v-switch__track,
25542
+ .v-switch .v-switch__thumb {
25543
+ border: 1px solid;
25544
+ color: buttontext;
25545
+ }
25546
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25547
+ background-color: highlight;
25548
+ }
25549
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25550
+ background-color: highlight;
25551
+ }
25552
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25553
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25554
+ color: highlight;
25555
+ }
25556
+ .v-switch.v-switch--inset .v-switch__track {
25557
+ border-width: 2px;
25558
+ }
25559
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25560
+ background-color: highlighttext;
25561
+ color: highlighttext;
25562
+ }
25563
+ .v-switch.v-input--disabled .v-switch__thumb {
25564
+ background-color: graytext;
25565
+ }
25566
+ .v-switch.v-input--disabled .v-switch__track,
25567
+ .v-switch.v-input--disabled .v-switch__thumb {
25568
+ color: graytext;
25569
+ }
25570
+ .v-switch.v-switch--loading .v-switch__thumb {
25571
+ background-color: canvas;
25572
+ }
25573
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25574
+ border-width: 0;
25575
+ }
25576
25576
  }.v-timeline .v-timeline-divider__dot {
25577
25577
  background: rgb(var(--v-theme-surface-light));
25578
25578
  }
@@ -26156,15 +26156,6 @@ html.v-overlay-scroll-blocked {
26156
26156
  .v-tooltip > .v-overlay__content[class*=leave-active] {
26157
26157
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26158
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
26159
  }.v-window {
26169
26160
  overflow: hidden;
26170
26161
  }
@@ -26235,6 +26226,37 @@ html.v-overlay-scroll-blocked {
26235
26226
  }
26236
26227
  .v-window-y-reverse-transition-leave-to {
26237
26228
  transform: translateY(100%);
26229
+ }.v-virtual-scroll {
26230
+ display: block;
26231
+ flex: 1 1 auto;
26232
+ max-width: 100%;
26233
+ overflow: auto;
26234
+ position: relative;
26235
+ }
26236
+ .v-virtual-scroll__container {
26237
+ display: block;
26238
+ }.v-color-picker-canvas {
26239
+ display: flex;
26240
+ position: relative;
26241
+ overflow: hidden;
26242
+ contain: content;
26243
+ touch-action: none;
26244
+ }
26245
+ .v-color-picker-canvas__dot {
26246
+ position: absolute;
26247
+ top: 0;
26248
+ left: 0;
26249
+ width: 15px;
26250
+ height: 15px;
26251
+ background: transparent;
26252
+ border-radius: 50%;
26253
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26254
+ }
26255
+ .v-color-picker-canvas__dot--disabled {
26256
+ 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);
26257
+ }
26258
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26259
+ will-change: transform;
26238
26260
  }.v-color-picker-preview__alpha .v-slider-track__background {
26239
26261
  background-color: transparent !important;
26240
26262
  }
@@ -26368,28 +26390,6 @@ html.v-overlay-scroll-blocked {
26368
26390
  justify-content: center;
26369
26391
  width: 100%;
26370
26392
  height: 100%;
26371
- }.v-color-picker-canvas {
26372
- display: flex;
26373
- position: relative;
26374
- overflow: hidden;
26375
- contain: content;
26376
- touch-action: none;
26377
- }
26378
- .v-color-picker-canvas__dot {
26379
- position: absolute;
26380
- top: 0;
26381
- left: 0;
26382
- width: 15px;
26383
- height: 15px;
26384
- background: transparent;
26385
- border-radius: 50%;
26386
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26387
- }
26388
- .v-color-picker-canvas__dot--disabled {
26389
- 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);
26390
- }
26391
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26392
- will-change: transform;
26393
26393
  }.v-picker.v-sheet {
26394
26394
  display: grid;
26395
26395
  grid-auto-rows: min-content;