@vuetify/nightly 3.5.9-dev.2024-03-29 → 3.5.9-dev.2024-03-30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.9-dev.2024-03-29
2
+ * Vuetify v3.5.9-dev.2024-03-30
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -2719,10 +2719,10 @@ progress {
2719
2719
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
2720
2720
  }
2721
2721
  .picker-transition-enter-from {
2722
- transform: translate(0, 100%);
2722
+ transform: translate(100%, 0);
2723
2723
  }
2724
2724
  .picker-transition-leave-to {
2725
- transform: translate(0, -100%);
2725
+ transform: translate(-100%, 0);
2726
2726
  }
2727
2727
 
2728
2728
  .picker-reverse-transition-enter-active {
@@ -2739,10 +2739,10 @@ progress {
2739
2739
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
2740
2740
  }
2741
2741
  .picker-reverse-transition-enter-from {
2742
- transform: translate(0, -100%);
2742
+ transform: translate(-100%, 0);
2743
2743
  }
2744
2744
  .picker-reverse-transition-leave-to {
2745
- transform: translate(0, 100%);
2745
+ transform: translate(100%, 0);
2746
2746
  }
2747
2747
 
2748
2748
  .expand-transition-enter-active {
@@ -17045,6 +17045,51 @@ html.overflow-y-hidden {
17045
17045
  font-weight: normal;
17046
17046
  padding: 0.2em 0.4rem;
17047
17047
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17048
+ }.v-calendar-day {
17049
+ position: relative;
17050
+ display: flex;
17051
+ flex-direction: column;
17052
+ }
17053
+
17054
+ .v-calendar-weekly .v-calendar__container {
17055
+ display: grid;
17056
+ }
17057
+ .v-calendar-weekly .v-calendar__container.days__7 {
17058
+ grid-template-columns: repeat(7, 1fr);
17059
+ }
17060
+ .v-calendar-weekly .v-calendar__container.days__6 {
17061
+ grid-template-columns: repeat(6, 1fr);
17062
+ }
17063
+ .v-calendar-weekly .v-calendar__container.days__5 {
17064
+ grid-template-columns: repeat(5, 1fr);
17065
+ }
17066
+ .v-calendar-weekly .v-calendar__container.days__4 {
17067
+ grid-template-columns: repeat(4, 1fr);
17068
+ }
17069
+ .v-calendar-weekly .v-calendar__container.days__3 {
17070
+ grid-template-columns: repeat(3, 1fr);
17071
+ }
17072
+ .v-calendar-weekly .v-calendar__container.days__2 {
17073
+ grid-template-columns: repeat(2, 1fr);
17074
+ }
17075
+ .v-calendar-weekly .v-calendar__container.days__1 {
17076
+ grid-template-columns: repeat(1, 1fr);
17077
+ }
17078
+ .v-calendar-weekly .v-calendar__container.days__0 {
17079
+ grid-template-columns: repeat(1, 1fr);
17080
+ }.v-calendar-header {
17081
+ align-items: center;
17082
+ display: flex;
17083
+ min-height: 64px;
17084
+ }
17085
+
17086
+ .v-calendar-header__today {
17087
+ margin-inline-end: 24px;
17088
+ }
17089
+
17090
+ .v-calendar-header__title {
17091
+ font-size: 1.5rem;
17092
+ margin-inline-start: 24px;
17048
17093
  }.v-calendar-weekly {
17049
17094
  width: 100%;
17050
17095
  height: 100%;
@@ -17268,38 +17313,6 @@ html.overflow-y-hidden {
17268
17313
  }
17269
17314
  .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
17270
17315
  border-right: none;
17271
- }.v-calendar-day {
17272
- position: relative;
17273
- display: flex;
17274
- flex-direction: column;
17275
- }
17276
-
17277
- .v-calendar-weekly .v-calendar__container {
17278
- display: grid;
17279
- }
17280
- .v-calendar-weekly .v-calendar__container.days__7 {
17281
- grid-template-columns: repeat(7, 1fr);
17282
- }
17283
- .v-calendar-weekly .v-calendar__container.days__6 {
17284
- grid-template-columns: repeat(6, 1fr);
17285
- }
17286
- .v-calendar-weekly .v-calendar__container.days__5 {
17287
- grid-template-columns: repeat(5, 1fr);
17288
- }
17289
- .v-calendar-weekly .v-calendar__container.days__4 {
17290
- grid-template-columns: repeat(4, 1fr);
17291
- }
17292
- .v-calendar-weekly .v-calendar__container.days__3 {
17293
- grid-template-columns: repeat(3, 1fr);
17294
- }
17295
- .v-calendar-weekly .v-calendar__container.days__2 {
17296
- grid-template-columns: repeat(2, 1fr);
17297
- }
17298
- .v-calendar-weekly .v-calendar__container.days__1 {
17299
- grid-template-columns: repeat(1, 1fr);
17300
- }
17301
- .v-calendar-weekly .v-calendar__container.days__0 {
17302
- grid-template-columns: repeat(1, 1fr);
17303
17316
  }.v-calendar-day__row-with-label {
17304
17317
  display: grid;
17305
17318
  grid-template-columns: 48px 8px 1fr;
@@ -17342,77 +17355,6 @@ html.overflow-y-hidden {
17342
17355
  }
17343
17356
  .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17344
17357
  border-bottom: none;
17345
- }.v-empty-state {
17346
- align-items: center;
17347
- display: flex;
17348
- flex-direction: column;
17349
- justify-content: center;
17350
- min-height: 100%;
17351
- padding: 16px;
17352
- }
17353
- .v-empty-state--start {
17354
- align-items: flex-start;
17355
- }
17356
- .v-empty-state--center {
17357
- align-items: center;
17358
- }
17359
- .v-empty-state--end {
17360
- align-items: flex-end;
17361
- }
17362
-
17363
- .v-empty-state__media {
17364
- text-align: center;
17365
- width: 100%;
17366
- }
17367
-
17368
- .v-empty-state__headline {
17369
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17370
- font-size: 3.75rem;
17371
- font-weight: 300;
17372
- line-height: 3.75rem;
17373
- }
17374
-
17375
- .v-empty-state__title {
17376
- font-size: 1.25rem;
17377
- font-weight: 500;
17378
- line-height: 2rem;
17379
- text-align: center;
17380
- }
17381
-
17382
- .v-empty-state__text {
17383
- font-size: 1rem;
17384
- font-weight: 400;
17385
- line-height: 1.5rem;
17386
- padding: 0 16px;
17387
- text-align: center;
17388
- }
17389
-
17390
- .v-empty-state__content {
17391
- padding: 24px 0;
17392
- }
17393
-
17394
- .v-empty-state__actions {
17395
- display: flex;
17396
- gap: 8px;
17397
- padding: 16px;
17398
- }
17399
-
17400
- .v-empty-state__action-btn.v-btn {
17401
- background-color: rgb(var(--v-theme-surface-variant));
17402
- color: rgb(var(--v-theme-on-surface-variant));
17403
- }.v-calendar-header {
17404
- align-items: center;
17405
- display: flex;
17406
- min-height: 64px;
17407
- }
17408
-
17409
- .v-calendar-header__today {
17410
- margin-inline-end: 24px;
17411
- }
17412
-
17413
- .v-calendar-header__title {
17414
- font-size: 1.5rem;
17415
- margin-inline-start: 24px;
17416
17358
  }.v-calendar-month__day {
17417
17359
  position: relative;
17418
17360
  display: flex;
@@ -17481,6 +17423,64 @@ html.overflow-y-hidden {
17481
17423
  padding: 4px;
17482
17424
  text-overflow: ellipsis;
17483
17425
  white-space: nowrap;
17426
+ }.v-empty-state {
17427
+ align-items: center;
17428
+ display: flex;
17429
+ flex-direction: column;
17430
+ justify-content: center;
17431
+ min-height: 100%;
17432
+ padding: 16px;
17433
+ }
17434
+ .v-empty-state--start {
17435
+ align-items: flex-start;
17436
+ }
17437
+ .v-empty-state--center {
17438
+ align-items: center;
17439
+ }
17440
+ .v-empty-state--end {
17441
+ align-items: flex-end;
17442
+ }
17443
+
17444
+ .v-empty-state__media {
17445
+ text-align: center;
17446
+ width: 100%;
17447
+ }
17448
+
17449
+ .v-empty-state__headline {
17450
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17451
+ font-size: 3.75rem;
17452
+ font-weight: 300;
17453
+ line-height: 3.75rem;
17454
+ }
17455
+
17456
+ .v-empty-state__title {
17457
+ font-size: 1.25rem;
17458
+ font-weight: 500;
17459
+ line-height: 2rem;
17460
+ text-align: center;
17461
+ }
17462
+
17463
+ .v-empty-state__text {
17464
+ font-size: 1rem;
17465
+ font-weight: 400;
17466
+ line-height: 1.5rem;
17467
+ padding: 0 16px;
17468
+ text-align: center;
17469
+ }
17470
+
17471
+ .v-empty-state__content {
17472
+ padding: 24px 0;
17473
+ }
17474
+
17475
+ .v-empty-state__actions {
17476
+ display: flex;
17477
+ gap: 8px;
17478
+ padding: 16px;
17479
+ }
17480
+
17481
+ .v-empty-state__action-btn.v-btn {
17482
+ background-color: rgb(var(--v-theme-surface-variant));
17483
+ color: rgb(var(--v-theme-on-surface-variant));
17484
17484
  }.v-fab {
17485
17485
  align-items: center;
17486
17486
  display: inline-flex;
@@ -17563,6 +17563,8 @@ html.overflow-y-hidden {
17563
17563
 
17564
17564
  .v-picker__body {
17565
17565
  grid-area: body;
17566
+ overflow: hidden;
17567
+ position: relative;
17566
17568
  }
17567
17569
 
17568
17570
  .v-picker__header {
@@ -17600,6 +17602,8 @@ html.overflow-y-hidden {
17600
17602
  padding-bottom: 16px;
17601
17603
  font-weight: 400;
17602
17604
  letter-spacing: 0.1666666667em;
17605
+ }.v-speed-dial__content {
17606
+ gap: 8px;
17603
17607
  }.v-treeview-item--filtered {
17604
17608
  display: none;
17605
17609
  }
@@ -17616,8 +17620,6 @@ html.overflow-y-hidden {
17616
17620
  }
17617
17621
  .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
17618
17622
  padding-inline-start: calc(12px + var(--indent-padding)) !important;
17619
- }.v-speed-dial__content {
17620
- gap: 8px;
17621
17623
  }.v-app-bar {
17622
17624
  display: flex;
17623
17625
  }
@@ -17630,6 +17632,22 @@ html.overflow-y-hidden {
17630
17632
  }
17631
17633
  .v-app-bar:not(.v-toolbar--absolute) {
17632
17634
  padding-inline-end: var(--v-scrollbar-offset);
17635
+ }.v-application {
17636
+ display: flex;
17637
+ background: rgb(var(--v-theme-background));
17638
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17639
+ }
17640
+
17641
+ .v-application__wrap {
17642
+ -webkit-backface-visibility: hidden;
17643
+ backface-visibility: hidden;
17644
+ display: flex;
17645
+ flex-direction: column;
17646
+ flex: 1 1 auto;
17647
+ max-width: 100%;
17648
+ min-height: 100vh;
17649
+ min-height: 100dvh;
17650
+ position: relative;
17633
17651
  }.v-alert {
17634
17652
  display: grid;
17635
17653
  flex: 1 1;
@@ -18008,22 +18026,61 @@ html.overflow-y-hidden {
18008
18026
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18009
18027
  opacity: var(--v-high-emphasis-opacity);
18010
18028
  transform: rotate(180deg);
18011
- }.v-application {
18029
+ }.v-bottom-navigation {
18012
18030
  display: flex;
18013
- background: rgb(var(--v-theme-background));
18014
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18031
+ max-width: 100%;
18032
+ overflow: hidden;
18033
+ position: absolute;
18034
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18035
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18036
+ border-style: solid;
18037
+ border-width: 0;
18038
+ border-radius: 0;
18039
+ background: rgb(var(--v-theme-surface));
18040
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18041
+ }
18042
+ .v-bottom-navigation--border {
18043
+ border-width: thin;
18044
+ box-shadow: none;
18045
+ }
18046
+ .v-bottom-navigation--active {
18047
+ 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));
18015
18048
  }
18016
18049
 
18017
- .v-application__wrap {
18018
- -webkit-backface-visibility: hidden;
18019
- backface-visibility: hidden;
18050
+ .v-bottom-navigation__content {
18020
18051
  display: flex;
18021
- flex-direction: column;
18022
- flex: 1 1 auto;
18023
- max-width: 100%;
18024
- min-height: 100vh;
18025
- min-height: 100dvh;
18026
- position: relative;
18052
+ flex: none;
18053
+ font-size: 0.75rem;
18054
+ justify-content: center;
18055
+ transition: inherit;
18056
+ width: 100%;
18057
+ }
18058
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18059
+ font-size: inherit;
18060
+ height: 100%;
18061
+ max-width: 168px;
18062
+ min-width: 80px;
18063
+ text-transform: none;
18064
+ transition: inherit;
18065
+ width: auto;
18066
+ border-radius: 0;
18067
+ }
18068
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18069
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18070
+ transition: inherit;
18071
+ }
18072
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18073
+ font-size: 1.5rem;
18074
+ }
18075
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18076
+ flex-grow: 1;
18077
+ }
18078
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18079
+ transition: inherit;
18080
+ opacity: 0;
18081
+ }
18082
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18083
+ transform: translateY(0.5rem);
18027
18084
  }.v-badge {
18028
18085
  display: inline-block;
18029
18086
  line-height: 1;
@@ -18095,93 +18152,6 @@ html.overflow-y-hidden {
18095
18152
  display: inline-flex;
18096
18153
  justify-content: center;
18097
18154
  margin: 0 4px;
18098
- }.bottom-sheet-transition-enter-from {
18099
- transform: translateY(100%);
18100
- }
18101
- .bottom-sheet-transition-leave-to {
18102
- transform: translateY(100%);
18103
- }
18104
-
18105
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18106
- align-self: flex-end;
18107
- border-radius: 0;
18108
- flex: 0 1 auto;
18109
- left: 0;
18110
- right: 0;
18111
- margin-inline: 0;
18112
- margin-bottom: 0;
18113
- transition-duration: 0.2s;
18114
- width: 100%;
18115
- max-width: 100%;
18116
- overflow: visible;
18117
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18118
- }
18119
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18120
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18121
- border-radius: 0;
18122
- }
18123
- .v-bottom-sheet.v-bottom-sheet--inset {
18124
- max-width: none;
18125
- }
18126
- @media (min-width: 600px) {
18127
- .v-bottom-sheet.v-bottom-sheet--inset {
18128
- max-width: 70%;
18129
- }
18130
- }.v-bottom-navigation {
18131
- display: flex;
18132
- max-width: 100%;
18133
- overflow: hidden;
18134
- position: absolute;
18135
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18136
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18137
- border-style: solid;
18138
- border-width: 0;
18139
- border-radius: 0;
18140
- background: rgb(var(--v-theme-surface));
18141
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18142
- }
18143
- .v-bottom-navigation--border {
18144
- border-width: thin;
18145
- box-shadow: none;
18146
- }
18147
- .v-bottom-navigation--active {
18148
- 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));
18149
- }
18150
-
18151
- .v-bottom-navigation__content {
18152
- display: flex;
18153
- flex: none;
18154
- font-size: 0.75rem;
18155
- justify-content: center;
18156
- transition: inherit;
18157
- width: 100%;
18158
- }
18159
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18160
- font-size: inherit;
18161
- height: 100%;
18162
- max-width: 168px;
18163
- min-width: 80px;
18164
- text-transform: none;
18165
- transition: inherit;
18166
- width: auto;
18167
- border-radius: 0;
18168
- }
18169
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18170
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18171
- transition: inherit;
18172
- }
18173
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18174
- font-size: 1.5rem;
18175
- }
18176
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18177
- flex-grow: 1;
18178
- }
18179
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18180
- transition: inherit;
18181
- opacity: 0;
18182
- }
18183
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18184
- transform: translateY(0.5rem);
18185
18155
  }.v-banner {
18186
18156
  display: grid;
18187
18157
  flex: 1 1;
@@ -18396,220 +18366,120 @@ html.overflow-y-hidden {
18396
18366
  display: inline-block;
18397
18367
  padding: 0 8px;
18398
18368
  vertical-align: middle;
18399
- }.v-btn-group {
18400
- display: inline-flex;
18401
- flex-wrap: nowrap;
18369
+ }.bottom-sheet-transition-enter-from {
18370
+ transform: translateY(100%);
18371
+ }
18372
+ .bottom-sheet-transition-leave-to {
18373
+ transform: translateY(100%);
18374
+ }
18375
+
18376
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18377
+ align-self: flex-end;
18378
+ border-radius: 0;
18379
+ flex: 0 1 auto;
18380
+ left: 0;
18381
+ right: 0;
18382
+ margin-inline: 0;
18383
+ margin-bottom: 0;
18384
+ transition-duration: 0.2s;
18385
+ width: 100%;
18402
18386
  max-width: 100%;
18403
- min-width: 0;
18404
- overflow: hidden;
18387
+ overflow: visible;
18388
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18389
+ }
18390
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18391
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18392
+ border-radius: 0;
18393
+ }
18394
+ .v-bottom-sheet.v-bottom-sheet--inset {
18395
+ max-width: none;
18396
+ }
18397
+ @media (min-width: 600px) {
18398
+ .v-bottom-sheet.v-bottom-sheet--inset {
18399
+ max-width: 70%;
18400
+ }
18401
+ }.v-btn {
18402
+ align-items: center;
18403
+ border-radius: 4px;
18404
+ display: inline-grid;
18405
+ grid-template-areas: "prepend content append";
18406
+ grid-template-columns: max-content auto max-content;
18407
+ font-weight: 500;
18408
+ justify-content: center;
18409
+ letter-spacing: 0.0892857143em;
18410
+ line-height: normal;
18411
+ max-width: 100%;
18412
+ outline: none;
18413
+ position: relative;
18414
+ text-decoration: none;
18415
+ text-indent: 0.0892857143em;
18416
+ text-transform: uppercase;
18417
+ transition-property: box-shadow, transform, opacity, background;
18418
+ transition-duration: 0.28s;
18419
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18420
+ -webkit-user-select: none;
18421
+ user-select: none;
18405
18422
  vertical-align: middle;
18423
+ flex-shrink: 0;
18406
18424
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18407
18425
  border-style: solid;
18408
18426
  border-width: 0;
18409
- 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));
18410
- border-radius: 4px;
18411
- background: transparent;
18412
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18413
18427
  }
