@vuetify/nightly 3.6.14-master.2024-08-13 → 3.6.14-master.2024-08-14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.14-master.2024-08-13
2
+ * Vuetify v3.6.14-master.2024-08-14
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18307,6 +18307,79 @@ html.overflow-y-hidden {
18307
18307
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18308
18308
  opacity: var(--v-high-emphasis-opacity);
18309
18309
  transform: rotate(180deg);
18310
+ }.v-badge {
18311
+ display: inline-block;
18312
+ line-height: 1;
18313
+ }
18314
+
18315
+ .v-badge__badge {
18316
+ align-items: center;
18317
+ display: inline-flex;
18318
+ border-radius: 10px;
18319
+ font-size: 0.75rem;
18320
+ font-weight: 500;
18321
+ height: 1.25rem;
18322
+ justify-content: center;
18323
+ min-width: 20px;
18324
+ padding: 4px 6px;
18325
+ pointer-events: auto;
18326
+ position: absolute;
18327
+ text-align: center;
18328
+ text-indent: 0;
18329
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18330
+ white-space: nowrap;
18331
+ }
18332
+ .v-badge__badge {
18333
+ background: rgb(var(--v-theme-surface-variant));
18334
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18335
+ }
18336
+ .v-badge--bordered .v-badge__badge::after {
18337
+ border-radius: inherit;
18338
+ border-style: solid;
18339
+ border-width: 2px;
18340
+ bottom: 0;
18341
+ color: rgb(var(--v-theme-background));
18342
+ content: "";
18343
+ left: 0;
18344
+ position: absolute;
18345
+ right: 0;
18346
+ top: 0;
18347
+ transform: scale(1.05);
18348
+ }
18349
+ .v-badge--dot .v-badge__badge {
18350
+ border-radius: 4.5px;
18351
+ height: 9px;
18352
+ min-width: 0;
18353
+ padding: 0;
18354
+ width: 9px;
18355
+ }
18356
+ .v-badge--dot .v-badge__badge::after {
18357
+ border-width: 1.5px;
18358
+ }
18359
+ .v-badge--inline .v-badge__badge {
18360
+ position: relative;
18361
+ vertical-align: middle;
18362
+ }
18363
+ .v-badge__badge .v-icon {
18364
+ color: inherit;
18365
+ font-size: 0.75rem;
18366
+ margin: 0 -2px;
18367
+ }
18368
+ .v-badge__badge img,
18369
+ .v-badge__badge .v-img {
18370
+ height: 100%;
18371
+ width: 100%;
18372
+ }
18373
+
18374
+ .v-badge__wrapper {
18375
+ display: flex;
18376
+ position: relative;
18377
+ }
18378
+ .v-badge--inline .v-badge__wrapper {
18379
+ align-items: center;
18380
+ display: inline-flex;
18381
+ justify-content: center;
18382
+ margin: 0 4px;
18310
18383
  }.v-avatar {
18311
18384
  flex: none;
18312
18385
  align-items: center;
@@ -18404,79 +18477,6 @@ html.overflow-y-hidden {
18404
18477
  .v-avatar .v-img {
18405
18478
  height: 100%;
18406
18479
  width: 100%;
18407
- }.v-badge {
18408
- display: inline-block;
18409
- line-height: 1;
18410
- }
18411
-
18412
- .v-badge__badge {
18413
- align-items: center;
18414
- display: inline-flex;
18415
- border-radius: 10px;
18416
- font-size: 0.75rem;
18417
- font-weight: 500;
18418
- height: 1.25rem;
18419
- justify-content: center;
18420
- min-width: 20px;
18421
- padding: 4px 6px;
18422
- pointer-events: auto;
18423
- position: absolute;
18424
- text-align: center;
18425
- text-indent: 0;
18426
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18427
- white-space: nowrap;
18428
- }
18429
- .v-badge__badge {
18430
- background: rgb(var(--v-theme-surface-variant));
18431
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18432
- }
18433
- .v-badge--bordered .v-badge__badge::after {
18434
- border-radius: inherit;
18435
- border-style: solid;
18436
- border-width: 2px;
18437
- bottom: 0;
18438
- color: rgb(var(--v-theme-background));
18439
- content: "";
18440
- left: 0;
18441
- position: absolute;
18442
- right: 0;
18443
- top: 0;
18444
- transform: scale(1.05);
18445
- }
18446
- .v-badge--dot .v-badge__badge {
18447
- border-radius: 4.5px;
18448
- height: 9px;
18449
- min-width: 0;
18450
- padding: 0;
18451
- width: 9px;
18452
- }
18453
- .v-badge--dot .v-badge__badge::after {
18454
- border-width: 1.5px;
18455
- }
18456
- .v-badge--inline .v-badge__badge {
18457
- position: relative;
18458
- vertical-align: middle;
18459
- }
18460
- .v-badge__badge .v-icon {
18461
- color: inherit;
18462
- font-size: 0.75rem;
18463
- margin: 0 -2px;
18464
- }
18465
- .v-badge__badge img,
18466
- .v-badge__badge .v-img {
18467
- height: 100%;
18468
- width: 100%;
18469
- }
18470
-
18471
- .v-badge__wrapper {
18472
- display: flex;
18473
- position: relative;
18474
- }
18475
- .v-badge--inline .v-badge__wrapper {
18476
- align-items: center;
18477
- display: inline-flex;
18478
- justify-content: center;
18479
- margin: 0 4px;
18480
18480
  }.v-banner {
18481
18481
  display: grid;
18482
18482
  flex: 1 1;
@@ -19679,6 +19679,24 @@ html.overflow-y-hidden {
19679
19679
  }
19680
19680
  .v-checkbox .v-selection-control {
19681
19681
  min-height: var(--v-input-control-height);
19682
+ }.v-chip-group {
19683
+ display: flex;
19684
+ max-width: 100%;
19685
+ min-width: 0;
19686
+ overflow-x: auto;
19687
+ padding: 4px 0;
19688
+ }
19689
+ .v-chip-group .v-chip {
19690
+ margin: 4px 8px 4px 0;
19691
+ }
19692
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19693
+ opacity: var(--v-activated-opacity);
19694
+ }
19695
+
19696
+ .v-chip-group--column .v-slide-group__content {
19697
+ white-space: normal;
19698
+ flex-wrap: wrap;
19699
+ max-width: 100%;
19682
19700
  }.v-chip {
19683
19701
  align-items: center;
19684
19702
  display: inline-flex;
@@ -20097,24 +20115,6 @@ html.overflow-y-hidden {
20097
20115
 
20098
20116
  .v-chip--label {
20099
20117
  border-radius: 4px;
20100
- }.v-chip-group {
20101
- display: flex;
20102
- max-width: 100%;
20103
- min-width: 0;
20104
- overflow-x: auto;
20105
- padding: 4px 0;
20106
- }
20107
- .v-chip-group .v-chip {
20108
- margin: 4px 8px 4px 0;
20109
- }
20110
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20111
- opacity: var(--v-activated-opacity);
20112
- }
20113
-
20114
- .v-chip-group--column .v-slide-group__content {
20115
- white-space: normal;
20116
- flex-wrap: wrap;
20117
- max-width: 100%;
20118
20118
  }.v-color-picker {
20119
20119
  align-self: flex-start;
20120
20120
  contain: content;
@@ -20227,48 +20227,259 @@ html.overflow-y-hidden {
20227
20227
  flex: 0 1 auto;
20228
20228
  font-size: 12px;
20229
20229
  transition-duration: 150ms;
20230
- }.v-data-table {
20231
- width: 100%;
20230
+ }.v-date-picker {
20231
+ overflow: hidden;
20232
+ width: 328px;
20232
20233
  }
20233
-
20234
- .v-data-table__table {
20235
- width: 100%;
20236
- border-collapse: separate;
20237
- border-spacing: 0;
20234
+ .v-date-picker--show-week {
20235
+ width: 368px;
20236
+ }.v-date-picker-controls {
20237
+ display: flex;
20238
+ align-items: center;
20239
+ justify-content: space-between;
20240
+ font-size: 0.875rem;
20241
+ padding-top: 4px;
20242
+ padding-bottom: 4px;
20243
+ padding-inline-start: 6px;
20244
+ padding-inline-end: 12px;
20238
20245
  }
20239
-
20240
- .v-data-table__tr--focus {
20241
- border: 1px dotted black;
20246
+ .v-date-picker-controls > .v-btn:first-child {
20247
+ text-transform: none;
20248
+ font-weight: 400;
20249
+ line-height: initial;
20250
+ letter-spacing: initial;
20242
20251
  }
20243
- .v-data-table__tr--clickable {
20252
+ .v-date-picker-controls--variant-classic {
20253
+ padding-inline-start: 12px;
20254
+ }
20255
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20256
+ opacity: 0.7;
20257
+ }
20258
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20244
20259
  cursor: pointer;
20245
20260
  }
20246
-
20247
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20248
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20249
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20250
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20251
- text-align: end;
20261
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20262
+ opacity: 1;
20252
20263
  }
20253
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20254
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20255
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20256
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20257
- flex-direction: row-reverse;
20264
+ .v-date-picker-controls .v-btn:last-child {
20265
+ margin-inline-start: 4px;
20258
20266
  }
20259
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20260
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20261
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20262
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20267
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20268
+ transform: rotate(180deg);
20269
+ }
20270
+
20271
+ .v-date-picker-controls__date {
20272
+ margin-inline-end: 4px;
20273
+ }
20274
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20275
+ margin: auto;
20263
20276
  text-align: center;
20264
20277
  }
20265
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20266
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20267
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20268
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20269
- justify-content: center;
20278
+
20279
+ .v-date-picker-controls__month {
20280
+ display: flex;
20270
20281
  }
20271
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20282
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20283
+ flex-direction: row-reverse;
20284
+ }
20285
+
20286
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20287
+ flex: 1 0 auto;
20288
+ }
20289
+
20290
+ .v-date-picker__title {
20291
+ display: inline-block;
20292
+ }.v-date-picker-header {
20293
+ align-items: flex-end;
20294
+ height: 70px;
20295
+ display: grid;
20296
+ grid-template-areas: "prepend content append";
20297
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20298
+ overflow: hidden;
20299
+ padding-inline: 24px 12px;
20300
+ padding-bottom: 12px;
20301
+ }
20302
+
20303
+ .v-date-picker-header__append {
20304
+ grid-area: append;
20305
+ }
20306
+
20307
+ .v-date-picker-header__prepend {
20308
+ grid-area: prepend;
20309
+ padding-inline-start: 8px;
20310
+ }
20311
+
20312
+ .v-date-picker-header__content {
20313
+ align-items: center;
20314
+ display: inline-flex;
20315
+ font-size: 32px;
20316
+ line-height: 40px;
20317
+ grid-area: content;
20318
+ justify-content: space-between;
20319
+ }
20320
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20321
+ cursor: pointer;
20322
+ }
20323
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20324
+ opacity: 0.7;
20325
+ }
20326
+
20327
+ .date-picker-header-transition-enter-active,
20328
+ .date-picker-header-reverse-transition-enter-active {
20329
+ transition-duration: 0.3s;
20330
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20331
+ }
20332
+ .date-picker-header-transition-leave-active,
20333
+ .date-picker-header-reverse-transition-leave-active {
20334
+ transition-duration: 0.3s;
20335
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20336
+ }
20337
+
20338
+ .date-picker-header-transition-enter-from {
20339
+ transform: translate(0, 100%);
20340
+ }
20341
+ .date-picker-header-transition-leave-to {
20342
+ opacity: 0;
20343
+ transform: translate(0, -100%);
20344
+ }
20345
+
20346
+ .date-picker-header-reverse-transition-enter-from {
20347
+ transform: translate(0, -100%);
20348
+ }
20349
+ .date-picker-header-reverse-transition-leave-to {
20350
+ opacity: 0;
20351
+ transform: translate(0, 100%);
20352
+ }.v-date-picker-month {
20353
+ display: flex;
20354
+ justify-content: center;
20355
+ padding: 0 12px 8px;
20356
+ --v-date-picker-month-day-diff: 4px;
20357
+ }
20358
+
20359
+ .v-date-picker-month__weeks {
20360
+ display: grid;
20361
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20362
+ column-gap: 4px;
20363
+ font-size: 0.85rem;
20364
+ }
20365
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20366
+ grid-row-gap: 0;
20367
+ }
20368
+
20369
+ .v-date-picker-month__weekday {
20370
+ font-size: 0.85rem;
20371
+ }
20372
+
20373
+ .v-date-picker-month__days {
20374
+ display: grid;
20375
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20376
+ column-gap: 4px;
20377
+ flex: 1 1;
20378
+ justify-content: space-around;
20379
+ }
20380
+
20381
+ .v-date-picker-month__day {
20382
+ align-items: center;
20383
+ display: flex;
20384
+ justify-content: center;
20385
+ position: relative;
20386
+ height: 40px;
20387
+ width: 40px;
20388
+ }
20389
+ .v-date-picker-month__day--selected .v-btn {
20390
+ background-color: rgb(var(--v-theme-surface-variant));
20391
+ color: rgb(var(--v-theme-on-surface-variant));
20392
+ }
20393
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20394
+ --v-btn-height: 24px;
20395
+ --v-btn-size: 0.85rem;
20396
+ }
20397
+ .v-date-picker-month__day--week {
20398
+ font-size: var(--v-btn-size);
20399
+ }
20400
+
20401
+ .v-date-picker-month__day--adjacent {
20402
+ opacity: 0.5;
20403
+ }
20404
+
20405
+ .v-date-picker-month__day--hide-adjacent {
20406
+ opacity: 0;
20407
+ }.v-date-picker-months {
20408
+ height: 288px;
20409
+ }
20410
+
20411
+ .v-date-picker-months__content {
20412
+ align-items: center;
20413
+ display: grid;
20414
+ flex: 1 1;
20415
+ height: inherit;
20416
+ justify-content: space-around;
20417
+ grid-template-columns: repeat(2, 1fr);
20418
+ grid-gap: 0px 24px;
20419
+ padding-inline-start: 36px;
20420
+ padding-inline-end: 36px;
20421
+ }
20422
+ .v-date-picker-months__content .v-btn {
20423
+ text-transform: none;
20424
+ padding-inline-start: 8px;
20425
+ padding-inline-end: 8px;
20426
+ }.v-date-picker-years {
20427
+ height: 288px;
20428
+ overflow-y: scroll;
20429
+ }
20430
+
20431
+ .v-date-picker-years__content {
20432
+ display: grid;
20433
+ flex: 1 1;
20434
+ justify-content: space-around;
20435
+ grid-template-columns: repeat(3, 1fr);
20436
+ gap: 8px 24px;
20437
+ padding-inline: 32px;
20438
+ }
20439
+ .v-date-picker-years__content .v-btn {
20440
+ padding-inline: 8px;
20441
+ }.v-data-table {
20442
+ width: 100%;
20443
+ }
20444
+
20445
+ .v-data-table__table {
20446
+ width: 100%;
20447
+ border-collapse: separate;
20448
+ border-spacing: 0;
20449
+ }
20450
+
20451
+ .v-data-table__tr--focus {
20452
+ border: 1px dotted black;
20453
+ }
20454
+ .v-data-table__tr--clickable {
20455
+ cursor: pointer;
20456
+ }
20457
+
20458
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20459
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20460
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20461
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20462
+ text-align: end;
20463
+ }
20464
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20465
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20466
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20467
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20468
+ flex-direction: row-reverse;
20469
+ }
20470
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20471
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20472
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20473
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20474
+ text-align: center;
20475
+ }
20476
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20477
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20478
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20479
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20480
+ justify-content: center;
20481
+ }
20482
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20272
20483
  .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20273