18414
- .v-btn-group--border {
18415
- border-width: thin;
18416
- box-shadow: none;
18428
+ .v-btn--size-x-small {
18429
+ --v-btn-size: 0.625rem;
18430
+ --v-btn-height: 20px;
18431
+ font-size: var(--v-btn-size);
18432
+ min-width: 36px;
18433
+ padding: 0 8px;
18417
18434
  }
18418
- .v-btn-group--density-default.v-btn-group {
18419
- height: 48px;
18435
+
18436
+ .v-btn--size-small {
18437
+ --v-btn-size: 0.75rem;
18438
+ --v-btn-height: 28px;
18439
+ font-size: var(--v-btn-size);
18440
+ min-width: 50px;
18441
+ padding: 0 12px;
18420
18442
  }
18421
18443
 
18422
- .v-btn-group--density-comfortable.v-btn-group {
18423
- height: 40px;
18444
+ .v-btn--size-default {
18445
+ --v-btn-size: 0.875rem;
18446
+ --v-btn-height: 36px;
18447
+ font-size: var(--v-btn-size);
18448
+ min-width: 64px;
18449
+ padding: 0 16px;
18424
18450
  }
18425
18451
 
18426
- .v-btn-group--density-compact.v-btn-group {
18427
- height: 36px;
18452
+ .v-btn--size-large {
18453
+ --v-btn-size: 1rem;
18454
+ --v-btn-height: 44px;
18455
+ font-size: var(--v-btn-size);
18456
+ min-width: 78px;
18457
+ padding: 0 20px;
18428
18458
  }
18429
18459
 
18430
- .v-btn-group .v-btn {
18431
- border-radius: 0;
18432
- border-color: inherit;
18460
+ .v-btn--size-x-large {
18461
+ --v-btn-size: 1.125rem;
18462
+ --v-btn-height: 52px;
18463
+ font-size: var(--v-btn-size);
18464
+ min-width: 92px;
18465
+ padding: 0 24px;
18433
18466
  }
18434
- .v-btn-group .v-btn:not(:last-child) {
18435
- border-inline-end: none;
18467
+
18468
+ .v-btn.v-btn--density-default {
18469
+ height: calc(var(--v-btn-height) + 0px);
18436
18470
  }
18437
- .v-btn-group .v-btn:not(:first-child) {
18438
- border-inline-start: none;
18471
+
18472
+ .v-btn.v-btn--density-comfortable {
18473
+ height: calc(var(--v-btn-height) + -8px);
18439
18474
  }
18440
- .v-btn-group .v-btn:first-child {
18441
- border-start-start-radius: inherit;
18442
- border-end-start-radius: inherit;
18475
+
18476
+ .v-btn.v-btn--density-compact {
18477
+ height: calc(var(--v-btn-height) + -12px);
18443
18478
  }
18444
- .v-btn-group .v-btn:last-child {
18445
- border-start-end-radius: inherit;
18446
- border-end-end-radius: inherit;
18447
- }
18448
- .v-btn-group--divided .v-btn:not(:last-child) {
18449
- border-inline-end-width: thin;
18450
- border-inline-end-style: solid;
18451
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18452
- }
18453
- .v-btn-group--tile {
18454
- border-radius: 0;
18455
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18456
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18457
- }
18458
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18459
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18460
- }
18461
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18462
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18463
- }
18464
- @supports not selector(:focus-visible) {
18465
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18466
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18467
- }
18468
- }.v-carousel {
18469
- overflow: hidden;
18470
- position: relative;
18471
- width: 100%;
18472
- }
18473
- .v-carousel__controls {
18474
- align-items: center;
18475
- bottom: 0;
18476
- display: flex;
18477
- height: 50px;
18478
- justify-content: center;
18479
- list-style-type: none;
18480
- position: absolute;
18481
- width: 100%;
18482
- z-index: 1;
18483
- background: rgba(var(--v-theme-surface-variant), 0.3);
18484
- color: rgb(var(--v-theme-on-surface-variant));
18485
- }
18486
- .v-carousel__controls > .v-item-group {
18487
- flex: 0 1 auto;
18488
- }
18489
- .v-carousel__controls__item {
18490
- margin: 0 8px;
18491
- }
18492
- .v-carousel__controls__item .v-icon {
18493
- opacity: 0.5;
18494
- }
18495
- .v-carousel__controls__item--active .v-icon {
18496
- opacity: 1;
18497
- vertical-align: middle;
18498
- }
18499
- .v-carousel__controls__item:hover {
18500
- background: none;
18501
- }
18502
- .v-carousel__controls__item:hover .v-icon {
18503
- opacity: 0.8;
18504
- }
18505
-
18506
- .v-carousel__progress {
18507
- margin: 0;
18508
- position: absolute;
18509
- bottom: 0;
18510
- left: 0;
18511
- right: 0;
18512
- }
18513
-
18514
- .v-carousel-item {
18515
- display: block;
18516
- height: inherit;
18517
- text-decoration: none;
18518
- }
18519
- .v-carousel-item > .v-img {
18520
- height: inherit;
18521
- }
18522
-
18523
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18524
- background: transparent;
18525
- }
18526
-
18527
- .v-carousel--vertical-delimiters .v-carousel__controls {
18528
- flex-direction: column;
18529
- height: 100% !important;
18530
- width: 50px;
18531
- }.v-btn {
18532
- align-items: center;
18533
- border-radius: 4px;
18534
- display: inline-grid;
18535
- grid-template-areas: "prepend content append";
18536
- grid-template-columns: max-content auto max-content;
18537
- font-weight: 500;
18538
- justify-content: center;
18539
- letter-spacing: 0.0892857143em;
18540
- line-height: normal;
18541
- max-width: 100%;
18542
- outline: none;
18543
- position: relative;
18544
- text-decoration: none;
18545
- text-indent: 0.0892857143em;
18546
- text-transform: uppercase;
18547
- transition-property: box-shadow, transform, opacity, background;
18548
- transition-duration: 0.28s;
18549
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18550
- -webkit-user-select: none;
18551
- user-select: none;
18552
- vertical-align: middle;
18553
- flex-shrink: 0;
18554
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18555
- border-style: solid;
18556
- border-width: 0;
18557
- }
18558
- .v-btn--size-x-small {
18559
- --v-btn-size: 0.625rem;
18560
- --v-btn-height: 20px;
18561
- font-size: var(--v-btn-size);
18562
- min-width: 36px;
18563
- padding: 0 8px;
18564
- }
18565
-
18566
- .v-btn--size-small {
18567
- --v-btn-size: 0.75rem;
18568
- --v-btn-height: 28px;
18569
- font-size: var(--v-btn-size);
18570
- min-width: 50px;
18571
- padding: 0 12px;
18572
- }
18573
-
18574
- .v-btn--size-default {
18575
- --v-btn-size: 0.875rem;
18576
- --v-btn-height: 36px;
18577
- font-size: var(--v-btn-size);
18578
- min-width: 64px;
18579
- padding: 0 16px;
18580
- }
18581
-
18582
- .v-btn--size-large {
18583
- --v-btn-size: 1rem;
18584
- --v-btn-height: 44px;
18585
- font-size: var(--v-btn-size);
18586
- min-width: 78px;
18587
- padding: 0 20px;
18588
- }
18589
-
18590
- .v-btn--size-x-large {
18591
- --v-btn-size: 1.125rem;
18592
- --v-btn-height: 52px;
18593
- font-size: var(--v-btn-size);
18594
- min-width: 92px;
18595
- padding: 0 24px;
18596
- }
18597
-
18598
- .v-btn.v-btn--density-default {
18599
- height: calc(var(--v-btn-height) + 0px);
18600
- }
18601
-
18602
- .v-btn.v-btn--density-comfortable {
18603
- height: calc(var(--v-btn-height) + -8px);
18604
- }
18605
-
18606
- .v-btn.v-btn--density-compact {
18607
- height: calc(var(--v-btn-height) + -12px);
18608
- }
18609
-
18610
- .v-btn--border {
18611
- border-width: thin;
18612
- box-shadow: none;
18479
+
18480
+ .v-btn--border {
18481
+ border-width: thin;
18482
+ box-shadow: none;
18613
18483
  }
18614
18484
  .v-btn--absolute {
18615
18485
  position: absolute;
@@ -18931,11 +18801,98 @@ html.overflow-y-hidden {
18931
18801
  }
18932
18802
  .v-pagination__item--is-active .v-btn__overlay {
18933
18803
  opacity: var(--v-border-opacity);
18804
+ }.v-btn-group {
18805
+ display: inline-flex;
18806
+ flex-wrap: nowrap;
18807
+ max-width: 100%;
18808
+ min-width: 0;
18809
+ overflow: hidden;
18810
+ vertical-align: middle;
18811
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18812
+ border-style: solid;
18813
+ border-width: 0;
18814
+ 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));
18815
+ border-radius: 4px;
18816
+ background: transparent;
18817
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18818
+ }
18819
+ .v-btn-group--border {
18820
+ border-width: thin;
18821
+ box-shadow: none;
18822
+ }
18823
+ .v-btn-group--density-default.v-btn-group {
18824
+ height: 48px;
18825
+ }
18826
+
18827
+ .v-btn-group--density-comfortable.v-btn-group {
18828
+ height: 40px;
18829
+ }
18830
+
18831
+ .v-btn-group--density-compact.v-btn-group {
18832
+ height: 36px;
18833
+ }
18834
+
18835
+ .v-btn-group .v-btn {
18836
+ border-radius: 0;
18837
+ border-color: inherit;
18838
+ }
18839
+ .v-btn-group .v-btn:not(:last-child) {
18840
+ border-inline-end: none;
18841
+ }
18842
+ .v-btn-group .v-btn:not(:first-child) {
18843
+ border-inline-start: none;
18844
+ }
18845
+ .v-btn-group .v-btn:first-child {
18846
+ border-start-start-radius: inherit;
18847
+ border-end-start-radius: inherit;
18848
+ }
18849
+ .v-btn-group .v-btn:last-child {
18850
+ border-start-end-radius: inherit;
18851
+ border-end-end-radius: inherit;
18852
+ }
18853
+ .v-btn-group--divided .v-btn:not(:last-child) {
18854
+ border-inline-end-width: thin;
18855
+ border-inline-end-style: solid;
18856
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18857
+ }
18858
+ .v-btn-group--tile {
18859
+ border-radius: 0;
18934
18860
  }.v-checkbox.v-input {
18935
18861
  flex: 0 1 auto;
18936
18862
  }
18937
18863
  .v-checkbox .v-selection-control {
18938
18864
  min-height: var(--v-input-control-height);
18865
+ }.v-chip-group {
18866
+ display: flex;
18867
+ max-width: 100%;
18868
+ min-width: 0;
18869
+ overflow-x: auto;
18870
+ padding: 4px 0;
18871
+ }
18872
+ .v-chip-group .v-chip {
18873
+ margin: 4px 8px 4px 0;
18874
+ }
18875
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18876
+ opacity: var(--v-activated-opacity);
18877
+ }
18878
+
18879
+ .v-chip-group--column .v-slide-group__content {
18880
+ white-space: normal;
18881
+ flex-wrap: wrap;
18882
+ max-width: 100%;
18883
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18884
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18885
+ }
18886
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18887
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18888
+ }
18889
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18890
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18891
+ }
18892
+ @supports not selector(:focus-visible) {
18893
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18894
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18895
+ }
18939
18896
  }.v-card {
18940
18897
  display: block;
18941
18898
  overflow: hidden;
@@ -19232,24 +19189,6 @@ html.overflow-y-hidden {
19232
19189
  pointer-events: none;
19233
19190
  opacity: 0;
19234
19191
  transition: opacity 0.2s ease-in-out;
19235
- }.v-chip-group {
19236
- display: flex;
19237
- max-width: 100%;
19238
- min-width: 0;
19239
- overflow-x: auto;
19240
- padding: 4px 0;
19241
- }
19242
- .v-chip-group .v-chip {
19243
- margin: 4px 8px 4px 0;
19244
- }
19245
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19246
- opacity: var(--v-activated-opacity);
19247
- }
19248
-
19249
- .v-chip-group--column .v-slide-group__content {
19250
- white-space: normal;
19251
- flex-wrap: wrap;
19252
- max-width: 100%;
19253
19192
  }.v-chip {
19254
19193
  align-items: center;
19255
19194
  display: inline-flex;
@@ -19657,26 +19596,150 @@ html.overflow-y-hidden {
19657
19596
 
19658
19597
  .v-chip--label {
19659
19598
  border-radius: 4px;
19660
- }.v-color-picker {
19661
- align-self: flex-start;
19662
- contain: content;
19599
+ }.v-combobox .v-field .v-text-field__prefix,
19600
+ .v-combobox .v-field .v-text-field__suffix,
19601
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19602
+ cursor: text;
19663
19603
  }
19664
- .v-color-picker.v-sheet {
19665
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19666
- border-radius: 4px;
19604
+ .v-combobox .v-field .v-field__input > input {
19605
+ flex: 1 1;
19606
+ }
19607
+ .v-combobox .v-field input {
19608
+ min-width: 64px;
19609
+ }
19610
+ .v-combobox .v-field:not(.v-field--focused) input {
19611
+ min-width: 0;
19612
+ }
19613
+ .v-combobox .v-field--dirty .v-combobox__selection {
19614
+ margin-inline-end: 2px;
19615
+ }
19616
+ .v-combobox .v-combobox__selection-text {
19617
+ overflow: hidden;
19618
+ text-overflow: ellipsis;
19619
+ white-space: nowrap;
19667
19620
  }
19668
19621
 
19669
- .v-color-picker__controls {
19622
+ .v-combobox__content {
19623
+ overflow: hidden;
19624
+ 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));
19625
+ border-radius: 4px;
19626
+ }
19627
+ .v-combobox__mask {
19628
+ background: rgb(var(--v-theme-surface-light));
19629
+ }
19630
+ .v-combobox__selection {
19631
+ display: inline-flex;
19632
+ align-items: center;
19633
+ height: 1.5rem;
19634
+ letter-spacing: inherit;
19635
+ line-height: inherit;
19636
+ max-width: calc(100% - 2px - 2px);
19637
+ }
19638
+ .v-combobox__selection:first-child {
19639
+ margin-inline-start: 0;
19640
+ }
19641
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19642
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19643
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19644
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19645
+ top: 0px;
19646
+ }
19647
+ .v-combobox--selecting-index .v-combobox__selection {
19648
+ opacity: var(--v-medium-emphasis-opacity);
19649
+ }
19650
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19651
+ opacity: 1;
19652
+ }
19653
+ .v-combobox--selecting-index .v-field__input > input {
19654
+ caret-color: transparent;
19655
+ }
19656
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19657
+ flex: 1 1;
19658
+ position: absolute;
19659
+ left: 0;
19660
+ right: 0;
19661
+ width: 100%;
19662
+ padding-inline: inherit;
19663
+ }
19664
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19665
+ transition: none;
19666
+ }
19667
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19668
+ opacity: 0;
19669
+ }
19670
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19671
+ opacity: 0;
19672
+ }
19673
+ .v-combobox__menu-icon {
19674
+ margin-inline-start: 4px;
19675
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19676
+ }
19677
+ .v-combobox--active-menu .v-combobox__menu-icon {
19678
+ opacity: var(--v-high-emphasis-opacity);
19679
+ transform: rotate(180deg);
19680
+ }.v-carousel {
19681
+ overflow: hidden;
19682
+ position: relative;
19683
+ width: 100%;
19684
+ }
19685
+ .v-carousel__controls {
19686
+ align-items: center;
19687
+ bottom: 0;
19670
19688
  display: flex;
19671
- flex-direction: column;
19672
- padding: 16px;
19689
+ height: 50px;
19690
+ justify-content: center;
19691
+ list-style-type: none;
19692
+ position: absolute;
19693
+ width: 100%;
19694
+ z-index: 1;
19695
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19696
+ color: rgb(var(--v-theme-on-surface-variant));
19697
+ }
19698
+ .v-carousel__controls > .v-item-group {
19699
+ flex: 0 1 auto;
19700
+ }
19701
+ .v-carousel__controls__item {
19702
+ margin: 0 8px;
19703
+ }
19704
+ .v-carousel__controls__item .v-icon {
19705
+ opacity: 0.5;
19706
+ }
19707
+ .v-carousel__controls__item--active .v-icon {
19708
+ opacity: 1;
19709
+ vertical-align: middle;
19710
+ }
19711
+ .v-carousel__controls__item:hover {
19712
+ background: none;
19713
+ }
19714
+ .v-carousel__controls__item:hover .v-icon {
19715
+ opacity: 0.8;
19673
19716
  }