20484
  .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20274
20485
  .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
@@ -20445,256 +20656,45 @@ html.overflow-y-hidden {
20445
20656
  }
20446
20657
  .v-data-table-footer__page {
20447
20658
  padding: 0 8px;
20448
- }.v-date-picker-controls {
20449
- display: flex;
20659
+ }.v-dialog {
20450
20660
  align-items: center;
20451
- justify-content: space-between;
20452
- font-size: 0.875rem;
20453
- padding-top: 4px;
20454
- padding-bottom: 4px;
20455
- padding-inline-start: 6px;
20456
- padding-inline-end: 12px;
20661
+ justify-content: center;
20662
+ margin: auto;
20457
20663
  }
20458
- .v-date-picker-controls > .v-btn:first-child {
20459
- text-transform: none;
20460
- font-weight: 400;
20461
- line-height: initial;
20462
- letter-spacing: initial;
20664
+ .v-dialog > .v-overlay__content {
20665
+ max-height: calc(100% - 48px);
20666
+ width: calc(100% - 48px);
20667
+ max-width: calc(100% - 48px);
20668
+ margin: 24px;
20463
20669
  }
20464
- .v-date-picker-controls--variant-classic {
20465
- padding-inline-start: 12px;
20670
+ .v-dialog > .v-overlay__content,
20671
+ .v-dialog > .v-overlay__content > form {
20672
+ display: flex;
20673
+ flex-direction: column;
20674
+ min-height: 0;
20466
20675
  }
20467
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20468
- opacity: 0.7;
20676
+ .v-dialog > .v-overlay__content > .v-card,
20677
+ .v-dialog > .v-overlay__content > .v-sheet,
20678
+ .v-dialog > .v-overlay__content > form > .v-card,
20679
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20680
+ --v-scrollbar-offset: 0px;
20681
+ border-radius: 4px;
20682
+ overflow-y: auto;
20469
20683
  }
20470
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20471
- cursor: pointer;
20684
+ .v-dialog > .v-overlay__content > .v-card,
20685
+ .v-dialog > .v-overlay__content > .v-sheet,
20686
+ .v-dialog > .v-overlay__content > form > .v-card,
20687
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20688
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20472
20689
  }
20473
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20474
- opacity: 1;
20690
+ .v-dialog > .v-overlay__content > .v-card,
20691
+ .v-dialog > .v-overlay__content > form > .v-card {
20692
+ display: flex;
20693
+ flex-direction: column;
20475
20694
  }
20476
- .v-date-picker-controls .v-btn:last-child {
20477
- margin-inline-start: 4px;
20478
- }
20479
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20480
- transform: rotate(180deg);
20481
- }
20482
-
20483
- .v-date-picker-controls__date {
20484
- margin-inline-end: 4px;
20485
- }
20486
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20487
- margin: auto;
20488
- text-align: center;
20489
- }
20490
-
20491
- .v-date-picker-controls__month {
20492
- display: flex;
20493
- }
20494
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20495
- flex-direction: row-reverse;
20496
- }
20497
-
20498
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20499
- flex: 1 0 auto;
20500
- }
20501
-
20502
- .v-date-picker__title {
20503
- display: inline-block;
20504
- }.v-date-picker {
20505
- overflow: hidden;
20506
- width: 328px;
20507
- }
20508
- .v-date-picker--show-week {
20509
- width: 368px;
20510
- }.v-date-picker-header {
20511
- align-items: flex-end;
20512
- height: 70px;
20513
- display: grid;
20514
- grid-template-areas: "prepend content append";
20515
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20516
- overflow: hidden;
20517
- padding-inline: 24px 12px;
20518
- padding-bottom: 12px;
20519
- }
20520
-
20521
- .v-date-picker-header__append {
20522
- grid-area: append;
20523
- }
20524
-
20525
- .v-date-picker-header__prepend {
20526
- grid-area: prepend;
20527
- padding-inline-start: 8px;
20528
- }
20529
-
20530
- .v-date-picker-header__content {
20531
- align-items: center;
20532
- display: inline-flex;
20533
- font-size: 32px;
20534
- line-height: 40px;
20535
- grid-area: content;
20536
- justify-content: space-between;
20537
- }
20538
- .v-date-picker-header--clickable .v-date-picker-header__content {
20539
- cursor: pointer;
20540
- }
20541
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20542
- opacity: 0.7;
20543
- }
20544
-
20545
- .date-picker-header-transition-enter-active,
20546
- .date-picker-header-reverse-transition-enter-active {
20547
- transition-duration: 0.3s;
20548
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20549
- }
20550
- .date-picker-header-transition-leave-active,
20551
- .date-picker-header-reverse-transition-leave-active {
20552
- transition-duration: 0.3s;
20553
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20554
- }
20555
-
20556
- .date-picker-header-transition-enter-from {
20557
- transform: translate(0, 100%);
20558
- }
20559
- .date-picker-header-transition-leave-to {
20560
- opacity: 0;
20561
- transform: translate(0, -100%);
20562
- }
20563
-
20564
- .date-picker-header-reverse-transition-enter-from {
20565
- transform: translate(0, -100%);
20566
- }
20567
- .date-picker-header-reverse-transition-leave-to {
20568
- opacity: 0;
20569
- transform: translate(0, 100%);
20570
- }.v-date-picker-month {
20571
- display: flex;
20572
- justify-content: center;
20573
- padding: 0 12px 8px;
20574
- --v-date-picker-month-day-diff: 4px;
20575
- }
20576
-
20577
- .v-date-picker-month__weeks {
20578
- display: grid;
20579
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20580
- column-gap: 4px;
20581
- font-size: 0.85rem;
20582
- }
20583
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20584
- grid-row-gap: 0;
20585
- }
20586
-
20587
- .v-date-picker-month__weekday {
20588
- font-size: 0.85rem;
20589
- }
20590
-
20591
- .v-date-picker-month__days {
20592
- display: grid;
20593
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20594
- column-gap: 4px;
20595
- flex: 1 1;
20596
- justify-content: space-around;
20597
- }
20598
-
20599
- .v-date-picker-month__day {
20600
- align-items: center;
20601
- display: flex;
20602
- justify-content: center;
20603
- position: relative;
20604
- height: 40px;
20605
- width: 40px;
20606
- }
20607
- .v-date-picker-month__day--selected .v-btn {
20608
- background-color: rgb(var(--v-theme-surface-variant));
20609
- color: rgb(var(--v-theme-on-surface-variant));
20610
- }
20611
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20612
- --v-btn-height: 24px;
20613
- --v-btn-size: 0.85rem;
20614
- }
20615
- .v-date-picker-month__day--week {
20616
- font-size: var(--v-btn-size);
20617
- }
20618
-
20619
- .v-date-picker-month__day--adjacent {
20620
- opacity: 0.5;
20621
- }
20622
-
20623
- .v-date-picker-month__day--hide-adjacent {
20624
- opacity: 0;
20625
- }.v-date-picker-years {
20626
- height: 288px;
20627
- overflow-y: scroll;
20628
- }
20629
-
20630
- .v-date-picker-years__content {
20631
- display: grid;
20632
- flex: 1 1;
20633
- justify-content: space-around;
20634
- grid-template-columns: repeat(3, 1fr);
20635
- gap: 8px 24px;
20636
- padding-inline: 32px;
20637
- }
20638
- .v-date-picker-years__content .v-btn {
20639
- padding-inline: 8px;
20640
- }.v-date-picker-months {
20641
- height: 288px;
20642
- }
20643
-
20644
- .v-date-picker-months__content {
20645
- align-items: center;
20646
- display: grid;
20647
- flex: 1 1;
20648
- height: inherit;
20649
- justify-content: space-around;
20650
- grid-template-columns: repeat(2, 1fr);
20651
- grid-gap: 0px 24px;
20652
- padding-inline-start: 36px;
20653
- padding-inline-end: 36px;
20654
- }
20655
- .v-date-picker-months__content .v-btn {
20656
- text-transform: none;
20657
- padding-inline-start: 8px;
20658
- padding-inline-end: 8px;
20659
- }.v-dialog {
20660
- align-items: center;
20661
- justify-content: center;
20662
- margin: auto;
20663
- }
20664
- .v-dialog > .v-overlay__content {
20665
- max-height: calc(100% - 48px);
20666
- width: calc(100% - 48px);
20667
- max-width: calc(100% - 48px);
20668
- margin: 24px;
20669
- }
20670
- .v-dialog > .v-overlay__content,
20671
- .v-dialog > .v-overlay__content > form {
20672
- display: flex;
20673
- flex-direction: column;
20674
- min-height: 0;
20675
- }
20676
- .v-dialog > .v-overlay__content > .v-card,
20677
- .v-dialog > .v-overlay__content > .v-sheet,
20678
- .v-dialog > .v-overlay__content > form > .v-card,
20679
- .v-dialog > .v-overlay__content > form > .v-sheet {
20680
- --v-scrollbar-offset: 0px;
20681
- border-radius: 4px;
20682
- overflow-y: auto;
20683
- }
20684
- .v-dialog > .v-overlay__content > .v-card,
20685
- .v-dialog > .v-overlay__content > .v-sheet,
20686
- .v-dialog > .v-overlay__content > form > .v-card,
20687
- .v-dialog > .v-overlay__content > form > .v-sheet {
20688
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20689
- }
20690
- .v-dialog > .v-overlay__content > .v-card,
20691
- .v-dialog > .v-overlay__content > form > .v-card {
20692
- display: flex;
20693
- flex-direction: column;
20694
- }
20695
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20696
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20697
- padding: 16px 24px;
20695
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20696
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20697
+ padding: 16px 24px;
20698
20698
  }
20699
20699
  .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20700
20700
  .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
@@ -21157,35 +21157,6 @@ html.overflow-y-hidden {
21157
21157
  }
21158
21158
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21159
21159
  right: 0;
21160
- }.v-file-input--hide.v-input .v-field,
21161
- .v-file-input--hide.v-input .v-input__control,
21162
- .v-file-input--hide.v-input .v-input__details {
21163
- display: none;
21164
- }
21165
- .v-file-input--hide.v-input .v-input__prepend {
21166
- grid-area: control;
21167
- margin: 0 auto;
21168
- }
21169
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21170
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21171
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21172
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21173
- top: 0px;
21174
- }
21175
- .v-file-input input[type=file] {
21176
- height: 100%;
21177
- left: 0;
21178
- opacity: 0;
21179
- position: absolute;
21180
- top: 0;
21181
- width: 100%;
21182
- z-index: 1;
21183
- }
21184
- .v-file-input .v-input__details {
21185
- padding-inline: 16px;
21186
- }
21187
- .v-input--plain-underlined.v-file-input .v-input__details {
21188
- padding-inline: 0;
21189
21160
  }/* region INPUT */