19674
19717
 
19675
- .v-color-picker--flat {
19676
- 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));
19718
+ .v-carousel__progress {
19719
+ margin: 0;
19720
+ position: absolute;
19721
+ bottom: 0;
19722
+ left: 0;
19723
+ right: 0;
19677
19724
  }
19678
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19679
- 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));
19725
+
19726
+ .v-carousel-item {
19727
+ display: block;
19728
+ height: inherit;
19729
+ text-decoration: none;
19730
+ }
19731
+ .v-carousel-item > .v-img {
19732
+ height: inherit;
19733
+ }
19734
+
19735
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19736
+ background: transparent;
19737
+ }
19738
+
19739
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19740
+ flex-direction: column;
19741
+ height: 100% !important;
19742
+ width: 50px;
19680
19743
  }.v-container {
19681
19744
  width: 100%;
19682
19745
  padding: 16px;
@@ -20354,123 +20417,256 @@ html.overflow-y-hidden {
20354
20417
  flex: 0 1 auto;
20355
20418
  font-size: 12px;
20356
20419
  transition-duration: 150ms;
20357
- }.v-date-picker {
20358
- overflow: hidden;
20359
- width: 328px;
20360
- }
20361
- .v-date-picker--show-week {
20362
- width: 368px;
20363
- }.v-date-picker-controls {
20364
- display: flex;
20365
- align-items: center;
20366
- justify-content: space-between;
20367
- font-size: 0.875rem;
20368
- padding-top: 4px;
20369
- padding-bottom: 4px;
20370
- padding-inline-start: 6px;
20371
- padding-inline-end: 12px;
20372
- }
20373
- .v-date-picker-controls > .v-btn:first-child {
20374
- text-transform: none;
20375
- font-weight: 400;
20376
- line-height: initial;
20377
- letter-spacing: initial;
20378
- }
20379
- .v-date-picker-controls--variant-classic {
20380
- padding-inline-start: 12px;
20420
+ }.v-color-picker {
20421
+ align-self: flex-start;
20422
+ contain: content;
20381
20423
  }
20382
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20383
- opacity: 0.7;
20424
+ .v-color-picker.v-sheet {
20425
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20426
+ border-radius: 4px;
20384
20427
  }
20385
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20386
- cursor: pointer;
20428
+
20429
+ .v-color-picker__controls {
20430
+ display: flex;
20431
+ flex-direction: column;
20432
+ padding: 16px;
20387
20433
  }
20388
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20389
- opacity: 1;
20434
+
20435
+ .v-color-picker--flat {
20436
+ 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));
20390
20437
  }
20391
- .v-date-picker-controls .v-btn:last-child {
20392
- margin-inline-start: 4px;
20438
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20439
+ 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));
20440
+ }.v-data-table {
20441
+ width: 100%;
20393
20442
  }
20394
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20395
- transform: rotate(180deg);
20443
+
20444
+ .v-data-table__table {
20445
+ width: 100%;
20446
+ border-collapse: separate;
20447
+ border-spacing: 0;
20396
20448
  }
20397
20449
 
20398
- .v-date-picker-controls__date {
20399
- margin-inline-end: 4px;
20450
+ .v-data-table__tr--focus {
20451
+ border: 1px dotted black;
20400
20452
  }
20401
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20402
- margin: auto;
20403
- text-align: center;
20453
+ .v-data-table__tr--clickable {
20454
+ cursor: pointer;
20404
20455
  }
20405
20456
 
20406
- .v-date-picker-controls__month {
20407
- display: flex;
20457
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20458
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20459
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20460
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20461
+ text-align: end;
20408
20462
  }
20409
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20463
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20464
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20465
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20466
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20410
20467
  flex-direction: row-reverse;
20411
20468
  }
20412
-
20413
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20414
- flex: 1 0 auto;
20469
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20470
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20471
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20472
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20473
+ text-align: center;
20415
20474
  }
20416
-
20417
- .v-date-picker__title {
20418
- display: inline-block;
20419
- }.v-date-picker-month {
20420
- display: flex;
20421
- justify-content: center;
20422
- padding: 0 12px 8px;
20423
- --v-date-picker-month-day-diff: 4px;
20475
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20476
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20477
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20478
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20479
+ justify-content: center;
20480
+ }
20481
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20482
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20483
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20484
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20485
+ padding: 0 8px;
20486
+ }
20487
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
20488
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
20489
+ align-items: center;
20490
+ }
20491
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20492
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20493
+ position: sticky;
20494
+ }
20495
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20496
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20497
+ cursor: pointer;
20498
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20499
+ }
20500
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20501
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20502
+ opacity: 0;
20503
+ }
20504
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20505
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20506
+ opacity: 0.5;
20424
20507
  }
20425
20508
 
20426
- .v-date-picker-month__weeks {
20427
- display: grid;
20428
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20429
- column-gap: 4px;
20430
- font-size: 0.85rem;
20509
+ .v-data-table-column--fixed,
20510
+ .v-data-table__th--sticky {
20511
+ background: rgb(var(--v-theme-surface));
20512
+ position: sticky !important;
20513
+ left: 0;
20514
+ z-index: 1;
20431
20515
  }
20432
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20433
- grid-row-gap: 0;
20516
+
20517
+ .v-data-table-column--last-fixed {
20518
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20434
20519
  }
20435
20520
 
20436
- .v-date-picker-month__weekday {
20437
- font-size: 0.85rem;
20521
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20522
+ z-index: 2;
20438
20523
  }
20439
20524
 
20440
- .v-date-picker-month__days {
20441
- display: grid;
20442
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20443
- column-gap: 4px;
20444
- flex: 1 1;
20445
- justify-content: space-around;
20525
+ .v-data-table-group-header-row td {
20526
+ background: rgba(var(--v-theme-surface));
20527
+ color: rgba(var(--v-theme-on-surface));
20528
+ }
20529
+ .v-data-table-group-header-row td > span {
20530
+ padding-left: 5px;
20446
20531
  }
20447
20532
 
20448
- .v-date-picker-month__day {
20449
- align-items: center;
20533
+ .v-data-table--loading .v-data-table__td {
20534
+ opacity: 0.3;
20535
+ }
20536
+
20537
+ .v-data-table-group-header-row__column {
20538
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20539
+ }
20540
+
20541
+ .v-data-table-header__content {
20450
20542
  display: flex;
20543
+ align-items: center;
20544
+ }
20545
+
20546
+ .v-data-table-header__sort-badge {
20547
+ display: inline-flex;
20451
20548
  justify-content: center;
20549
+ align-items: center;
20550
+ font-size: 0.875rem;
20551
+ padding: 4px;
20552
+ border-radius: 50%;
20553
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20554
+ min-width: 20px;
20555
+ min-height: 20px;
20556
+ width: 20px;
20557
+ height: 20px;
20558
+ }
20559
+
20560
+ .v-data-table-progress > th {
20561
+ border: none !important;
20562
+ height: auto !important;
20563
+ padding: 0 !important;
20564
+ }
20565
+
20566
+ .v-data-table-progress__loader {
20452
20567
  position: relative;
20453
- height: 40px;
20454
- width: 40px;
20455
20568
  }
20456
- .v-date-picker-month__day--selected .v-btn {
20457
- background-color: rgb(var(--v-theme-surface-variant));
20458
- color: rgb(var(--v-theme-on-surface-variant));
20569
+
20570
+ .v-data-table-rows-loading,
20571
+ .v-data-table-rows-no-data {
20572
+ text-align: center;
20573
+ }.v-data-table-footer {
20574
+ display: flex;
20575
+ align-items: center;
20576
+ flex-wrap: wrap;
20577
+ padding: 4px;
20578
+ justify-content: flex-end;
20459
20579
  }
20460
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20461
- --v-btn-height: 24px;
20462
- --v-btn-size: 0.85rem;
20580
+
20581
+ .v-data-table-footer__items-per-page {
20582
+ display: flex;
20583
+ align-items: center;
20584
+ justify-content: center;
20463
20585
  }
20464
- .v-date-picker-month__day--week {
20465
- font-size: var(--v-btn-size);
20586
+ .v-data-table-footer__items-per-page > span {
20587
+ padding-inline-end: 8px;
20588
+ }
20589
+ .v-data-table-footer__items-per-page > .v-select {
20590
+ width: 90px;
20466
20591
  }
20467
20592
 
20468
- .v-date-picker-month__day--adjacent {
20469
- opacity: 0.5;
20593
+ .v-data-table-footer__info {
20594
+ display: flex;
20595
+ justify-content: flex-end;
20596
+ min-width: 116px;
20597
+ padding: 0 16px;
20470
20598
  }
20471
20599
 
20472
- .v-date-picker-month__day--hide-adjacent {
20473
- opacity: 0;
20600
+ .v-data-table-footer__pagination {
20601
+ display: flex;
20602
+ align-items: center;
20603
+ margin-inline-start: 16px;
20604
+ }
20605
+
20606
+ .v-data-table-footer__page {
20607
+ padding: 0 8px;
20608
+ }.v-date-picker {
20609
+ overflow: hidden;
20610
+ width: 328px;
20611
+ }
20612
+ .v-date-picker--show-week {
20613
+ width: 368px;
20614
+ }.v-date-picker-controls {
20615
+ display: flex;
20616
+ align-items: center;
20617
+ justify-content: space-between;
20618
+ font-size: 0.875rem;
20619
+ padding-top: 4px;
20620
+ padding-bottom: 4px;
20621
+ padding-inline-start: 6px;
20622
+ padding-inline-end: 12px;
20623
+ }
20624
+ .v-date-picker-controls > .v-btn:first-child {
20625
+ text-transform: none;
20626
+ font-weight: 400;
20627
+ line-height: initial;
20628
+ letter-spacing: initial;
20629
+ }
20630
+ .v-date-picker-controls--variant-classic {
20631
+ padding-inline-start: 12px;
20632
+ }
20633
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20634
+ opacity: 0.7;
20635
+ }
20636
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20637
+ cursor: pointer;
20638
+ }
20639
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20640
+ opacity: 1;
20641
+ }
20642
+ .v-date-picker-controls .v-btn:last-child {
20643
+ margin-inline-start: 4px;
20644
+ }
20645
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20646
+ transform: rotate(180deg);
20647
+ }
20648
+
20649
+ .v-date-picker-controls__date {
20650
+ margin-inline-end: 4px;
20651
+ }
20652
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20653
+ margin: auto;
20654
+ text-align: center;
20655
+ }
20656
+
20657
+ .v-date-picker-controls__month {
20658
+ display: flex;
20659
+ }
20660
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20661
+ flex-direction: row-reverse;
20662
+ }
20663
+
20664
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20665
+ flex: 1 0 auto;
20666
+ }
20667
+
20668
+ .v-date-picker__title {
20669
+ display: inline-block;
20474
20670
  }.v-date-picker-header {
20475
20671
  align-items: flex-end;
20476
20672
  height: 70px;
@@ -20531,25 +20727,6 @@ html.overflow-y-hidden {
20531
20727
  .date-picker-header-reverse-transition-leave-to {
20532
20728
  opacity: 0;
20533
20729
  transform: translate(0, 100%);
20534
- }.v-date-picker-months {
20535
- height: 288px;
20536
- }
20537
-
20538
- .v-date-picker-months__content {
20539
- align-items: center;
20540
- display: grid;
20541
- flex: 1 1;
20542
- height: inherit;
20543
- justify-content: space-around;
20544
- grid-template-columns: repeat(2, 1fr);
20545
- grid-gap: 0px 24px;
20546
- padding-inline-start: 36px;
20547
- padding-inline-end: 36px;
20548
- }
20549
- .v-date-picker-months__content .v-btn {
20550
- text-transform: none;
20551
- padding-inline-start: 8px;
20552
- padding-inline-end: 8px;
20553
20730
  }.v-date-picker-years {
20554
20731
  height: 288px;
20555
20732
  overflow-y: scroll;
@@ -20565,494 +20742,80 @@ html.overflow-y-hidden {
20565
20742
  }
20566
20743
  .v-date-picker-years__content .v-btn {
20567
20744
  padding-inline: 8px;
20568
- }.v-combobox .v-field .v-text-field__prefix,
20569
- .v-combobox .v-field .v-text-field__suffix,
20570
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20571
- cursor: text;
20572
- }
20573
- .v-combobox .v-field .v-field__input > input {
20574
- flex: 1 1;
20745
+ }.v-date-picker-month {
20746
+ display: flex;
20747
+ justify-content: center;
20748
+ padding: 0 12px 8px;
20749
+ --v-date-picker-month-day-diff: 4px;
20575
20750
  }
20576
- .v-combobox .v-field input {
20577
- min-width: 64px;
20751
+
20752
+ .v-date-picker-month__weeks {
20753
+ display: grid;
20754
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20755
+ column-gap: 4px;
20756
+ font-size: 0.85rem;
20578
20757
  }
20579
- .v-combobox .v-field:not(.v-field--focused) input {
20580
- min-width: 0;
20758
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20759
+ grid-row-gap: 0;
20581
20760
  }
20582
- .v-combobox .v-field--dirty .v-combobox__selection {
20583
- margin-inline-end: 2px;
20584
- }
20585
- .v-combobox .v-combobox__selection-text {
20586
- overflow: hidden;
20587
- text-overflow: ellipsis;
20588
- white-space: nowrap;
20761
+
20762
+ .v-date-picker-month__weekday {
20763
+ font-size: 0.85rem;
20589
20764
  }
20590
20765
 
20591
- .v-combobox__content {
20592
- overflow: hidden;
20593
- 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));
20594
- border-radius: 4px;
20595
- }
20596
- .v-combobox__mask {
20597
- background: rgb(var(--v-theme-surface-light));
20598
- }
20599
- .v-combobox__selection {
20600
- display: inline-flex;
20601
- align-items: center;
20602
- height: 1.5rem;
20603
- letter-spacing: inherit;
20604
- line-height: inherit;
20605
- max-width: calc(100% - 2px - 2px);
20606
- }
20607
- .v-combobox__selection:first-child {
20608
- margin-inline-start: 0;
20609
- }
20610
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20611
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20612
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20613
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20614
- top: 0px;
20615
- }
20616
- .v-combobox--selecting-index .v-combobox__selection {
20617
- opacity: var(--v-medium-emphasis-opacity);
20618
- }
20619
- .v-combobox--selecting-index .v-combobox__selection--selected {
20620
- opacity: 1;
20621
- }
20622
- .v-combobox--selecting-index .v-field__input > input {
20623
- caret-color: transparent;
20624
- }
20625
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20766
+ .v-date-picker-month__days {
20767
+ display: grid;
20768
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20769
+ column-gap: 4px;
20626
20770
  flex: 1 1;
20627
- position: absolute;
20628
- left: 0;
20629
- right: 0;
20630
- width: 100%;
20631
- padding-inline: inherit;
20632
- }
20633
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20634
- transition: none;
20635
- }
20636
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20637
- opacity: 0;
20638
- }
20639
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20640
- opacity: 0;
20641
- }
20642
- .v-combobox__menu-icon {
20643
- margin-inline-start: 4px;
20644
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20645
- }
20646
- .v-combobox--active-menu .v-combobox__menu-icon {
20647
- opacity: var(--v-high-emphasis-opacity);
20648
- transform: rotate(180deg);
20649
- }.v-divider {
20650
- display: block;
20651
- flex: 1 1 100%;
20652
- height: 0px;
20653
- max-height: 0px;
20654
- opacity: var(--v-border-opacity);
20655
- transition: inherit;
20656
- border-style: solid;
20657
- border-width: thin 0 0 0;
20658
- }
20659
- .v-divider--vertical {
20660
- align-self: stretch;
20661
- border-width: 0 thin 0 0;
20662
- display: inline-flex;
20663
- height: inherit;
20664
- margin-left: -1px;
20665
- max-height: 100%;
20666
- max-width: 0px;
20667
- vertical-align: text-bottom;
20668
- width: 0px;
20669
- }
20670
- .v-divider--inset:not(.v-divider--vertical) {
20671
- max-width: calc(100% - 72px);
20672
- margin-inline-start: 72px;
20673
- }
20674
- .v-divider--inset.v-divider--vertical {
20675
- margin-bottom: 8px;
20676
- margin-top: 8px;
20677
- max-height: calc(100% - 16px);
20678
- }.v-data-table {
20679
- width: 100%;
20680
- }
20681
-
20682
- .v-data-table__table {
20683
- width: 100%;
20684
- border-collapse: separate;
20685
- border-spacing: 0;
20686
- }
20687
-
20688
- .v-data-table__tr--focus {
20689
- border: 1px dotted black;
20690
- }
20691
- .v-data-table__tr--clickable {
20692
- cursor: pointer;
20693
- }
20694
-
20695
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20696
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20697
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20698
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20699
- text-align: end;
20700
- }
20701
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20702
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20703
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20704
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20705
- flex-direction: row-reverse;
20706
- }
20707
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20708
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20709
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20710
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20711
- text-align: center;
20712
- }
20713
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20714
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20715
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20716
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20717
- justify-content: center;
20718
- }
20719
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20720
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20721
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20722
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20723
- padding: 0 8px;
20724
- }
20725
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20726
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20727
- align-items: center;
20728
- }
20729
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20730
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20731
- position: sticky;
20732
- }
20733
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20734
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20735
- cursor: pointer;
20736
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20737
- }
20738
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20739
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20740
- opacity: 0;
20741
- }
20742
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20743
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20744
- opacity: 0.5;
20745
- }
20746
-
20747
- .v-data-table-column--fixed,
20748
- .v-data-table__th--sticky {
20749
- background: rgb(var(--v-theme-surface));
20750
- position: sticky !important;
20751
- left: 0;
20752
- z-index: 1;
20753
- }
20754
-
20755
- .v-data-table-column--last-fixed {
20756
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20757
- }
20758
-
20759
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20760
- z-index: 2;
20761
- }
20762
-
20763
- .v-data-table-group-header-row td {
20764
- background: rgba(var(--v-theme-surface));
20765
- color: rgba(var(--v-theme-on-surface));
20766
- }
20767
- .v-data-table-group-header-row td > span {
20768
- padding-left: 5px;
20769
- }
20770
-
20771
- .v-data-table--loading .v-data-table__td {
20772
- opacity: 0.3;
20773
- }
20774
-
20775
- .v-data-table-group-header-row__column {
20776
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20777
- }
20778
-
20779
- .v-data-table-header__content {
20780
- display: flex;
20781
- align-items: center;
20782
- }
20783
-
20784
- .v-data-table-header__sort-badge {
20785
- display: inline-flex;
20786
- justify-content: center;
20787
- align-items: center;
20788
- font-size: 0.875rem;
20789
- padding: 4px;
20790
- border-radius: 50%;
20791
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20792
- min-width: 20px;
20793
- min-height: 20px;
20794
- width: 20px;
20795
- height: 20px;
20796
- }
20797
-
20798
- .v-data-table-progress > th {
20799
- border: none !important;
20800
- height: auto !important;
20801
- padding: 0 !important;
20802
- }
20803
-
20804
- .v-data-table-progress__loader {
20805
- position: relative;
20806
- }
20807
-
20808
- .v-data-table-rows-loading,
20809
- .v-data-table-rows-no-data {
20810
- text-align: center;
20811
- }.v-data-table-footer {
20812
- display: flex;
20813
- align-items: center;
20814
- flex-wrap: wrap;
20815
- padding: 4px;
20816
- justify-content: flex-end;
20771
+ justify-content: space-around;
20817
20772
  }
20818
20773
 
20819
- .v-data-table-footer__items-per-page {
20820
- display: flex;
20774
+ .v-date-picker-month__day {
20821
20775
  align-items: center;
20822
- justify-content: center;
20823
- }
20824
- .v-data-table-footer__items-per-page > span {
20825
- padding-inline-end: 8px;
20826
- }
20827
- .v-data-table-footer__items-per-page > .v-select {
20828
- width: 90px;
20829
- }
20830
-
20831
- .v-data-table-footer__info {
20832
- display: flex;
20833
- justify-content: flex-end;
20834
- min-width: 116px;
20835
- padding: 0 16px;
20836
- }
20837
-
20838
- .v-data-table-footer__pagination {
20839
20776
  display: flex;
20840
- align-items: center;
20841
- margin-inline-start: 16px;
20842
- }
20843
-
20844
- .v-data-table-footer__page {
20845
- padding: 0 8px;
20846
- }.v-expansion-panel {
20847
- background-color: rgb(var(--v-theme-surface));
20848
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20849
- }
20850
- .v-expansion-panel:not(:first-child)::after {
20851
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20852
- }
20853
- .v-expansion-panel--disabled .v-expansion-panel-title {
20854
- color: rgba(var(--v-theme-on-surface), 0.26);
20855
- }
20856
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20857
- opacity: 0.4615384615;
20858
- }
20859
-
20860
- .v-expansion-panels {
20861
- display: flex;
20862
- flex-wrap: wrap;
20863
20777
  justify-content: center;
20864
- list-style-type: none;
20865
- padding: 0;
20866
- width: 100%;
20867
- position: relative;
20868
- z-index: 1;
20869
- }
20870
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20871
- border-bottom-left-radius: 0 !important;
20872
- border-bottom-right-radius: 0 !important;
20873
- }
20874
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20875
- border-top-left-radius: 0 !important;
20876
- border-top-right-radius: 0 !important;
20877
- }
20878
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20879
- border-bottom-left-radius: 0 !important;
20880
- border-bottom-right-radius: 0 !important;
20881
- }
20882
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20883
- border-top-left-radius: 0 !important;
20884
- border-top-right-radius: 0 !important;
20885
- }
20886
- .v-expansion-panels--variant-accordion > :first-child {
20887
- border-bottom-left-radius: 0 !important;
20888
- border-bottom-right-radius: 0 !important;
20889
- }
20890
- .v-expansion-panels--variant-accordion > :last-child {
20891
- border-top-left-radius: 0 !important;
20892
- border-top-right-radius: 0 !important;
20893
- }
20894
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20895
- border-bottom-left-radius: initial;
20896
- border-bottom-right-radius: initial;
20897
- }
20898
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20899
- border-radius: 0 !important;
20900
- }
20901
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20902
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20903
- }
20904
-
20905
- .v-expansion-panel {
20906
- flex: 1 0 100%;
20907
- max-width: 100%;
20908
- position: relative;
20909
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20910
- transition-property: margin-top, border-radius, border, max-width;
20911
- border-radius: 4px;
20912
- }
20913
- .v-expansion-panel:not(:first-child)::after {
20914
- border-top-style: solid;
20915
- border-top-width: thin;
20916
- content: "";
20917
- left: 0;
20918
- position: absolute;
20919
- right: 0;
20920
- top: 0;
20921
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20922
- }
20923
- .v-expansion-panel--disabled .v-expansion-panel-title {
20924
- pointer-events: none;
20925
- }
20926
- .v-expansion-panel--active:not(:first-child),
20927
- .v-expansion-panel--active + .v-expansion-panel {
20928
- margin-top: 16px;
20929
- }
20930
- .v-expansion-panel--active:not(:first-child)::after,
20931
- .v-expansion-panel--active + .v-expansion-panel::after {
20932
- opacity: 0;
20933
- }
20934
- .v-expansion-panel--active > .v-expansion-panel-title {
20935
- border-bottom-left-radius: 0;
20936
- border-bottom-right-radius: 0;
20937
- }
20938
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20939
- min-height: 64px;
20940
- }
20941
-
20942
- .v-expansion-panel__shadow {
20943
- position: absolute;
20944
- top: 0;
20945
- left: 0;
20946
- width: 100%;
20947
- height: 100%;
20948
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20949
- border-radius: inherit;
20950
- z-index: -1;
20951
- }
20952
-
20953
- .v-expansion-panel-title {
20954
- align-items: center;
20955
- text-align: start;
20956
- border-radius: inherit;
20957
- display: flex;
20958
- font-size: 0.9375rem;
20959
- line-height: 1;
20960
- min-height: 48px;
20961
- outline: none;
20962
- padding: 16px 24px;
20963
20778
  position: relative;
20964
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20965
- width: 100%;
20966
- justify-content: space-between;
20967
- }
20968
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20969
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20970
- }
20971
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20972
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20973
- }
20974
- @supports not selector(:focus-visible) {
20975
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20976
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20977
- }
20978
- }
20979
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20980
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20981
- }
20982
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20983
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20984
- }
20985
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20986
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20987
- }
20988
- @supports not selector(:focus-visible) {
20989
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20990
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20991
- }
20992
- }
20993
-
20994
- .v-expansion-panel-title__overlay {
20995
- position: absolute;
20996
- top: 0;
20997
- left: 0;
20998
- width: 100%;
20999
- height: 100%;
21000
- background-color: currentColor;
21001
- border-radius: inherit;
21002
- opacity: 0;
21003
- }
21004
-
21005
- .v-expansion-panel-title__icon {
21006
- display: inline-flex;
21007
- margin-bottom: -4px;
21008
- margin-top: -4px;
21009
- -webkit-user-select: none;
21010
- user-select: none;
21011
- margin-inline-start: auto;
21012
- }
21013
-
21014
- .v-expansion-panel-text {
21015
- display: flex;
21016
- }
21017
- .v-expansion-panel-text__wrapper {
21018
- padding: 8px 24px 16px;
21019
- flex: 1 1 auto;
21020
- max-width: 100%;
21021
- }
21022
-
21023
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21024
- margin-top: 0;
21025
- }
21026
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21027
- opacity: 1;
21028
- }
21029
-
21030
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21031
- max-width: calc(100% - 32px);
20779
+ height: 40px;
20780
+ width: 40px;
21032
20781
  }
21033
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21034
- max-width: calc(100% + 16px);
20782
+ .v-date-picker-month__day--selected .v-btn {
20783
+ background-color: rgb(var(--v-theme-surface-variant));
20784
+ color: rgb(var(--v-theme-on-surface-variant));
21035
20785
  }
21036
-
21037
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21038
- max-width: 100%;
20786
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20787
+ --v-btn-height: 24px;
20788
+ --v-btn-size: 0.85rem;
21039
20789
  }
21040
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21041
- max-width: calc(100% - 32px);
20790
+ .v-date-picker-month__day--week {
20791
+ font-size: var(--v-btn-size);
21042
20792
  }
21043
20793
 
21044
- .v-expansion-panels--flat > .v-expansion-panel::after {
21045
- border-top: none;
21046
- }
21047
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21048
- display: none;
20794
+ .v-date-picker-month__day--adjacent {
20795
+ opacity: 0.5;
21049
20796
  }
21050
20797
 