21190
21161
  .v-field {
21191
21162
  display: grid;
@@ -21769,15 +21740,44 @@ textarea.v-field__input::placeholder {
21769
21740
  opacity: 0;
21770
21741
  }
21771
21742
 
21772
- /* endregion */.v-footer {
21773
- align-items: center;
21774
- display: flex;
21775
- flex: 1 1 auto;
21776
- padding: 8px 16px;
21777
- position: relative;
21778
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21779
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21780
- }
21743
+ /* endregion */.v-file-input--hide.v-input .v-field,
21744
+ .v-file-input--hide.v-input .v-input__control,
21745
+ .v-file-input--hide.v-input .v-input__details {
21746
+ display: none;
21747
+ }
21748
+ .v-file-input--hide.v-input .v-input__prepend {
21749
+ grid-area: control;
21750
+ margin: 0 auto;
21751
+ }
21752
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21753
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21754
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21755
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21756
+ top: 0px;
21757
+ }
21758
+ .v-file-input input[type=file] {
21759
+ height: 100%;
21760
+ left: 0;
21761
+ opacity: 0;
21762
+ position: absolute;
21763
+ top: 0;
21764
+ width: 100%;
21765
+ z-index: 1;
21766
+ }
21767
+ .v-file-input .v-input__details {
21768
+ padding-inline: 16px;
21769
+ }
21770
+ .v-input--plain-underlined.v-file-input .v-input__details {
21771
+ padding-inline: 0;
21772
+ }.v-footer {
21773
+ align-items: center;
21774
+ display: flex;
21775
+ flex: 1 1 auto;
21776
+ padding: 8px 16px;
21777
+ position: relative;
21778
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21779
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21780
+ }
21781
21781
  .v-footer {
21782
21782
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21783
21783
  border-style: solid;
@@ -22477,6 +22477,48 @@ textarea.v-field__input::placeholder {
22477
22477
  .offset-xxl-11 {
22478
22478
  margin-inline-start: 91.6666666667%;
22479
22479
  }
22480
+ }.v-img {
22481
+ --v-theme-overlay-multiplier: 3;
22482
+ z-index: 0;
22483
+ }
22484
+ .v-img--booting .v-responsive__sizer {
22485
+ transition: none;
22486
+ }
22487
+ .v-img--rounded {
22488
+ border-radius: 4px;
22489
+ }
22490
+
22491
+ .v-img__img,
22492
+ .v-img__picture,
22493
+ .v-img__gradient,
22494
+ .v-img__placeholder,
22495
+ .v-img__error {
22496
+ z-index: -1;
22497
+ }
22498
+ .v-img__img,
22499
+ .v-img__picture,
22500
+ .v-img__gradient,
22501
+ .v-img__placeholder,
22502
+ .v-img__error {
22503
+ position: absolute;
22504
+ top: 0;
22505
+ left: 0;
22506
+ width: 100%;
22507
+ height: 100%;
22508
+ }
22509
+
22510
+ .v-img__img--preload {
22511
+ filter: blur(4px);
22512
+ }
22513
+ .v-img__img--contain {
22514
+ object-fit: contain;
22515
+ }
22516
+ .v-img__img--cover {
22517
+ object-fit: cover;
22518
+ }
22519
+
22520
+ .v-img__gradient {
22521
+ background-repeat: no-repeat;
22480
22522
  }.v-icon {
22481
22523
  --v-icon-size-multiplier: 1;
22482
22524
  align-items: center;
@@ -22530,48 +22572,6 @@ textarea.v-field__input::placeholder {
22530
22572
 
22531
22573
  .v-icon--end {
22532
22574
  margin-inline-start: 8px;
22533
- }.v-img {
22534
- --v-theme-overlay-multiplier: 3;
22535
- z-index: 0;
22536
- }
22537
- .v-img--booting .v-responsive__sizer {
22538
- transition: none;
22539
- }
22540
- .v-img--rounded {
22541
- border-radius: 4px;
22542
- }
22543
-
22544
- .v-img__img,
22545
- .v-img__picture,
22546
- .v-img__gradient,
22547
- .v-img__placeholder,
22548
- .v-img__error {
22549
- z-index: -1;
22550
- }
22551
- .v-img__img,
22552
- .v-img__picture,
22553
- .v-img__gradient,
22554
- .v-img__placeholder,
22555
- .v-img__error {
22556
- position: absolute;
22557
- top: 0;
22558
- left: 0;
22559
- width: 100%;
22560
- height: 100%;
22561
- }
22562
-
22563
- .v-img__img--preload {
22564
- filter: blur(4px);
22565
- }
22566
- .v-img__img--contain {
22567
- object-fit: contain;
22568
- }
22569
- .v-img__img--cover {
22570
- object-fit: cover;
22571
- }
22572
-
22573
- .v-img__gradient {
22574
- background-repeat: no-repeat;
22575
22575
  }.v-infinite-scroll--horizontal {
22576
22576
  display: flex;
22577
22577
  flex-direction: row;
@@ -22739,33 +22739,11 @@ textarea.v-field__input::placeholder {
22739
22739
 
22740
22740
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22741
22741
  padding-top: calc(var(--v-input-padding-top) + 0px);
22742
- }.v-label {
22743
- align-items: center;
22744
- color: inherit;
22745
- display: inline-flex;
22746
- font-size: 1rem;
22747
- letter-spacing: 0.009375em;
22748
- min-width: 0;
22749
- opacity: var(--v-medium-emphasis-opacity);
22750
- overflow: hidden;
22751
- text-overflow: ellipsis;
22752
- white-space: nowrap;
22753
- }
22754
-
22755
- .v-label--clickable {
22756
- cursor: pointer;
22757
22742
  }.v-item-group {
22758
22743
  flex: 0 1 auto;
22759
22744
  max-width: 100%;
22760
22745
  position: relative;
22761
22746
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22762
- }.v-layout-item {
22763
- position: absolute;
22764
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22765
- }
22766
-
22767
- .v-layout-item--absolute {
22768
- position: absolute;
22769
22747
  }.v-layout {
22770
22748
  --v-scrollbar-offset: 0px;
22771
22749
  display: flex;
@@ -22774,6 +22752,13 @@ textarea.v-field__input::placeholder {
22774
22752
  .v-layout--full-height {
22775
22753
  --v-scrollbar-offset: inherit;
22776
22754
  height: 100%;
22755
+ }.v-layout-item {
22756
+ position: absolute;
22757
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22758
+ }
22759
+
22760
+ .v-layout-item--absolute {
22761
+ position: absolute;
22777
22762
  }.v-list {
22778
22763
  overflow: auto;
22779
22764
  padding: 8px 0;
@@ -23349,6 +23334,8 @@ textarea.v-field__input::placeholder {
23349
23334
  }
23350
23335
  .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23351
23336
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23337
+ }.v-locale-provider {
23338
+ display: contents;
23352
23339
  }.v-main {
23353
23340
  flex: 1 0 auto;
23354
23341
  max-width: 100%;
@@ -23398,24 +23385,64 @@ textarea.v-field__input::placeholder {
23398
23385
  .v-menu > .v-overlay__content > .v-sheet,
23399
23386
  .v-menu > .v-overlay__content > .v-list {
23400
23387
  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));
23401
- }.v-messages {
23402
- flex: 1 1 auto;
23403
- font-size: 12px;
23404
- min-height: 14px;
23405
- min-width: 1px;
23406
- opacity: var(--v-medium-emphasis-opacity);
23388
+ }.v-otp-input {
23389
+ align-items: center;
23390
+ display: flex;
23391
+ justify-content: center;
23392
+ padding: 0.5rem 0;
23407
23393
  position: relative;
23408
23394
  }
23409
- .v-messages__message {
23410
- line-height: 12px;
23411
- word-break: break-word;
23412
- overflow-wrap: break-word;
23413
- word-wrap: break-word;
23414
- -webkit-hyphens: auto;
23415
- hyphens: auto;
23416
- transition-duration: 150ms;
23417
- }.v-locale-provider {
23418
- display: contents;
23395
+ .v-otp-input {
23396
+ border-radius: 4px;
23397
+ }
23398
+ .v-otp-input .v-field {
23399
+ height: 100%;
23400
+ }
23401
+
23402
+ .v-otp-input__divider {
23403
+ margin: 0 8px;
23404
+ }
23405
+
23406
+ .v-otp-input__content {
23407
+ align-items: center;
23408
+ display: flex;
23409
+ gap: 0.5rem;
23410
+ height: 64px;
23411
+ padding: 0.5rem;
23412
+ justify-content: center;
23413
+ max-width: 320px;
23414
+ position: relative;
23415
+ border-radius: inherit;
23416
+ }
23417
+ .v-otp-input--divided .v-otp-input__content {
23418
+ max-width: 360px;
23419
+ }
23420
+
23421
+ .v-otp-input__field {
23422
+ color: inherit;
23423
+ font-size: 1.25rem;
23424
+ height: 100%;
23425
+ outline: none;
23426
+ text-align: center;
23427
+ width: 100%;
23428
+ }
23429
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23430
+ -webkit-appearance: none;
23431
+ margin: 0;
23432
+ }
23433
+ .v-otp-input__field[type=number] {
23434
+ -moz-appearance: textfield;
23435
+ }
23436
+
23437
+ .v-otp-input__loader {
23438
+ align-items: center;
23439
+ display: flex;
23440
+ height: 100%;
23441
+ justify-content: center;
23442
+ width: 100%;
23443
+ }
23444
+ .v-otp-input__loader .v-progress-linear {
23445
+ position: absolute;
23419
23446
  }.v-navigation-drawer {
23420
23447
  -webkit-overflow-scrolling: touch;
23421
23448
  background: rgb(var(--v-theme-surface));
@@ -23524,6 +23551,22 @@ textarea.v-field__input::placeholder {
23524
23551
  .v-navigation-drawer__append {
23525
23552
  flex: none;
23526
23553
  overflow: hidden;
23554
+ }.v-messages {
23555
+ flex: 1 1 auto;
23556
+ font-size: 12px;
23557
+ min-height: 14px;
23558
+ min-width: 1px;
23559
+ opacity: var(--v-medium-emphasis-opacity);
23560
+ position: relative;
23561
+ }
23562
+ .v-messages__message {
23563
+ line-height: 12px;
23564
+ word-break: break-word;
23565
+ overflow-wrap: break-word;
23566
+ word-wrap: break-word;
23567
+ -webkit-hyphens: auto;
23568
+ hyphens: auto;
23569
+ transition-duration: 150ms;
23527
23570
  }.v-overlay-container {
23528
23571
  contain: layout;
23529
23572
  left: 0;
@@ -23587,81 +23630,15 @@ html.v-overlay-scroll-blocked {
23587
23630
 
23588
23631
  .v-overlay--scroll-blocked {
23589
23632
  padding-inline-end: var(--v-scrollbar-offset);
23590
- }.v-otp-input {
23633
+ }.v-progress-circular {
23591
23634
  align-items: center;
23592
- display: flex;
23635
+ display: inline-flex;
23593
23636
  justify-content: center;
23594
- padding: 0.5rem 0;
23595
23637
  position: relative;
23638
+ vertical-align: middle;
23596
23639
  }
23597
- .v-otp-input {
23598
- border-radius: 4px;
23599
- }
23600
- .v-otp-input .v-field {
23601
- height: 100%;
23602
- }
23603
-
23604
- .v-otp-input__divider {
23605
- margin: 0 8px;
23606
- }
23607
-
23608
- .v-otp-input__content {
23609
- align-items: center;
23610
- display: flex;
23611
- gap: 0.5rem;
23612
- height: 64px;
23613
- padding: 0.5rem;
23614
- justify-content: center;
23615
- max-width: 320px;
23616
- position: relative;
23617
- border-radius: inherit;
23618
- }
23619
- .v-otp-input--divided .v-otp-input__content {
23620
- max-width: 360px;
23621
- }
23622
-
23623
- .v-otp-input__field {
23624
- color: inherit;
23625
- font-size: 1.25rem;
23626
- height: 100%;
23627
- outline: none;
23628
- text-align: center;
23629
- width: 100%;
23630
- }
23631
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23632
- -webkit-appearance: none;
23633
- margin: 0;
23634
- }
23635
- .v-otp-input__field[type=number] {
23636
- -moz-appearance: textfield;
23637
- }
23638
-
23639
- .v-otp-input__loader {
23640
- align-items: center;
23641
- display: flex;
23642
- height: 100%;
23643
- justify-content: center;
23644
- width: 100%;
23645
- }
23646
- .v-otp-input__loader .v-progress-linear {
23647
- position: absolute;
23648
- }.v-pagination__list {
23649
- display: inline-flex;
23650
- list-style-type: none;
23651
- justify-content: center;
23652
- width: 100%;
23653
- }
23654
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23655
- margin: 0.3rem;
23656
- }.v-progress-circular {
23657
- align-items: center;
23658
- display: inline-flex;
23659
- justify-content: center;
23660
- position: relative;
23661
- vertical-align: middle;
23662
- }
23663
- .v-progress-circular > svg {
23664
- width: 100%;
23640
+ .v-progress-circular > svg {
23641
+ width: 100%;
23665
23642
  height: 100%;
23666
23643
  margin: auto;
23667
23644
  position: absolute;
@@ -23755,6 +23732,14 @@ html.v-overlay-scroll-blocked {
23755
23732
  100% {
23756
23733
  transform: rotate(270deg);
23757
23734
  }
23735
+ }.v-pagination__list {
23736
+ display: inline-flex;
23737
+ list-style-type: none;
23738
+ justify-content: center;
23739
+ width: 100%;
23740
+ }
23741
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23742
+ margin: 0.3rem;
23758
23743
  }.v-parallax {
23759
23744
  position: relative;
23760
23745
  overflow: hidden;
@@ -24189,50 +24174,6 @@ html.v-overlay-scroll-blocked {
24189
24174
  .v-select--active-menu .v-select__menu-icon {
24190
24175
  opacity: var(--v-high-emphasis-opacity);
24191
24176
  transform: rotate(180deg);
24192
- }.v-selection-control-group {
24193
- grid-area: control;
24194
- display: flex;
24195
- flex-direction: column;
24196
- }
24197
- .v-selection-control-group--inline {
24198
- flex-direction: row;
24199
- flex-wrap: wrap;
24200
- }.v-sheet {
24201
- display: block;
24202
- }
24203
- .v-sheet {
24204
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24205
- border-style: solid;
24206
- border-width: 0;
24207
- }
24208
- .v-sheet--border {
24209
- border-width: thin;
24210
- box-shadow: none;
24211
- }
24212
- .v-sheet {
24213
- 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));
24214
- }
24215
- .v-sheet--absolute {
24216
- position: absolute;
24217
- }
24218
- .v-sheet--fixed {
24219
- position: fixed;
24220
- }
24221
- .v-sheet--relative {
24222
- position: relative;
24223
- }
24224
- .v-sheet--sticky {
24225
- position: sticky;
24226
- }
24227
- .v-sheet {
24228
- border-radius: 0;
24229
- }
24230
- .v-sheet {
24231
- background: rgb(var(--v-theme-surface));
24232
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24233
- }
24234
- .v-sheet--rounded {
24235
- border-radius: 4px;
24236
24177
  }.v-selection-control {
24237
24178
  align-items: center;
24238
24179
  contain: layout;
@@ -24336,6 +24277,50 @@ html.v-overlay-scroll-blocked {
24336
24277
  }
24337
24278
  .v-selection-control--focus-visible .v-selection-control__input::before {
24338
24279
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24280
+ }.v-selection-control-group {
24281
+ grid-area: control;
24282
+ display: flex;
24283
+ flex-direction: column;
24284
+ }
24285
+ .v-selection-control-group--inline {
24286
+ flex-direction: row;
24287
+ flex-wrap: wrap;
24288
+ }.v-sheet {
24289
+ display: block;
24290
+ }
24291
+ .v-sheet {
24292
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24293
+ border-style: solid;
24294
+ border-width: 0;
24295
+ }
24296
+ .v-sheet--border {
24297
+ border-width: thin;
24298
+ box-shadow: none;
24299
+ }
24300
+ .v-sheet {
24301
+ 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));
24302
+ }
24303
+ .v-sheet--absolute {
24304
+ position: absolute;
24305
+ }
24306
+ .v-sheet--fixed {
24307
+ position: fixed;
24308
+ }
24309
+ .v-sheet--relative {
24310
+ position: relative;
24311
+ }
24312
+ .v-sheet--sticky {
24313
+ position: sticky;
24314
+ }
24315
+ .v-sheet {
24316
+ border-radius: 0;
24317
+ }
24318
+ .v-sheet {
24319
+ background: rgb(var(--v-theme-surface));
24320
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24321
+ }
24322
+ .v-sheet--rounded {
24323
+ border-radius: 4px;
24339
24324
  }.v-skeleton-loader {
24340
24325
  align-items: center;
24341
24326
  background: rgb(var(--v-theme-surface));
@@ -24701,61 +24686,47 @@ html.v-overlay-scroll-blocked {
24701
24686
  }
24702
24687
  .v-snackbar-transition-leave-to {
24703
24688
  opacity: 0;
24704
- }.v-slide-group {
24705
- display: flex;
24706
- overflow: hidden;
24689
+ }.v-speed-dial__content {
24690
+ gap: 8px;
24707
24691
  }
24708
-
24709
- .v-slide-group__next,
24710
- .v-slide-group__prev {
24711
- align-items: center;
24712
- display: flex;
24713
- flex: 0 1 52px;
24714
- justify-content: center;
24715
- min-width: 52px;
24716
- cursor: pointer;
24692
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24693
+ flex-direction: row;
24717
24694
  }
24718
- .v-slide-group__next--disabled,
24719
- .v-slide-group__prev--disabled {
24720
- pointer-events: none;
24721
- opacity: var(--v-disabled-opacity);
24695
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24696
+ flex-direction: row-reverse;
24722
24697
  }
24723
-
24724
- .v-slide-group__content {
24725
- display: flex;
24726
- flex: 1 0 auto;
24727
- position: relative;
24728
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24729
- white-space: nowrap;
24698
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24699
+ flex-direction: column-reverse;
24730
24700
  }
24731
- .v-slide-group__content > * {
24732
- white-space: initial;
24701
+ .v-speed-dial__content > *:nth-child(1) {
24702
+ transition-delay: 0s;
24733
24703
  }
24734
-
24735
- .v-slide-group__container {
24736
- contain: content;
24737
- display: flex;
24738
- flex: 1 1 auto;
24739
- overflow-x: auto;
24740
- overflow-y: hidden;
24741
- scrollbar-width: none;
24742
- scrollbar-color: rgba(0, 0, 0, 0);
24704
+ .v-speed-dial__content > *:nth-child(2) {
24705
+ transition-delay: 0.05s;
24743
24706
  }
24744
- .v-slide-group__container::-webkit-scrollbar {
24745
- display: none;
24707
+ .v-speed-dial__content > *:nth-child(3) {
24708
+ transition-delay: 0.1s;
24746
24709
  }
24747
-
24748
- .v-slide-group--vertical {
24749
- max-height: inherit;
24710
+ .v-speed-dial__content > *:nth-child(4) {
24711
+ transition-delay: 0.15s;
24750
24712
  }
24751
- .v-slide-group--vertical,
24752
- .v-slide-group--vertical .v-slide-group__container,
24753
- .v-slide-group--vertical .v-slide-group__content {
24754
- flex-direction: column;
24713
+ .v-speed-dial__content > *:nth-child(5) {
24714
+ transition-delay: 0.2s;
24755
24715
  }
24756
- .v-slide-group--vertical .v-slide-group__container {
24757
- overflow-x: hidden;
24758
- overflow-y: auto;
24716
+ .v-speed-dial__content > *:nth-child(6) {
24717
+ transition-delay: 0.25s;
24718
+ }
24719
+ .v-speed-dial__content > *:nth-child(7) {
24720
+ transition-delay: 0.3s;
24721
+ }
24722
+ .v-speed-dial__content > *:nth-child(8) {
24723
+ transition-delay: 0.35s;
24724
+ }
24725
+ .v-speed-dial__content > *:nth-child(9) {
24726
+ transition-delay: 0.4s;
24727
+ }
24728
+ .v-speed-dial__content > *:nth-child(10) {
24729
+ transition-delay: 0.45s;
24759
24730
  }.v-stepper.v-sheet {
24760
24731
  overflow: hidden;
24761
24732
  }
@@ -24931,20 +24902,63 @@ html.v-overlay-scroll-blocked {
24931
24902
  left: 0;
24932
24903
  width: 100%;
24933
24904
  height: 100%;
24934
- }.v-switch .v-label {
24935
- padding-inline-start: 10px;
24936
- }
24937
-
24938
- .v-switch__loader {
24905
+ }.v-system-bar {
24906
+ align-items: center;
24939
24907
  display: flex;
24908
+ flex: 1 1 auto;
24909
+ height: 24px;
24910
+ justify-content: flex-end;
24911
+ max-width: 100%;
24912
+ padding-inline: 8px;
24913
+ position: relative;
24914
+ text-align: end;
24915
+ width: 100%;
24940
24916
  }
24941
- .v-switch__loader .v-progress-circular {
24942
- color: rgb(var(--v-theme-surface));
24917
+ .v-system-bar .v-icon {
24918
+ opacity: var(--v-medium-emphasis-opacity);
24943
24919
  }
24944
-
24945
- .v-switch__track,
24946
- .v-switch__thumb {
24947
- transition: none;
24920
+ .v-system-bar {
24921
+ 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));
24922
+ }
24923
+ .v-system-bar--absolute {
24924
+ position: absolute;
24925
+ }
24926
+ .v-system-bar--fixed {
24927
+ position: fixed;
24928
+ }
24929
+ .v-system-bar {
24930
+ background: rgba(var(--v-theme-surface-light));
24931
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24932
+ }
24933
+ .v-system-bar {
24934
+ font-size: 0.75rem;
24935
+ font-weight: 400;
24936
+ letter-spacing: 0.0333333333em;
24937
+ line-height: 1.667;
24938
+ text-transform: none;
24939
+ }
24940
+ .v-system-bar--rounded {
24941
+ border-radius: 0;
24942
+ }
24943
+ .v-system-bar--window {
24944
+ height: 32px;
24945
+ }
24946
+ .v-system-bar:not(.v-system-bar--absolute) {
24947
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24948
+ }.v-switch .v-label {
24949
+ padding-inline-start: 10px;
24950
+ }
24951
+
24952
+ .v-switch__loader {
24953
+ display: flex;
24954
+ }
24955
+ .v-switch__loader .v-progress-circular {
24956
+ color: rgb(var(--v-theme-surface));
24957
+ }
24958
+
24959
+ .v-switch__track,
24960
+ .v-switch__thumb {
24961
+ transition: none;
24948
24962
  }
24949
24963
  .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24950
24964
  .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
@@ -25113,47 +25127,6 @@ html.v-overlay-scroll-blocked {
25113
25127
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25114
25128
  border-width: 0;
25115
25129
  }
25116
- }.v-speed-dial__content {
25117
- gap: 8px;
25118
- }
25119
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
25120
- flex-direction: row;
25121
- }
25122
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
25123
- flex-direction: row-reverse;
25124
- }
25125
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
25126
- flex-direction: column-reverse;
25127
- }
25128
- .v-speed-dial__content > *:nth-child(1) {
25129
- transition-delay: 0s;
25130
- }
25131
- .v-speed-dial__content > *:nth-child(2) {
25132
- transition-delay: 0.05s;
25133
- }
25134
- .v-speed-dial__content > *:nth-child(3) {
25135
- transition-delay: 0.1s;
25136
- }
25137
- .v-speed-dial__content > *:nth-child(4) {
25138
- transition-delay: 0.15s;
25139
- }
25140
- .v-speed-dial__content > *:nth-child(5) {
25141
- transition-delay: 0.2s;
25142
- }
25143
- .v-speed-dial__content > *:nth-child(6) {
25144
- transition-delay: 0.25s;
25145
- }
25146
- .v-speed-dial__content > *:nth-child(7) {
25147
- transition-delay: 0.3s;
25148
- }
25149
- .v-speed-dial__content > *:nth-child(8) {
25150
- transition-delay: 0.35s;
25151
- }
25152
- .v-speed-dial__content > *:nth-child(9) {
25153
- transition-delay: 0.4s;
25154
- }
25155
- .v-speed-dial__content > *:nth-child(10) {
25156
- transition-delay: 0.45s;
25157
25130
  }.v-table {
25158
25131
  font-size: 0.875rem;
25159
25132
  transition-duration: 0.28s;
@@ -25296,144 +25269,6 @@ html.v-overlay-scroll-blocked {
25296
25269
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25297
25270
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25298
25271
  border-top: 0px !important;
25299
- }.v-system-bar {
25300
- align-items: center;
25301
- display: flex;
25302
- flex: 1 1 auto;
25303
- height: 24px;
25304
- justify-content: flex-end;
25305
- max-width: 100%;
25306
- padding-inline: 8px;
25307
- position: relative;
25308
- text-align: end;
25309
- width: 100%;
25310
- }
25311
- .v-system-bar .v-icon {
25312
- opacity: var(--v-medium-emphasis-opacity);
25313
- }
25314
- .v-system-bar {
25315
- 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));
25316
- }
25317
- .v-system-bar--absolute {
25318
- position: absolute;
25319
- }
25320
- .v-system-bar--fixed {
25321
- position: fixed;
25322
- }
25323
- .v-system-bar {
25324
- background: rgba(var(--v-theme-surface-light));
25325
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25326
- }
25327
- .v-system-bar {
25328
- font-size: 0.75rem;
25329
- font-weight: 400;
25330
- letter-spacing: 0.0333333333em;
25331
- line-height: 1.667;
25332
- text-transform: none;
25333
- }
25334
- .v-system-bar--rounded {
25335
- border-radius: 0;
25336
- }
25337
- .v-system-bar--window {
25338
- height: 32px;
25339
- }
25340
- .v-system-bar:not(.v-system-bar--absolute) {
25341
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25342
- }.v-tabs {
25343
- display: flex;
25344
- height: var(--v-tabs-height);
25345
- }
25346
- .v-tabs--density-default {
25347
- --v-tabs-height: 48px;
25348
- }
25349
- .v-tabs--density-default.v-tabs--stacked {
25350
- --v-tabs-height: 72px;
25351
- }
25352
-
25353
- .v-tabs--density-comfortable {
25354
- --v-tabs-height: 44px;
25355
- }
25356
- .v-tabs--density-comfortable.v-tabs--stacked {
25357
- --v-tabs-height: 68px;
25358
- }
25359
-
25360
- .v-tabs--density-compact {
25361
- --v-tabs-height: 36px;
25362
- }
25363
- .v-tabs--density-compact.v-tabs--stacked {
25364
- --v-tabs-height: 60px;
25365
- }
25366
-
25367
- .v-tabs.v-slide-group--vertical {
25368
- height: auto;
25369
- flex: none;
25370
- --v-tabs-height: 48px;
25371
- }
25372
-
25373
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25374
- margin-inline-start: 42px;
25375
- }
25376
-
25377
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25378
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25379
- margin-inline-end: auto;
25380
- }
25381
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25382
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25383
- margin-inline-start: auto;
25384
- }
25385
-
25386
- .v-tabs--grow {
25387
- flex-grow: 1;
25388
- }
25389
- .v-tabs--grow .v-tab {
25390
- flex: 1 0 auto;
25391
- max-width: none;
25392
- }
25393
-
25394
- .v-tabs--align-tabs-end .v-tab:first-child {
25395
- margin-inline-start: auto;
25396
- }
25397
- .v-tabs--align-tabs-end .v-tab:last-child {
25398
- margin-inline-end: 0;
25399
- }
25400
-
25401
- @media (max-width: 1279.98px) {
25402
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25403
- margin-inline-start: 52px;
25404
- }
25405
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25406
- margin-inline-end: 52px;
25407
- }
25408
- }.v-tab.v-tab.v-btn {
25409
- height: var(--v-tabs-height);
25410
- border-radius: 0;
25411
- min-width: 90px;
25412
- }
25413
- .v-slide-group--horizontal .v-tab {
25414
- max-width: 360px;
25415
- }
25416
- .v-slide-group--vertical .v-tab {
25417
- justify-content: start;
25418
- }
25419
-
25420
- .v-tab__slider {
25421
- position: absolute;
25422
- bottom: 0;
25423
- left: 0;
25424
- height: 2px;
25425
- width: 100%;
25426
- background: currentColor;
25427
- pointer-events: none;
25428
- opacity: 0;
25429
- }
25430
- .v-tab--selected .v-tab__slider {
25431
- opacity: 1;
25432
- }
25433
- .v-slide-group--vertical .v-tab__slider {
25434
- top: 0;
25435
- height: 100%;
25436
- width: 2px;
25437
25272
  }.v-textarea .v-field {
25438
25273
  --v-textarea-control-height: var(--v-input-control-height);
25439
25274
  }
@@ -25540,31 +25375,126 @@ html.v-overlay-scroll-blocked {
25540
25375
  padding-inline-end: var(--v-field-padding-end);
25541
25376
  }
25542
25377
 
25543
- /* endregion */.v-theme-provider {
25544
- background: rgb(var(--v-theme-background));
25545
- color: rgb(var(--v-theme-on-background));
25546
- }.v-timeline .v-timeline-divider__dot {
25547
- background: rgb(var(--v-theme-surface-light));
25378
+ /* endregion */.v-tab.v-tab.v-btn {
25379
+ height: var(--v-tabs-height);
25380
+ border-radius: 0;
25381
+ min-width: 90px;
25548
25382
  }
25549
- .v-timeline .v-timeline-divider__inner-dot {
25550
- background: rgb(var(--v-theme-on-surface));
25383
+ .v-slide-group--horizontal .v-tab {
25384
+ max-width: 360px;
25551
25385
  }
25552
-
25553
- .v-timeline {
25554
- display: grid;
25555
- grid-auto-flow: dense;
25556
- position: relative;
25386
+ .v-slide-group--vertical .v-tab {
25387
+ justify-content: start;
25557
25388
  }
25558
- .v-timeline--horizontal.v-timeline {
25559
- grid-column-gap: 24px;
25389
+
25390
+ .v-tab__slider {
25391
+ position: absolute;
25392
+ bottom: 0;
25393
+ left: 0;
25394
+ height: 2px;
25560
25395
  width: 100%;
25396
+ background: currentColor;
25397
+ pointer-events: none;
25398
+ opacity: 0;
25561
25399
  }
25562
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
25563
- grid-row: 3;
25564
- padding-block-start: 24px;
25400
+ .v-tab--selected .v-tab__slider {
25401
+ opacity: 1;
25565
25402
  }
25566
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
25567
- grid-row: 1;
25403
+ .v-slide-group--vertical .v-tab__slider {
25404
+ top: 0;
25405
+ height: 100%;
25406
+ width: 2px;
25407
+ }.v-tabs {
25408
+ display: flex;
25409
+ height: var(--v-tabs-height);
25410
+ }
25411
+ .v-tabs--density-default {
25412
+ --v-tabs-height: 48px;
25413
+ }
25414
+ .v-tabs--density-default.v-tabs--stacked {
25415
+ --v-tabs-height: 72px;
25416
+ }
25417
+
25418
+ .v-tabs--density-comfortable {
25419
+ --v-tabs-height: 44px;
25420
+ }
25421
+ .v-tabs--density-comfortable.v-tabs--stacked {
25422
+ --v-tabs-height: 68px;
25423
+ }
25424
+
25425
+ .v-tabs--density-compact {
25426
+ --v-tabs-height: 36px;
25427
+ }
25428
+ .v-tabs--density-compact.v-tabs--stacked {
25429
+ --v-tabs-height: 60px;
25430
+ }
25431
+
25432
+ .v-tabs.v-slide-group--vertical {
25433
+ height: auto;
25434
+ flex: none;
25435
+ --v-tabs-height: 48px;
25436
+ }
25437
+
25438
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25439
+ margin-inline-start: 42px;
25440
+ }
25441
+
25442
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25443
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25444
+ margin-inline-end: auto;
25445
+ }
25446
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25447
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25448
+ margin-inline-start: auto;
25449
+ }
25450
+
25451
+ .v-tabs--grow {
25452
+ flex-grow: 1;
25453
+ }
25454
+ .v-tabs--grow .v-tab {
25455
+ flex: 1 0 auto;
25456
+ max-width: none;
25457
+ }
25458
+
25459
+ .v-tabs--align-tabs-end .v-tab:first-child {
25460
+ margin-inline-start: auto;
25461
+ }
25462
+ .v-tabs--align-tabs-end .v-tab:last-child {
25463
+ margin-inline-end: 0;
25464
+ }
25465
+
25466
+ @media (max-width: 1279.98px) {
25467
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25468
+ margin-inline-start: 52px;
25469
+ }
25470
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25471
+ margin-inline-end: 52px;
25472
+ }
25473
+ }.v-theme-provider {
25474
+ background: rgb(var(--v-theme-background));
25475
+ color: rgb(var(--v-theme-on-background));
25476
+ }.v-timeline .v-timeline-divider__dot {
25477
+ background: rgb(var(--v-theme-surface-light));
25478
+ }
25479
+ .v-timeline .v-timeline-divider__inner-dot {
25480
+ background: rgb(var(--v-theme-on-surface));
25481
+ }
25482
+
25483
+ .v-timeline {
25484
+ display: grid;
25485
+ grid-auto-flow: dense;
25486
+ position: relative;
25487
+ }
25488
+ .v-timeline--horizontal.v-timeline {
25489
+ grid-column-gap: 24px;
25490
+ width: 100%;
25491
+ }
25492
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
25493
+ grid-row: 3;
25494
+ padding-block-start: 24px;
25495
+ }
25496
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
25497
+ grid-row: 1;
25568
25498
  padding-block-end: 24px;
25569
25499
  align-self: flex-end;
25570
25500
  }
@@ -25961,28 +25891,6 @@ html.v-overlay-scroll-blocked {
25961
25891
 
25962
25892
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25963
25893
  padding-inline-end: 0;
25964
- }.v-tooltip > .v-overlay__content {
25965
- background: rgb(var(--v-theme-surface-variant));
25966
- color: rgb(var(--v-theme-on-surface-variant));
25967
- border-radius: 4px;
25968
- font-size: 0.875rem;
25969
- line-height: 1.6;
25970
- display: inline-block;
25971
- padding: 5px 16px;
25972
- text-transform: initial;
25973
- width: auto;
25974
- opacity: 1;
25975
- pointer-events: none;
25976
- transition-property: opacity, transform;
25977
- overflow-wrap: break-word;
25978
- }
25979
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25980
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25981
- transition-duration: 150ms;
25982
- }
25983
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25984
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25985
- transition-duration: 75ms;
25986
25894
  }.v-toolbar {
25987
25895
  align-items: flex-start;
25988
25896
  display: flex;
@@ -26126,6 +26034,37 @@ html.v-overlay-scroll-blocked {
26126
26034
  }
26127
26035
  .v-toolbar-items > .v-btn {
26128
26036
  border-radius: 0;
26037
+ }.v-tooltip > .v-overlay__content {
26038
+ background: rgb(var(--v-theme-surface-variant));
26039
+ color: rgb(var(--v-theme-on-surface-variant));
26040
+ border-radius: 4px;
26041
+ font-size: 0.875rem;
26042
+ line-height: 1.6;
26043
+ display: inline-block;
26044
+ padding: 5px 16px;
26045
+ text-transform: initial;
26046
+ width: auto;
26047
+ opacity: 1;
26048
+ pointer-events: none;
26049
+ transition-property: opacity, transform;
26050
+ overflow-wrap: break-word;
26051
+ }
26052
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
26053
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26054
+ transition-duration: 150ms;
26055
+ }
26056
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
26057
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26058
+ transition-duration: 75ms;
26059
+ }.v-virtual-scroll {
26060
+ display: block;
26061
+ flex: 1 1 auto;
26062
+ max-width: 100%;
26063
+ overflow: auto;
26064
+ position: relative;
26065
+ }
26066
+ .v-virtual-scroll__container {
26067
+ display: block;
26129
26068
  }.v-window {
26130
26069
  overflow: hidden;
26131
26070
  }