21051
- .v-expansion-panels--tile {
21052
- border-radius: 0;
20798
+ .v-date-picker-month__day--hide-adjacent {
20799
+ opacity: 0;
20800
+ }.v-date-picker-months {
20801
+ height: 288px;
21053
20802
  }
21054
- .v-expansion-panels--tile > .v-expansion-panel {
21055
- border-radius: 0;
20803
+
20804
+ .v-date-picker-months__content {
20805
+ align-items: center;
20806
+ display: grid;
20807
+ flex: 1 1;
20808
+ height: inherit;
20809
+ justify-content: space-around;
20810
+ grid-template-columns: repeat(2, 1fr);
20811
+ grid-gap: 0px 24px;
20812
+ padding-inline-start: 36px;
20813
+ padding-inline-end: 36px;
20814
+ }
20815
+ .v-date-picker-months__content .v-btn {
20816
+ text-transform: none;
20817
+ padding-inline-start: 8px;
20818
+ padding-inline-end: 8px;
21056
20819
  }.v-dialog {
21057
20820
  align-items: center;
21058
20821
  justify-content: center;
@@ -21141,6 +20904,35 @@ html.overflow-y-hidden {
21141
20904
  -webkit-backface-visibility: hidden;
21142
20905
  backface-visibility: hidden;
21143
20906
  overflow-y: auto;
20907
+ }.v-divider {
20908
+ display: block;
20909
+ flex: 1 1 100%;
20910
+ height: 0px;
20911
+ max-height: 0px;
20912
+ opacity: var(--v-border-opacity);
20913
+ transition: inherit;
20914
+ border-style: solid;
20915
+ border-width: thin 0 0 0;
20916
+ }
20917
+ .v-divider--vertical {
20918
+ align-self: stretch;
20919
+ border-width: 0 thin 0 0;
20920
+ display: inline-flex;
20921
+ height: inherit;
20922
+ margin-left: -1px;
20923
+ max-height: 100%;
20924
+ max-width: 0px;
20925
+ vertical-align: text-bottom;
20926
+ width: 0px;
20927
+ }
20928
+ .v-divider--inset:not(.v-divider--vertical) {
20929
+ max-width: calc(100% - 72px);
20930
+ margin-inline-start: 72px;
20931
+ }
20932
+ .v-divider--inset.v-divider--vertical {
20933
+ margin-bottom: 8px;
20934
+ margin-top: 8px;
20935
+ max-height: calc(100% - 16px);
21144
20936
  }/* region INPUT */
21145
20937
  .v-field {
21146
20938
  display: grid;
@@ -21672,44 +21464,254 @@ textarea.v-field__input::placeholder {
21672
21464
  opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21673
21465
  }
21674
21466
 
21675
- .v-field--variant-solo-inverted .v-field__overlay {
21676
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21467
+ .v-field--variant-solo-inverted .v-field__overlay {
21468
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21469
+ }
21470
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21471
+ opacity: 0;
21472
+ }
21473
+ @media (hover: hover) {
21474
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21475
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21476
+ }
21477
+ }
21478
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21479
+ background-color: rgb(var(--v-theme-surface-variant));
21480
+ opacity: 1;
21481
+ }
21482
+
21483
+ /* endregion */
21484
+ /* region MODIFIERS */
21485
+ .v-field--reverse .v-field__field,
21486
+ .v-field--reverse .v-field__input,
21487
+ .v-field--reverse .v-field__outline {
21488
+ flex-direction: row-reverse;
21489
+ }
21490
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21491
+ text-align: end;
21492
+ }
21493
+
21494
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21495
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21496
+ 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;
21497
+ }
21498
+
21499
+ .v-field--loading .v-field__outline::after,
21500
+ .v-field--loading .v-field__outline::before {
21501
+ opacity: 0;
21502
+ }
21503
+
21504
+ /* endregion */.v-expansion-panel {
21505
+ background-color: rgb(var(--v-theme-surface));
21506
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21507
+ }
21508
+ .v-expansion-panel:not(:first-child)::after {
21509
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21510
+ }
21511
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21512
+ color: rgba(var(--v-theme-on-surface), 0.26);
21513
+ }
21514
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21515
+ opacity: 0.4615384615;
21516
+ }
21517
+
21518
+ .v-expansion-panels {
21519
+ display: flex;
21520
+ flex-wrap: wrap;
21521
+ justify-content: center;
21522
+ list-style-type: none;
21523
+ padding: 0;
21524
+ width: 100%;
21525
+ position: relative;
21526
+ z-index: 1;
21527
+ }
21528
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21529
+ border-bottom-left-radius: 0 !important;
21530
+ border-bottom-right-radius: 0 !important;
21531
+ }
21532
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21533
+ border-top-left-radius: 0 !important;
21534
+ border-top-right-radius: 0 !important;
21535
+ }
21536
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21537
+ border-bottom-left-radius: 0 !important;
21538
+ border-bottom-right-radius: 0 !important;
21539
+ }
21540
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21541
+ border-top-left-radius: 0 !important;
21542
+ border-top-right-radius: 0 !important;
21543
+ }
21544
+ .v-expansion-panels--variant-accordion > :first-child {
21545
+ border-bottom-left-radius: 0 !important;
21546
+ border-bottom-right-radius: 0 !important;
21547
+ }
21548
+ .v-expansion-panels--variant-accordion > :last-child {
21549
+ border-top-left-radius: 0 !important;
21550
+ border-top-right-radius: 0 !important;
21551
+ }
21552
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
21553
+ border-bottom-left-radius: initial;
21554
+ border-bottom-right-radius: initial;
21555
+ }
21556
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21557
+ border-radius: 0 !important;
21558
+ }
21559
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21560
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21561
+ }
21562
+
21563
+ .v-expansion-panel {
21564
+ flex: 1 0 100%;
21565
+ max-width: 100%;
21566
+ position: relative;
21567
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21568
+ transition-property: margin-top, border-radius, border, max-width;
21569
+ border-radius: 4px;
21570
+ }
21571
+ .v-expansion-panel:not(:first-child)::after {
21572
+ border-top-style: solid;
21573
+ border-top-width: thin;
21574
+ content: "";
21575
+ left: 0;
21576
+ position: absolute;
21577
+ right: 0;
21578
+ top: 0;
21579
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21580
+ }
21581
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21582
+ pointer-events: none;
21583
+ }
21584
+ .v-expansion-panel--active:not(:first-child),
21585
+ .v-expansion-panel--active + .v-expansion-panel {
21586
+ margin-top: 16px;
21587
+ }
21588
+ .v-expansion-panel--active:not(:first-child)::after,
21589
+ .v-expansion-panel--active + .v-expansion-panel::after {
21590
+ opacity: 0;
21591
+ }
21592
+ .v-expansion-panel--active > .v-expansion-panel-title {
21593
+ border-bottom-left-radius: 0;
21594
+ border-bottom-right-radius: 0;
21595
+ }
21596
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21597
+ min-height: 64px;
21598
+ }
21599
+
21600
+ .v-expansion-panel__shadow {
21601
+ position: absolute;
21602
+ top: 0;
21603
+ left: 0;
21604
+ width: 100%;
21605
+ height: 100%;
21606
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21607
+ border-radius: inherit;
21608
+ z-index: -1;
21609
+ }
21610
+
21611
+ .v-expansion-panel-title {
21612
+ align-items: center;
21613
+ text-align: start;
21614
+ border-radius: inherit;
21615
+ display: flex;
21616
+ font-size: 0.9375rem;
21617
+ line-height: 1;
21618
+ min-height: 48px;
21619
+ outline: none;
21620
+ padding: 16px 24px;
21621
+ position: relative;
21622
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21623
+ width: 100%;
21624
+ justify-content: space-between;
21625
+ }
21626
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21627
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21628
+ }
21629
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21630
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21631
+ }
21632
+ @supports not selector(:focus-visible) {
21633
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21634
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21635
+ }
21636
+ }
21637
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21638
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21639
+ }
21640
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21641
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21642
+ }
21643
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21644
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21645
+ }
21646
+ @supports not selector(:focus-visible) {
21647
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21648
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21649
+ }
21650
+ }
21651
+
21652
+ .v-expansion-panel-title__overlay {
21653
+ position: absolute;
21654
+ top: 0;
21655
+ left: 0;
21656
+ width: 100%;
21657
+ height: 100%;
21658
+ background-color: currentColor;
21659
+ border-radius: inherit;
21660
+ opacity: 0;
21661
+ }
21662
+
21663
+ .v-expansion-panel-title__icon {
21664
+ display: inline-flex;
21665
+ margin-bottom: -4px;
21666
+ margin-top: -4px;
21667
+ -webkit-user-select: none;
21668
+ user-select: none;
21669
+ margin-inline-start: auto;
21670
+ }
21671
+
21672
+ .v-expansion-panel-text {
21673
+ display: flex;
21677
21674
  }
21678
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21679
- opacity: 0;
21675
+ .v-expansion-panel-text__wrapper {
21676
+ padding: 8px 24px 16px;
21677
+ flex: 1 1 auto;
21678
+ max-width: 100%;
21680
21679
  }
21681
- @media (hover: hover) {
21682
- .v-field--variant-solo-inverted:hover .v-field__overlay {
21683
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21684
- }
21680
+
21681
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21682
+ margin-top: 0;
21685
21683
  }
21686
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21687
- background-color: rgb(var(--v-theme-surface-variant));
21684
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21688
21685
  opacity: 1;
21689
21686
  }
21690
21687
 
21691
- /* endregion */
21692
- /* region MODIFIERS */
21693
- .v-field--reverse .v-field__field,
21694
- .v-field--reverse .v-field__input,
21695
- .v-field--reverse .v-field__outline {
21696
- flex-direction: row-reverse;
21688
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21689
+ max-width: calc(100% - 32px);
21697
21690
  }
21698
- .v-field--reverse .v-field__input, .v-field--reverse input {
21699
- text-align: end;
21691
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21692
+ max-width: calc(100% + 16px);
21700
21693
  }
21701
21694
 
21702
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21703
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21704
- 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;
21695
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21696
+ max-width: 100%;
21697
+ }
21698
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21699
+ max-width: calc(100% - 32px);
21705
21700
  }
21706
21701
 
21707
- .v-field--loading .v-field__outline::after,
21708
- .v-field--loading .v-field__outline::before {
21709
- opacity: 0;
21702
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21703
+ border-top: none;
21704
+ }
21705
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21706
+ display: none;
21710
21707
  }
21711
21708
 
21712
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21709
+ .v-expansion-panels--tile {
21710
+ border-radius: 0;
21711
+ }
21712
+ .v-expansion-panels--tile > .v-expansion-panel {
21713
+ border-radius: 0;
21714
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21713
21715
  .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21714
21716
  .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21715
21717
  .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
@@ -21757,42 +21759,6 @@ textarea.v-field__input::placeholder {
21757
21759
  }
21758
21760
  .v-footer--rounded {
21759
21761
  border-radius: 4px;
21760
- }.v-img {
21761
- --v-theme-overlay-multiplier: 3;
21762
- z-index: 0;
21763
- }
21764
- .v-img--booting .v-responsive__sizer {
21765
- transition: none;
21766
- }
21767
- .v-img--rounded {
21768
- border-radius: 4px;
21769
- }
21770
-
21771
- .v-img__img,
21772
- .v-img__picture,
21773
- .v-img__gradient,
21774
- .v-img__placeholder,
21775
- .v-img__error {
21776
- z-index: -1;
21777
- position: absolute;
21778
- top: 0;
21779
- left: 0;
21780
- width: 100%;
21781
- height: 100%;
21782
- }
21783
-
21784
- .v-img__img--preload {
21785
- filter: blur(4px);
21786
- }
21787
- .v-img__img--contain {
21788
- object-fit: contain;
21789
- }
21790
- .v-img__img--cover {
21791
- object-fit: cover;
21792
- }
21793
-
21794
- .v-img__gradient {
21795
- background-repeat: no-repeat;
21796
21762
  }.v-icon {
21797
21763
  --v-icon-size-multiplier: 1;
21798
21764
  align-items: center;
@@ -22009,11 +21975,6 @@ textarea.v-field__input::placeholder {
22009
21975
 
22010
21976
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22011
21977
  padding-top: calc(var(--v-input-padding-top) + 0px);
22012
- }.v-item-group {
22013
- flex: 0 1 auto;
22014
- max-width: 100%;
22015
- position: relative;
22016
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22017
21978
  }.v-label {
22018
21979
  align-items: center;
22019
21980
  color: inherit;
@@ -22029,6 +21990,47 @@ textarea.v-field__input::placeholder {
22029
21990
 
22030
21991
  .v-label--clickable {
22031
21992
  cursor: pointer;
21993
+ }.v-img {
21994
+ --v-theme-overlay-multiplier: 3;
21995
+ z-index: 0;
21996
+ }
21997
+ .v-img--booting .v-responsive__sizer {
21998
+ transition: none;
21999
+ }
22000
+ .v-img--rounded {
22001
+ border-radius: 4px;
22002
+ }
22003
+
22004
+ .v-img__img,
22005
+ .v-img__picture,
22006
+ .v-img__gradient,
22007
+ .v-img__placeholder,
22008
+ .v-img__error {
22009
+ z-index: -1;
22010
+ position: absolute;
22011
+ top: 0;
22012
+ left: 0;
22013
+ width: 100%;
22014
+ height: 100%;
22015
+ }
22016
+
22017
+ .v-img__img--preload {
22018
+ filter: blur(4px);
22019
+ }
22020
+ .v-img__img--contain {
22021
+ object-fit: contain;
22022
+ }
22023
+ .v-img__img--cover {
22024
+ object-fit: cover;
22025
+ }
22026
+
22027
+ .v-img__gradient {
22028
+ background-repeat: no-repeat;
22029
+ }.v-item-group {
22030
+ flex: 0 1 auto;
22031
+ max-width: 100%;
22032
+ position: relative;
22033
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22032
22034
  }.v-layout {
22033
22035
  --v-scrollbar-offset: 0px;
22034
22036
  display: flex;
@@ -22598,50 +22600,19 @@ textarea.v-field__input::placeholder {
22598
22600
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22599
22601
  }.v-locale-provider {
22600
22602
  display: contents;
22601
- }.v-main {
22602
- flex: 1 0 auto;
22603
- max-width: 100%;
22604
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22605
- padding-left: var(--v-layout-left);
22606
- padding-right: var(--v-layout-right);
22607
- padding-top: var(--v-layout-top);
22608
- padding-bottom: var(--v-layout-bottom);
22609
- }
22610
- .v-main__scroller {
22611
- max-width: 100%;
22612
- position: relative;
22613
- }
22614
- .v-main--scrollable {
22603
+ }.v-menu > .v-overlay__content {
22615
22604
  display: flex;
22616
- position: absolute;
22617
- top: 0;
22618
- left: 0;
22619
- width: 100%;
22620
- height: 100%;
22621
- }
22622
- .v-main--scrollable > .v-main__scroller {
22623
- flex: 1 1 auto;
22624
- overflow-y: auto;
22625
- --v-layout-left: 0px;
22626
- --v-layout-right: 0px;
22627
- --v-layout-top: 0px;
22628
- --v-layout-bottom: 0px;
22629
- }.v-messages {
22630
- flex: 1 1 auto;
22631
- font-size: 12px;
22632
- min-height: 14px;
22633
- min-width: 1px;
22634
- opacity: var(--v-medium-emphasis-opacity);
22635
- position: relative;
22605
+ flex-direction: column;
22606
+ border-radius: 4px;
22636
22607
  }
22637
- .v-messages__message {
22638
- line-height: 12px;
22639
- word-break: break-word;
22640
- overflow-wrap: break-word;
22641
- word-wrap: break-word;
22642
- -webkit-hyphens: auto;
22643
- hyphens: auto;
22644
- transition-duration: 150ms;
22608
+ .v-menu > .v-overlay__content > .v-card,
22609
+ .v-menu > .v-overlay__content > .v-sheet,
22610
+ .v-menu > .v-overlay__content > .v-list {
22611
+ background: rgb(var(--v-theme-surface));
22612
+ border-radius: inherit;
22613
+ overflow: auto;
22614
+ height: 100%;
22615
+ 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));
22645
22616
  }.v-navigation-drawer {
22646
22617
  -webkit-overflow-scrolling: touch;
22647
22618
  background: rgb(var(--v-theme-surface));
@@ -22723,98 +22694,67 @@ textarea.v-field__input::placeholder {
22723
22694
  object-fit: cover;
22724
22695
  width: inherit;
22725
22696
  }
22726
-
22727
- .v-navigation-drawer__scrim {
22728
- position: absolute;
22729
- top: 0;
22730
- left: 0;
22731
- width: 100%;
22732
- height: 100%;
22733
- background: black;
22734
- opacity: 0.2;
22735
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22736
- z-index: 1;
22737
- }
22738
-
22739
- .v-navigation-drawer__prepend,
22740
- .v-navigation-drawer__append {
22741
- flex: none;
22742
- overflow: hidden;
22743
- }.v-menu > .v-overlay__content {
22744
- display: flex;
22745
- flex-direction: column;
22746
- border-radius: 4px;
22747
- }
22748
- .v-menu > .v-overlay__content > .v-card,
22749
- .v-menu > .v-overlay__content > .v-sheet,
22750
- .v-menu > .v-overlay__content > .v-list {
22751
- background: rgb(var(--v-theme-surface));
22752
- border-radius: inherit;
22753
- overflow: auto;
22754
- height: 100%;
22755
- 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));
22756
- }.v-otp-input {
22757
- border-radius: 4px;
22758
- align-items: center;
22759
- display: flex;
22760
- justify-content: center;
22761
- padding: 0.5rem 0;
22762
- position: relative;
22763
- }
22764
- .v-otp-input .v-field {
22765
- height: 100%;
22766
- }
22767
-
22768
- .v-otp-input__divider {
22769
- margin: 0 8px;
22770
- }
22771
-
22772
- .v-otp-input__content {
22773
- align-items: center;
22774
- display: flex;
22775
- gap: 0.5rem;
22776
- height: 64px;
22777
- padding: 0.5rem;
22778
- justify-content: center;
22779
- max-width: 320px;
22780
- position: relative;
22781
- border-radius: inherit;
22782
- }
22783
- .v-otp-input--divided .v-otp-input__content {
22784
- max-width: 360px;
22785
- }
22786
-
22787
- .v-otp-input__field {
22788
- color: inherit;
22789
- font-size: 1.25rem;
22790
- height: 100%;
22791
- outline: none;
22792
- text-align: center;
22697
+
22698
+ .v-navigation-drawer__scrim {
22699
+ position: absolute;
22700
+ top: 0;
22701
+ left: 0;
22793
22702
  width: 100%;
22703
+ height: 100%;
22704
+ background: black;
22705
+ opacity: 0.2;
22706
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22707
+ z-index: 1;
22794
22708
  }
22795
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22796
- -webkit-appearance: none;
22797
- margin: 0;
22709
+
22710
+ .v-navigation-drawer__prepend,
22711
+ .v-navigation-drawer__append {
22712
+ flex: none;
22713
+ overflow: hidden;
22714
+ }.v-main {
22715
+ flex: 1 0 auto;
22716
+ max-width: 100%;
22717
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22718
+ padding-left: var(--v-layout-left);
22719
+ padding-right: var(--v-layout-right);
22720
+ padding-top: var(--v-layout-top);
22721
+ padding-bottom: var(--v-layout-bottom);
22798
22722
  }
22799
- .v-otp-input__field[type=number] {
22800
- -moz-appearance: textfield;
22723
+ .v-main__scroller {
22724
+ max-width: 100%;
22725
+ position: relative;
22801
22726
  }
22802
-
22803
- .v-otp-input__loader {
22804
- align-items: center;
22727
+ .v-main--scrollable {
22805
22728
  display: flex;
22806
- height: 100%;
22807
- justify-content: center;
22729
+ position: absolute;
22730
+ top: 0;
22731
+ left: 0;
22808
22732
  width: 100%;
22733
+ height: 100%;
22809
22734
  }
22810
- .v-otp-input__loader .v-progress-linear {
22811
- position: absolute;
22812
- }.v-parallax {
22735
+ .v-main--scrollable > .v-main__scroller {
22736
+ flex: 1 1 auto;
22737
+ overflow-y: auto;
22738
+ --v-layout-left: 0px;
22739
+ --v-layout-right: 0px;
22740
+ --v-layout-top: 0px;
22741
+ --v-layout-bottom: 0px;
22742
+ }.v-messages {
22743
+ flex: 1 1 auto;
22744
+ font-size: 12px;
22745
+ min-height: 14px;
22746
+ min-width: 1px;
22747
+ opacity: var(--v-medium-emphasis-opacity);
22813
22748
  position: relative;
22814
- overflow: hidden;
22815
22749
  }
22816
- .v-parallax--active > .v-img__img {
22817
- will-change: transform;
22750
+ .v-messages__message {
22751
+ line-height: 12px;
22752
+ word-break: break-word;
22753
+ overflow-wrap: break-word;
22754
+ word-wrap: break-word;
22755
+ -webkit-hyphens: auto;
22756
+ hyphens: auto;
22757
+ transition-duration: 150ms;
22818
22758
  }.v-overlay-container {
22819
22759
  contain: layout;
22820
22760
  left: 0;
@@ -22878,6 +22818,62 @@ html.v-overlay-scroll-blocked {
22878
22818
 
22879
22819
  .v-overlay--scroll-blocked {
22880
22820
  padding-inline-end: var(--v-scrollbar-offset);
22821
+ }.v-otp-input {
22822
+ border-radius: 4px;
22823
+ align-items: center;
22824
+ display: flex;
22825
+ justify-content: center;
22826
+ padding: 0.5rem 0;
22827
+ position: relative;
22828
+ }
22829
+ .v-otp-input .v-field {
22830
+ height: 100%;
22831
+ }
22832
+
22833
+ .v-otp-input__divider {
22834
+ margin: 0 8px;
22835
+ }
22836
+
22837
+ .v-otp-input__content {
22838
+ align-items: center;
22839
+ display: flex;
22840
+ gap: 0.5rem;
22841
+ height: 64px;
22842
+ padding: 0.5rem;
22843
+ justify-content: center;
22844
+ max-width: 320px;
22845
+ position: relative;
22846
+ border-radius: inherit;
22847
+ }
22848
+ .v-otp-input--divided .v-otp-input__content {
22849
+ max-width: 360px;
22850
+ }
22851
+
22852
+ .v-otp-input__field {
22853
+ color: inherit;
22854
+ font-size: 1.25rem;
22855
+ height: 100%;
22856
+ outline: none;
22857
+ text-align: center;
22858
+ width: 100%;
22859
+ }
22860
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22861
+ -webkit-appearance: none;
22862
+ margin: 0;
22863
+ }
22864
+ .v-otp-input__field[type=number] {
22865
+ -moz-appearance: textfield;
22866
+ }
22867
+
22868
+ .v-otp-input__loader {
22869
+ align-items: center;
22870
+ display: flex;
22871
+ height: 100%;
22872
+ justify-content: center;
22873
+ width: 100%;
22874
+ }
22875
+ .v-otp-input__loader .v-progress-linear {
22876
+ position: absolute;
22881
22877
  }.v-pagination__list {
22882
22878
  display: inline-flex;
22883
22879
  list-style-type: none;
@@ -22886,6 +22882,12 @@ html.v-overlay-scroll-blocked {
22886
22882
  }
22887
22883
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22888
22884
  margin: 0.3rem;
22885
+ }.v-parallax {
22886
+ position: relative;
22887
+ overflow: hidden;
22888
+ }
22889
+ .v-parallax--active > .v-img__img {
22890
+ will-change: transform;
22889
22891
  }.v-progress-circular {
22890
22892
  align-items: center;
22891
22893
  display: inline-flex;
@@ -22988,72 +22990,6 @@ html.v-overlay-scroll-blocked {
22988
22990
  100% {
22989
22991
  transform: rotate(270deg);
22990
22992
  }
22991
- }.v-radio-group > .v-input__control {
22992
- flex-direction: column;
22993
- }
22994
- .v-radio-group > .v-input__control > .v-label {
22995
- margin-inline-start: 16px;
22996
- }
22997
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22998
- padding-inline-start: 6px;
22999
- margin-top: 8px;
23000
- }
23001
- .v-radio-group .v-input__details {
23002
- padding-inline: 16px;
23003
- }.v-rating {
23004
- max-width: 100%;
23005
- display: inline-flex;
23006
- white-space: nowrap;
23007
- }
23008
- .v-rating--readonly {
23009
- pointer-events: none;
23010
- }
23011
-
23012
- .v-rating__wrapper {
23013
- align-items: center;
23014
- display: inline-flex;
23015
- flex-direction: column;
23016
- }
23017
- .v-rating__wrapper--bottom {
23018
- flex-direction: column-reverse;
23019
- }
23020
-
23021
- .v-rating__item {
23022
- display: inline-flex;
23023
- position: relative;
23024
- }
23025
- .v-rating__item label {
23026
- cursor: pointer;
23027
- }
23028
- .v-rating__item .v-btn--variant-plain {
23029
- opacity: 1;
23030
- }
23031
- .v-rating__item .v-btn {
23032
- transition-property: transform;
23033
- }
23034
- .v-rating__item .v-btn .v-icon {
23035
- transition: inherit;
23036
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23037
- }
23038
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23039
- transform: scale(1.25);
23040
- }
23041
- .v-rating__item--half {
23042
- overflow: hidden;
23043
- position: absolute;
23044
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23045
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23046
- z-index: 1;
23047
- }
23048
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23049
- opacity: 0;
23050
- }
23051
-
23052
- .v-rating__hidden {
23053
- height: 0;
23054
- opacity: 0;
23055
- position: absolute;
23056
- width: 0;
23057
22993
  }.v-progress-linear {
23058
22994
  background: transparent;
23059
22995
  overflow: hidden;
@@ -23347,54 +23283,72 @@ html.v-overlay-scroll-blocked {
23347
23283
  flex: 1 0 0px;
23348
23284
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23349
23285
  pointer-events: none;
23350
- }.v-select .v-field .v-text-field__prefix,
23351
- .v-select .v-field .v-text-field__suffix,
23352
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23353
- cursor: pointer;
23286
+ }.v-radio-group > .v-input__control {
23287
+ flex-direction: column;
23354
23288
  }
23355
- .v-select .v-field .v-field__input > input {
23356
- align-self: flex-start;
23357
- opacity: 1;
23358
- flex: 0 0;
23359
- position: absolute;
23360
- width: 100%;
23361
- transition: none;
23362
- pointer-events: none;
23363
- caret-color: transparent;
23289
+ .v-radio-group > .v-input__control > .v-label {
23290
+ margin-inline-start: 16px;
23364
23291
  }
23365
- .v-select .v-field--dirty .v-select__selection {
23366
- margin-inline-end: 2px;
23292
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23293
+ padding-inline-start: 6px;
23294
+ margin-top: 8px;
23367
23295
  }
23368
- .v-select .v-select__selection-text {
23369
- overflow: hidden;
23370
- text-overflow: ellipsis;
23296
+ .v-radio-group .v-input__details {
23297
+ padding-inline: 16px;
23298
+ }.v-rating {
23299
+ max-width: 100%;
23300
+ display: inline-flex;
23371
23301
  white-space: nowrap;
23372
23302
  }
23373
- .v-select__content {
23374
- overflow: hidden;
23375
- 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));
23376
- border-radius: 4px;
23303
+ .v-rating--readonly {
23304
+ pointer-events: none;
23305
+ }
23306
+
23307
+ .v-rating__wrapper {
23308
+ align-items: center;
23309
+ display: inline-flex;
23310
+ flex-direction: column;
23311
+ }
23312
+ .v-rating__wrapper--bottom {
23313
+ flex-direction: column-reverse;
23314
+ }
23315
+
23316
+ .v-rating__item {
23317
+ display: inline-flex;
23318
+ position: relative;
23319
+ }
23320
+ .v-rating__item label {
23321
+ cursor: pointer;
23322
+ }
23323
+ .v-rating__item .v-btn--variant-plain {
23324
+ opacity: 1;
23325
+ }
23326
+ .v-rating__item .v-btn {
23327
+ transition-property: transform;
23328
+ }
23329
+ .v-rating__item .v-btn .v-icon {
23330
+ transition: inherit;
23331
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23377
23332
  }
23378
- .v-select__selection {
23379
- display: inline-flex;
23380
- align-items: center;
23381
- letter-spacing: inherit;
23382
- line-height: inherit;
23383
- max-width: 100%;
23333
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23334
+ transform: scale(1.25);
23384
23335
  }
23385
- .v-select .v-select__selection:first-child {
23386
- margin-inline-start: 0;
23336
+ .v-rating__item--half {
23337
+ overflow: hidden;
23338
+ position: absolute;
23339
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23340
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23341
+ z-index: 1;
23387
23342
  }
23388
- .v-select--selected .v-field .v-field__input > input {
23343
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23389
23344
  opacity: 0;
23390
23345
  }
23391
- .v-select__menu-icon {
23392
- margin-inline-start: 4px;
23393
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23394
- }
23395
- .v-select--active-menu .v-select__menu-icon {
23396
- opacity: var(--v-high-emphasis-opacity);
23397
- transform: rotate(180deg);
23346
+
23347
+ .v-rating__hidden {
23348
+ height: 0;
23349
+ opacity: 0;
23350
+ position: absolute;
23351
+ width: 0;
23398
23352
  }.v-selection-control {
23399
23353
  align-items: center;
23400
23354
  contain: layout;
@@ -23496,42 +23450,6 @@ html.v-overlay-scroll-blocked {
23496
23450
  }
23497
23451
  .v-selection-control--focus-visible .v-selection-control__input::before {
23498
23452
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23499
- }.v-selection-control-group {
23500
- grid-area: control;
23501
- display: flex;
23502
- flex-direction: column;
23503
- }
23504
- .v-selection-control-group--inline {
23505
- flex-direction: row;
23506
- flex-wrap: wrap;
23507
- }.v-sheet {
23508
- display: block;
23509
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23510
- border-style: solid;
23511
- border-width: 0;
23512
- 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));
23513
- border-radius: 0;
23514
- background: rgb(var(--v-theme-surface));
23515
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23516
- }
23517
- .v-sheet--border {
23518
- border-width: thin;
23519
- box-shadow: none;
23520
- }
23521
- .v-sheet--absolute {
23522
- position: absolute;
23523
- }
23524
- .v-sheet--fixed {
23525
- position: fixed;
23526
- }
23527
- .v-sheet--relative {
23528
- position: relative;
23529
- }
23530
- .v-sheet--sticky {
23531
- position: sticky;
23532
- }
23533
- .v-sheet--rounded {
23534
- border-radius: 4px;
23535
23453
  }.v-slide-group {
23536
23454
  display: flex;
23537
23455
  overflow: hidden;
@@ -23574,6 +23492,90 @@ html.v-overlay-scroll-blocked {
23574
23492
  .v-slide-group--vertical .v-slide-group__container,
23575
23493
  .v-slide-group--vertical .v-slide-group__content {
23576
23494
  flex-direction: column;
23495
+ }.v-select .v-field .v-text-field__prefix,
23496
+ .v-select .v-field .v-text-field__suffix,
23497
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23498
+ cursor: pointer;
23499
+ }
23500
+ .v-select .v-field .v-field__input > input {
23501
+ align-self: flex-start;
23502
+ opacity: 1;
23503
+ flex: 0 0;
23504
+ position: absolute;
23505
+ width: 100%;
23506
+ transition: none;
23507
+ pointer-events: none;
23508
+ caret-color: transparent;
23509
+ }
23510
+ .v-select .v-field--dirty .v-select__selection {
23511
+ margin-inline-end: 2px;
23512
+ }
23513
+ .v-select .v-select__selection-text {
23514
+ overflow: hidden;
23515
+ text-overflow: ellipsis;
23516
+ white-space: nowrap;
23517
+ }
23518
+ .v-select__content {
23519
+ overflow: hidden;
23520
+ 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));
23521
+ border-radius: 4px;
23522
+ }
23523
+ .v-select__selection {
23524
+ display: inline-flex;
23525
+ align-items: center;
23526
+ letter-spacing: inherit;
23527
+ line-height: inherit;
23528
+ max-width: 100%;
23529
+ }
23530
+ .v-select .v-select__selection:first-child {
23531
+ margin-inline-start: 0;
23532
+ }
23533
+ .v-select--selected .v-field .v-field__input > input {
23534
+ opacity: 0;
23535
+ }
23536
+ .v-select__menu-icon {
23537
+ margin-inline-start: 4px;
23538
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23539
+ }
23540
+ .v-select--active-menu .v-select__menu-icon {
23541
+ opacity: var(--v-high-emphasis-opacity);
23542
+ transform: rotate(180deg);
23543
+ }.v-selection-control-group {
23544
+ grid-area: control;
23545
+ display: flex;
23546
+ flex-direction: column;
23547
+ }
23548
+ .v-selection-control-group--inline {
23549
+ flex-direction: row;
23550
+ flex-wrap: wrap;
23551
+ }.v-sheet {
23552
+ display: block;
23553
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23554
+ border-style: solid;
23555
+ border-width: 0;
23556
+ 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));
23557
+ border-radius: 0;
23558
+ background: rgb(var(--v-theme-surface));
23559
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23560
+ }
23561
+ .v-sheet--border {
23562
+ border-width: thin;
23563
+ box-shadow: none;
23564
+ }
23565
+ .v-sheet--absolute {
23566
+ position: absolute;
23567
+ }
23568
+ .v-sheet--fixed {
23569
+ position: fixed;
23570
+ }
23571
+ .v-sheet--relative {
23572
+ position: relative;
23573
+ }
23574
+ .v-sheet--sticky {
23575
+ position: sticky;
23576
+ }
23577
+ .v-sheet--rounded {
23578
+ border-radius: 4px;
23577
23579
  }.v-skeleton-loader {
23578
23580
  align-items: center;
23579
23581
  background: rgb(var(--v-theme-surface));
@@ -23797,122 +23799,124 @@ html.v-overlay-scroll-blocked {
23797
23799
  100% {
23798
23800
  transform: translateX(100%);
23799
23801
  }
23800
- }.v-stepper.v-sheet {
23801
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23802
- border-radius: 4px;
23803
- overflow: hidden;
23804
- }
23805
- .v-stepper.v-sheet.v-stepper--flat {
23806
- 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));
23802
+ }.v-switch .v-label {
23803
+ padding-inline-start: 10px;
23807
23804
  }
23808
23805
 
23809
- .v-stepper-header {
23810
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23811
- align-items: center;
23806
+ .v-switch__loader {
23812
23807
  display: flex;
23813
- position: relative;
23814
- overflow-x: auto;
23815
- justify-content: space-between;
23816
- z-index: 1;
23817
23808
  }
23818
- .v-stepper-header .v-divider {
23819
- margin: 0 -16px;
23809
+ .v-switch__loader .v-progress-circular {
23810
+ color: rgb(var(--v-theme-surface));
23820
23811
  }
23821
- .v-stepper-header .v-divider:last-child {
23822
- margin-inline-end: 0;
23812
+
23813
+ .v-switch__track,
23814
+ .v-switch__thumb {
23815
+ transition: none;
23823
23816
  }
23824
- .v-stepper-header .v-divider:first-child {
23825
- margin-inline-start: 0;
23817
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23818
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23819
+ background-color: rgb(var(--v-theme-error));
23820
+ color: rgb(var(--v-theme-on-error));
23826
23821
  }
23827
- .v-stepper--alt-labels .v-stepper-header {
23828
- height: auto;
23822
+
23823
+ .v-switch__track-true {
23824
+ margin-inline-end: auto;
23829
23825
  }
23830
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23831
- align-self: flex-start;
23832
- margin: 35px -67px 0;
23826
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23827
+ opacity: 0;
23833
23828
  }
23834
23829
 
23835
- .v-stepper-window {
23836
- margin: 1.5rem;
23830
+ .v-switch__track-false {
23831
+ margin-inline-start: auto;
23832
+ }
23833
+ .v-selection-control--dirty .v-switch__track-false {
23834
+ opacity: 0;
23837
23835
  }
23838
23836
 
23839
- .v-stepper-actions {
23840
- display: flex;
23837
+ .v-switch__track {
23838
+ display: inline-flex;
23841
23839
  align-items: center;
23842
- justify-content: space-between;
23843
- padding: 1rem;
23840
+ font-size: 0.5rem;
23841
+ padding: 0 5px;
23842
+ background-color: rgb(var(--v-theme-surface-variant));
23843
+ border-radius: 9999px;
23844
+ height: 14px;
23845
+ opacity: 0.6;
23846
+ min-width: 36px;
23847
+ cursor: pointer;
23848
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23844
23849
  }
23845
- .v-stepper .v-stepper-actions {
23846
- padding: 0 1.5rem 1rem;
23850
+ .v-switch--inset .v-switch__track {
23851
+ border-radius: 9999px;
23852
+ font-size: 0.75rem;
23853
+ height: 32px;
23854
+ min-width: 52px;
23847
23855
  }
23848
- .v-stepper-window-item .v-stepper-actions {
23849
- padding: 1.5rem 0 0;
23850
- }.v-stepper-item {
23856
+
23857
+ .v-switch__thumb {
23851
23858
  align-items: center;
23852
- align-self: stretch;
23853
- display: inline-flex;
23854
- flex: none;
23855
- opacity: var(--v-medium-emphasis-opacity);
23856
- padding: 1.5rem;
23857
- transition-duration: 0.2s;
23858
- transition-property: opacity;
23859
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23860
- }
23861
- .v-stepper-item--selected {
23862
- opacity: 1;
23863
- }
23864
- .v-stepper-item--error {
23865
- color: rgb(var(--v-theme-error));
23866
- }
23867
- .v-stepper-item--disabled {
23868
- opacity: var(--v-medium-emphasis-opacity);
23859
+ background-color: rgb(var(--v-theme-surface-bright));
23860
+ color: rgb(var(--v-theme-on-surface-bright));
23861
+ border-radius: 50%;
23862
+ display: flex;
23863
+ font-size: 0.75rem;
23864
+ height: 20px;
23865
+ justify-content: center;
23866
+ width: 20px;
23869
23867
  pointer-events: none;
23868
+ 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);
23869
+ position: relative;
23870
+ overflow: hidden;
23870
23871
  }
23871
- .v-stepper--alt-labels .v-stepper-item {
23872
- flex-direction: column;
23873
- justify-content: flex-start;
23874
- align-items: center;
23875
- flex-basis: 175px;
23872
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
23873
+ 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));
23876
23874
  }
23877
-
23878
- .v-stepper-item__avatar.v-avatar {
23879
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23875
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
23876
+ background: rgb(var(--v-theme-surface-variant));
23880
23877
  color: rgb(var(--v-theme-on-surface-variant));
23881
- font-size: 0.75rem;
23882
- margin-inline-end: 8px;
23883
- }
23884
- .v-stepper-item__avatar.v-avatar .v-icon {
23885
- font-size: 0.875rem;
23878
+ 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));
23886
23879
  }
23887
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23888
- background: rgb(var(--v-theme-surface-variant));
23880
+ .v-switch--inset .v-switch__thumb {
23881
+ height: 24px;
23882
+ width: 24px;
23883
+ transform: scale(0.6666666667);
23889
23884
  }
23890
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23891
- background: rgb(var(--v-theme-error));
23885
+ .v-switch--inset .v-switch__thumb--filled {
23886
+ transform: none;
23892
23887
  }
23893
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23894
- margin-bottom: 16px;
23895
- margin-inline-end: 0;
23888
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23889
+ transform: none;
23890
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23896
23891
  }
23897
23892
 
23898
- .v-stepper-item__title {
23899
- line-height: 1;
23893
+ .v-switch.v-input {
23894
+ flex: 0 1 auto;
23900
23895
  }
23901
- .v-stepper--mobile .v-stepper-item__title {
23902
- display: none;
23896
+ .v-switch .v-selection-control {
23897
+ min-height: var(--v-input-control-height);
23903
23898
  }
23904
-
23905
- .v-stepper-item__subtitle {
23906
- font-size: 0.75rem;
23907
- text-align: left;
23908
- line-height: 1;
23909
- opacity: var(--v-medium-emphasis-opacity);
23899
+ .v-switch .v-selection-control__input {
23900
+ border-radius: 50%;
23901
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23902
+ transform: translateX(-10px);
23903
+ position: absolute;
23910
23904
  }
23911
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23912
- text-align: center;
23905
+ .v-switch .v-selection-control__input .v-icon {
23906
+ position: absolute;
23913
23907
  }
23914
- .v-stepper--mobile .v-stepper-item__subtitle {
23915
- display: none;
23908
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23909
+ transform: translateX(10px);
23910
+ }
23911
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23912
+ transform: scale(0.8);
23913
+ }
23914
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
23915
+ transform: scale(0.75);
23916
+ box-shadow: none;
23917
+ }
23918
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
23919
+ width: auto;
23916
23920
  }.v-snackbar {
23917
23921
  justify-content: center;
23918
23922
  z-index: 10000;
@@ -24032,124 +24036,254 @@ html.v-overlay-scroll-blocked {
24032
24036
  }
24033
24037
  .v-snackbar-transition-leave-to {
24034
24038
  opacity: 0;
24035
- }.v-switch .v-label {
24036
- padding-inline-start: 10px;
24039
+ }.v-system-bar {
24040
+ align-items: center;
24041
+ display: flex;
24042
+ flex: 1 1 auto;
24043
+ height: 24px;
24044
+ justify-content: flex-end;
24045
+ max-width: 100%;
24046
+ padding-inline: 8px;
24047
+ position: relative;
24048
+ text-align: end;
24049
+ width: 100%;
24050
+ 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));
24051
+ background: rgba(var(--v-theme-surface-light));
24052
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24053
+ font-size: 0.75rem;
24054
+ font-weight: 400;
24055
+ letter-spacing: 0.0333333333em;
24056
+ line-height: 1.25rem;
24057
+ text-transform: none;
24058
+ }
24059
+ .v-system-bar .v-icon {
24060
+ opacity: var(--v-medium-emphasis-opacity);
24061
+ }
24062
+ .v-system-bar--absolute {
24063
+ position: absolute;
24064
+ }
24065
+ .v-system-bar--fixed {
24066
+ position: fixed;
24067
+ }
24068
+ .v-system-bar--rounded {
24069
+ border-radius: 0;
24070
+ }
24071
+ .v-system-bar--window {
24072
+ height: 32px;
24073
+ }
24074
+ .v-system-bar:not(.v-system-bar--absolute) {
24075
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24076
+ }.v-stepper.v-sheet {
24077
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24078
+ border-radius: 4px;
24079
+ overflow: hidden;
24080
+ }
24081
+ .v-stepper.v-sheet.v-stepper--flat {
24082
+ 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));
24037
24083
  }
24038
24084
 
24039
- .v-switch__loader {
24085
+ .v-stepper-header {
24086
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24087
+ align-items: center;
24088
+ display: flex;
24089
+ position: relative;
24090
+ overflow-x: auto;
24091
+ justify-content: space-between;
24092
+ z-index: 1;
24093
+ }
24094
+ .v-stepper-header .v-divider {
24095
+ margin: 0 -16px;
24096
+ }
24097
+ .v-stepper-header .v-divider:last-child {
24098
+ margin-inline-end: 0;
24099
+ }
24100
+ .v-stepper-header .v-divider:first-child {
24101
+ margin-inline-start: 0;
24102
+ }
24103
+ .v-stepper--alt-labels .v-stepper-header {
24104
+ height: auto;
24105
+ }
24106
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24107
+ align-self: flex-start;
24108
+ margin: 35px -67px 0;
24109
+ }
24110
+
24111
+ .v-stepper-window {
24112
+ margin: 1.5rem;
24113
+ }
24114
+
24115
+ .v-stepper-actions {
24040
24116
  display: flex;
24117
+ align-items: center;
24118
+ justify-content: space-between;
24119
+ padding: 1rem;
24041
24120
  }
24042
- .v-switch__loader .v-progress-circular {
24043
- color: rgb(var(--v-theme-surface));
24121
+ .v-stepper .v-stepper-actions {
24122
+ padding: 0 1.5rem 1rem;
24123
+ }
24124
+ .v-stepper-window-item .v-stepper-actions {
24125
+ padding: 1.5rem 0 0;
24126
+ }.v-stepper-item {
24127
+ align-items: center;
24128
+ align-self: stretch;
24129
+ display: inline-flex;
24130
+ flex: none;
24131
+ opacity: var(--v-medium-emphasis-opacity);
24132
+ padding: 1.5rem;
24133
+ transition-duration: 0.2s;
24134
+ transition-property: opacity;
24135
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24136
+ }
24137
+ .v-stepper-item--selected {
24138
+ opacity: 1;
24139
+ }
24140
+ .v-stepper-item--error {
24141
+ color: rgb(var(--v-theme-error));
24142
+ }
24143
+ .v-stepper-item--disabled {
24144
+ opacity: var(--v-medium-emphasis-opacity);
24145
+ pointer-events: none;
24146
+ }
24147
+ .v-stepper--alt-labels .v-stepper-item {
24148
+ flex-direction: column;
24149
+ justify-content: flex-start;
24150
+ align-items: center;
24151
+ flex-basis: 175px;
24044
24152
  }
24045
24153
 
24046
- .v-switch__track,
24047
- .v-switch__thumb {
24048
- transition: none;
24154
+ .v-stepper-item__avatar.v-avatar {
24155
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24156
+ color: rgb(var(--v-theme-on-surface-variant));
24157
+ font-size: 0.75rem;
24158
+ margin-inline-end: 8px;
24049
24159
  }
24050
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24051
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24052
- background-color: rgb(var(--v-theme-error));
24053
- color: rgb(var(--v-theme-on-error));
24160
+ .v-stepper-item__avatar.v-avatar .v-icon {
24161
+ font-size: 0.875rem;
24162
+ }
24163
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24164
+ background: rgb(var(--v-theme-surface-variant));
24165
+ }
24166
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24167
+ background: rgb(var(--v-theme-error));
24168
+ }
24169
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24170
+ margin-bottom: 16px;
24171
+ margin-inline-end: 0;
24054
24172
  }
24055
24173
 
24056
- .v-switch__track-true {
24057
- margin-inline-end: auto;
24174
+ .v-stepper-item__title {
24175
+ line-height: 1;
24058
24176
  }
24059
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24060
- opacity: 0;
24177
+ .v-stepper--mobile .v-stepper-item__title {
24178
+ display: none;
24061
24179
  }
24062
24180
 
24063
- .v-switch__track-false {
24064
- margin-inline-start: auto;
24181
+ .v-stepper-item__subtitle {
24182
+ font-size: 0.75rem;
24183
+ text-align: left;
24184
+ line-height: 1;
24185
+ opacity: var(--v-medium-emphasis-opacity);
24065
24186
  }
24066
- .v-selection-control--dirty .v-switch__track-false {
24067
- opacity: 0;
24187
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24188
+ text-align: center;
24189
+ }
24190
+ .v-stepper--mobile .v-stepper-item__subtitle {
24191
+ display: none;
24192
+ }.v-tabs {
24193
+ display: flex;
24194
+ height: var(--v-tabs-height);
24195
+ }
24196
+ .v-tabs--density-default {
24197
+ --v-tabs-height: 48px;
24198
+ }
24199
+ .v-tabs--density-default.v-tabs--stacked {
24200
+ --v-tabs-height: 72px;
24068
24201
  }
24069
24202
 
24070
- .v-switch__track {
24071
- display: inline-flex;
24072
- align-items: center;
24073
- font-size: 0.5rem;
24074
- padding: 0 5px;
24075
- background-color: rgb(var(--v-theme-surface-variant));
24076
- border-radius: 9999px;
24077
- height: 14px;
24078
- opacity: 0.6;
24079
- min-width: 36px;
24080
- cursor: pointer;
24081
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24203
+ .v-tabs--density-comfortable {
24204
+ --v-tabs-height: 44px;
24082
24205
  }
24083
- .v-switch--inset .v-switch__track {
24084
- border-radius: 9999px;
24085
- font-size: 0.75rem;
24086
- height: 32px;
24087
- min-width: 52px;
24206
+ .v-tabs--density-comfortable.v-tabs--stacked {
24207
+ --v-tabs-height: 68px;
24088
24208
  }
24089
24209
 
24090
- .v-switch__thumb {
24091
- align-items: center;
24092
- background-color: rgb(var(--v-theme-surface-bright));
24093
- color: rgb(var(--v-theme-on-surface-bright));
24094
- border-radius: 50%;
24095
- display: flex;
24096
- font-size: 0.75rem;
24097
- height: 20px;
24098
- justify-content: center;
24099
- width: 20px;
24100
- pointer-events: none;
24101
- 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);
24102
- position: relative;
24103
- overflow: hidden;
24210
+ .v-tabs--density-compact {
24211
+ --v-tabs-height: 36px;
24104
24212
  }
24105
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
24106
- 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));
24213
+ .v-tabs--density-compact.v-tabs--stacked {
24214
+ --v-tabs-height: 60px;
24107
24215
  }
24108
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24109
- background: rgb(var(--v-theme-surface-variant));
24110
- color: rgb(var(--v-theme-on-surface-variant));
24111
- 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));
24216
+
24217
+ .v-tabs.v-slide-group--vertical {
24218
+ height: auto;
24219
+ flex: none;
24220
+ --v-tabs-height: 48px;
24112
24221
  }
24113
- .v-switch--inset .v-switch__thumb {
24114
- height: 24px;
24115
- width: 24px;
24116
- transform: scale(0.6666666667);
24222
+
24223
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24224
+ margin-inline-start: 42px;
24117
24225
  }
24118
- .v-switch--inset .v-switch__thumb--filled {
24119
- transform: none;
24226
+
24227
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24228
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24229
+ margin-inline-end: auto;
24120
24230
  }
24121
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24122
- transform: none;
24123
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24231
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24232
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24233
+ margin-inline-start: auto;
24124
24234
  }
24125
24235
 
24126
- .v-switch.v-input {
24127
- flex: 0 1 auto;
24236
+ .v-tabs--grow {
24237
+ flex-grow: 1;
24128
24238
  }
24129
- .v-switch .v-selection-control {
24130
- min-height: var(--v-input-control-height);
24239
+ .v-tabs--grow .v-tab {
24240
+ flex: 1 0 auto;
24241
+ max-width: none;
24131
24242
  }
24132
- .v-switch .v-selection-control__input {
24133
- border-radius: 50%;
24134
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24135
- transform: translateX(-10px);
24136
- position: absolute;
24243
+
24244
+ .v-tabs--align-tabs-end .v-tab:first-child {
24245
+ margin-inline-start: auto;
24137
24246
  }
24138
- .v-switch .v-selection-control__input .v-icon {
24139
- position: absolute;
24247
+ .v-tabs--align-tabs-end .v-tab:last-child {
24248
+ margin-inline-end: 0;
24140
24249
  }
24141
- .v-switch .v-selection-control--dirty .v-selection-control__input {
24142
- transform: translateX(10px);
24250
+
24251
+ @media (max-width: 1279.98px) {
24252
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24253
+ margin-inline-start: 52px;
24254
+ }
24255
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24256
+ margin-inline-end: 52px;
24257
+ }
24258
+ }.v-tab.v-tab.v-btn {
24259
+ height: var(--v-tabs-height);
24260
+ border-radius: 0;
24261
+ min-width: 90px;
24143
24262
  }
24144
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24145
- transform: scale(0.8);
24263
+ .v-slide-group--horizontal .v-tab {
24264
+ max-width: 360px;
24146
24265
  }
24147
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24148
- transform: scale(0.75);
24149
- box-shadow: none;
24266
+ .v-slide-group--vertical .v-tab {
24267
+ justify-content: start;
24150
24268
  }
24151
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24152
- width: auto;
24269
+
24270
+ .v-tab__slider {
24271
+ position: absolute;
24272
+ bottom: 0;
24273
+ left: 0;
24274
+ height: 2px;
24275
+ width: 100%;
24276
+ background: currentColor;
24277
+ pointer-events: none;
24278
+ opacity: 0;
24279
+ }
24280
+ .v-tab--selected .v-tab__slider {
24281
+ opacity: 1;
24282
+ }
24283
+ .v-slide-group--vertical .v-tab__slider {
24284
+ top: 0;
24285
+ height: 100%;
24286
+ width: 2px;
24153
24287
  }.v-table {
24154
24288
  background: rgb(var(--v-theme-surface));
24155
24289
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24253,173 +24387,41 @@ html.v-overlay-scroll-blocked {
24253
24387
  flex: 1 1 auto;
24254
24388
  }
24255
24389
 
24256
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24257
- border-top-left-radius: 0;
24258
- }
24259
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24260
- border-top-right-radius: 0;
24261
- }
24262
-
24263
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24264
- border-bottom-left-radius: 0;
24265
- }
24266
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24267
- border-bottom-right-radius: 0;
24268
- }
24269
-
24270
- .v-table--fixed-height > .v-table__wrapper {
24271
- overflow-y: auto;
24272
- }
24273
-
24274
- .v-table--fixed-header > .v-table__wrapper > table > thead {
24275
- position: sticky;
24276
- top: 0;
24277
- z-index: 2;
24278
- }
24279
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24280
- border-bottom: 0px !important;
24281
- }
24282
-
24283
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24284
- position: sticky;
24285
- bottom: 0;
24286
- z-index: 1;
24287
- }
24288
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24289
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24290
- border-top: 0px !important;
24291
- }.v-system-bar {
24292
- align-items: center;
24293
- display: flex;
24294
- flex: 1 1 auto;
24295
- height: 24px;
24296
- justify-content: flex-end;
24297
- max-width: 100%;
24298
- padding-inline: 8px;
24299
- position: relative;
24300
- text-align: end;
24301
- width: 100%;
24302
- 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));
24303
- background: rgba(var(--v-theme-surface-light));
24304
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24305
- font-size: 0.75rem;
24306
- font-weight: 400;
24307
- letter-spacing: 0.0333333333em;
24308
- line-height: 1.25rem;
24309
- text-transform: none;
24310
- }
24311
- .v-system-bar .v-icon {
24312
- opacity: var(--v-medium-emphasis-opacity);
24313
- }
24314
- .v-system-bar--absolute {
24315
- position: absolute;
24316
- }
24317
- .v-system-bar--fixed {
24318
- position: fixed;
24319
- }
24320
- .v-system-bar--rounded {
24321
- border-radius: 0;
24322
- }
24323
- .v-system-bar--window {
24324
- height: 32px;
24325
- }
24326
- .v-system-bar:not(.v-system-bar--absolute) {
24327
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24328
- }.v-tab.v-tab.v-btn {
24329
- height: var(--v-tabs-height);
24330
- border-radius: 0;
24331
- min-width: 90px;
24332
- }
24333
- .v-slide-group--horizontal .v-tab {
24334
- max-width: 360px;
24335
- }
24336
- .v-slide-group--vertical .v-tab {
24337
- justify-content: start;
24338
- }
24339
-
24340
- .v-tab__slider {
24341
- position: absolute;
24342
- bottom: 0;
24343
- left: 0;
24344
- height: 2px;
24345
- width: 100%;
24346
- background: currentColor;
24347
- pointer-events: none;
24348
- opacity: 0;
24349
- }
24350
- .v-tab--selected .v-tab__slider {
24351
- opacity: 1;
24352
- }
24353
- .v-slide-group--vertical .v-tab__slider {
24354
- top: 0;
24355
- height: 100%;
24356
- width: 2px;
24357
- }.v-tabs {
24358
- display: flex;
24359
- height: var(--v-tabs-height);
24360
- }
24361
- .v-tabs--density-default {
24362
- --v-tabs-height: 48px;
24363
- }
24364
- .v-tabs--density-default.v-tabs--stacked {
24365
- --v-tabs-height: 72px;
24366
- }
24367
-
24368
- .v-tabs--density-comfortable {
24369
- --v-tabs-height: 44px;
24370
- }
24371
- .v-tabs--density-comfortable.v-tabs--stacked {
24372
- --v-tabs-height: 68px;
24373
- }
24374
-
24375
- .v-tabs--density-compact {
24376
- --v-tabs-height: 36px;
24377
- }
24378
- .v-tabs--density-compact.v-tabs--stacked {
24379
- --v-tabs-height: 60px;
24380
- }
24381
-
24382
- .v-tabs.v-slide-group--vertical {
24383
- height: auto;
24384
- flex: none;
24385
- --v-tabs-height: 48px;
24386
- }
24387
-
24388
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24389
- margin-inline-start: 42px;
24390
- }
24391
-
24392
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24393
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24394
- margin-inline-end: auto;
24390
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24391
+ border-top-left-radius: 0;
24395
24392
  }