@@ -26196,43 +26135,76 @@ html.v-overlay-scroll-blocked {
26196
26135
  }
26197
26136
  .v-window-y-reverse-transition-leave-to {
26198
26137
  transform: translateY(100%);
26199
- }.v-virtual-scroll {
26200
- display: block;
26201
- flex: 1 1 auto;
26202
- max-width: 100%;
26203
- overflow: auto;
26204
- position: relative;
26138
+ }.v-label {
26139
+ align-items: center;
26140
+ color: inherit;
26141
+ display: inline-flex;
26142
+ font-size: 1rem;
26143
+ letter-spacing: 0.009375em;
26144
+ min-width: 0;
26145
+ opacity: var(--v-medium-emphasis-opacity);
26146
+ overflow: hidden;
26147
+ text-overflow: ellipsis;
26148
+ white-space: nowrap;
26205
26149
  }
26206
- .v-virtual-scroll__container {
26207
- display: block;
26208
- }.v-color-picker-edit {
26150
+
26151
+ .v-label--clickable {
26152
+ cursor: pointer;
26153
+ }.v-slide-group {
26209
26154
  display: flex;
26210
- margin-top: 24px;
26155
+ overflow: hidden;
26211
26156
  }
26212
26157
 
26213
- .v-color-picker-edit__input {
26214
- width: 100%;
26158
+ .v-slide-group__next,
26159
+ .v-slide-group__prev {
26160
+ align-items: center;
26215
26161
  display: flex;
26216
- flex-wrap: wrap;
26162
+ flex: 0 1 52px;
26217
26163
  justify-content: center;
26218
- text-align: center;
26164
+ min-width: 52px;
26165
+ cursor: pointer;
26219
26166
  }
26220
- .v-color-picker-edit__input:not(:last-child) {
26221
- margin-inline-end: 8px;
26167
+ .v-slide-group__next--disabled,
26168
+ .v-slide-group__prev--disabled {
26169
+ pointer-events: none;
26170
+ opacity: var(--v-disabled-opacity);
26222
26171
  }
26223
- .v-color-picker-edit__input input {
26224
- border-radius: 4px;
26225
- margin-bottom: 8px;
26226
- min-width: 0;
26227
- outline: none;
26228
- text-align: center;
26229
- width: 100%;
26230
- height: 32px;
26231
- background: rgba(var(--v-theme-surface-variant), 0.2);
26232
- color: rgba(var(--v-theme-on-surface));
26172
+
26173
+ .v-slide-group__content {
26174
+ display: flex;
26175
+ flex: 1 0 auto;
26176
+ position: relative;
26177
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
26178
+ white-space: nowrap;
26233
26179
  }
26234
- .v-color-picker-edit__input span {
26235
- font-size: 0.75rem;
26180
+ .v-slide-group__content > * {
26181
+ white-space: initial;
26182
+ }
26183
+
26184
+ .v-slide-group__container {
26185
+ contain: content;
26186
+ display: flex;
26187
+ flex: 1 1 auto;
26188
+ overflow-x: auto;
26189
+ overflow-y: hidden;
26190
+ scrollbar-width: none;
26191
+ scrollbar-color: rgba(0, 0, 0, 0);
26192
+ }
26193
+ .v-slide-group__container::-webkit-scrollbar {
26194
+ display: none;
26195
+ }
26196
+
26197
+ .v-slide-group--vertical {
26198
+ max-height: inherit;
26199
+ }
26200
+ .v-slide-group--vertical,
26201
+ .v-slide-group--vertical .v-slide-group__container,
26202
+ .v-slide-group--vertical .v-slide-group__content {
26203
+ flex-direction: column;
26204
+ }
26205
+ .v-slide-group--vertical .v-slide-group__container {
26206
+ overflow-x: hidden;
26207
+ overflow-y: auto;
26236
26208
  }.v-color-picker-canvas {
26237
26209
  display: flex;
26238
26210
  position: relative;
@@ -26255,41 +26227,34 @@ html.v-overlay-scroll-blocked {
26255
26227
  }
26256
26228
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26257
26229
  will-change: transform;
26258
- }.v-color-picker-swatches {
26259
- overflow-y: auto;
26260
- }
26261
- .v-color-picker-swatches > div {
26230
+ }.v-color-picker-edit {
26262
26231
  display: flex;
26263
- flex-wrap: wrap;
26264
- justify-content: center;
26265
- padding: 8px;
26232
+ margin-top: 24px;
26266
26233
  }
26267
26234
 
26268
- .v-color-picker-swatches__swatch {
26235
+ .v-color-picker-edit__input {
26236
+ width: 100%;
26269
26237
  display: flex;
26270
- flex-direction: column;
26271
- margin-bottom: 10px;
26238
+ flex-wrap: wrap;
26239
+ justify-content: center;
26240
+ text-align: center;
26272
26241
  }
26273
-
26274
- .v-color-picker-swatches__color {
26275
- position: relative;
26276
- height: 18px;
26277
- max-height: 18px;
26278
- width: 45px;
26279
- margin: 2px 4px;
26280
- border-radius: 2px;
26281
- -webkit-user-select: none;
26282
- user-select: none;
26283
- overflow: hidden;
26284
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26285
- cursor: pointer;
26242
+ .v-color-picker-edit__input:not(:last-child) {
26243
+ margin-inline-end: 8px;
26286
26244
  }
26287
- .v-color-picker-swatches__color > div {
26288
- display: flex;
26289
- align-items: center;
26290
- justify-content: center;
26245
+ .v-color-picker-edit__input input {
26246
+ border-radius: 4px;
26247
+ margin-bottom: 8px;
26248
+ min-width: 0;
26249
+ outline: none;
26250
+ text-align: center;
26291
26251
  width: 100%;
26292
- height: 100%;
26252
+ height: 32px;
26253
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26254
+ color: rgba(var(--v-theme-on-surface));
26255
+ }
26256
+ .v-color-picker-edit__input span {
26257
+ font-size: 0.75rem;
26293
26258
  }.v-color-picker-preview__alpha .v-slider-track__background {
26294
26259
  background-color: transparent !important;
26295
26260
  }
@@ -26360,222 +26325,98 @@ html.v-overlay-scroll-blocked {
26360
26325
  .v-color-picker-preview__eye-dropper {
26361
26326
  position: relative;
26362
26327
  margin-right: 12px;
26363
- }.v-picker.v-sheet {
26364
- display: grid;
26365
- grid-auto-rows: min-content;
26366
- grid-template-areas: "title" "header" "body";
26367
- overflow: hidden;
26368
- }
26369
- .v-picker.v-sheet {
26370
- 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));
26371
- }
26372
- .v-picker.v-sheet {
26373
- border-radius: 4px;
26374
- }
26375
- .v-picker.v-sheet.v-picker--with-actions {
26376
- grid-template-areas: "title" "header" "body" "actions";
26377
- }
26378
-
26379
- .v-picker__body {
26380
- grid-area: body;
26381
- overflow: hidden;
26382
- position: relative;
26383
- }
26384
-
26385
- .v-picker__header {
26386
- grid-area: header;
26328
+ }.v-color-picker-swatches {
26329
+ overflow-y: auto;
26387
26330
  }
26388
-
26389
- .v-picker__actions {
26390
- grid-area: actions;
26391
- padding: 0 12px 12px;
26331
+ .v-color-picker-swatches > div {
26392
26332
  display: flex;
26393
- align-items: center;
26394
- justify-content: flex-end;
26395
- }
26396
- .v-picker__actions .v-btn {
26397
- min-width: 48px;
26398
- }
26399
- .v-picker__actions .v-btn:not(:last-child) {
26400
- margin-inline-end: 8px;
26401
- }
26402
-
26403
- .v-picker--landscape {
26404
- grid-template-areas: "title" "header body" "header body";
26405
- }
26406
-
26407
- .v-picker--landscape.v-picker--with-actions {
26408
- grid-template-areas: "title" "header body" "header actions";
26409
- }
26410
-
26411
- .v-picker-title {
26412
- text-transform: uppercase;
26413
- font-size: 0.75rem;
26414
- grid-area: title;
26415
- padding-inline: 24px 12px;
26416
- padding-top: 16px;
26417
- padding-bottom: 16px;
26418
- font-weight: 400;
26419
- letter-spacing: 0.1666666667em;
26420
- }.v-slider-thumb {
26421
- touch-action: none;
26422
- color: rgb(var(--v-theme-surface-variant));
26423
- }
26424
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26425
- color: inherit;
26426
- }
26427
-
26428
- .v-slider-thumb__label {
26429
- background: rgba(var(--v-theme-surface-variant), 0.7);
26430
- color: rgb(var(--v-theme-on-surface-variant));
26431
- }
26432
- .v-slider-thumb__label::before {
26433
- color: rgba(var(--v-theme-surface-variant), 0.7);
26434
- }
26435
-
26436
- .v-slider-thumb {
26437
- outline: none;
26438
- position: absolute;
26439
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26440
- }
26441
-
26442
- .v-slider-thumb__surface {
26443
- cursor: pointer;
26444
- width: var(--v-slider-thumb-size);
26445
- height: var(--v-slider-thumb-size);
26446
- border-radius: 50%;
26447
- -webkit-user-select: none;
26448
- user-select: none;
26449
- background-color: currentColor;
26450
- }
26451
- @media (forced-colors: active) {
26452
- .v-slider-thumb__surface {
26453
- background-color: highlight;
26454
- }
26455
- }
26456
- .v-slider-thumb__surface::before {
26457
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26458
- content: "";
26459
- color: inherit;
26460
- top: 0;
26461
- left: 0;
26462
- width: 100%;
26463
- height: 100%;
26464
- border-radius: 50%;
26465
- background: currentColor;
26466
- position: absolute;
26467
- pointer-events: none;
26468
- opacity: 0;
26469
- }
26470
- .v-slider-thumb__surface::after {
26471
- content: "";
26472
- width: 42px;
26473
- height: 42px;
26474
- position: absolute;
26475
- top: 50%;
26476
- left: 50%;
26477
- transform: translate(-50%, -50%);
26333
+ flex-wrap: wrap;
26334
+ justify-content: center;
26335
+ padding: 8px;
26478
26336
  }
26479
26337
 
26480
- .v-slider-thumb__label-container {
26481
- position: absolute;
26482
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26338
+ .v-color-picker-swatches__swatch {
26339
+ display: flex;
26340
+ flex-direction: column;
26341
+ margin-bottom: 10px;
26483
26342
  }
26484
26343
 
26485
- .v-slider-thumb__label {
26486
- display: flex;
26487
- align-items: center;
26488
- justify-content: center;
26489
- font-size: 0.75rem;
26490
- min-width: 35px;
26491
- height: 25px;
26492
- border-radius: 4px;
26493
- padding: 6px;
26494
- position: absolute;
26344
+ .v-color-picker-swatches__color {
26345
+ position: relative;
26346
+ height: 18px;
26347
+ max-height: 18px;
26348
+ width: 45px;
26349
+ margin: 2px 4px;
26350
+ border-radius: 2px;
26495
26351
  -webkit-user-select: none;
26496
26352
  user-select: none;
26497
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26498
- }
26499
- .v-slider-thumb__label::before {
26500
- content: "";
26501
- width: 0;
26502
- height: 0;
26503
- position: absolute;
26504
- }
26505
-
26506
- .v-slider-thumb__ripple {
26507
- position: absolute;
26508
- left: calc(var(--v-slider-thumb-size) / -2);
26509
- top: calc(var(--v-slider-thumb-size) / -2);
26510
- width: calc(var(--v-slider-thumb-size) * 2);
26511
- height: calc(var(--v-slider-thumb-size) * 2);
26512
- background: inherit;
26353
+ overflow: hidden;
26354
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26355
+ cursor: pointer;
26513
26356
  }
26514
-
26515
- .v-slider.v-input--horizontal .v-slider-thumb {
26516
- top: 50%;
26517
- transform: translateY(-50%);
26518
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26357
+ .v-color-picker-swatches__color > div {
26358
+ display: flex;
26359
+ align-items: center;
26360
+ justify-content: center;
26361
+ width: 100%;
26362
+ height: 100%;
26363
+ }.v-picker.v-sheet {
26364
+ display: grid;
26365
+ grid-auto-rows: min-content;
26366
+ grid-template-areas: "title" "header" "body";
26367
+ overflow: hidden;
26519
26368
  }
26520
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26521
- left: calc(var(--v-slider-thumb-size) / 2);
26522
- top: 0;
26369
+ .v-picker.v-sheet {
26370
+ 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));
26523
26371
  }
26524
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26525
- bottom: calc(var(--v-slider-thumb-size) / 2);
26372
+ .v-picker.v-sheet {
26373
+ border-radius: 4px;
26526
26374
  }
26527
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26528
- transform: translateX(-50%);
26375
+ .v-picker.v-sheet.v-picker--with-actions {
26376
+ grid-template-areas: "title" "header" "body" "actions";
26529
26377
  }
26530
26378
 
26531
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26532
- transform: translateX(50%);
26379
+ .v-picker__body {
26380
+ grid-area: body;
26381
+ overflow: hidden;
26382
+ position: relative;
26533
26383
  }
26534
26384
 
26535
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26536
- border-left: 6px solid transparent;
26537
- border-right: 6px solid transparent;
26538
- border-top: 6px solid currentColor;
26539
- bottom: -6px;
26385
+ .v-picker__header {
26386
+ grid-area: header;
26540
26387
  }
26541
26388
 
26542
- .v-slider.v-input--vertical .v-slider-thumb {
26543
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26544
- }
26545
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26546
- top: calc(var(--v-slider-thumb-size) / 2);
26547
- right: 0;
26389
+ .v-picker__actions {
26390
+ grid-area: actions;
26391
+ padding: 0 12px 12px;
26392
+ display: flex;
26393
+ align-items: center;
26394
+ justify-content: flex-end;
26548
26395
  }
26549
- .v-slider.v-input--vertical .v-slider-thumb__label {
26550
- top: -12.5px;
26551
- left: calc(var(--v-slider-thumb-size) / 2);
26396
+ .v-picker__actions .v-btn {
26397
+ min-width: 48px;
26552
26398
  }
26553
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26554
- border-right: 6px solid currentColor;
26555
- border-top: 6px solid transparent;
26556
- border-bottom: 6px solid transparent;
26557
- left: -6px;
26399
+ .v-picker__actions .v-btn:not(:last-child) {
26400
+ margin-inline-end: 8px;
26558
26401
  }
26559
26402
 
26560
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26561
- transform: scale(2);
26562
- opacity: var(--v-focus-opacity);
26403
+ .v-picker--landscape {
26404
+ grid-template-areas: "title" "header body" "header body";
26563
26405
  }
26564
26406
 
26565
- .v-slider-thumb--pressed {
26566
- transition: none;
26567
- }
26568
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26569
- opacity: var(--v-pressed-opacity);
26407
+ .v-picker--landscape.v-picker--with-actions {
26408
+ grid-template-areas: "title" "header body" "header actions";
26570
26409
  }
26571
26410
 
26572
- @media (hover: hover) {
26573
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26574
- transform: scale(2);
26575
- }
26576
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26577
- opacity: var(--v-hover-opacity);
26578
- }
26411
+ .v-picker-title {
26412
+ text-transform: uppercase;
26413
+ font-size: 0.75rem;
26414
+ grid-area: title;
26415
+ padding-inline: 24px 12px;
26416
+ padding-top: 16px;
26417
+ padding-bottom: 16px;
26418
+ font-weight: 400;
26419
+ letter-spacing: 0.1666666667em;
26579
26420
  }.v-slider-track__background {
26580
26421
  background-color: rgb(var(--v-theme-surface-variant));
26581
26422
  }
@@ -26754,4 +26595,163 @@ html.v-overlay-scroll-blocked {
26754
26595
 
26755
26596
  .v-slider-track__background--opacity {
26756
26597
  opacity: 0.38;
26598
+ }.v-slider-thumb {
26599
+ touch-action: none;
26600
+ color: rgb(var(--v-theme-surface-variant));
26601
+ }
26602
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26603
+ color: inherit;
26604
+ }
26605
+
26606
+ .v-slider-thumb__label {
26607
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26608
+ color: rgb(var(--v-theme-on-surface-variant));
26609
+ }
26610
+ .v-slider-thumb__label::before {
26611
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26612
+ }
26613
+
26614
+ .v-slider-thumb {
26615
+ outline: none;
26616
+ position: absolute;
26617
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26618
+ }
26619
+
26620
+ .v-slider-thumb__surface {
26621
+ cursor: pointer;
26622
+ width: var(--v-slider-thumb-size);
26623
+ height: var(--v-slider-thumb-size);
26624
+ border-radius: 50%;
26625
+ -webkit-user-select: none;
26626
+ user-select: none;
26627
+ background-color: currentColor;
26628
+ }
26629
+ @media (forced-colors: active) {
26630
+ .v-slider-thumb__surface {
26631
+ background-color: highlight;
26632
+ }
26633
+ }
26634
+ .v-slider-thumb__surface::before {
26635
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26636
+ content: "";
26637
+ color: inherit;
26638
+ top: 0;
26639
+ left: 0;
26640
+ width: 100%;
26641
+ height: 100%;
26642
+ border-radius: 50%;
26643
+ background: currentColor;
26644
+ position: absolute;
26645
+ pointer-events: none;
26646
+ opacity: 0;
26647
+ }
26648
+ .v-slider-thumb__surface::after {
26649
+ content: "";
26650
+ width: 42px;
26651
+ height: 42px;
26652
+ position: absolute;
26653
+ top: 50%;
26654
+ left: 50%;
26655
+ transform: translate(-50%, -50%);
26656
+ }
26657
+
26658
+ .v-slider-thumb__label-container {
26659
+ position: absolute;
26660
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26661
+ }
26662
+
26663
+ .v-slider-thumb__label {
26664
+ display: flex;
26665
+ align-items: center;
26666
+ justify-content: center;
26667
+ font-size: 0.75rem;
26668
+ min-width: 35px;
26669
+ height: 25px;
26670
+ border-radius: 4px;
26671
+ padding: 6px;
26672
+ position: absolute;
26673
+ -webkit-user-select: none;
26674
+ user-select: none;
26675
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26676
+ }
26677
+ .v-slider-thumb__label::before {
26678
+ content: "";
26679
+ width: 0;
26680
+ height: 0;
26681
+ position: absolute;
26682
+ }
26683
+
26684
+ .v-slider-thumb__ripple {
26685
+ position: absolute;
26686
+ left: calc(var(--v-slider-thumb-size) / -2);
26687
+ top: calc(var(--v-slider-thumb-size) / -2);
26688
+ width: calc(var(--v-slider-thumb-size) * 2);
26689
+ height: calc(var(--v-slider-thumb-size) * 2);
26690
+ background: inherit;
26691
+ }
26692
+
26693
+ .v-slider.v-input--horizontal .v-slider-thumb {
26694
+ top: 50%;
26695
+ transform: translateY(-50%);
26696
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26697
+ }
26698
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26699
+ left: calc(var(--v-slider-thumb-size) / 2);
26700
+ top: 0;
26701
+ }
26702
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26703
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26704
+ }
26705
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26706
+ transform: translateX(-50%);
26707
+ }
26708
+
26709
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26710
+ transform: translateX(50%);
26711
+ }
26712
+
26713
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26714
+ border-left: 6px solid transparent;
26715
+ border-right: 6px solid transparent;
26716
+ border-top: 6px solid currentColor;
26717
+ bottom: -6px;
26718
+ }
26719
+
26720
+ .v-slider.v-input--vertical .v-slider-thumb {
26721
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26722
+ }
26723
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26724
+ top: calc(var(--v-slider-thumb-size) / 2);
26725
+ right: 0;
26726
+ }
26727
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26728
+ top: -12.5px;
26729
+ left: calc(var(--v-slider-thumb-size) / 2);
26730
+ }
26731
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26732
+ border-right: 6px solid currentColor;
26733
+ border-top: 6px solid transparent;
26734
+ border-bottom: 6px solid transparent;
26735
+ left: -6px;
26736
+ }
26737
+
26738
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26739
+ transform: scale(2);
26740
+ opacity: var(--v-focus-opacity);
26741
+ }
26742
+
26743
+ .v-slider-thumb--pressed {
26744
+ transition: none;
26745
+ }
26746
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26747
+ opacity: var(--v-pressed-opacity);
26748
+ }
26749
+
26750
+ @media (hover: hover) {
26751
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26752
+ transform: scale(2);
26753
+ }
26754
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26755
+ opacity: var(--v-hover-opacity);
26756
+ }
26757
26757
  }