24396
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24397
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24398
- margin-inline-start: auto;
24393
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24394
+ border-top-right-radius: 0;
24399
24395
  }
24400
24396
 
24401
- .v-tabs--grow {
24402
- flex-grow: 1;
24397
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24398
+ border-bottom-left-radius: 0;
24403
24399
  }
24404
- .v-tabs--grow .v-tab {
24405
- flex: 1 0 auto;
24406
- max-width: none;
24400
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24401
+ border-bottom-right-radius: 0;
24407
24402
  }
24408
24403
 
24409
- .v-tabs--align-tabs-end .v-tab:first-child {
24410
- margin-inline-start: auto;
24404
+ .v-table--fixed-height > .v-table__wrapper {
24405
+ overflow-y: auto;
24411
24406
  }
24412
- .v-tabs--align-tabs-end .v-tab:last-child {
24413
- margin-inline-end: 0;
24407
+
24408
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
24409
+ position: sticky;
24410
+ top: 0;
24411
+ z-index: 2;
24412
+ }
24413
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24414
+ border-bottom: 0px !important;
24414
24415
  }
24415
24416
 
24416
- @media (max-width: 1279.98px) {
24417
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24418
- margin-inline-start: 52px;
24419
- }
24420
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24421
- margin-inline-end: 52px;
24422
- }
24417
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24418
+ position: sticky;
24419
+ bottom: 0;
24420
+ z-index: 1;
24421
+ }
24422
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24423
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24424
+ border-top: 0px !important;
24423
24425
  }/* region BLOCK */
24424
24426
  .v-text-field input {
24425
24427
  color: inherit;
@@ -24487,49 +24489,7 @@ html.v-overlay-scroll-blocked {
24487
24489
  padding-inline-end: var(--v-field-padding-end);
24488
24490
  }
24489
24491
 
24490
- /* endregion */.v-textarea .v-field {
24491
- --v-textarea-control-height: var(--v-input-control-height);
24492
- }
24493
- .v-textarea .v-field__field {
24494
- --v-input-control-height: var(--v-textarea-control-height);
24495
- }
24496
- .v-textarea .v-field__input {
24497
- flex: 1 1 auto;
24498
- outline: none;
24499
- -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));
24500
- 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));
24501
- }
24502
- .v-textarea .v-field__input.v-textarea__sizer {
24503
- visibility: hidden;
24504
- position: absolute;
24505
- top: 0;
24506
- left: 0;
24507
- height: 0 !important;
24508
- min-height: 0 !important;
24509
- pointer-events: none;
24510
- }
24511
- .v-textarea--no-resize .v-field__input {
24512
- resize: none;
24513
- }
24514
- .v-textarea .v-field--no-label textarea,
24515
- .v-textarea .v-field--active textarea {
24516
- opacity: 1;
24517
- }
24518
- .v-textarea textarea {
24519
- opacity: 0;
24520
- flex: 1;
24521
- min-width: 0;
24522
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24523
- }
24524
- .v-textarea textarea:focus, .v-textarea textarea:active {
24525
- outline: none;
24526
- }
24527
- .v-textarea textarea:invalid {
24528
- box-shadow: none;
24529
- }.v-theme-provider {
24530
- background: rgb(var(--v-theme-background));
24531
- color: rgb(var(--v-theme-on-background));
24532
- }.v-toolbar {
24492
+ /* endregion */.v-toolbar {
24533
24493
  align-items: flex-start;
24534
24494
  display: flex;
24535
24495
  flex: none;
@@ -24658,6 +24618,48 @@ html.v-overlay-scroll-blocked {
24658
24618
  }
24659
24619
  .v-toolbar-items > .v-btn {
24660
24620
  border-radius: 0;
24621
+ }.v-textarea .v-field {
24622
+ --v-textarea-control-height: var(--v-input-control-height);
24623
+ }
24624
+ .v-textarea .v-field__field {
24625
+ --v-input-control-height: var(--v-textarea-control-height);
24626
+ }
24627
+ .v-textarea .v-field__input {
24628
+ flex: 1 1 auto;
24629
+ outline: none;
24630
+ -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));
24631
+ 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));
24632
+ }
24633
+ .v-textarea .v-field__input.v-textarea__sizer {
24634
+ visibility: hidden;
24635
+ position: absolute;
24636
+ top: 0;
24637
+ left: 0;
24638
+ height: 0 !important;
24639
+ min-height: 0 !important;
24640
+ pointer-events: none;
24641
+ }
24642
+ .v-textarea--no-resize .v-field__input {
24643
+ resize: none;
24644
+ }
24645
+ .v-textarea .v-field--no-label textarea,
24646
+ .v-textarea .v-field--active textarea {
24647
+ opacity: 1;
24648
+ }
24649
+ .v-textarea textarea {
24650
+ opacity: 0;
24651
+ flex: 1;
24652
+ min-width: 0;
24653
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24654
+ }
24655
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24656
+ outline: none;
24657
+ }
24658
+ .v-textarea textarea:invalid {
24659
+ box-shadow: none;
24660
+ }.v-theme-provider {
24661
+ background: rgb(var(--v-theme-background));
24662
+ color: rgb(var(--v-theme-on-background));
24661
24663
  }.v-timeline .v-timeline-divider__dot {
24662
24664
  background: rgb(var(--v-theme-surface-light));
24663
24665
  }
@@ -25174,6 +25176,34 @@ html.v-overlay-scroll-blocked {
25174
25176
  }
25175
25177
  .v-window-y-reverse-transition-leave-to {
25176
25178
  transform: translateY(100%);
25179
+ }.v-color-picker-edit {
25180
+ display: flex;
25181
+ margin-top: 24px;
25182
+ }
25183
+
25184
+ .v-color-picker-edit__input {
25185
+ width: 100%;
25186
+ display: flex;
25187
+ flex-wrap: wrap;
25188
+ justify-content: center;
25189
+ text-align: center;
25190
+ }
25191
+ .v-color-picker-edit__input:not(:last-child) {
25192
+ margin-inline-end: 8px;
25193
+ }
25194
+ .v-color-picker-edit__input input {
25195
+ border-radius: 4px;
25196
+ margin-bottom: 8px;
25197
+ min-width: 0;
25198
+ outline: none;
25199
+ text-align: center;
25200
+ width: 100%;
25201
+ height: 32px;
25202
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25203
+ color: rgba(var(--v-theme-on-surface));
25204
+ }
25205
+ .v-color-picker-edit__input span {
25206
+ font-size: 0.75rem;
25177
25207
  }.v-color-picker-canvas {
25178
25208
  display: flex;
25179
25209
  position: relative;
@@ -25196,6 +25226,41 @@ html.v-overlay-scroll-blocked {
25196
25226
  }
25197
25227
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25198
25228
  will-change: transform;
25229
+ }.v-color-picker-swatches {
25230
+ overflow-y: auto;
25231
+ }
25232
+ .v-color-picker-swatches > div {
25233
+ display: flex;
25234
+ flex-wrap: wrap;
25235
+ justify-content: center;
25236
+ padding: 8px;
25237
+ }
25238
+
25239
+ .v-color-picker-swatches__swatch {
25240
+ display: flex;
25241
+ flex-direction: column;
25242
+ margin-bottom: 10px;
25243
+ }
25244
+
25245
+ .v-color-picker-swatches__color {
25246
+ position: relative;
25247
+ height: 18px;
25248
+ max-height: 18px;
25249
+ width: 45px;
25250
+ margin: 2px 4px;
25251
+ border-radius: 2px;
25252
+ -webkit-user-select: none;
25253
+ user-select: none;
25254
+ overflow: hidden;
25255
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25256
+ cursor: pointer;
25257
+ }
25258
+ .v-color-picker-swatches__color > div {
25259
+ display: flex;
25260
+ align-items: center;
25261
+ justify-content: center;
25262
+ width: 100%;
25263
+ height: 100%;
25199
25264
  }.v-color-picker-preview__alpha .v-slider-track__background {
25200
25265
  background-color: transparent !important;
25201
25266
  }
@@ -25266,69 +25331,6 @@ html.v-overlay-scroll-blocked {
25266
25331
  .v-color-picker-preview__eye-dropper {
25267
25332
  position: relative;
25268
25333
  margin-right: 12px;
25269
- }.v-color-picker-edit {
25270
- display: flex;
25271
- margin-top: 24px;
25272
- }
25273
-
25274
- .v-color-picker-edit__input {
25275
- width: 100%;
25276
- display: flex;
25277
- flex-wrap: wrap;
25278
- justify-content: center;
25279
- text-align: center;
25280
- }
25281
- .v-color-picker-edit__input:not(:last-child) {
25282
- margin-inline-end: 8px;
25283
- }
25284
- .v-color-picker-edit__input input {
25285
- border-radius: 4px;
25286
- margin-bottom: 8px;
25287
- min-width: 0;
25288
- outline: none;
25289
- text-align: center;
25290
- width: 100%;
25291
- height: 32px;
25292
- background: rgba(var(--v-theme-surface-variant), 0.2);
25293
- color: rgba(var(--v-theme-on-surface));
25294
- }
25295
- .v-color-picker-edit__input span {
25296
- font-size: 0.75rem;
25297
- }.v-color-picker-swatches {
25298
- overflow-y: auto;
25299
- }
25300
- .v-color-picker-swatches > div {
25301
- display: flex;
25302
- flex-wrap: wrap;
25303
- justify-content: center;
25304
- padding: 8px;
25305
- }
25306
-
25307
- .v-color-picker-swatches__swatch {
25308
- display: flex;
25309
- flex-direction: column;
25310
- margin-bottom: 10px;
25311
- }
25312
-
25313
- .v-color-picker-swatches__color {
25314
- position: relative;
25315
- height: 18px;
25316
- max-height: 18px;
25317
- width: 45px;
25318
- margin: 2px 4px;
25319
- border-radius: 2px;
25320
- -webkit-user-select: none;
25321
- user-select: none;
25322
- overflow: hidden;
25323
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25324
- cursor: pointer;
25325
- }
25326
- .v-color-picker-swatches__color > div {
25327
- display: flex;
25328
- align-items: center;
25329
- justify-content: center;
25330
- width: 100%;
25331
- height: 100%;
25332
25334
  }.v-slider-thumb {
25333
25335
  touch-action: none;
25334
25336
  color: rgb(var(--v-theme-surface-variant));