vuetify 3.5.17 → 3.5.18

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.17
2
+ * Vuetify v3.5.18
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17065,7 +17065,6 @@ html.overflow-y-hidden {
17065
17065
  display: flex;
17066
17066
  flex-direction: column;
17067
17067
  min-height: 0;
17068
- background-color: #fff;
17069
17068
  }
17070
17069
 
17071
17070
  .v-calendar__container {
@@ -17314,91 +17313,61 @@ html.overflow-y-hidden {
17314
17313
  }
17315
17314
  .v-calendar-weekly .v-calendar__container.days__0 {
17316
17315
  grid-template-columns: repeat(1, 1fr);
17317
- }.v-empty-state {
17316
+ }.v-calendar-header {
17318
17317
  align-items: center;
17319
17318
  display: flex;
17320
- flex-direction: column;
17321
- justify-content: center;
17322
- min-height: 100%;
17323
- padding: 16px;
17324
- }
17325
- .v-empty-state--start {
17326
- align-items: flex-start;
17327
- }
17328
- .v-empty-state--center {
17329
- align-items: center;
17330
- }
17331
- .v-empty-state--end {
17332
- align-items: flex-end;
17319
+ min-height: 64px;
17333
17320
  }
17334
17321
 
17335
- .v-empty-state__media {
17336
- text-align: center;
17337
- width: 100%;
17338
- }
17339
- .v-empty-state__media .v-icon {
17340
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17322
+ .v-calendar-header__today {
17323
+ margin-inline-end: 24px;
17341
17324
  }
17342
17325
 
17343
- .v-empty-state__headline {
17344
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17345
- font-size: 3.75rem;
17346
- font-weight: 300;
17347
- line-height: 1;
17348
- text-align: center;
17349
- margin-bottom: 8px;
17326
+ .v-calendar-header__title {
17327
+ font-size: 1.5rem;
17328
+ margin-inline-start: 24px;
17329
+ }.v-calendar-day__row-with-label {
17330
+ display: grid;
17331
+ grid-template-columns: 48px 8px 1fr;
17332
+ border-right: thin solid #e0e0e0;
17350
17333
  }
17351
- .v-empty-state--mobile .v-empty-state__headline {
17352
- font-size: 2.125rem;
17334
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17335
+ position: relative;
17336
+ border-right: thin solid #e0e0e0;
17353
17337
  }
17354
-
17355
- .v-empty-state__title {
17356
- font-size: 1.25rem;
17357
- font-weight: 500;
17358
- line-height: 1.6;
17359
- margin-bottom: 4px;
17360
- text-align: center;
17338
+ .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17339
+ content: "";
17340
+ border-bottom: thin solid #e0e0e0;
17341
+ position: absolute;
17342
+ width: 100%;
17343
+ margin-top: -1px;
17344
+ z-index: 3;
17345
+ pointer-events: none;
17361
17346
  }
17362
-
17363
- .v-empty-state__text {
17364
- font-size: 0.875rem;
17365
- font-weight: 400;
17366
- line-height: 1.425;
17367
- padding: 0 16px;
17347
+ .v-calendar-day__row-with-label .v-calendar-day__row-label {
17348
+ font-size: 10px;
17368
17349
  text-align: center;
17350
+ position: relative;
17351
+ top: -8px;
17369
17352
  }
17370
-
17371
- .v-empty-state__content {
17372
- padding: 24px 0;
17353
+ .v-calendar-day__row-with-label .v-calendar-day__row-content {
17354
+ border-bottom: thin solid #e0e0e0;
17373
17355
  }
17374
-
17375
- .v-empty-state__actions {
17376
- display: flex;
17377
- gap: 8px;
17378
- padding: 16px;
17356
+ .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17357
+ border-bottom: none;
17379
17358
  }
17380
17359
 
17381
- .v-empty-state__action-btn.v-btn {
17382
- background-color: rgb(var(--v-theme-surface-variant));
17383
- color: rgb(var(--v-theme-on-surface-variant));
17384
- }.v-calendar-internal-event {
17385
- overflow: hidden;
17386
- padding: 4px;
17387
- text-overflow: ellipsis;
17388
- white-space: nowrap;
17389
- }.v-calendar-header {
17390
- align-items: center;
17391
- display: flex;
17392
- min-height: 64px;
17360
+ .v-calendar-day__row-without-label {
17361
+ display: grid;
17362
+ grid-template-columns: 1fr;
17363
+ border-right: thin solid #e0e0e0;
17393
17364
  }
17394
-
17395
- .v-calendar-header__today {
17396
- margin-inline-end: 24px;
17365
+ .v-calendar-day__row-without-label .v-calendar-day__row-content {
17366
+ overflow: hidden;
17367
+ border-bottom: thin solid #e0e0e0;
17397
17368
  }
17398
-
17399
- .v-calendar-header__title {
17400
- font-size: 1.5rem;
17401
- margin-inline-start: 24px;
17369
+ .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17370
+ border-bottom: none;
17402
17371
  }.v-calendar-month__day {
17403
17372
  position: relative;
17404
17373
  display: flex;
@@ -17462,86 +17431,11 @@ html.overflow-y-hidden {
17462
17431
 
17463
17432
  .v-calendar-weekly__day-alldayevents-container {
17464
17433
  min-height: 24px;
17465
- }.v-calendar-day__row-with-label {
17466
- display: grid;
17467
- grid-template-columns: 48px 8px 1fr;
17468
- border-right: thin solid #e0e0e0;
17469
- }
17470
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline {
17471
- position: relative;
17472
- border-right: thin solid #e0e0e0;
17473
- }
17474
- .v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
17475
- content: "";
17476
- border-bottom: thin solid #e0e0e0;
17477
- position: absolute;
17478
- width: 100%;
17479
- margin-top: -1px;
17480
- z-index: 3;
17481
- pointer-events: none;
17482
- }
17483
- .v-calendar-day__row-with-label .v-calendar-day__row-label {
17484
- font-size: 10px;
17485
- text-align: center;
17486
- position: relative;
17487
- top: -8px;
17488
- }
17489
- .v-calendar-day__row-with-label .v-calendar-day__row-content {
17490
- border-bottom: thin solid #e0e0e0;
17491
- }
17492
- .v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17493
- border-bottom: none;
17494
- }
17495
-
17496
- .v-calendar-day__row-without-label {
17497
- display: grid;
17498
- grid-template-columns: 1fr;
17499
- border-right: thin solid #e0e0e0;
17500
- }
17501
- .v-calendar-day__row-without-label .v-calendar-day__row-content {
17434
+ }.v-calendar-internal-event {
17502
17435
  overflow: hidden;
17503
- border-bottom: thin solid #e0e0e0;
17504
- }
17505
- .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17506
- border-bottom: none;
17507
- }.v-number-input input[type=number] {
17508
- -moz-appearance: textfield;
17509
- }
17510
- .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
17511
- -webkit-appearance: none;
17512
- }
17513
- .v-number-input .v-field {
17514
- padding-inline-end: 0;
17515
- padding-inline-start: 0;
17516
- }
17517
- .v-number-input--inset .v-divider {
17518
- height: 55%;
17519
- width: 55%;
17520
- align-self: center;
17521
- }
17522
- .v-number-input--split .v-field__input {
17523
- text-align: center;
17524
- }
17525
- .v-number-input--stacked .v-number-input__control {
17526
- flex-direction: column-reverse;
17527
- }
17528
- .v-number-input--stacked .v-number-input__control .v-btn {
17529
- flex: 1;
17530
- }
17531
- .v-number-input--hide-input .v-field {
17532
- flex: none;
17533
- }
17534
- .v-number-input--hide-input .v-field__input {
17535
- width: 0;
17536
- padding-inline: 0;
17537
- }
17538
- .v-number-input__control {
17539
- display: flex;
17540
- height: 100%;
17541
- }
17542
- .v-number-input__control .v-btn {
17543
- background-color: transparent;
17544
- border-radius: 0;
17436
+ padding: 4px;
17437
+ text-overflow: ellipsis;
17438
+ white-space: nowrap;
17545
17439
  }.v-fab {
17546
17440
  align-items: center;
17547
17441
  display: inline-flex;
@@ -17611,105 +17505,169 @@ html.overflow-y-hidden {
17611
17505
  }
17612
17506
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
17613
17507
  right: 0;
17614
- }.v-picker.v-sheet {
17615
- 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));
17616
- border-radius: 4px;
17617
- display: grid;
17618
- grid-auto-rows: min-content;
17619
- grid-template-areas: "title" "header" "body";
17620
- overflow: hidden;
17508
+ }.v-empty-state {
17509
+ align-items: center;
17510
+ display: flex;
17511
+ flex-direction: column;
17512
+ justify-content: center;
17513
+ min-height: 100%;
17514
+ padding: 16px;
17621
17515
  }
17622
- .v-picker.v-sheet.v-picker--with-actions {
17623
- grid-template-areas: "title" "header" "body" "actions";
17516
+ .v-empty-state--start {
17517
+ align-items: flex-start;
17624
17518
  }
17625
-
17626
- .v-picker__body {
17627
- grid-area: body;
17519
+ .v-empty-state--center {
17520
+ align-items: center;
17628
17521
  }
17629
-
17630
- .v-picker__header {
17631
- grid-area: header;
17522
+ .v-empty-state--end {
17523
+ align-items: flex-end;
17632
17524
  }
17633
17525
 
17634
- .v-picker__actions {
17635
- grid-area: actions;
17636
- padding: 0 12px 12px;
17637
- display: flex;
17638
- align-items: center;
17639
- justify-content: flex-end;
17640
- }
17641
- .v-picker__actions .v-btn {
17642
- min-width: 48px;
17526
+ .v-empty-state__media {
17527
+ text-align: center;
17528
+ width: 100%;
17643
17529
  }
17644
- .v-picker__actions .v-btn:not(:last-child) {
17645
- margin-inline-end: 8px;
17530
+ .v-empty-state__media .v-icon {
17531
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17646
17532
  }
17647
17533
 
17648
- .v-picker--landscape {
17649
- grid-template-areas: "title" "header body" "header body";
17534
+ .v-empty-state__headline {
17535
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17536
+ font-size: 3.75rem;
17537
+ font-weight: 300;
17538
+ line-height: 1;
17539
+ text-align: center;
17540
+ margin-bottom: 8px;
17541
+ }
17542
+ .v-empty-state--mobile .v-empty-state__headline {
17543
+ font-size: 2.125rem;
17650
17544
  }
17651
17545
 
17652
- .v-picker--landscape.v-picker--with-actions {
17653
- grid-template-areas: "title" "header body" "header actions";
17546
+ .v-empty-state__title {
17547
+ font-size: 1.25rem;
17548
+ font-weight: 500;
17549
+ line-height: 1.6;
17550
+ margin-bottom: 4px;
17551
+ text-align: center;
17654
17552
  }
17655
17553
 
17656
- .v-picker-title {
17657
- text-transform: uppercase;
17658
- font-size: 0.75rem;
17659
- grid-area: title;
17660
- padding-inline: 24px 12px;
17661
- padding-top: 16px;
17662
- padding-bottom: 16px;
17554
+ .v-empty-state__text {
17555
+ font-size: 0.875rem;
17663
17556
  font-weight: 400;
17664
- letter-spacing: 0.1666666667em;
17665
- }.v-time-picker.v-picker {
17666
- padding: 24px;
17667
- width: 328px;
17557
+ line-height: 1.425;
17558
+ padding: 0 16px;
17559
+ text-align: center;
17668
17560
  }
17669
- .v-time-picker.v-picker .v-picker-title {
17670
- padding: 0;
17671
- margin-bottom: 20px;
17672
- }.v-speed-dial__content {
17561
+
17562
+ .v-empty-state__content {
17563
+ padding: 24px 0;
17564
+ }
17565
+
17566
+ .v-empty-state__actions {
17567
+ display: flex;
17673
17568
  gap: 8px;
17569
+ padding: 16px;
17674
17570
  }
17675
- .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 {
17676
- flex-direction: row;
17571
+
17572
+ .v-empty-state__action-btn.v-btn {
17573
+ background-color: rgb(var(--v-theme-surface-variant));
17574
+ color: rgb(var(--v-theme-on-surface-variant));
17575
+ }.v-number-input input[type=number] {
17576
+ -moz-appearance: textfield;
17677
17577
  }
17678
- .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 {
17679
- flex-direction: row-reverse;
17578
+ .v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
17579
+ -webkit-appearance: none;
17680
17580
  }
17681
- .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 {
17581
+ .v-number-input .v-field {
17582
+ padding-inline-end: 0;
17583
+ padding-inline-start: 0;
17584
+ }
17585
+ .v-number-input--inset .v-divider {
17586
+ height: 55%;
17587
+ width: 55%;
17588
+ align-self: center;
17589
+ }
17590
+ .v-number-input--split .v-field__input {
17591
+ text-align: center;
17592
+ }
17593
+ .v-number-input--stacked .v-number-input__control {
17682
17594
  flex-direction: column-reverse;
17683
17595
  }
17684
- .v-speed-dial__content > *:nth-child(1) {
17685
- transition-delay: 0s;
17596
+ .v-number-input--stacked .v-number-input__control .v-btn {
17597
+ flex: 1;
17686
17598
  }
17687
- .v-speed-dial__content > *:nth-child(2) {
17688
- transition-delay: 0.05s;
17599
+ .v-number-input--hide-input .v-field {
17600
+ flex: none;
17689
17601
  }
17690
- .v-speed-dial__content > *:nth-child(3) {
17691
- transition-delay: 0.1s;
17602
+ .v-number-input--hide-input .v-field__input {
17603
+ width: 0;
17604
+ padding-inline: 0;
17692
17605
  }
17693
- .v-speed-dial__content > *:nth-child(4) {
17694
- transition-delay: 0.15s;
17606
+ .v-number-input__control {
17607
+ display: flex;
17608
+ height: 100%;
17695
17609
  }
17696
- .v-speed-dial__content > *:nth-child(5) {
17697
- transition-delay: 0.2s;
17610
+ .v-number-input__control .v-btn {
17611
+ background-color: transparent;
17612
+ border-radius: 0;
17613
+ }.v-picker.v-sheet {
17614
+ 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));
17615
+ border-radius: 4px;
17616
+ display: grid;
17617
+ grid-auto-rows: min-content;
17618
+ grid-template-areas: "title" "header" "body";
17619
+ overflow: hidden;
17698
17620
  }
17699
- .v-speed-dial__content > *:nth-child(6) {
17700
- transition-delay: 0.25s;
17621
+ .v-picker.v-sheet.v-picker--with-actions {
17622
+ grid-template-areas: "title" "header" "body" "actions";
17701
17623
  }
17702
- .v-speed-dial__content > *:nth-child(7) {
17703
- transition-delay: 0.3s;
17624
+
17625
+ .v-picker__body {
17626
+ grid-area: body;
17704
17627
  }
17705
- .v-speed-dial__content > *:nth-child(8) {
17706
- transition-delay: 0.35s;
17628
+
17629
+ .v-picker__header {
17630
+ grid-area: header;
17707
17631
  }
17708
- .v-speed-dial__content > *:nth-child(9) {
17709
- transition-delay: 0.4s;
17632
+
17633
+ .v-picker__actions {
17634
+ grid-area: actions;
17635
+ padding: 0 12px 12px;
17636
+ display: flex;
17637
+ align-items: center;
17638
+ justify-content: flex-end;
17710
17639
  }
17711
- .v-speed-dial__content > *:nth-child(10) {
17712
- transition-delay: 0.45s;
17640
+ .v-picker__actions .v-btn {
17641
+ min-width: 48px;
17642
+ }
17643
+ .v-picker__actions .v-btn:not(:last-child) {
17644
+ margin-inline-end: 8px;
17645
+ }
17646
+
17647
+ .v-picker--landscape {
17648
+ grid-template-areas: "title" "header body" "header body";
17649
+ }
17650
+
17651
+ .v-picker--landscape.v-picker--with-actions {
17652
+ grid-template-areas: "title" "header body" "header actions";
17653
+ }
17654
+
17655
+ .v-picker-title {
17656
+ text-transform: uppercase;
17657
+ font-size: 0.75rem;
17658
+ grid-area: title;
17659
+ padding-inline: 24px 12px;
17660
+ padding-top: 16px;
17661
+ padding-bottom: 16px;
17662
+ font-weight: 400;
17663
+ letter-spacing: 0.1666666667em;
17664
+ }.v-time-picker.v-picker {
17665
+ padding: 24px;
17666
+ width: 328px;
17667
+ }
17668
+ .v-time-picker.v-picker .v-picker-title {
17669
+ padding: 0;
17670
+ margin-bottom: 20px;
17713
17671
  }.v-time-picker-clock {
17714
17672
  background: rgb(var(--v-theme-background));
17715
17673
  color: rgb(var(--v-theme-on-background));
@@ -17960,6 +17918,47 @@ html.overflow-y-hidden {
17960
17918
  }
17961
17919
  .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
17962
17920
  padding-inline-start: calc(12px + var(--indent-padding)) !important;
17921
+ }.v-speed-dial__content {
17922
+ gap: 8px;
17923
+ }
17924
+ .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 {
17925
+ flex-direction: row;
17926
+ }
17927
+ .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 {
17928
+ flex-direction: row-reverse;
17929
+ }
17930
+ .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 {
17931
+ flex-direction: column-reverse;
17932
+ }
17933
+ .v-speed-dial__content > *:nth-child(1) {
17934
+ transition-delay: 0s;
17935
+ }
17936
+ .v-speed-dial__content > *:nth-child(2) {
17937
+ transition-delay: 0.05s;
17938
+ }
17939
+ .v-speed-dial__content > *:nth-child(3) {
17940
+ transition-delay: 0.1s;
17941
+ }
17942
+ .v-speed-dial__content > *:nth-child(4) {
17943
+ transition-delay: 0.15s;
17944
+ }
17945
+ .v-speed-dial__content > *:nth-child(5) {
17946
+ transition-delay: 0.2s;
17947
+ }
17948
+ .v-speed-dial__content > *:nth-child(6) {
17949
+ transition-delay: 0.25s;
17950
+ }
17951
+ .v-speed-dial__content > *:nth-child(7) {
17952
+ transition-delay: 0.3s;
17953
+ }
17954
+ .v-speed-dial__content > *:nth-child(8) {
17955
+ transition-delay: 0.35s;
17956
+ }
17957
+ .v-speed-dial__content > *:nth-child(9) {
17958
+ transition-delay: 0.4s;
17959
+ }
17960
+ .v-speed-dial__content > *:nth-child(10) {
17961
+ transition-delay: 0.45s;
17963
17962
  }.v-app-bar {
17964
17963
  display: flex;
17965
17964
  }
@@ -17972,6 +17971,22 @@ html.overflow-y-hidden {
17972
17971
  }
17973
17972
  .v-app-bar:not(.v-toolbar--absolute) {
17974
17973
  padding-inline-end: var(--v-scrollbar-offset);
17974
+ }.v-application {
17975
+ display: flex;
17976
+ background: rgb(var(--v-theme-background));
17977
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17978
+ }
17979
+
17980
+ .v-application__wrap {
17981
+ -webkit-backface-visibility: hidden;
17982
+ backface-visibility: hidden;
17983
+ display: flex;
17984
+ flex-direction: column;
17985
+ flex: 1 1 auto;
17986
+ max-width: 100%;
17987
+ min-height: 100vh;
17988
+ min-height: 100dvh;
17989
+ position: relative;
17975
17990
  }.v-alert {
17976
17991
  display: grid;
17977
17992
  flex: 1 1;
@@ -18182,22 +18197,6 @@ html.overflow-y-hidden {
18182
18197
  text-transform: none;
18183
18198
  word-break: normal;
18184
18199
  word-wrap: break-word;
18185
- }.v-application {
18186
- display: flex;
18187
- background: rgb(var(--v-theme-background));
18188
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18189
- }
18190
-
18191
- .v-application__wrap {
18192
- -webkit-backface-visibility: hidden;
18193
- backface-visibility: hidden;
18194
- display: flex;
18195
- flex-direction: column;
18196
- flex: 1 1 auto;
18197
- max-width: 100%;
18198
- min-height: 100vh;
18199
- min-height: 100dvh;
18200
- position: relative;
18201
18200
  }.v-autocomplete .v-field .v-text-field__prefix,
18202
18201
  .v-autocomplete .v-field .v-text-field__suffix,
18203
18202
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18443,38 +18442,6 @@ html.overflow-y-hidden {
18443
18442
  display: inline-flex;
18444
18443
  justify-content: center;
18445
18444
  margin: 0 4px;
18446
- }.bottom-sheet-transition-enter-from {
18447
- transform: translateY(100%);
18448
- }
18449
- .bottom-sheet-transition-leave-to {
18450
- transform: translateY(100%);
18451
- }
18452
-
18453
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18454
- align-self: flex-end;
18455
- border-radius: 0;
18456
- flex: 0 1 auto;
18457
- left: 0;
18458
- right: 0;
18459
- margin-inline: 0;
18460
- margin-bottom: 0;
18461
- transition-duration: 0.2s;
18462
- width: 100%;
18463
- max-width: 100%;
18464
- overflow: visible;
18465
- 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));
18466
- }
18467
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18468
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18469
- border-radius: 0;
18470
- }
18471
- .v-bottom-sheet.v-bottom-sheet--inset {
18472
- max-width: none;
18473
- }
18474
- @media (min-width: 600px) {
18475
- .v-bottom-sheet.v-bottom-sheet--inset {
18476
- max-width: 70%;
18477
- }
18478
18445
  }.v-banner {
18479
18446
  display: grid;
18480
18447
  flex: 1 1;
@@ -18632,128 +18599,16 @@ html.overflow-y-hidden {
18632
18599
  }
18633
18600
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18634
18601
  align-self: flex-start;
18635
- }.v-bottom-navigation {
18636
- display: flex;
18637
- max-width: 100%;
18638
- overflow: hidden;
18639
- position: absolute;
18640
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18641
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18642
- border-style: solid;
18643
- border-width: 0;
18644
- border-radius: 0;
18645
- background: rgb(var(--v-theme-surface));
18646
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18647
- }
18648
- .v-bottom-navigation--border {
18649
- border-width: thin;
18650
- box-shadow: none;
18651
- }
18652
- .v-bottom-navigation--active {
18653
- 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));
18654
- }
18655
-
18656
- .v-bottom-navigation__content {
18657
- display: flex;
18658
- flex: none;
18659
- font-size: 0.75rem;
18660
- justify-content: center;
18661
- transition: inherit;
18662
- width: 100%;
18663
- }
18664
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18665
- font-size: inherit;
18666
- height: 100%;
18667
- max-width: 168px;
18668
- min-width: 80px;
18669
- text-transform: none;
18670
- transition: inherit;
18671
- width: auto;
18672
- border-radius: 0;
18673
- }
18674
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18675
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18676
- transition: inherit;
18677
- }
18678
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18679
- font-size: 1.5rem;
18680
- }
18681
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18682
- flex-grow: 1;
18683
- }
18684
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18685
- transition: inherit;
18686
- opacity: 0;
18687
- }
18688
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18689
- transform: translateY(0.5rem);
18690
- }.v-breadcrumbs {
18691
- display: flex;
18692
- align-items: center;
18693
- line-height: 1.6;
18694
- padding: 16px 12px;
18695
- }
18696
- .v-breadcrumbs--rounded {
18697
- border-radius: 4px;
18698
- }
18699
- .v-breadcrumbs--density-default {
18700
- padding-top: 16px;
18701
- padding-bottom: 16px;
18702
- }
18703
-
18704
- .v-breadcrumbs--density-comfortable {
18705
- padding-top: 12px;
18706
- padding-bottom: 12px;
18707
- }
18708
-
18709
- .v-breadcrumbs--density-compact {
18710
- padding-top: 8px;
18711
- padding-bottom: 8px;
18712
- }
18713
-
18714
- .v-breadcrumbs__prepend {
18715
- align-items: center;
18716
- display: inline-flex;
18717
- }
18718
-
18719
- .v-breadcrumbs-item {
18720
- align-items: center;
18721
- color: inherit;
18722
- display: inline-flex;
18723
- padding: 0 4px;
18724
- text-decoration: none;
18725
- vertical-align: middle;
18726
- }
18727
- .v-breadcrumbs-item--disabled {
18728
- opacity: var(--v-disabled-opacity);
18729
- pointer-events: none;
18730
- }
18731
- .v-breadcrumbs-item--link {
18732
- color: inherit;
18733
- text-decoration: none;
18734
- }
18735
- .v-breadcrumbs-item--link:hover {
18736
- text-decoration: underline;
18737
- }
18738
- .v-breadcrumbs-item .v-icon {
18739
- font-size: 1rem;
18740
- margin-inline: -4px 2px;
18741
- }
18742
-
18743
- .v-breadcrumbs-divider {
18744
- display: inline-block;
18745
- padding: 0 8px;
18746
- vertical-align: middle;
18747
- }.v-btn {
18748
- align-items: center;
18749
- border-radius: 4px;
18750
- display: inline-grid;
18751
- grid-template-areas: "prepend content append";
18752
- grid-template-columns: max-content auto max-content;
18753
- font-weight: 500;
18754
- justify-content: center;
18755
- letter-spacing: 0.0892857143em;
18756
- line-height: normal;
18602
+ }.v-btn {
18603
+ align-items: center;
18604
+ border-radius: 4px;
18605
+ display: inline-grid;
18606
+ grid-template-areas: "prepend content append";
18607
+ grid-template-columns: max-content auto max-content;
18608
+ font-weight: 500;
18609
+ justify-content: center;
18610
+ letter-spacing: 0.0892857143em;
18611
+ line-height: normal;
18757
18612
  max-width: 100%;
18758
18613
  outline: none;
18759
18614
  position: relative;
@@ -19151,243 +19006,524 @@ html.overflow-y-hidden {
19151
19006
  }
19152
19007
  .v-pagination__item--is-active .v-btn__overlay {
19153
19008
  opacity: var(--v-border-opacity);
19154
- }.v-card {
19155
- display: block;
19156
- overflow: hidden;
19157
- overflow-wrap: break-word;
19158
- position: relative;
19159
- padding: 0;
19160
- text-decoration: none;
19161
- transition-duration: 0.28s;
19162
- transition-property: box-shadow, opacity, background;
19163
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19164
- z-index: 0;
19165
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19166
- border-style: solid;
19167
- border-width: 0;
19168
- border-radius: 4px;
19009
+ }.v-breadcrumbs {
19010
+ display: flex;
19011
+ align-items: center;
19012
+ line-height: 1.6;
19013
+ padding: 16px 12px;
19169
19014
  }
19170
- .v-card--border {
19171
- border-width: thin;
19172
- box-shadow: none;
19015
+ .v-breadcrumbs--rounded {
19016
+ border-radius: 4px;
19173
19017
  }
19174
- .v-card--absolute {
19175
- position: absolute;
19018
+ .v-breadcrumbs--density-default {
19019
+ padding-top: 16px;
19020
+ padding-bottom: 16px;
19176
19021
  }
19177
- .v-card--fixed {
19178
- position: fixed;
19022
+
19023
+ .v-breadcrumbs--density-comfortable {
19024
+ padding-top: 12px;
19025
+ padding-bottom: 12px;
19179
19026
  }
19180
- .v-card:hover > .v-card__overlay {
19181
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19027
+
19028
+ .v-breadcrumbs--density-compact {
19029
+ padding-top: 8px;
19030
+ padding-bottom: 8px;
19182
19031
  }
19183
- .v-card:focus-visible > .v-card__overlay {
19184
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19032
+
19033
+ .v-breadcrumbs__prepend {
19034
+ align-items: center;
19035
+ display: inline-flex;
19185
19036
  }
19186
- @supports not selector(:focus-visible) {
19187
- .v-card:focus > .v-card__overlay {
19188
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19189
- }
19037
+
19038
+ .v-breadcrumbs-item {
19039
+ align-items: center;
19040
+ color: inherit;
19041
+ display: inline-flex;
19042
+ padding: 0 4px;
19043
+ text-decoration: none;
19044
+ vertical-align: middle;
19190
19045
  }
19191
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19192
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19046
+ .v-breadcrumbs-item--disabled {
19047
+ opacity: var(--v-disabled-opacity);
19048
+ pointer-events: none;
19193
19049
  }
19194
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19195
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19050
+ .v-breadcrumbs-item--link {
19051
+ color: inherit;
19052
+ text-decoration: none;
19196
19053
  }
19197
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19198
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19054
+ .v-breadcrumbs-item--link:hover {
19055
+ text-decoration: underline;
19199
19056
  }
19200
- @supports not selector(:focus-visible) {
19201
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19202
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19203
- }
19057
+ .v-breadcrumbs-item .v-icon {
19058
+ font-size: 1rem;
19059
+ margin-inline: -4px 2px;
19204
19060
  }
19205
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19061
+
19062
+ .v-breadcrumbs-divider {
19063
+ display: inline-block;
19064
+ padding: 0 8px;
19065
+ vertical-align: middle;
19066
+ }.v-btn-group {
19067
+ display: inline-flex;
19068
+ flex-wrap: nowrap;
19069
+ max-width: 100%;
19070
+ min-width: 0;
19071
+ overflow: hidden;
19072
+ vertical-align: middle;
19073
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19074
+ border-style: solid;
19075
+ border-width: 0;
19076
+ 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));
19077
+ border-radius: 4px;
19206
19078
  background: transparent;
19207
- color: inherit;
19079
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19208
19080
  }
19209
- .v-card--variant-plain {
19210
- opacity: 0.62;
19081
+ .v-btn-group--border {
19082
+ border-width: thin;
19083
+ box-shadow: none;
19211
19084
  }
19212
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19213
- opacity: 1;
19085
+ .v-btn-group--density-default.v-btn-group {
19086
+ height: 48px;
19214
19087
  }
19215
- .v-card--variant-plain .v-card__overlay {
19216
- display: none;
19088
+
19089
+ .v-btn-group--density-comfortable.v-btn-group {
19090
+ height: 40px;
19217
19091
  }
19218
- .v-card--variant-elevated, .v-card--variant-flat {
19219
- background: rgb(var(--v-theme-surface));
19220
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19092
+
19093
+ .v-btn-group--density-compact.v-btn-group {
19094
+ height: 36px;
19221
19095
  }
19222
- .v-card--variant-elevated {
19223
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19096
+
19097
+ .v-btn-group .v-btn {
19098
+ border-radius: 0;
19099
+ border-color: inherit;
19224
19100
  }
19225
- .v-card--variant-flat {
19226
- 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));
19101
+ .v-btn-group .v-btn:not(:last-child) {
19102
+ border-inline-end: none;
19227
19103
  }
19228
- .v-card--variant-outlined {
19229
- border: thin solid currentColor;
19104
+ .v-btn-group .v-btn:not(:first-child) {
19105
+ border-inline-start: none;
19230
19106
  }
19231
- .v-card--variant-text .v-card__overlay {
19232
- background: currentColor;
19233
- }
19234
- .v-card--variant-tonal .v-card__underlay {
19235
- background: currentColor;
19236
- opacity: var(--v-activated-opacity);
19237
- border-radius: inherit;
19238
- position: absolute;
19239
- top: 0;
19240
- right: 0;
19241
- bottom: 0;
19242
- left: 0;
19243
- pointer-events: none;
19107
+ .v-btn-group .v-btn:first-child {
19108
+ border-start-start-radius: inherit;
19109
+ border-end-start-radius: inherit;
19244
19110
  }
19245
- .v-card--disabled {
19246
- pointer-events: none;
19247
- -webkit-user-select: none;
19248
- user-select: none;
19111
+ .v-btn-group .v-btn:last-child {
19112
+ border-start-end-radius: inherit;
19113
+ border-end-end-radius: inherit;
19249
19114
  }
19250
- .v-card--disabled > :not(.v-card__loader) {
19251
- opacity: 0.6;
19115
+ .v-btn-group--divided .v-btn:not(:last-child) {
19116
+ border-inline-end-width: thin;
19117
+ border-inline-end-style: solid;
19118
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19252
19119
  }
19253
- .v-card--flat {
19254
- box-shadow: none;
19120
+ .v-btn-group--tile {
19121
+ border-radius: 0;
19122
+ }.bottom-sheet-transition-enter-from {
19123
+ transform: translateY(100%);
19255
19124
  }
19256
- .v-card--hover {
19257
- cursor: pointer;
19125
+ .bottom-sheet-transition-leave-to {
19126
+ transform: translateY(100%);
19258
19127
  }
19259
- .v-card--hover::before, .v-card--hover::after {
19260
- border-radius: inherit;
19261
- bottom: 0;
19262
- content: "";
19263
- display: block;
19128
+
19129
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
19130
+ align-self: flex-end;
19131
+ border-radius: 0;
19132
+ flex: 0 1 auto;
19264
19133
  left: 0;
19265
- pointer-events: none;
19266
- position: absolute;
19267
19134
  right: 0;
19268
- top: 0;
19269
- transition: inherit;
19135
+ margin-inline: 0;
19136
+ margin-bottom: 0;
19137
+ transition-duration: 0.2s;
19138
+ width: 100%;
19139
+ max-width: 100%;
19140
+ overflow: visible;
19141
+ 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));
19270
19142
  }
19271
- .v-card--hover::before {
19272
- opacity: 1;
19273
- z-index: -1;
19274
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19143
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
19144
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
19145
+ border-radius: 0;
19275
19146
  }
19276
- .v-card--hover::after {
19277
- z-index: 1;
19278
- opacity: 0;
19279
- 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));
19147
+ .v-bottom-sheet.v-bottom-sheet--inset {
19148
+ max-width: none;
19280
19149
  }
19281
- .v-card--hover:hover::after {
19282
- opacity: 1;
19150
+ @media (min-width: 600px) {
19151
+ .v-bottom-sheet.v-bottom-sheet--inset {
19152
+ max-width: 70%;
19153
+ }
19154
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19155
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19283
19156
  }
19284
- .v-card--hover:hover::before {
19285
- opacity: 0;
19157
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19158
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19286
19159
  }
19287
- .v-card--hover:hover {
19288
- 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));
19160
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19161
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19289
19162
  }
19290
- .v-card--link {
19291
- cursor: pointer;
19163
+ @supports not selector(:focus-visible) {
19164
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19165
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19166
+ }
19167
+ }.v-carousel {
19168
+ overflow: hidden;
19169
+ position: relative;
19170
+ width: 100%;
19292
19171
  }
19293
-
19294
- .v-card-actions {
19172
+ .v-carousel__controls {
19295
19173
  align-items: center;
19174
+ bottom: 0;
19296
19175
  display: flex;
19297
- flex: none;
19298
- min-height: 52px;
19299
- padding: 0.5rem;
19176
+ height: 50px;
19177
+ justify-content: center;
19178
+ list-style-type: none;
19179
+ position: absolute;
19180
+ width: 100%;
19181
+ z-index: 1;
19182
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19183
+ color: rgb(var(--v-theme-on-surface-variant));
19300
19184
  }
19301
-
19302
- .v-card-item {
19303
- align-items: center;
19304
- display: grid;
19305
- flex: none;
19306
- grid-template-areas: "prepend content append";
19307
- grid-template-columns: max-content auto max-content;
19308
- padding: 0.625rem 1rem;
19185
+ .v-carousel__controls > .v-item-group {
19186
+ flex: 0 1 auto;
19309
19187
  }
19310
- .v-card-item + .v-card-text {
19311
- padding-top: 0;
19188
+ .v-carousel__controls__item {
19189
+ margin: 0 8px;
19312
19190
  }
19313
- .v-card-item__prepend, .v-card-item__append {
19314
- align-items: center;
19315
- display: flex;
19191
+ .v-carousel__controls__item .v-icon {
19192
+ opacity: 0.5;
19316
19193
  }
19317
- .v-card-item__prepend {
19318
- grid-area: prepend;
19319
- padding-inline-end: 0.5rem;
19194
+ .v-carousel__controls__item--active .v-icon {
19195
+ opacity: 1;
19196
+ vertical-align: middle;
19320
19197
  }
19321
- .v-card-item__append {
19322
- grid-area: append;
19323
- padding-inline-start: 0.5rem;
19198
+ .v-carousel__controls__item:hover {
19199
+ background: none;
19200
+ }
19201
+ .v-carousel__controls__item:hover .v-icon {
19202
+ opacity: 0.8;
19324
19203
  }
19325
19204
 
19326
- .v-card-item__content {
19327
- align-self: center;
19328
- grid-area: content;
19329
- overflow: hidden;
19205
+ .v-carousel__progress {
19206
+ margin: 0;
19207
+ position: absolute;
19208
+ bottom: 0;
19209
+ left: 0;
19210
+ right: 0;
19330
19211
  }
19331
19212
 
19332
- .v-card-title {
19213
+ .v-carousel-item {
19333
19214
  display: block;
19334
- flex: none;
19335
- font-size: 1.25rem;
19336
- font-weight: 500;
19337
- -webkit-hyphens: auto;
19338
- hyphens: auto;
19339
- letter-spacing: 0.0125em;
19340
- min-width: 0;
19341
- overflow-wrap: normal;
19342
- overflow: hidden;
19343
- padding: 0.5rem 1rem;
19344
- text-overflow: ellipsis;
19345
- text-transform: none;
19346
- white-space: nowrap;
19347
- word-break: normal;
19348
- word-wrap: break-word;
19215
+ height: inherit;
19216
+ text-decoration: none;
19349
19217
  }
19350
- .v-card .v-card-title {
19351
- line-height: 1.6;
19218
+ .v-carousel-item > .v-img {
19219
+ height: inherit;
19352
19220
  }
19353
- .v-card--density-comfortable .v-card-title {
19354
- line-height: 1.75rem;
19221
+
19222
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19223
+ background: transparent;
19355
19224
  }
19356
- .v-card--density-compact .v-card-title {
19357
- line-height: 1.55rem;
19225
+
19226
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19227
+ flex-direction: column;
19228
+ height: 100% !important;
19229
+ width: 50px;
19230
+ }.v-bottom-navigation {
19231
+ display: flex;
19232
+ max-width: 100%;
19233
+ overflow: hidden;
19234
+ position: absolute;
19235
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
19236
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19237
+ border-style: solid;
19238
+ border-width: 0;
19239
+ border-radius: 0;
19240
+ background: rgb(var(--v-theme-surface));
19241
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19358
19242
  }
19359
- .v-card-item .v-card-title {
19360
- padding: 0;
19243
+ .v-bottom-navigation--border {
19244
+ border-width: thin;
19245
+ box-shadow: none;
19361
19246
  }
19362
- .v-card-title + .v-card-text,
19363
- .v-card-title + .v-card-actions {
19364
- padding-top: 0;
19247
+ .v-bottom-navigation--active {
19248
+ 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));
19365
19249
  }
19366
19250
 
19367
- .v-card-subtitle {
19368
- display: block;
19251
+ .v-bottom-navigation__content {
19252
+ display: flex;
19369
19253
  flex: none;
19370
- font-size: 0.875rem;
19371
- font-weight: 400;
19372
- letter-spacing: 0.0178571429em;
19373
- opacity: var(--v-medium-emphasis-opacity);
19374
- overflow: hidden;
19375
- padding: 0 1rem;
19376
- text-overflow: ellipsis;
19254
+ font-size: 0.75rem;
19255
+ justify-content: center;
19256
+ transition: inherit;
19257
+ width: 100%;
19258
+ }
19259
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19260
+ font-size: inherit;
19261
+ height: 100%;
19262
+ max-width: 168px;
19263
+ min-width: 80px;
19377
19264
  text-transform: none;
19378
- white-space: nowrap;
19265
+ transition: inherit;
19266
+ width: auto;
19267
+ border-radius: 0;
19379
19268
  }
19380
- .v-card .v-card-subtitle {
19381
- line-height: 1.425;
19269
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
19270
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19271
+ transition: inherit;
19382
19272
  }
19383
- .v-card--density-comfortable .v-card-subtitle {
19384
- line-height: 1.125rem;
19273
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19274
+ font-size: 1.5rem;
19385
19275
  }
19386
- .v-card--density-compact .v-card-subtitle {
19387
- line-height: 1rem;
19276
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
19277
+ flex-grow: 1;
19388
19278
  }
19389
- .v-card-item .v-card-subtitle {
19390
- padding: 0 0 0.25rem;
19279
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
19280
+ transition: inherit;
19281
+ opacity: 0;
19282
+ }
19283
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
19284
+ transform: translateY(0.5rem);
19285
+ }.v-checkbox.v-input {
19286
+ flex: 0 1 auto;
19287
+ }
19288
+ .v-checkbox .v-selection-control {
19289
+ min-height: var(--v-input-control-height);
19290
+ }.v-card {
19291
+ display: block;
19292
+ overflow: hidden;
19293
+ overflow-wrap: break-word;
19294
+ position: relative;
19295
+ padding: 0;
19296
+ text-decoration: none;
19297
+ transition-duration: 0.28s;
19298
+ transition-property: box-shadow, opacity, background;
19299
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19300
+ z-index: 0;
19301
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19302
+ border-style: solid;
19303
+ border-width: 0;
19304
+ border-radius: 4px;
19305
+ }
19306
+ .v-card--border {
19307
+ border-width: thin;
19308
+ box-shadow: none;
19309
+ }
19310
+ .v-card--absolute {
19311
+ position: absolute;
19312
+ }
19313
+ .v-card--fixed {
19314
+ position: fixed;
19315
+ }
19316
+ .v-card:hover > .v-card__overlay {
19317
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19318
+ }
19319
+ .v-card:focus-visible > .v-card__overlay {
19320
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19321
+ }
19322
+ @supports not selector(:focus-visible) {
19323
+ .v-card:focus > .v-card__overlay {
19324
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19325
+ }
19326
+ }
19327
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19328
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19329
+ }
19330
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19331
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19332
+ }
19333
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19334
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19335
+ }
19336
+ @supports not selector(:focus-visible) {
19337
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19338
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19339
+ }
19340
+ }
19341
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19342
+ background: transparent;
19343
+ color: inherit;
19344
+ }
19345
+ .v-card--variant-plain {
19346
+ opacity: 0.62;
19347
+ }
19348
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19349
+ opacity: 1;
19350
+ }
19351
+ .v-card--variant-plain .v-card__overlay {
19352
+ display: none;
19353
+ }
19354
+ .v-card--variant-elevated, .v-card--variant-flat {
19355
+ background: rgb(var(--v-theme-surface));
19356
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19357
+ }
19358
+ .v-card--variant-elevated {
19359
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19360
+ }
19361
+ .v-card--variant-flat {
19362
+ 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));
19363
+ }
19364
+ .v-card--variant-outlined {
19365
+ border: thin solid currentColor;
19366
+ }
19367
+ .v-card--variant-text .v-card__overlay {
19368
+ background: currentColor;
19369
+ }
19370
+ .v-card--variant-tonal .v-card__underlay {
19371
+ background: currentColor;
19372
+ opacity: var(--v-activated-opacity);
19373
+ border-radius: inherit;
19374
+ position: absolute;
19375
+ top: 0;
19376
+ right: 0;
19377
+ bottom: 0;
19378
+ left: 0;
19379
+ pointer-events: none;
19380
+ }
19381
+ .v-card--disabled {
19382
+ pointer-events: none;
19383
+ -webkit-user-select: none;
19384
+ user-select: none;
19385
+ }
19386
+ .v-card--disabled > :not(.v-card__loader) {
19387
+ opacity: 0.6;
19388
+ }
19389
+ .v-card--flat {
19390
+ box-shadow: none;
19391
+ }
19392
+ .v-card--hover {
19393
+ cursor: pointer;
19394
+ }
19395
+ .v-card--hover::before, .v-card--hover::after {
19396
+ border-radius: inherit;
19397
+ bottom: 0;
19398
+ content: "";
19399
+ display: block;
19400
+ left: 0;
19401
+ pointer-events: none;
19402
+ position: absolute;
19403
+ right: 0;
19404
+ top: 0;
19405
+ transition: inherit;
19406
+ }
19407
+ .v-card--hover::before {
19408
+ opacity: 1;
19409
+ z-index: -1;
19410
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19411
+ }
19412
+ .v-card--hover::after {
19413
+ z-index: 1;
19414
+ opacity: 0;
19415
+ 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));
19416
+ }
19417
+ .v-card--hover:hover::after {
19418
+ opacity: 1;
19419
+ }
19420
+ .v-card--hover:hover::before {
19421
+ opacity: 0;
19422
+ }
19423
+ .v-card--hover:hover {
19424
+ 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));
19425
+ }
19426
+ .v-card--link {
19427
+ cursor: pointer;
19428
+ }
19429
+
19430
+ .v-card-actions {
19431
+ align-items: center;
19432
+ display: flex;
19433
+ flex: none;
19434
+ min-height: 52px;
19435
+ padding: 0.5rem;
19436
+ }
19437
+
19438
+ .v-card-item {
19439
+ align-items: center;
19440
+ display: grid;
19441
+ flex: none;
19442
+ grid-template-areas: "prepend content append";
19443
+ grid-template-columns: max-content auto max-content;
19444
+ padding: 0.625rem 1rem;
19445
+ }
19446
+ .v-card-item + .v-card-text {
19447
+ padding-top: 0;
19448
+ }
19449
+ .v-card-item__prepend, .v-card-item__append {
19450
+ align-items: center;
19451
+ display: flex;
19452
+ }
19453
+ .v-card-item__prepend {
19454
+ grid-area: prepend;
19455
+ padding-inline-end: 0.5rem;
19456
+ }
19457
+ .v-card-item__append {
19458
+ grid-area: append;
19459
+ padding-inline-start: 0.5rem;
19460
+ }
19461
+
19462
+ .v-card-item__content {
19463
+ align-self: center;
19464
+ grid-area: content;
19465
+ overflow: hidden;
19466
+ }
19467
+
19468
+ .v-card-title {
19469
+ display: block;
19470
+ flex: none;
19471
+ font-size: 1.25rem;
19472
+ font-weight: 500;
19473
+ -webkit-hyphens: auto;
19474
+ hyphens: auto;
19475
+ letter-spacing: 0.0125em;
19476
+ min-width: 0;
19477
+ overflow-wrap: normal;
19478
+ overflow: hidden;
19479
+ padding: 0.5rem 1rem;
19480
+ text-overflow: ellipsis;
19481
+ text-transform: none;
19482
+ white-space: nowrap;
19483
+ word-break: normal;
19484
+ word-wrap: break-word;
19485
+ }
19486
+ .v-card .v-card-title {
19487
+ line-height: 1.6;
19488
+ }
19489
+ .v-card--density-comfortable .v-card-title {
19490
+ line-height: 1.75rem;
19491
+ }
19492
+ .v-card--density-compact .v-card-title {
19493
+ line-height: 1.55rem;
19494
+ }
19495
+ .v-card-item .v-card-title {
19496
+ padding: 0;
19497
+ }
19498
+ .v-card-title + .v-card-text,
19499
+ .v-card-title + .v-card-actions {
19500
+ padding-top: 0;
19501
+ }
19502
+
19503
+ .v-card-subtitle {
19504
+ display: block;
19505
+ flex: none;
19506
+ font-size: 0.875rem;
19507
+ font-weight: 400;
19508
+ letter-spacing: 0.0178571429em;
19509
+ opacity: var(--v-medium-emphasis-opacity);
19510
+ overflow: hidden;
19511
+ padding: 0 1rem;
19512
+ text-overflow: ellipsis;
19513
+ text-transform: none;
19514
+ white-space: nowrap;
19515
+ }
19516
+ .v-card .v-card-subtitle {
19517
+ line-height: 1.425;
19518
+ }
19519
+ .v-card--density-comfortable .v-card-subtitle {
19520
+ line-height: 1.125rem;
19521
+ }
19522
+ .v-card--density-compact .v-card-subtitle {
19523
+ line-height: 1rem;
19524
+ }
19525
+ .v-card-item .v-card-subtitle {
19526
+ padding: 0 0 0.25rem;
19391
19527
  }
19392
19528
 
19393
19529
  .v-card-text {
@@ -19447,138 +19583,6 @@ html.overflow-y-hidden {
19447
19583
  pointer-events: none;
19448
19584
  opacity: 0;
19449
19585
  transition: opacity 0.2s ease-in-out;
19450
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19451
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19452
- }
19453
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19454
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19455
- }
19456
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19457
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19458
- }
19459
- @supports not selector(:focus-visible) {
19460
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19461
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19462
- }
19463
- }.v-btn-group {
19464
- display: inline-flex;
19465
- flex-wrap: nowrap;
19466
- max-width: 100%;
19467
- min-width: 0;
19468
- overflow: hidden;
19469
- vertical-align: middle;
19470
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19471
- border-style: solid;
19472
- border-width: 0;
19473
- 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));
19474
- border-radius: 4px;
19475
- background: transparent;
19476
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19477
- }
19478
- .v-btn-group--border {
19479
- border-width: thin;
19480
- box-shadow: none;
19481
- }
19482
- .v-btn-group--density-default.v-btn-group {
19483
- height: 48px;
19484
- }
19485
-
19486
- .v-btn-group--density-comfortable.v-btn-group {
19487
- height: 40px;
19488
- }
19489
-
19490
- .v-btn-group--density-compact.v-btn-group {
19491
- height: 36px;
19492
- }
19493
-
19494
- .v-btn-group .v-btn {
19495
- border-radius: 0;
19496
- border-color: inherit;
19497
- }
19498
- .v-btn-group .v-btn:not(:last-child) {
19499
- border-inline-end: none;
19500
- }
19501
- .v-btn-group .v-btn:not(:first-child) {
19502
- border-inline-start: none;
19503
- }
19504
- .v-btn-group .v-btn:first-child {
19505
- border-start-start-radius: inherit;
19506
- border-end-start-radius: inherit;
19507
- }
19508
- .v-btn-group .v-btn:last-child {
19509
- border-start-end-radius: inherit;
19510
- border-end-end-radius: inherit;
19511
- }
19512
- .v-btn-group--divided .v-btn:not(:last-child) {
19513
- border-inline-end-width: thin;
19514
- border-inline-end-style: solid;
19515
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19516
- }
19517
- .v-btn-group--tile {
19518
- border-radius: 0;
19519
- }.v-carousel {
19520
- overflow: hidden;
19521
- position: relative;
19522
- width: 100%;
19523
- }
19524
- .v-carousel__controls {
19525
- align-items: center;
19526
- bottom: 0;
19527
- display: flex;
19528
- height: 50px;
19529
- justify-content: center;
19530
- list-style-type: none;
19531
- position: absolute;
19532
- width: 100%;
19533
- z-index: 1;
19534
- background: rgba(var(--v-theme-surface-variant), 0.3);
19535
- color: rgb(var(--v-theme-on-surface-variant));
19536
- }
19537
- .v-carousel__controls > .v-item-group {
19538
- flex: 0 1 auto;
19539
- }
19540
- .v-carousel__controls__item {
19541
- margin: 0 8px;
19542
- }
19543
- .v-carousel__controls__item .v-icon {
19544
- opacity: 0.5;
19545
- }
19546
- .v-carousel__controls__item--active .v-icon {
19547
- opacity: 1;
19548
- vertical-align: middle;
19549
- }
19550
- .v-carousel__controls__item:hover {
19551
- background: none;
19552
- }
19553
- .v-carousel__controls__item:hover .v-icon {
19554
- opacity: 0.8;
19555
- }
19556
-
19557
- .v-carousel__progress {
19558
- margin: 0;
19559
- position: absolute;
19560
- bottom: 0;
19561
- left: 0;
19562
- right: 0;
19563
- }
19564
-
19565
- .v-carousel-item {
19566
- display: block;
19567
- height: inherit;
19568
- text-decoration: none;
19569
- }
19570
- .v-carousel-item > .v-img {
19571
- height: inherit;
19572
- }
19573
-
19574
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19575
- background: transparent;
19576
- }
19577
-
19578
- .v-carousel--vertical-delimiters .v-carousel__controls {
19579
- flex-direction: column;
19580
- height: 100% !important;
19581
- width: 50px;
19582
19586
  }.v-chip {
19583
19587
  align-items: center;
19584
19588
  display: inline-flex;
@@ -19989,11 +19993,6 @@ html.overflow-y-hidden {
19989
19993
 
19990
19994
  .v-chip--label {
19991
19995
  border-radius: 4px;
19992
- }.v-checkbox.v-input {
19993
- flex: 0 1 auto;
19994
- }
19995
- .v-checkbox .v-selection-control {
19996
- min-height: var(--v-input-control-height);
19997
19996
  }.v-chip-group {
19998
19997
  display: flex;
19999
19998
  max-width: 100%;
@@ -20012,87 +20011,26 @@ html.overflow-y-hidden {
20012
20011
  white-space: normal;
20013
20012
  flex-wrap: wrap;
20014
20013
  max-width: 100%;
20015
- }.v-combobox .v-field .v-text-field__prefix,
20016
- .v-combobox .v-field .v-text-field__suffix,
20017
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20018
- cursor: text;
20019
- }
20020
- .v-combobox .v-field .v-field__input > input {
20021
- flex: 1 1;
20022
- }
20023
- .v-combobox .v-field input {
20024
- min-width: 64px;
20025
- }
20026
- .v-combobox .v-field:not(.v-field--focused) input {
20027
- min-width: 0;
20028
- }
20029
- .v-combobox .v-field--dirty .v-combobox__selection {
20030
- margin-inline-end: 2px;
20031
- }
20032
- .v-combobox .v-combobox__selection-text {
20033
- overflow: hidden;
20034
- text-overflow: ellipsis;
20035
- white-space: nowrap;
20014
+ }.v-color-picker {
20015
+ align-self: flex-start;
20016
+ contain: content;
20036
20017
  }
20037
-
20038
- .v-combobox__content {
20039
- overflow: hidden;
20040
- 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));
20018
+ .v-color-picker.v-sheet {
20019
+ 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));
20041
20020
  border-radius: 4px;
20042
20021
  }
20043
- .v-combobox__mask {
20044
- background: rgb(var(--v-theme-surface-light));
20045
- }
20046
- .v-combobox__selection {
20047
- display: inline-flex;
20048
- align-items: center;
20049
- height: 1.5rem;
20050
- letter-spacing: inherit;
20051
- line-height: inherit;
20052
- max-width: calc(100% - 2px - 2px);
20053
- }
20054
- .v-combobox__selection:first-child {
20055
- margin-inline-start: 0;
20056
- }
20057
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20058
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20059
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20060
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20061
- top: 0px;
20062
- }
20063
- .v-combobox--selecting-index .v-combobox__selection {
20064
- opacity: var(--v-medium-emphasis-opacity);
20065
- }
20066
- .v-combobox--selecting-index .v-combobox__selection--selected {
20067
- opacity: 1;
20068
- }
20069
- .v-combobox--selecting-index .v-field__input > input {
20070
- caret-color: transparent;
20071
- }
20072
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20073
- flex: 1 1;
20074
- position: absolute;
20075
- left: 0;
20076
- right: 0;
20077
- width: 100%;
20078
- padding-inline: inherit;
20079
- }
20080
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20081
- transition: none;
20082
- }
20083
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20084
- opacity: 0;
20085
- }
20086
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20087
- opacity: 0;
20022
+
20023
+ .v-color-picker__controls {
20024
+ display: flex;
20025
+ flex-direction: column;
20026
+ padding: 16px;
20088
20027
  }
20089
- .v-combobox__menu-icon {
20090
- margin-inline-start: 4px;
20091
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20028
+
20029
+ .v-color-picker--flat {
20030
+ 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));
20092
20031
  }
20093
- .v-combobox--active-menu .v-combobox__menu-icon {
20094
- opacity: var(--v-high-emphasis-opacity);
20095
- transform: rotate(180deg);
20032
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20033
+ 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));
20096
20034
  }.v-container {
20097
20035
  width: 100%;
20098
20036
  padding: 16px;
@@ -20765,277 +20703,180 @@ html.overflow-y-hidden {
20765
20703
  .offset-xxl-11 {
20766
20704
  margin-inline-start: 91.6666666667%;
20767
20705
  }
20768
- }.v-color-picker {
20769
- align-self: flex-start;
20770
- contain: content;
20706
+ }.v-combobox .v-field .v-text-field__prefix,
20707
+ .v-combobox .v-field .v-text-field__suffix,
20708
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20709
+ cursor: text;
20771
20710
  }
20772
- .v-color-picker.v-sheet {
20773
- 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));
20774
- border-radius: 4px;
20711
+ .v-combobox .v-field .v-field__input > input {
20712
+ flex: 1 1;
20775
20713
  }
20776
-
20777
- .v-color-picker__controls {
20778
- display: flex;
20779
- flex-direction: column;
20780
- padding: 16px;
20714
+ .v-combobox .v-field input {
20715
+ min-width: 64px;
20781
20716
  }
20782
-
20783
- .v-color-picker--flat {
20784
- 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));
20717
+ .v-combobox .v-field:not(.v-field--focused) input {
20718
+ min-width: 0;
20785
20719
  }
20786
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20787
- 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));
20788
- }.v-date-picker {
20789
- overflow: hidden;
20790
- width: 328px;
20720
+ .v-combobox .v-field--dirty .v-combobox__selection {
20721
+ margin-inline-end: 2px;
20791
20722
  }
20792
- .v-date-picker--show-week {
20793
- width: 368px;
20794
- }.v-date-picker-header {
20795
- align-items: flex-end;
20796
- height: 70px;
20797
- display: grid;
20798
- grid-template-areas: "prepend content append";
20799
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20723
+ .v-combobox .v-combobox__selection-text {
20800
20724
  overflow: hidden;
20801
- padding-inline: 24px 12px;
20802
- padding-bottom: 12px;
20725
+ text-overflow: ellipsis;
20726
+ white-space: nowrap;
20803
20727
  }
20804
20728
 
20805
- .v-date-picker-header__append {
20806
- grid-area: append;
20729
+ .v-combobox__content {
20730
+ overflow: hidden;
20731
+ 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));
20732
+ border-radius: 4px;
20807
20733
  }
20808
-
20809
- .v-date-picker-header__prepend {
20810
- grid-area: prepend;
20811
- padding-inline-start: 8px;
20734
+ .v-combobox__mask {
20735
+ background: rgb(var(--v-theme-surface-light));
20812
20736
  }
20813
-
20814
- .v-date-picker-header__content {
20815
- align-items: center;
20737
+ .v-combobox__selection {
20816
20738
  display: inline-flex;
20817
- font-size: 32px;
20818
- line-height: 40px;
20819
- grid-area: content;
20820
- justify-content: space-between;
20739
+ align-items: center;
20740
+ height: 1.5rem;
20741
+ letter-spacing: inherit;
20742
+ line-height: inherit;
20743
+ max-width: calc(100% - 2px - 2px);
20821
20744
  }
20822
- .v-date-picker-header--clickable .v-date-picker-header__content {
20823
- cursor: pointer;
20745
+ .v-combobox__selection:first-child {
20746
+ margin-inline-start: 0;
20824
20747
  }
20825
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20826
- opacity: 0.7;
20748
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20749
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20750
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20751
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20752
+ top: 0px;
20827
20753
  }
20828
-
20829
- .date-picker-header-transition-enter-active,
20830
- .date-picker-header-reverse-transition-enter-active {
20831
- transition-duration: 0.3s;
20832
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20754
+ .v-combobox--selecting-index .v-combobox__selection {
20755
+ opacity: var(--v-medium-emphasis-opacity);
20833
20756
  }
20834
- .date-picker-header-transition-leave-active,
20835
- .date-picker-header-reverse-transition-leave-active {
20836
- transition-duration: 0.3s;
20837
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20757
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20758
+ opacity: 1;
20838
20759
  }
20839
-
20840
- .date-picker-header-transition-enter-from {
20841
- transform: translate(0, 100%);
20760
+ .v-combobox--selecting-index .v-field__input > input {
20761
+ caret-color: transparent;
20842
20762
  }
20843
- .date-picker-header-transition-leave-to {
20844
- opacity: 0;
20845
- transform: translate(0, -100%);
20763
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20764
+ flex: 1 1;
20765
+ position: absolute;
20766
+ left: 0;
20767
+ right: 0;
20768
+ width: 100%;
20769
+ padding-inline: inherit;
20846
20770
  }
20847
-
20848
- .date-picker-header-reverse-transition-enter-from {
20849
- transform: translate(0, -100%);
20771
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20772
+ transition: none;
20850
20773
  }
20851
- .date-picker-header-reverse-transition-leave-to {
20774
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20852
20775
  opacity: 0;
20853
- transform: translate(0, 100%);
20854
- }.v-date-picker-controls {
20855
- display: flex;
20856
- align-items: center;
20857
- justify-content: space-between;
20858
- font-size: 0.875rem;
20859
- padding-top: 4px;
20860
- padding-bottom: 4px;
20861
- padding-inline-start: 6px;
20862
- padding-inline-end: 12px;
20863
- }
20864
- .v-date-picker-controls > .v-btn:first-child {
20865
- text-transform: none;
20866
- font-weight: 400;
20867
- line-height: initial;
20868
- letter-spacing: initial;
20869
- }
20870
- .v-date-picker-controls--variant-classic {
20871
- padding-inline-start: 12px;
20872
- }
20873
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20874
- opacity: 0.7;
20875
- }
20876
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20877
- cursor: pointer;
20878
20776
  }
20879
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20880
- opacity: 1;
20777
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20778
+ opacity: 0;
20881
20779
  }
20882
- .v-date-picker-controls .v-btn:last-child {
20780
+ .v-combobox__menu-icon {
20883
20781
  margin-inline-start: 4px;
20782
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20884
20783
  }
20885
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20784
+ .v-combobox--active-menu .v-combobox__menu-icon {
20785
+ opacity: var(--v-high-emphasis-opacity);
20886
20786
  transform: rotate(180deg);
20887
- }
20888
-
20889
- .v-date-picker-controls__date {
20890
- margin-inline-end: 4px;
20891
- }
20892
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20787
+ }.v-counter {
20788
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20789
+ flex: 0 1 auto;
20790
+ font-size: 12px;
20791
+ transition-duration: 150ms;
20792
+ }.v-dialog {
20793
+ align-items: center;
20794
+ justify-content: center;
20893
20795
  margin: auto;
20894
- text-align: center;
20895
- }
20896
-
20897
- .v-date-picker-controls__month {
20898
- display: flex;
20899
- }
20900
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20901
- flex-direction: row-reverse;
20902
20796
  }
20903
-
20904
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20905
- flex: 1 0 auto;
20797
+ .v-dialog > .v-overlay__content {
20798
+ max-height: calc(100% - 48px);
20799
+ width: calc(100% - 48px);
20800
+ max-width: calc(100% - 48px);
20801
+ margin: 24px;
20906
20802
  }
20907
-
20908
- .v-date-picker__title {
20909
- display: inline-block;
20910
- }.v-date-picker-month {
20803
+ .v-dialog > .v-overlay__content,
20804
+ .v-dialog > .v-overlay__content > form {
20911
20805
  display: flex;
20912
- justify-content: center;
20913
- padding: 0 12px 8px;
20914
- --v-date-picker-month-day-diff: 4px;
20915
- }
20916
-
20917
- .v-date-picker-month__weeks {
20918
- display: grid;
20919
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20920
- column-gap: 4px;
20921
- font-size: 0.85rem;
20922
- }
20923
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20924
- grid-row-gap: 0;
20925
- }
20926
-
20927
- .v-date-picker-month__weekday {
20928
- font-size: 0.85rem;
20806
+ flex-direction: column;
20807
+ min-height: 0;
20929
20808
  }
20930
-
20931
- .v-date-picker-month__days {
20932
- display: grid;
20933
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20934
- column-gap: 4px;
20935
- flex: 1 1;
20936
- justify-content: space-around;
20809
+ .v-dialog > .v-overlay__content > .v-card,
20810
+ .v-dialog > .v-overlay__content > .v-sheet,
20811
+ .v-dialog > .v-overlay__content > form > .v-card,
20812
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20813
+ --v-scrollbar-offset: 0px;
20814
+ border-radius: 4px;
20815
+ overflow-y: auto;
20816
+ 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));
20937
20817
  }
20938
-
20939
- .v-date-picker-month__day {
20940
- align-items: center;
20818
+ .v-dialog > .v-overlay__content > .v-card,
20819
+ .v-dialog > .v-overlay__content > form > .v-card {
20941
20820
  display: flex;
20942
- justify-content: center;
20943
- position: relative;
20944
- height: 40px;
20945
- width: 40px;
20946
- }
20947
- .v-date-picker-month__day--selected .v-btn {
20948
- background-color: rgb(var(--v-theme-surface-variant));
20949
- color: rgb(var(--v-theme-on-surface-variant));
20950
- }
20951
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20952
- --v-btn-height: 24px;
20953
- --v-btn-size: 0.85rem;
20954
- }
20955
- .v-date-picker-month__day--week {
20956
- font-size: var(--v-btn-size);
20957
- }
20958
-
20959
- .v-date-picker-month__day--adjacent {
20960
- opacity: 0.5;
20961
- }
20962
-
20963
- .v-date-picker-month__day--hide-adjacent {
20964
- opacity: 0;
20965
- }.v-date-picker-months {
20966
- height: 288px;
20967
- }
20968
-
20969
- .v-date-picker-months__content {
20970
- align-items: center;
20971
- display: grid;
20972
- flex: 1 1;
20973
- height: inherit;
20974
- justify-content: space-around;
20975
- grid-template-columns: repeat(2, 1fr);
20976
- grid-gap: 0px 24px;
20977
- padding-inline-start: 36px;
20978
- padding-inline-end: 36px;
20979
- }
20980
- .v-date-picker-months__content .v-btn {
20981
- text-transform: none;
20982
- padding-inline-start: 8px;
20983
- padding-inline-end: 8px;
20984
- }.v-date-picker-years {
20985
- height: 288px;
20986
- overflow-y: scroll;
20821
+ flex-direction: column;
20987
20822
  }
20988
-
20989
- .v-date-picker-years__content {
20990
- display: grid;
20991
- flex: 1 1;
20992
- justify-content: space-around;
20993
- grid-template-columns: repeat(3, 1fr);
20994
- gap: 8px 24px;
20995
- padding-inline: 32px;
20823
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20824
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20825
+ padding: 14px 24px 0;
20996
20826
  }
20997
- .v-date-picker-years__content .v-btn {
20998
- padding-inline: 8px;
20999
- }.v-counter {
21000
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21001
- flex: 0 1 auto;
21002
- font-size: 12px;
21003
- transition-duration: 150ms;
21004
- }.v-data-table-footer {
21005
- display: flex;
21006
- align-items: center;
21007
- flex-wrap: wrap;
21008
- padding: 4px;
21009
- justify-content: flex-end;
20827
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20828
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20829
+ padding-top: 10px;
20830
+ }
20831
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20832
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20833
+ font-size: inherit;
20834
+ letter-spacing: 0.03125em;
20835
+ line-height: inherit;
20836
+ padding: 16px 24px 10px;
21010
20837
  }
21011
20838
 
21012
- .v-data-table-footer__items-per-page {
21013
- display: flex;
21014
- align-items: center;
21015
- justify-content: center;
20839
+ .v-dialog--fullscreen {
20840
+ --v-scrollbar-offset: 0px;
21016
20841
  }
21017
- .v-data-table-footer__items-per-page > span {
21018
- padding-inline-end: 8px;
20842
+ .v-dialog--fullscreen > .v-overlay__content {
20843
+ border-radius: 0;
20844
+ margin: 0;
20845
+ padding: 0;
20846
+ width: 100%;
20847
+ height: 100%;
20848
+ max-width: 100%;
20849
+ max-height: 100%;
20850
+ overflow-y: auto;
20851
+ top: 0;
20852
+ left: 0;
21019
20853
  }
21020
- .v-data-table-footer__items-per-page > .v-select {
21021
- width: 90px;
20854
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20855
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20856
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20857
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20858
+ min-height: 100%;
20859
+ min-width: 100%;
20860
+ border-radius: 0;
21022
20861
  }
21023
20862
 
21024
- .v-data-table-footer__info {
20863
+ .v-dialog--scrollable > .v-overlay__content,
20864
+ .v-dialog--scrollable > .v-overlay__content > form {
21025
20865
  display: flex;
21026
- justify-content: flex-end;
21027
- min-width: 116px;
21028
- padding: 0 16px;
21029
20866
  }
21030
-
21031
- .v-data-table-footer__pagination {
20867
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20868
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21032
20869
  display: flex;
21033
- align-items: center;
21034
- margin-inline-start: 16px;
20870
+ flex: 1 1 100%;
20871
+ flex-direction: column;
20872
+ max-height: 100%;
20873
+ max-width: 100%;
21035
20874
  }
21036
-
21037
- .v-data-table-footer__page {
21038
- padding: 0 8px;
20875
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20876
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20877
+ -webkit-backface-visibility: hidden;
20878
+ backface-visibility: hidden;
20879
+ overflow-y: auto;
21039
20880
  }.v-data-table {
21040
20881
  width: 100%;
21041
20882
  }
@@ -21169,94 +21010,252 @@ html.overflow-y-hidden {
21169
21010
  .v-data-table-rows-loading,
21170
21011
  .v-data-table-rows-no-data {
21171
21012
  text-align: center;
21172
- }.v-dialog {
21013
+ }.v-data-table-footer {
21014
+ display: flex;
21015
+ align-items: center;
21016
+ flex-wrap: wrap;
21017
+ padding: 4px;
21018
+ justify-content: flex-end;
21019
+ }
21020
+
21021
+ .v-data-table-footer__items-per-page {
21022
+ display: flex;
21173
21023
  align-items: center;
21174
21024
  justify-content: center;
21025
+ }
21026
+ .v-data-table-footer__items-per-page > span {
21027
+ padding-inline-end: 8px;
21028
+ }
21029
+ .v-data-table-footer__items-per-page > .v-select {
21030
+ width: 90px;
21031
+ }
21032
+
21033
+ .v-data-table-footer__info {
21034
+ display: flex;
21035
+ justify-content: flex-end;
21036
+ min-width: 116px;
21037
+ padding: 0 16px;
21038
+ }
21039
+
21040
+ .v-data-table-footer__pagination {
21041
+ display: flex;
21042
+ align-items: center;
21043
+ margin-inline-start: 16px;
21044
+ }
21045
+
21046
+ .v-data-table-footer__page {
21047
+ padding: 0 8px;
21048
+ }.v-date-picker {
21049
+ overflow: hidden;
21050
+ width: 328px;
21051
+ }
21052
+ .v-date-picker--show-week {
21053
+ width: 368px;
21054
+ }.v-date-picker-controls {
21055
+ display: flex;
21056
+ align-items: center;
21057
+ justify-content: space-between;
21058
+ font-size: 0.875rem;
21059
+ padding-top: 4px;
21060
+ padding-bottom: 4px;
21061
+ padding-inline-start: 6px;
21062
+ padding-inline-end: 12px;
21063
+ }
21064
+ .v-date-picker-controls > .v-btn:first-child {
21065
+ text-transform: none;
21066
+ font-weight: 400;
21067
+ line-height: initial;
21068
+ letter-spacing: initial;
21069
+ }
21070
+ .v-date-picker-controls--variant-classic {
21071
+ padding-inline-start: 12px;
21072
+ }
21073
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21074
+ opacity: 0.7;
21075
+ }
21076
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
21077
+ cursor: pointer;
21078
+ }
21079
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
21080
+ opacity: 1;
21081
+ }
21082
+ .v-date-picker-controls .v-btn:last-child {
21083
+ margin-inline-start: 4px;
21084
+ }
21085
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
21086
+ transform: rotate(180deg);
21087
+ }
21088
+
21089
+ .v-date-picker-controls__date {
21090
+ margin-inline-end: 4px;
21091
+ }
21092
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
21175
21093
  margin: auto;
21094
+ text-align: center;
21176
21095
  }
21177
- .v-dialog > .v-overlay__content {
21178
- max-height: calc(100% - 48px);
21179
- width: calc(100% - 48px);
21180
- max-width: calc(100% - 48px);
21181
- margin: 24px;
21096
+
21097
+ .v-date-picker-controls__month {
21098
+ display: flex;
21182
21099
  }
21183
- .v-dialog > .v-overlay__content,
21184
- .v-dialog > .v-overlay__content > form {
21100
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
21101
+ flex-direction: row-reverse;
21102
+ }
21103
+
21104
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21105
+ flex: 1 0 auto;
21106
+ }
21107
+
21108
+ .v-date-picker__title {
21109
+ display: inline-block;
21110
+ }.v-date-picker-header {
21111
+ align-items: flex-end;
21112
+ height: 70px;
21113
+ display: grid;
21114
+ grid-template-areas: "prepend content append";
21115
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
21116
+ overflow: hidden;
21117
+ padding-inline: 24px 12px;
21118
+ padding-bottom: 12px;
21119
+ }
21120
+
21121
+ .v-date-picker-header__append {
21122
+ grid-area: append;
21123
+ }
21124
+
21125
+ .v-date-picker-header__prepend {
21126
+ grid-area: prepend;
21127
+ padding-inline-start: 8px;
21128
+ }
21129
+
21130
+ .v-date-picker-header__content {
21131
+ align-items: center;
21132
+ display: inline-flex;
21133
+ font-size: 32px;
21134
+ line-height: 40px;
21135
+ grid-area: content;
21136
+ justify-content: space-between;
21137
+ }
21138
+ .v-date-picker-header--clickable .v-date-picker-header__content {
21139
+ cursor: pointer;
21140
+ }
21141
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
21142
+ opacity: 0.7;
21143
+ }
21144
+
21145
+ .date-picker-header-transition-enter-active,
21146
+ .date-picker-header-reverse-transition-enter-active {
21147
+ transition-duration: 0.3s;
21148
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21149
+ }
21150
+ .date-picker-header-transition-leave-active,
21151
+ .date-picker-header-reverse-transition-leave-active {
21152
+ transition-duration: 0.3s;
21153
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21154
+ }
21155
+
21156
+ .date-picker-header-transition-enter-from {
21157
+ transform: translate(0, 100%);
21158
+ }
21159
+ .date-picker-header-transition-leave-to {
21160
+ opacity: 0;
21161
+ transform: translate(0, -100%);
21162
+ }
21163
+
21164
+ .date-picker-header-reverse-transition-enter-from {
21165
+ transform: translate(0, -100%);
21166
+ }
21167
+ .date-picker-header-reverse-transition-leave-to {
21168
+ opacity: 0;
21169
+ transform: translate(0, 100%);
21170
+ }.v-date-picker-month {
21185
21171
  display: flex;
21186
- flex-direction: column;
21187
- min-height: 0;
21172
+ justify-content: center;
21173
+ padding: 0 12px 8px;
21174
+ --v-date-picker-month-day-diff: 4px;
21188
21175
  }
21189
- .v-dialog > .v-overlay__content > .v-card,
21190
- .v-dialog > .v-overlay__content > .v-sheet,
21191
- .v-dialog > .v-overlay__content > form > .v-card,
21192
- .v-dialog > .v-overlay__content > form > .v-sheet {
21193
- --v-scrollbar-offset: 0px;
21194
- border-radius: 4px;
21195
- overflow-y: auto;
21196
- 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));
21176
+
21177
+ .v-date-picker-month__weeks {
21178
+ display: grid;
21179
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
21180
+ column-gap: 4px;
21181
+ font-size: 0.85rem;
21182
+ }
21183
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
21184
+ grid-row-gap: 0;
21185
+ }
21186
+
21187
+ .v-date-picker-month__weekday {
21188
+ font-size: 0.85rem;
21189
+ }
21190
+
21191
+ .v-date-picker-month__days {
21192
+ display: grid;
21193
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
21194
+ column-gap: 4px;
21195
+ flex: 1 1;
21196
+ justify-content: space-around;
21197
21197
  }
21198
- .v-dialog > .v-overlay__content > .v-card,
21199
- .v-dialog > .v-overlay__content > form > .v-card {
21198
+
21199
+ .v-date-picker-month__day {
21200
+ align-items: center;
21200
21201
  display: flex;
21201
- flex-direction: column;
21202
+ justify-content: center;
21203
+ position: relative;
21204
+ height: 40px;
21205
+ width: 40px;
21202
21206
  }
21203
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21204
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21205
- padding: 14px 24px 0;
21207
+ .v-date-picker-month__day--selected .v-btn {
21208
+ background-color: rgb(var(--v-theme-surface-variant));
21209
+ color: rgb(var(--v-theme-on-surface-variant));
21206
21210
  }
21207
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21208
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21209
- padding-top: 10px;
21211
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21212
+ --v-btn-height: 24px;
21213
+ --v-btn-size: 0.85rem;
21210
21214
  }
21211
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21212
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21213
- font-size: inherit;
21214
- letter-spacing: 0.03125em;
21215
- line-height: inherit;
21216
- padding: 16px 24px 10px;
21215
+ .v-date-picker-month__day--week {
21216
+ font-size: var(--v-btn-size);
21217
21217
  }
21218
21218
 
21219
- .v-dialog--fullscreen {
21220
- --v-scrollbar-offset: 0px;
21221
- }
21222
- .v-dialog--fullscreen > .v-overlay__content {
21223
- border-radius: 0;
21224
- margin: 0;
21225
- padding: 0;
21226
- width: 100%;
21227
- height: 100%;
21228
- max-width: 100%;
21229
- max-height: 100%;
21230
- overflow-y: auto;
21231
- top: 0;
21232
- left: 0;
21219
+ .v-date-picker-month__day--adjacent {
21220
+ opacity: 0.5;
21233
21221
  }
21234
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
21235
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21236
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21237
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21238
- min-height: 100%;
21239
- min-width: 100%;
21240
- border-radius: 0;
21222
+
21223
+ .v-date-picker-month__day--hide-adjacent {
21224
+ opacity: 0;
21225
+ }.v-date-picker-months {
21226
+ height: 288px;
21241
21227
  }
21242
21228
 
21243
- .v-dialog--scrollable > .v-overlay__content,
21244
- .v-dialog--scrollable > .v-overlay__content > form {
21245
- display: flex;
21229
+ .v-date-picker-months__content {
21230
+ align-items: center;
21231
+ display: grid;
21232
+ flex: 1 1;
21233
+ height: inherit;
21234
+ justify-content: space-around;
21235
+ grid-template-columns: repeat(2, 1fr);
21236
+ grid-gap: 0px 24px;
21237
+ padding-inline-start: 36px;
21238
+ padding-inline-end: 36px;
21246
21239
  }
21247
- .v-dialog--scrollable > .v-overlay__content > .v-card,
21248
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21249
- display: flex;
21250
- flex: 1 1 100%;
21251
- flex-direction: column;
21252
- max-height: 100%;
21253
- max-width: 100%;
21240
+ .v-date-picker-months__content .v-btn {
21241
+ text-transform: none;
21242
+ padding-inline-start: 8px;
21243
+ padding-inline-end: 8px;
21244
+ }.v-date-picker-years {
21245
+ height: 288px;
21246
+ overflow-y: scroll;
21254
21247
  }
21255
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21256
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21257
- -webkit-backface-visibility: hidden;
21258
- backface-visibility: hidden;
21259
- overflow-y: auto;
21248
+
21249
+ .v-date-picker-years__content {
21250
+ display: grid;
21251
+ flex: 1 1;
21252
+ justify-content: space-around;
21253
+ grid-template-columns: repeat(3, 1fr);
21254
+ gap: 8px 24px;
21255
+ padding-inline: 32px;
21256
+ }
21257
+ .v-date-picker-years__content .v-btn {
21258
+ padding-inline: 8px;
21260
21259
  }.v-divider {
21261
21260
  display: block;
21262
21261
  flex: 1 1 100%;
@@ -22114,42 +22113,6 @@ textarea.v-field__input::placeholder {
22114
22113
  }
22115
22114
  .v-footer--rounded {
22116
22115
  border-radius: 4px;
22117
- }.v-img {
22118
- --v-theme-overlay-multiplier: 3;
22119
- z-index: 0;
22120
- }
22121
- .v-img--booting .v-responsive__sizer {
22122
- transition: none;
22123
- }
22124
- .v-img--rounded {
22125
- border-radius: 4px;
22126
- }
22127
-
22128
- .v-img__img,
22129
- .v-img__picture,
22130
- .v-img__gradient,
22131
- .v-img__placeholder,
22132
- .v-img__error {
22133
- z-index: -1;
22134
- position: absolute;
22135
- top: 0;
22136
- left: 0;
22137
- width: 100%;
22138
- height: 100%;
22139
- }
22140
-
22141
- .v-img__img--preload {
22142
- filter: blur(4px);
22143
- }
22144
- .v-img__img--contain {
22145
- object-fit: contain;
22146
- }
22147
- .v-img__img--cover {
22148
- object-fit: cover;
22149
- }
22150
-
22151
- .v-img__gradient {
22152
- background-repeat: no-repeat;
22153
22116
  }.v-input {
22154
22117
  display: grid;
22155
22118
  flex: 1 1 auto;
@@ -22345,26 +22308,47 @@ textarea.v-field__input::placeholder {
22345
22308
 
22346
22309
  .v-icon--end {
22347
22310
  margin-inline-start: 8px;
22311
+ }.v-img {
22312
+ --v-theme-overlay-multiplier: 3;
22313
+ z-index: 0;
22314
+ }
22315
+ .v-img--booting .v-responsive__sizer {
22316
+ transition: none;
22317
+ }
22318
+ .v-img--rounded {
22319
+ border-radius: 4px;
22320
+ }
22321
+
22322
+ .v-img__img,
22323
+ .v-img__picture,
22324
+ .v-img__gradient,
22325
+ .v-img__placeholder,
22326
+ .v-img__error {
22327
+ z-index: -1;
22328
+ position: absolute;
22329
+ top: 0;
22330
+ left: 0;
22331
+ width: 100%;
22332
+ height: 100%;
22333
+ }
22334
+
22335
+ .v-img__img--preload {
22336
+ filter: blur(4px);
22337
+ }
22338
+ .v-img__img--contain {
22339
+ object-fit: contain;
22340
+ }
22341
+ .v-img__img--cover {
22342
+ object-fit: cover;
22343
+ }
22344
+
22345
+ .v-img__gradient {
22346
+ background-repeat: no-repeat;
22348
22347
  }.v-item-group {
22349
22348
  flex: 0 1 auto;
22350
22349
  max-width: 100%;
22351
22350
  position: relative;
22352
22351
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22353
- }.v-label {
22354
- align-items: center;
22355
- color: inherit;
22356
- display: inline-flex;
22357
- font-size: 1rem;
22358
- letter-spacing: 0.009375em;
22359
- min-width: 0;
22360
- opacity: var(--v-medium-emphasis-opacity);
22361
- overflow: hidden;
22362
- text-overflow: ellipsis;
22363
- white-space: nowrap;
22364
- }
22365
-
22366
- .v-label--clickable {
22367
- cursor: pointer;
22368
22352
  }.v-infinite-scroll--horizontal {
22369
22353
  display: flex;
22370
22354
  flex-direction: row;
@@ -22390,6 +22374,21 @@ textarea.v-field__input::placeholder {
22390
22374
  display: flex;
22391
22375
  justify-content: center;
22392
22376
  padding: 8px;
22377
+ }.v-label {
22378
+ align-items: center;
22379
+ color: inherit;
22380
+ display: inline-flex;
22381
+ font-size: 1rem;
22382
+ letter-spacing: 0.009375em;
22383
+ min-width: 0;
22384
+ opacity: var(--v-medium-emphasis-opacity);
22385
+ overflow: hidden;
22386
+ text-overflow: ellipsis;
22387
+ white-space: nowrap;
22388
+ }
22389
+
22390
+ .v-label--clickable {
22391
+ cursor: pointer;
22393
22392
  }.v-layout {
22394
22393
  --v-scrollbar-offset: 0px;
22395
22394
  display: flex;
@@ -22405,6 +22404,36 @@ textarea.v-field__input::placeholder {
22405
22404
 
22406
22405
  .v-layout-item--absolute {
22407
22406
  position: absolute;
22407
+ }.v-locale-provider {
22408
+ display: contents;
22409
+ }.v-main {
22410
+ flex: 1 0 auto;
22411
+ max-width: 100%;
22412
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22413
+ padding-left: var(--v-layout-left);
22414
+ padding-right: var(--v-layout-right);
22415
+ padding-top: var(--v-layout-top);
22416
+ padding-bottom: var(--v-layout-bottom);
22417
+ }
22418
+ .v-main__scroller {
22419
+ max-width: 100%;
22420
+ position: relative;
22421
+ }
22422
+ .v-main--scrollable {
22423
+ display: flex;
22424
+ position: absolute;
22425
+ top: 0;
22426
+ left: 0;
22427
+ width: 100%;
22428
+ height: 100%;
22429
+ }
22430
+ .v-main--scrollable > .v-main__scroller {
22431
+ flex: 1 1 auto;
22432
+ overflow-y: auto;
22433
+ --v-layout-left: 0px;
22434
+ --v-layout-right: 0px;
22435
+ --v-layout-top: 0px;
22436
+ --v-layout-bottom: 0px;
22408
22437
  }.v-list {
22409
22438
  overflow: auto;
22410
22439
  padding: 8px 0;
@@ -22948,48 +22977,18 @@ textarea.v-field__input::placeholder {
22948
22977
  }
22949
22978
 
22950
22979
  .v-list-group__items {
22951
- --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
22952
- }
22953
-
22954
- .v-list-group__items .v-list-item {
22955
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22956
- }
22957
-
22958
- .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
22959
- opacity: 0;
22960
- }
22961
- .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22962
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22963
- }.v-locale-provider {
22964
- display: contents;
22965
- }.v-main {
22966
- flex: 1 0 auto;
22967
- max-width: 100%;
22968
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22969
- padding-left: var(--v-layout-left);
22970
- padding-right: var(--v-layout-right);
22971
- padding-top: var(--v-layout-top);
22972
- padding-bottom: var(--v-layout-bottom);
22980
+ --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
22973
22981
  }
22974
- .v-main__scroller {
22975
- max-width: 100%;
22976
- position: relative;
22982
+
22983
+ .v-list-group__items .v-list-item {
22984
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22977
22985
  }
22978
- .v-main--scrollable {
22979
- display: flex;
22980
- position: absolute;
22981
- top: 0;
22982
- left: 0;
22983
- width: 100%;
22984
- height: 100%;
22986
+
22987
+ .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
22988
+ opacity: 0;
22985
22989
  }
22986
- .v-main--scrollable > .v-main__scroller {
22987
- flex: 1 1 auto;
22988
- overflow-y: auto;
22989
- --v-layout-left: 0px;
22990
- --v-layout-right: 0px;
22991
- --v-layout-top: 0px;
22992
- --v-layout-bottom: 0px;
22990
+ .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22991
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22993
22992
  }.v-menu > .v-overlay__content {
22994
22993
  display: flex;
22995
22994
  flex-direction: column;
@@ -23003,6 +23002,86 @@ textarea.v-field__input::placeholder {
23003
23002
  overflow: auto;
23004
23003
  height: 100%;
23005
23004
  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));
23005
+ }.v-messages {
23006
+ flex: 1 1 auto;
23007
+ font-size: 12px;
23008
+ min-height: 14px;
23009
+ min-width: 1px;
23010
+ opacity: var(--v-medium-emphasis-opacity);
23011
+ position: relative;
23012
+ }
23013
+ .v-messages__message {
23014
+ line-height: 12px;
23015
+ word-break: break-word;
23016
+ overflow-wrap: break-word;
23017
+ word-wrap: break-word;
23018
+ -webkit-hyphens: auto;
23019
+ hyphens: auto;
23020
+ transition-duration: 150ms;
23021
+ }.v-otp-input {
23022
+ border-radius: 4px;
23023
+ align-items: center;
23024
+ display: flex;
23025
+ justify-content: center;
23026
+ padding: 0.5rem 0;
23027
+ position: relative;
23028
+ }
23029
+ .v-otp-input .v-field {
23030
+ height: 100%;
23031
+ }
23032
+
23033
+ .v-otp-input__divider {
23034
+ margin: 0 8px;
23035
+ }
23036
+
23037
+ .v-otp-input__content {
23038
+ align-items: center;
23039
+ display: flex;
23040
+ gap: 0.5rem;
23041
+ height: 64px;
23042
+ padding: 0.5rem;
23043
+ justify-content: center;
23044
+ max-width: 320px;
23045
+ position: relative;
23046
+ border-radius: inherit;
23047
+ }
23048
+ .v-otp-input--divided .v-otp-input__content {
23049
+ max-width: 360px;
23050
+ }
23051
+
23052
+ .v-otp-input__field {
23053
+ color: inherit;
23054
+ font-size: 1.25rem;
23055
+ height: 100%;
23056
+ outline: none;
23057
+ text-align: center;
23058
+ width: 100%;
23059
+ }
23060
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23061
+ -webkit-appearance: none;
23062
+ margin: 0;
23063
+ }
23064
+ .v-otp-input__field[type=number] {
23065
+ -moz-appearance: textfield;
23066
+ }
23067
+
23068
+ .v-otp-input__loader {
23069
+ align-items: center;
23070
+ display: flex;
23071
+ height: 100%;
23072
+ justify-content: center;
23073
+ width: 100%;
23074
+ }
23075
+ .v-otp-input__loader .v-progress-linear {
23076
+ position: absolute;
23077
+ }.v-pagination__list {
23078
+ display: inline-flex;
23079
+ list-style-type: none;
23080
+ justify-content: center;
23081
+ width: 100%;
23082
+ }
23083
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23084
+ margin: 0.3rem;
23006
23085
  }.v-navigation-drawer {
23007
23086
  -webkit-overflow-scrolling: touch;
23008
23087
  background: rgb(var(--v-theme-surface));
@@ -23101,22 +23180,6 @@ textarea.v-field__input::placeholder {
23101
23180
  .v-navigation-drawer__append {
23102
23181
  flex: none;
23103
23182
  overflow: hidden;
23104
- }.v-messages {
23105
- flex: 1 1 auto;
23106
- font-size: 12px;
23107
- min-height: 14px;
23108
- min-width: 1px;
23109
- opacity: var(--v-medium-emphasis-opacity);
23110
- position: relative;
23111
- }
23112
- .v-messages__message {
23113
- line-height: 12px;
23114
- word-break: break-word;
23115
- overflow-wrap: break-word;
23116
- word-wrap: break-word;
23117
- -webkit-hyphens: auto;
23118
- hyphens: auto;
23119
- transition-duration: 150ms;
23120
23183
  }.v-overlay-container {
23121
23184
  contain: layout;
23122
23185
  left: 0;
@@ -23186,70 +23249,6 @@ html.v-overlay-scroll-blocked {
23186
23249
  }
23187
23250
  .v-parallax--active > .v-img__img {
23188
23251
  will-change: transform;
23189
- }.v-pagination__list {
23190
- display: inline-flex;
23191
- list-style-type: none;
23192
- justify-content: center;
23193
- width: 100%;
23194
- }
23195
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23196
- margin: 0.3rem;
23197
- }.v-otp-input {
23198
- border-radius: 4px;
23199
- align-items: center;
23200
- display: flex;
23201
- justify-content: center;
23202
- padding: 0.5rem 0;
23203
- position: relative;
23204
- }
23205
- .v-otp-input .v-field {
23206
- height: 100%;
23207
- }
23208
-
23209
- .v-otp-input__divider {
23210
- margin: 0 8px;
23211
- }
23212
-
23213
- .v-otp-input__content {
23214
- align-items: center;
23215
- display: flex;
23216
- gap: 0.5rem;
23217
- height: 64px;
23218
- padding: 0.5rem;
23219
- justify-content: center;
23220
- max-width: 320px;
23221
- position: relative;
23222
- border-radius: inherit;
23223
- }
23224
- .v-otp-input--divided .v-otp-input__content {
23225
- max-width: 360px;
23226
- }
23227
-
23228
- .v-otp-input__field {
23229
- color: inherit;
23230
- font-size: 1.25rem;
23231
- height: 100%;
23232
- outline: none;
23233
- text-align: center;
23234
- width: 100%;
23235
- }
23236
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23237
- -webkit-appearance: none;
23238
- margin: 0;
23239
- }
23240
- .v-otp-input__field[type=number] {
23241
- -moz-appearance: textfield;
23242
- }
23243
-
23244
- .v-otp-input__loader {
23245
- align-items: center;
23246
- display: flex;
23247
- height: 100%;
23248
- justify-content: center;
23249
- width: 100%;
23250
- }
23251
- .v-otp-input__loader .v-progress-linear {
23252
- position: absolute;
23253
23252
  }.v-progress-circular {
23254
23253
  align-items: center;
23255
23254
  display: inline-flex;
@@ -23352,6 +23351,18 @@ html.v-overlay-scroll-blocked {
23352
23351
  100% {
23353
23352
  transform: rotate(270deg);
23354
23353
  }
23354
+ }.v-radio-group > .v-input__control {
23355
+ flex-direction: column;
23356
+ }
23357
+ .v-radio-group > .v-input__control > .v-label {
23358
+ margin-inline-start: 16px;
23359
+ }
23360
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23361
+ padding-inline-start: 6px;
23362
+ margin-top: 8px;
23363
+ }
23364
+ .v-radio-group .v-input__details {
23365
+ padding-inline: 16px;
23355
23366
  }.v-progress-linear {
23356
23367
  background: transparent;
23357
23368
  overflow: hidden;
@@ -23618,72 +23629,32 @@ html.v-overlay-scroll-blocked {
23618
23629
 
23619
23630
  .v-slider__label {
23620
23631
  margin-inline-end: 12px;
23621
- }.v-radio-group > .v-input__control {
23622
- flex-direction: column;
23623
- }
23624
- .v-radio-group > .v-input__control > .v-label {
23625
- margin-inline-start: 16px;
23626
- }
23627
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23628
- padding-inline-start: 6px;
23629
- margin-top: 8px;
23630
- }
23631
- .v-radio-group .v-input__details {
23632
- padding-inline: 16px;
23633
- }.v-rating {
23632
+ }.v-responsive {
23633
+ display: flex;
23634
+ flex: 1 0 auto;
23635
+ max-height: 100%;
23634
23636
  max-width: 100%;
23635
- display: inline-flex;
23636
- white-space: nowrap;
23637
- }
23638
- .v-rating--readonly {
23639
- pointer-events: none;
23640
- }
23641
-
23642
- .v-rating__wrapper {
23643
- align-items: center;
23644
- display: inline-flex;
23645
- flex-direction: column;
23646
- }
23647
- .v-rating__wrapper--bottom {
23648
- flex-direction: column-reverse;
23649
- }
23650
-
23651
- .v-rating__item {
23652
- display: inline-flex;
23637
+ overflow: hidden;
23653
23638
  position: relative;
23654
23639
  }
23655
- .v-rating__item label {
23656
- cursor: pointer;
23657
- }
23658
- .v-rating__item .v-btn--variant-plain {
23659
- opacity: 1;
23660
- }
23661
- .v-rating__item .v-btn {
23662
- transition-property: transform;
23663
- }
23664
- .v-rating__item .v-btn .v-icon {
23665
- transition: inherit;
23666
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23667
- }
23668
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23669
- transform: scale(1.25);
23670
- }
23671
- .v-rating__item--half {
23672
- overflow: hidden;
23673
- position: absolute;
23674
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23675
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23676
- z-index: 1;
23640
+ .v-responsive--inline {
23641
+ display: inline-flex;
23642
+ flex: 0 0 auto;
23677
23643
  }
23678
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23679
- opacity: 0;
23644
+
23645
+ .v-responsive__content {
23646
+ flex: 1 0 0px;
23647
+ max-width: 100%;
23680
23648
  }
23681
23649
 
23682
- .v-rating__hidden {
23683
- height: 0;
23684
- opacity: 0;
23685
- position: absolute;
23686
- width: 0;
23650
+ .v-responsive__sizer ~ .v-responsive__content {
23651
+ margin-inline-start: -100%;
23652
+ }
23653
+
23654
+ .v-responsive__sizer {
23655
+ flex: 1 0 0px;
23656
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23657
+ pointer-events: none;
23687
23658
  }.v-selection-control {
23688
23659
  align-items: center;
23689
23660
  contain: layout;
@@ -23785,32 +23756,6 @@ html.v-overlay-scroll-blocked {
23785
23756
  }
23786
23757
  .v-selection-control--focus-visible .v-selection-control__input::before {
23787
23758
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23788
- }.v-responsive {
23789
- display: flex;
23790
- flex: 1 0 auto;
23791
- max-height: 100%;
23792
- max-width: 100%;
23793
- overflow: hidden;
23794
- position: relative;
23795
- }
23796
- .v-responsive--inline {
23797
- display: inline-flex;
23798
- flex: 0 0 auto;
23799
- }
23800
-
23801
- .v-responsive__content {
23802
- flex: 1 0 0px;
23803
- max-width: 100%;
23804
- }
23805
-
23806
- .v-responsive__sizer ~ .v-responsive__content {
23807
- margin-inline-start: -100%;
23808
- }
23809
-
23810
- .v-responsive__sizer {
23811
- flex: 1 0 0px;
23812
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23813
- pointer-events: none;
23814
23759
  }.v-select .v-field .v-text-field__prefix,
23815
23760
  .v-select .v-field .v-text-field__suffix,
23816
23761
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23859,6 +23804,68 @@ html.v-overlay-scroll-blocked {
23859
23804
  .v-select--active-menu .v-select__menu-icon {
23860
23805
  opacity: var(--v-high-emphasis-opacity);
23861
23806
  transform: rotate(180deg);
23807
+ }.v-selection-control-group {
23808
+ grid-area: control;
23809
+ display: flex;
23810
+ flex-direction: column;
23811
+ }
23812
+ .v-selection-control-group--inline {
23813
+ flex-direction: row;
23814
+ flex-wrap: wrap;
23815
+ }.v-rating {
23816
+ max-width: 100%;
23817
+ display: inline-flex;
23818
+ white-space: nowrap;
23819
+ }
23820
+ .v-rating--readonly {
23821
+ pointer-events: none;
23822
+ }
23823
+
23824
+ .v-rating__wrapper {
23825
+ align-items: center;
23826
+ display: inline-flex;
23827
+ flex-direction: column;
23828
+ }
23829
+ .v-rating__wrapper--bottom {
23830
+ flex-direction: column-reverse;
23831
+ }
23832
+
23833
+ .v-rating__item {
23834
+ display: inline-flex;
23835
+ position: relative;
23836
+ }
23837
+ .v-rating__item label {
23838
+ cursor: pointer;
23839
+ }
23840
+ .v-rating__item .v-btn--variant-plain {
23841
+ opacity: 1;
23842
+ }
23843
+ .v-rating__item .v-btn {
23844
+ transition-property: transform;
23845
+ }
23846
+ .v-rating__item .v-btn .v-icon {
23847
+ transition: inherit;
23848
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23849
+ }
23850
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23851
+ transform: scale(1.25);
23852
+ }
23853
+ .v-rating__item--half {
23854
+ overflow: hidden;
23855
+ position: absolute;
23856
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23857
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23858
+ z-index: 1;
23859
+ }
23860
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23861
+ opacity: 0;
23862
+ }
23863
+
23864
+ .v-rating__hidden {
23865
+ height: 0;
23866
+ opacity: 0;
23867
+ position: absolute;
23868
+ width: 0;
23862
23869
  }.v-sheet {
23863
23870
  display: block;
23864
23871
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23887,56 +23894,6 @@ html.v-overlay-scroll-blocked {
23887
23894
  }
23888
23895
  .v-sheet--rounded {
23889
23896
  border-radius: 4px;
23890
- }.v-slide-group {
23891
- display: flex;
23892
- overflow: hidden;
23893
- }
23894
-
23895
- .v-slide-group__next,
23896
- .v-slide-group__prev {
23897
- align-items: center;
23898
- display: flex;
23899
- flex: 0 1 52px;
23900
- justify-content: center;
23901
- min-width: 52px;
23902
- cursor: pointer;
23903
- }
23904
- .v-slide-group__next--disabled,
23905
- .v-slide-group__prev--disabled {
23906
- pointer-events: none;
23907
- opacity: var(--v-disabled-opacity);
23908
- }
23909
-
23910
- .v-slide-group__content {
23911
- display: flex;
23912
- flex: 1 0 auto;
23913
- position: relative;
23914
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23915
- white-space: nowrap;
23916
- }
23917
- .v-slide-group__content > * {
23918
- white-space: initial;
23919
- }
23920
-
23921
- .v-slide-group__container {
23922
- contain: content;
23923
- display: flex;
23924
- flex: 1 1 auto;
23925
- overflow: hidden;
23926
- }
23927
-
23928
- .v-slide-group--vertical,
23929
- .v-slide-group--vertical .v-slide-group__container,
23930
- .v-slide-group--vertical .v-slide-group__content {
23931
- flex-direction: column;
23932
- }.v-selection-control-group {
23933
- grid-area: control;
23934
- display: flex;
23935
- flex-direction: column;
23936
- }
23937
- .v-selection-control-group--inline {
23938
- flex-direction: row;
23939
- flex-wrap: wrap;
23940
23897
  }.v-skeleton-loader {
23941
23898
  align-items: center;
23942
23899
  background: rgb(var(--v-theme-surface));
@@ -24244,191 +24201,97 @@ html.v-overlay-scroll-blocked {
24244
24201
  top: 0;
24245
24202
  }
24246
24203
  .v-snackbar__timer .v-progress-linear {
24247
- transition: 0.2s linear;
24248
- }
24249
- .v-snackbar--absolute {
24250
- position: absolute;
24251
- z-index: 1;
24252
- }
24253
- .v-snackbar--multi-line .v-snackbar__wrapper {
24254
- min-height: 68px;
24255
- }
24256
- .v-snackbar--vertical .v-snackbar__wrapper {
24257
- flex-direction: column;
24258
- }
24259
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24260
- align-self: flex-end;
24261
- margin-bottom: 8px;
24262
- }
24263
- .v-snackbar--center {
24264
- align-items: center;
24265
- justify-content: center;
24266
- }
24267
- .v-snackbar--top {
24268
- align-items: flex-start;
24269
- }
24270
- .v-snackbar--bottom {
24271
- align-items: flex-end;
24272
- }
24273
- .v-snackbar--left, .v-snackbar--start {
24274
- justify-content: flex-start;
24275
- }
24276
- .v-snackbar--right, .v-snackbar--end {
24277
- justify-content: flex-end;
24278
- }
24279
-
24280
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24281
- transition-duration: 0.15s;
24282
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24283
- }
24284
- .v-snackbar-transition-enter-active {
24285
- transition-property: opacity, transform;
24286
- }
24287
- .v-snackbar-transition-enter-from {
24288
- opacity: 0;
24289
- transform: scale(0.8);
24290
- }
24291
- .v-snackbar-transition-leave-active {
24292
- transition-property: opacity;
24293
- }
24294
- .v-snackbar-transition-leave-to {
24295
- opacity: 0;
24296
- }.v-switch .v-label {
24297
- padding-inline-start: 10px;
24298
- }
24299
-
24300
- .v-switch__loader {
24301
- display: flex;
24302
- }
24303
- .v-switch__loader .v-progress-circular {
24304
- color: rgb(var(--v-theme-surface));
24305
- }
24306
-
24307
- .v-switch__track,
24308
- .v-switch__thumb {
24309
- transition: none;
24310
- }
24311
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24312
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24313
- background-color: rgb(var(--v-theme-error));
24314
- color: rgb(var(--v-theme-on-error));
24315
- }
24316
-
24317
- .v-switch__track-true {
24318
- margin-inline-end: auto;
24319
- }
24320
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24321
- opacity: 0;
24322
- }
24323
-
24324
- .v-switch__track-false {
24325
- margin-inline-start: auto;
24326
- }
24327
- .v-selection-control--dirty .v-switch__track-false {
24328
- opacity: 0;
24329
- }
24330
-
24331
- .v-switch__track {
24332
- display: inline-flex;
24333
- align-items: center;
24334
- font-size: 0.5rem;
24335
- padding: 0 5px;
24336
- background-color: rgb(var(--v-theme-surface-variant));
24337
- border-radius: 9999px;
24338
- height: 14px;
24339
- opacity: 0.6;
24340
- min-width: 36px;
24341
- cursor: pointer;
24342
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24204
+ transition: 0.2s linear;
24343
24205
  }
24344
- .v-switch--inset .v-switch__track {
24345
- border-radius: 9999px;
24346
- font-size: 0.75rem;
24347
- height: 32px;
24348
- min-width: 52px;
24206
+ .v-snackbar--absolute {
24207
+ position: absolute;
24208
+ z-index: 1;
24349
24209
  }
24350
-
24351
- .v-switch__thumb {
24210
+ .v-snackbar--multi-line .v-snackbar__wrapper {
24211
+ min-height: 68px;
24212
+ }
24213
+ .v-snackbar--vertical .v-snackbar__wrapper {
24214
+ flex-direction: column;
24215
+ }
24216
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24217
+ align-self: flex-end;
24218
+ margin-bottom: 8px;
24219
+ }
24220
+ .v-snackbar--center {
24352
24221
  align-items: center;
24353
- background-color: rgb(var(--v-theme-surface-bright));
24354
- color: rgb(var(--v-theme-on-surface-bright));
24355
- border-radius: 50%;
24356
- display: flex;
24357
- font-size: 0.75rem;
24358
- height: 20px;
24359
24222
  justify-content: center;
24360
- width: 20px;
24361
- pointer-events: none;
24362
- 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);
24363
- position: relative;
24364
- overflow: hidden;
24365
- }
24366
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
24367
- 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));
24368
24223
  }
24369
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24370
- background: rgb(var(--v-theme-surface-variant));
24371
- color: rgb(var(--v-theme-on-surface-variant));
24372
- 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));
24224
+ .v-snackbar--top {
24225
+ align-items: flex-start;
24373
24226
  }
24374
- .v-switch--inset .v-switch__thumb {
24375
- height: 24px;
24376
- width: 24px;
24377
- transform: scale(0.6666666667);
24227
+ .v-snackbar--bottom {
24228
+ align-items: flex-end;
24378
24229
  }
24379
- .v-switch--inset .v-switch__thumb--filled {
24380
- transform: none;
24230
+ .v-snackbar--left, .v-snackbar--start {
24231
+ justify-content: flex-start;
24381
24232
  }
24382
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24383
- transform: none;
24384
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24233
+ .v-snackbar--right, .v-snackbar--end {
24234
+ justify-content: flex-end;
24385
24235
  }
24386
24236
 
24387
- .v-switch.v-input {
24388
- flex: 0 1 auto;
24237
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24238
+ transition-duration: 0.15s;
24239
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24389
24240
  }
24390
- .v-switch .v-selection-control {
24391
- min-height: var(--v-input-control-height);
24241
+ .v-snackbar-transition-enter-active {
24242
+ transition-property: opacity, transform;
24392
24243
  }
24393
- .v-switch .v-selection-control__input {
24394
- border-radius: 50%;
24395
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24396
- position: absolute;
24244
+ .v-snackbar-transition-enter-from {
24245
+ opacity: 0;
24246
+ transform: scale(0.8);
24397
24247
  }
24398
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24399
- transform: translateX(-10px);
24248
+ .v-snackbar-transition-leave-active {
24249
+ transition-property: opacity;
24400
24250
  }
24401
-
24402
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24403
- transform: translateX(10px);
24251
+ .v-snackbar-transition-leave-to {
24252
+ opacity: 0;
24253
+ }.v-slide-group {
24254
+ display: flex;
24255
+ overflow: hidden;
24404
24256
  }
24405
24257
 
24406
- .v-switch .v-selection-control__input .v-icon {
24407
- position: absolute;
24408
- }
24409
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24410
- transform: translateX(10px);
24258
+ .v-slide-group__next,
24259
+ .v-slide-group__prev {
24260
+ align-items: center;
24261
+ display: flex;
24262
+ flex: 0 1 52px;
24263
+ justify-content: center;
24264
+ min-width: 52px;
24265
+ cursor: pointer;
24411
24266
  }
24412
-
24413
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24414
- transform: translateX(-10px);
24267
+ .v-slide-group__next--disabled,
24268
+ .v-slide-group__prev--disabled {
24269
+ pointer-events: none;
24270
+ opacity: var(--v-disabled-opacity);
24415
24271
  }
24416
24272
 
24417
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24418
- transform: scale(0.8);
24419
- }
24420
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24421
- transform: scale(0.75);
24422
- box-shadow: none;
24273
+ .v-slide-group__content {
24274
+ display: flex;
24275
+ flex: 1 0 auto;
24276
+ position: relative;
24277
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24278
+ white-space: nowrap;
24423
24279
  }
24424
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24425
- width: auto;
24280
+ .v-slide-group__content > * {
24281
+ white-space: initial;
24426
24282
  }
24427
- .v-switch.v-input--vertical .v-label {
24428
- min-width: max-content;
24283
+
24284
+ .v-slide-group__container {
24285
+ contain: content;
24286
+ display: flex;
24287
+ flex: 1 1 auto;
24288
+ overflow: hidden;
24429
24289
  }
24430
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24431
- transform: rotate(-90deg);
24290
+
24291
+ .v-slide-group--vertical,
24292
+ .v-slide-group--vertical .v-slide-group__container,
24293
+ .v-slide-group--vertical .v-slide-group__content {
24294
+ flex-direction: column;
24432
24295
  }.v-stepper.v-sheet {
24433
24296
  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));
24434
24297
  border-radius: 4px;
@@ -24582,72 +24445,142 @@ html.v-overlay-scroll-blocked {
24582
24445
  }
24583
24446
  .v-system-bar:not(.v-system-bar--absolute) {
24584
24447
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24585
- }.v-tabs {
24448
+ }.v-switch .v-label {
24449
+ padding-inline-start: 10px;
24450
+ }
24451
+
24452
+ .v-switch__loader {
24586
24453
  display: flex;
24587
- height: var(--v-tabs-height);
24588
24454
  }
24589
- .v-tabs--density-default {
24590
- --v-tabs-height: 48px;
24455
+ .v-switch__loader .v-progress-circular {
24456
+ color: rgb(var(--v-theme-surface));
24591
24457
  }
24592
- .v-tabs--density-default.v-tabs--stacked {
24593
- --v-tabs-height: 72px;
24458
+
24459
+ .v-switch__track,
24460
+ .v-switch__thumb {
24461
+ transition: none;
24462
+ }
24463
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
24464
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
24465
+ background-color: rgb(var(--v-theme-error));
24466
+ color: rgb(var(--v-theme-on-error));
24594
24467
  }
24595
24468
 
24596
- .v-tabs--density-comfortable {
24597
- --v-tabs-height: 44px;
24469
+ .v-switch__track-true {
24470
+ margin-inline-end: auto;
24598
24471
  }
24599
- .v-tabs--density-comfortable.v-tabs--stacked {
24600
- --v-tabs-height: 68px;
24472
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
24473
+ opacity: 0;
24601
24474
  }
24602
24475
 
24603
- .v-tabs--density-compact {
24604
- --v-tabs-height: 36px;
24476
+ .v-switch__track-false {
24477
+ margin-inline-start: auto;
24605
24478
  }
24606
- .v-tabs--density-compact.v-tabs--stacked {
24607
- --v-tabs-height: 60px;
24479
+ .v-selection-control--dirty .v-switch__track-false {
24480
+ opacity: 0;
24608
24481
  }
24609
24482
 
24610
- .v-tabs.v-slide-group--vertical {
24611
- height: auto;
24612
- flex: none;
24613
- --v-tabs-height: 48px;
24483
+ .v-switch__track {
24484
+ display: inline-flex;
24485
+ align-items: center;
24486
+ font-size: 0.5rem;
24487
+ padding: 0 5px;
24488
+ background-color: rgb(var(--v-theme-surface-variant));
24489
+ border-radius: 9999px;
24490
+ height: 14px;
24491
+ opacity: 0.6;
24492
+ min-width: 36px;
24493
+ cursor: pointer;
24494
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24495
+ }
24496
+ .v-switch--inset .v-switch__track {
24497
+ border-radius: 9999px;
24498
+ font-size: 0.75rem;
24499
+ height: 32px;
24500
+ min-width: 52px;
24614
24501
  }
24615
24502
 
24616
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24617
- margin-inline-start: 42px;
24503
+ .v-switch__thumb {
24504
+ align-items: center;
24505
+ background-color: rgb(var(--v-theme-surface-bright));
24506
+ color: rgb(var(--v-theme-on-surface-bright));
24507
+ border-radius: 50%;
24508
+ display: flex;
24509
+ font-size: 0.75rem;
24510
+ height: 20px;
24511
+ justify-content: center;
24512
+ width: 20px;
24513
+ pointer-events: none;
24514
+ 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);
24515
+ position: relative;
24516
+ overflow: hidden;
24517
+ }
24518
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
24519
+ 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));
24520
+ }
24521
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
24522
+ background: rgb(var(--v-theme-surface-variant));
24523
+ color: rgb(var(--v-theme-on-surface-variant));
24524
+ 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));
24525
+ }
24526
+ .v-switch--inset .v-switch__thumb {
24527
+ height: 24px;
24528
+ width: 24px;
24529
+ transform: scale(0.6666666667);
24530
+ }
24531
+ .v-switch--inset .v-switch__thumb--filled {
24532
+ transform: none;
24533
+ }
24534
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24535
+ transform: none;
24536
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24537
+ }
24538
+
24539
+ .v-switch.v-input {
24540
+ flex: 0 1 auto;
24541
+ }
24542
+ .v-switch .v-selection-control {
24543
+ min-height: var(--v-input-control-height);
24544
+ }
24545
+ .v-switch .v-selection-control__input {
24546
+ border-radius: 50%;
24547
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24548
+ position: absolute;
24549
+ }
24550
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24551
+ transform: translateX(-10px);
24552
+ }
24553
+
24554
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24555
+ transform: translateX(10px);
24556
+ }
24557
+
24558
+ .v-switch .v-selection-control__input .v-icon {
24559
+ position: absolute;
24560
+ }
24561
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24562
+ transform: translateX(10px);
24618
24563
  }
24619
24564
 
24620
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24621
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24622
- margin-inline-end: auto;
24623
- }
24624
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24625
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24626
- margin-inline-start: auto;
24565
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24566
+ transform: translateX(-10px);
24627
24567
  }
24628
24568
 
24629
- .v-tabs--grow {
24630
- flex-grow: 1;
24569
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24570
+ transform: scale(0.8);
24631
24571
  }
24632
- .v-tabs--grow .v-tab {
24633
- flex: 1 0 auto;
24634
- max-width: none;
24572
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24573
+ transform: scale(0.75);
24574
+ box-shadow: none;
24635
24575
  }
24636
-
24637
- .v-tabs--align-tabs-end .v-tab:first-child {
24638
- margin-inline-start: auto;
24576
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24577
+ width: auto;
24639
24578
  }
24640
- .v-tabs--align-tabs-end .v-tab:last-child {
24641
- margin-inline-end: 0;
24579
+ .v-switch.v-input--vertical .v-label {
24580
+ min-width: max-content;
24642
24581
  }
24643
-
24644
- @media (max-width: 1279.98px) {
24645
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24646
- margin-inline-start: 52px;
24647
- }
24648
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24649
- margin-inline-end: 52px;
24650
- }
24582
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24583
+ transform: rotate(-90deg);
24651
24584
  }.v-table {
24652
24585
  background: rgb(var(--v-theme-surface));
24653
24586
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24786,38 +24719,45 @@ html.v-overlay-scroll-blocked {
24786
24719
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24787
24720
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24788
24721
  border-top: 0px !important;
24789
- }.v-tab.v-tab.v-btn {
24790
- height: var(--v-tabs-height);
24791
- border-radius: 0;
24792
- min-width: 90px;
24722
+ }.v-textarea .v-field {
24723
+ --v-textarea-control-height: var(--v-input-control-height);
24793
24724
  }
24794
- .v-slide-group--horizontal .v-tab {
24795
- max-width: 360px;
24725
+ .v-textarea .v-field__field {
24726
+ --v-input-control-height: var(--v-textarea-control-height);
24796
24727
  }
24797
- .v-slide-group--vertical .v-tab {
24798
- justify-content: start;
24728
+ .v-textarea .v-field__input {
24729
+ flex: 1 1 auto;
24730
+ outline: none;
24731
+ -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));
24732
+ 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));
24799
24733
  }
24800
-
24801
- .v-tab__slider {
24734
+ .v-textarea .v-field__input.v-textarea__sizer {
24735
+ visibility: hidden;
24802
24736
  position: absolute;
24803
- bottom: 0;
24737
+ top: 0;
24804
24738
  left: 0;
24805
- height: 2px;
24806
- width: 100%;
24807
- background: currentColor;
24739
+ height: 0 !important;
24740
+ min-height: 0 !important;
24808
24741
  pointer-events: none;
24809
- opacity: 0;
24810
24742
  }
24811
- .v-tab--selected .v-tab__slider {
24743
+ .v-textarea--no-resize .v-field__input {
24744
+ resize: none;
24745
+ }
24746
+ .v-textarea .v-field--no-label textarea,
24747
+ .v-textarea .v-field--active textarea {
24812
24748
  opacity: 1;
24813
24749
  }
24814
- .v-slide-group--vertical .v-tab__slider {
24815
- top: 0;
24816
- height: 100%;
24817
- width: 2px;
24818
- }.v-theme-provider {
24819
- background: rgb(var(--v-theme-background));
24820
- color: rgb(var(--v-theme-on-background));
24750
+ .v-textarea textarea {
24751
+ opacity: 0;
24752
+ flex: 1;
24753
+ min-width: 0;
24754
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24755
+ }
24756
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24757
+ outline: none;
24758
+ }
24759
+ .v-textarea textarea:invalid {
24760
+ box-shadow: none;
24821
24761
  }/* region BLOCK */
24822
24762
  .v-text-field input {
24823
24763
  color: inherit;
@@ -24885,174 +24825,31 @@ html.v-overlay-scroll-blocked {
24885
24825
  padding-inline-end: var(--v-field-padding-end);
24886
24826
  }
24887
24827
 
24888
- /* endregion */.v-textarea .v-field {
24889
- --v-textarea-control-height: var(--v-input-control-height);
24890
- }
24891
- .v-textarea .v-field__field {
24892
- --v-input-control-height: var(--v-textarea-control-height);
24893
- }
24894
- .v-textarea .v-field__input {
24895
- flex: 1 1 auto;
24896
- outline: none;
24897
- -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));
24898
- 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));
24899
- }
24900
- .v-textarea .v-field__input.v-textarea__sizer {
24901
- visibility: hidden;
24902
- position: absolute;
24903
- top: 0;
24904
- left: 0;
24905
- height: 0 !important;
24906
- min-height: 0 !important;
24907
- pointer-events: none;
24908
- }
24909
- .v-textarea--no-resize .v-field__input {
24910
- resize: none;
24911
- }
24912
- .v-textarea .v-field--no-label textarea,
24913
- .v-textarea .v-field--active textarea {
24914
- opacity: 1;
24915
- }
24916
- .v-textarea textarea {
24917
- opacity: 0;
24918
- flex: 1;
24919
- min-width: 0;
24920
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24921
- }
24922
- .v-textarea textarea:focus, .v-textarea textarea:active {
24923
- outline: none;
24924
- }
24925
- .v-textarea textarea:invalid {
24926
- box-shadow: none;
24927
- }.v-toolbar {
24928
- align-items: flex-start;
24929
- display: flex;
24930
- flex: none;
24931
- flex-direction: column;
24932
- justify-content: space-between;
24933
- max-width: 100%;
24934
- position: relative;
24935
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24936
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24937
- width: 100%;
24938
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24939
- border-style: solid;
24940
- border-width: 0;
24941
- 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));
24942
- border-radius: 0;
24943
- background: rgb(var(--v-theme-surface-light));
24944
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24945
- }
24946
- .v-toolbar--border {
24947
- border-width: thin;
24948
- box-shadow: none;
24949
- }
24950
- .v-toolbar--absolute {
24951
- position: absolute;
24952
- }
24953
- .v-toolbar--collapse {
24954
- max-width: 112px;
24955
- overflow: hidden;
24956
- border-end-end-radius: 24px;
24957
- }
24958
- .v-toolbar--collapse .v-toolbar-title {
24959
- display: none;
24960
- }
24961
- .v-toolbar--flat {
24962
- 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));
24963
- }
24964
- .v-toolbar--floating {
24965
- display: inline-flex;
24966
- }
24967
- .v-toolbar--rounded {
24828
+ /* endregion */.v-theme-provider {
24829
+ background: rgb(var(--v-theme-background));
24830
+ color: rgb(var(--v-theme-on-background));
24831
+ }.v-tooltip > .v-overlay__content {
24832
+ background: rgb(var(--v-theme-surface-variant));
24833
+ color: rgb(var(--v-theme-on-surface-variant));
24968
24834
  border-radius: 4px;
24835
+ font-size: 0.875rem;
24836
+ line-height: 1.6;
24837
+ display: inline-block;
24838
+ padding: 5px 16px;
24839
+ text-transform: initial;
24840
+ width: auto;
24841
+ opacity: 1;
24842
+ pointer-events: none;
24843
+ transition-property: opacity, transform;
24844
+ overflow-wrap: break-word;
24969
24845
  }
24970
-
24971
- .v-toolbar__content,
24972
- .v-toolbar__extension {
24973
- align-items: center;
24974
- display: flex;
24975
- flex: 0 0 auto;
24976
- position: relative;
24977
- transition: inherit;
24978
- width: 100%;
24979
- }
24980
-
24981
- .v-toolbar__content {
24982
- overflow: hidden;
24983
- }
24984
- .v-toolbar__content > .v-btn:first-child {
24985
- margin-inline-start: 10px;
24986
- }
24987
- .v-toolbar__content > .v-btn:last-child {
24988
- margin-inline-end: 10px;
24989
- }
24990
- .v-toolbar__content > .v-toolbar-title {
24991
- margin-inline-start: 16px;
24992
- }
24993
- .v-toolbar--density-prominent .v-toolbar__content {
24994
- align-items: flex-start;
24995
- }
24996
-
24997
- .v-toolbar__image {
24998
- position: absolute;
24999
- top: 0;
25000
- left: 0;
25001
- width: 100%;
25002
- height: 100%;
25003
- display: flex;
25004
- opacity: var(--v-toolbar-image-opacity, 1);
25005
- transition-property: opacity;
25006
- }
25007
-
25008
- .v-toolbar__prepend,
25009
- .v-toolbar__append {
25010
- align-items: center;
25011
- align-self: stretch;
25012
- display: flex;
25013
- }
25014
-
25015
- .v-toolbar__prepend {
25016
- margin-inline: 10px auto;
25017
- }
25018
-
25019
- .v-toolbar__append {
25020
- margin-inline: auto 10px;
25021
- }
25022
-
25023
- .v-toolbar-title {
25024
- flex: 1 1;
25025
- font-size: 1.25rem;
25026
- min-width: 0;
25027
- font-size: 1.25rem;
25028
- font-weight: 400;
25029
- letter-spacing: 0;
25030
- line-height: 1.75rem;
25031
- text-transform: none;
25032
- }
25033
- .v-toolbar--density-prominent .v-toolbar-title {
25034
- align-self: flex-end;
25035
- padding-bottom: 6px;
25036
- font-size: 1.5rem;
25037
- font-weight: 400;
25038
- letter-spacing: 0;
25039
- line-height: 2.25rem;
25040
- text-transform: none;
25041
- }
25042
-
25043
- .v-toolbar-title__placeholder {
25044
- overflow: hidden;
25045
- text-overflow: ellipsis;
25046
- white-space: nowrap;
25047
- }
25048
-
25049
- .v-toolbar-items {
25050
- display: flex;
25051
- height: inherit;
25052
- align-self: stretch;
24846
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24847
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24848
+ transition-duration: 150ms;
25053
24849
  }
25054
- .v-toolbar-items > .v-btn {
25055
- border-radius: 0;
24850
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24851
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24852
+ transition-duration: 75ms;
25056
24853
  }.v-timeline .v-timeline-divider__dot {
25057
24854
  background: rgb(var(--v-theme-surface-light));
25058
24855
  }
@@ -25469,37 +25266,135 @@ html.v-overlay-scroll-blocked {
25469
25266
 
25470
25267
  .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 {
25471
25268
  padding-inline-end: 0;
25472
- }.v-tooltip > .v-overlay__content {
25473
- background: rgb(var(--v-theme-surface-variant));
25474
- color: rgb(var(--v-theme-on-surface-variant));
25475
- border-radius: 4px;
25476
- font-size: 0.875rem;
25477
- line-height: 1.6;
25478
- display: inline-block;
25479
- padding: 5px 16px;
25480
- text-transform: initial;
25481
- width: auto;
25482
- opacity: 1;
25483
- pointer-events: none;
25484
- transition-property: opacity, transform;
25485
- overflow-wrap: break-word;
25269
+ }.v-toolbar {
25270
+ align-items: flex-start;
25271
+ display: flex;
25272
+ flex: none;
25273
+ flex-direction: column;
25274
+ justify-content: space-between;
25275
+ max-width: 100%;
25276
+ position: relative;
25277
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25278
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25279
+ width: 100%;
25280
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25281
+ border-style: solid;
25282
+ border-width: 0;
25283
+ 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));
25284
+ border-radius: 0;
25285
+ background: rgb(var(--v-theme-surface-light));
25286
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25486
25287
  }
25487
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25488
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25489
- transition-duration: 150ms;
25288
+ .v-toolbar--border {
25289
+ border-width: thin;
25290
+ box-shadow: none;
25490
25291
  }
25491
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25492
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25493
- transition-duration: 75ms;
25494
- }.v-virtual-scroll {
25495
- display: block;
25496
- flex: 1 1 auto;
25497
- max-width: 100%;
25498
- overflow: auto;
25292
+ .v-toolbar--absolute {
25293
+ position: absolute;
25294
+ }
25295
+ .v-toolbar--collapse {
25296
+ max-width: 112px;
25297
+ overflow: hidden;
25298
+ border-end-end-radius: 24px;
25299
+ }
25300
+ .v-toolbar--collapse .v-toolbar-title {
25301
+ display: none;
25302
+ }
25303
+ .v-toolbar--flat {
25304
+ 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));
25305
+ }
25306
+ .v-toolbar--floating {
25307
+ display: inline-flex;
25308
+ }
25309
+ .v-toolbar--rounded {
25310
+ border-radius: 4px;
25311
+ }
25312
+
25313
+ .v-toolbar__content,
25314
+ .v-toolbar__extension {
25315
+ align-items: center;
25316
+ display: flex;
25317
+ flex: 0 0 auto;
25499
25318
  position: relative;
25319
+ transition: inherit;
25320
+ width: 100%;
25500
25321
  }
25501
- .v-virtual-scroll__container {
25502
- display: block;
25322
+
25323
+ .v-toolbar__content {
25324
+ overflow: hidden;
25325
+ }
25326
+ .v-toolbar__content > .v-btn:first-child {
25327
+ margin-inline-start: 10px;
25328
+ }
25329
+ .v-toolbar__content > .v-btn:last-child {
25330
+ margin-inline-end: 10px;
25331
+ }
25332
+ .v-toolbar__content > .v-toolbar-title {
25333
+ margin-inline-start: 16px;
25334
+ }
25335
+ .v-toolbar--density-prominent .v-toolbar__content {
25336
+ align-items: flex-start;
25337
+ }
25338
+
25339
+ .v-toolbar__image {
25340
+ position: absolute;
25341
+ top: 0;
25342
+ left: 0;
25343
+ width: 100%;
25344
+ height: 100%;
25345
+ display: flex;
25346
+ opacity: var(--v-toolbar-image-opacity, 1);
25347
+ transition-property: opacity;
25348
+ }
25349
+
25350
+ .v-toolbar__prepend,
25351
+ .v-toolbar__append {
25352
+ align-items: center;
25353
+ align-self: stretch;
25354
+ display: flex;
25355
+ }
25356
+
25357
+ .v-toolbar__prepend {
25358
+ margin-inline: 10px auto;
25359
+ }
25360
+
25361
+ .v-toolbar__append {
25362
+ margin-inline: auto 10px;
25363
+ }
25364
+
25365
+ .v-toolbar-title {
25366
+ flex: 1 1;
25367
+ font-size: 1.25rem;
25368
+ min-width: 0;
25369
+ font-size: 1.25rem;
25370
+ font-weight: 400;
25371
+ letter-spacing: 0;
25372
+ line-height: 1.75rem;
25373
+ text-transform: none;
25374
+ }
25375
+ .v-toolbar--density-prominent .v-toolbar-title {
25376
+ align-self: flex-end;
25377
+ padding-bottom: 6px;
25378
+ font-size: 1.5rem;
25379
+ font-weight: 400;
25380
+ letter-spacing: 0;
25381
+ line-height: 2.25rem;
25382
+ text-transform: none;
25383
+ }
25384
+
25385
+ .v-toolbar-title__placeholder {
25386
+ overflow: hidden;
25387
+ text-overflow: ellipsis;
25388
+ white-space: nowrap;
25389
+ }
25390
+
25391
+ .v-toolbar-items {
25392
+ display: flex;
25393
+ height: inherit;
25394
+ align-self: stretch;
25395
+ }
25396
+ .v-toolbar-items > .v-btn {
25397
+ border-radius: 0;
25503
25398
  }.v-window {
25504
25399
  overflow: hidden;
25505
25400
  }
@@ -25546,29 +25441,133 @@ html.v-overlay-scroll-blocked {
25546
25441
  top: 0;
25547
25442
  width: 100%;
25548
25443
  }
25549
- .v-window-x-transition-enter-from {
25550
- transform: translateX(100%);
25444
+ .v-window-x-transition-enter-from {
25445
+ transform: translateX(100%);
25446
+ }
25447
+ .v-window-x-transition-leave-to {
25448
+ transform: translateX(-100%);
25449
+ }
25450
+ .v-window-x-reverse-transition-enter-from {
25451
+ transform: translateX(-100%);
25452
+ }
25453
+ .v-window-x-reverse-transition-leave-to {
25454
+ transform: translateX(100%);
25455
+ }
25456
+ .v-window-y-transition-enter-from {
25457
+ transform: translateY(100%);
25458
+ }
25459
+ .v-window-y-transition-leave-to {
25460
+ transform: translateY(-100%);
25461
+ }
25462
+ .v-window-y-reverse-transition-enter-from {
25463
+ transform: translateY(-100%);
25464
+ }
25465
+ .v-window-y-reverse-transition-leave-to {
25466
+ transform: translateY(100%);
25467
+ }.v-virtual-scroll {
25468
+ display: block;
25469
+ flex: 1 1 auto;
25470
+ max-width: 100%;
25471
+ overflow: auto;
25472
+ position: relative;
25473
+ }
25474
+ .v-virtual-scroll__container {
25475
+ display: block;
25476
+ }.v-tab.v-tab.v-btn {
25477
+ height: var(--v-tabs-height);
25478
+ border-radius: 0;
25479
+ min-width: 90px;
25480
+ }
25481
+ .v-slide-group--horizontal .v-tab {
25482
+ max-width: 360px;
25483
+ }
25484
+ .v-slide-group--vertical .v-tab {
25485
+ justify-content: start;
25486
+ }
25487
+
25488
+ .v-tab__slider {
25489
+ position: absolute;
25490
+ bottom: 0;
25491
+ left: 0;
25492
+ height: 2px;
25493
+ width: 100%;
25494
+ background: currentColor;
25495
+ pointer-events: none;
25496
+ opacity: 0;
25497
+ }
25498
+ .v-tab--selected .v-tab__slider {
25499
+ opacity: 1;
25500
+ }
25501
+ .v-slide-group--vertical .v-tab__slider {
25502
+ top: 0;
25503
+ height: 100%;
25504
+ width: 2px;
25505
+ }.v-tabs {
25506
+ display: flex;
25507
+ height: var(--v-tabs-height);
25508
+ }
25509
+ .v-tabs--density-default {
25510
+ --v-tabs-height: 48px;
25511
+ }
25512
+ .v-tabs--density-default.v-tabs--stacked {
25513
+ --v-tabs-height: 72px;
25514
+ }
25515
+
25516
+ .v-tabs--density-comfortable {
25517
+ --v-tabs-height: 44px;
25518
+ }
25519
+ .v-tabs--density-comfortable.v-tabs--stacked {
25520
+ --v-tabs-height: 68px;
25521
+ }
25522
+
25523
+ .v-tabs--density-compact {
25524
+ --v-tabs-height: 36px;
25525
+ }
25526
+ .v-tabs--density-compact.v-tabs--stacked {
25527
+ --v-tabs-height: 60px;
25528
+ }
25529
+
25530
+ .v-tabs.v-slide-group--vertical {
25531
+ height: auto;
25532
+ flex: none;
25533
+ --v-tabs-height: 48px;
25551
25534
  }
25552
- .v-window-x-transition-leave-to {
25553
- transform: translateX(-100%);
25535
+
25536
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25537
+ margin-inline-start: 42px;
25554
25538
  }
25555
- .v-window-x-reverse-transition-enter-from {
25556
- transform: translateX(-100%);
25539
+
25540
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25541
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25542
+ margin-inline-end: auto;
25557
25543
  }
25558
- .v-window-x-reverse-transition-leave-to {
25559
- transform: translateX(100%);
25544
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25545
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25546
+ margin-inline-start: auto;
25560
25547
  }
25561
- .v-window-y-transition-enter-from {
25562
- transform: translateY(100%);
25548
+
25549
+ .v-tabs--grow {
25550
+ flex-grow: 1;
25563
25551
  }
25564
- .v-window-y-transition-leave-to {
25565
- transform: translateY(-100%);
25552
+ .v-tabs--grow .v-tab {
25553
+ flex: 1 0 auto;
25554
+ max-width: none;
25566
25555
  }
25567
- .v-window-y-reverse-transition-enter-from {
25568
- transform: translateY(-100%);
25556
+
25557
+ .v-tabs--align-tabs-end .v-tab:first-child {
25558
+ margin-inline-start: auto;
25569
25559
  }
25570
- .v-window-y-reverse-transition-leave-to {
25571
- transform: translateY(100%);
25560
+ .v-tabs--align-tabs-end .v-tab:last-child {
25561
+ margin-inline-end: 0;
25562
+ }
25563
+
25564
+ @media (max-width: 1279.98px) {
25565
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25566
+ margin-inline-start: 52px;
25567
+ }
25568
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25569
+ margin-inline-end: 52px;
25570
+ }
25572
25571
  }.v-color-picker-canvas {
25573
25572
  display: flex;
25574
25573
  position: relative;
@@ -25591,6 +25590,76 @@ html.v-overlay-scroll-blocked {
25591
25590
  }
25592
25591
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25593
25592
  will-change: transform;
25593
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25594
+ background-color: transparent !important;
25595
+ }
25596
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25597
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25598
+ }
25599
+
25600
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25601
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25602
+ }
25603
+
25604
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25605
+ content: "";
25606
+ z-index: -1;
25607
+ left: 0;
25608
+ top: 0;
25609
+ width: 100%;
25610
+ height: 100%;
25611
+ position: absolute;
25612
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25613
+ border-radius: inherit;
25614
+ }
25615
+
25616
+ .v-color-picker-preview__sliders {
25617
+ display: flex;
25618
+ flex: 1 0 auto;
25619
+ flex-direction: column;
25620
+ padding-inline-end: 16px;
25621
+ }
25622
+
25623
+ .v-color-picker-preview__dot {
25624
+ position: relative;
25625
+ height: 30px;
25626
+ width: 30px;
25627
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25628
+ border-radius: 50%;
25629
+ overflow: hidden;
25630
+ margin-inline-end: 24px;
25631
+ }
25632
+ .v-color-picker-preview__dot > div {
25633
+ width: 100%;
25634
+ height: 100%;
25635
+ }
25636
+
25637
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25638
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25639
+ }
25640
+
25641
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25642
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25643
+ }
25644
+
25645
+ .v-color-picker-preview__track {
25646
+ position: relative;
25647
+ width: 100%;
25648
+ margin: 0 !important;
25649
+ }
25650
+ .v-color-picker-preview__track .v-slider-track__fill {
25651
+ display: none;
25652
+ }
25653
+
25654
+ .v-color-picker-preview {
25655
+ align-items: center;
25656
+ display: flex;
25657
+ margin-bottom: 0;
25658
+ }
25659
+
25660
+ .v-color-picker-preview__eye-dropper {
25661
+ position: relative;
25662
+ margin-right: 12px;
25594
25663
  }.v-color-picker-edit {
25595
25664
  display: flex;
25596
25665
  margin-top: 24px;
@@ -25619,111 +25688,195 @@ html.v-overlay-scroll-blocked {
25619
25688
  }
25620
25689
  .v-color-picker-edit__input span {
25621
25690
  font-size: 0.75rem;
25622
- }.v-color-picker-preview__alpha .v-slider-track__background {
25623
- background-color: transparent !important;
25691
+ }.v-color-picker-swatches {
25692
+ overflow-y: auto;
25624
25693
  }
25625
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25626
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25694
+ .v-color-picker-swatches > div {
25695
+ display: flex;
25696
+ flex-wrap: wrap;
25697
+ justify-content: center;
25698
+ padding: 8px;
25627
25699
  }
25628
25700
 
25629
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25630
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25701
+ .v-color-picker-swatches__swatch {
25702
+ display: flex;
25703
+ flex-direction: column;
25704
+ margin-bottom: 10px;
25631
25705
  }
25632
25706
 
25633
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25707
+ .v-color-picker-swatches__color {
25708
+ position: relative;
25709
+ height: 18px;
25710
+ max-height: 18px;
25711
+ width: 45px;
25712
+ margin: 2px 4px;
25713
+ border-radius: 2px;
25714
+ -webkit-user-select: none;
25715
+ user-select: none;
25716
+ overflow: hidden;
25717
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25718
+ cursor: pointer;
25719
+ }
25720
+ .v-color-picker-swatches__color > div {
25721
+ display: flex;
25722
+ align-items: center;
25723
+ justify-content: center;
25724
+ width: 100%;
25725
+ height: 100%;
25726
+ }.v-slider-thumb {
25727
+ touch-action: none;
25728
+ color: rgb(var(--v-theme-surface-variant));
25729
+ }
25730
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25731
+ color: inherit;
25732
+ }
25733
+
25734
+ .v-slider-thumb__label {
25735
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25736
+ color: rgb(var(--v-theme-on-surface-variant));
25737
+ }
25738
+ .v-slider-thumb__label::before {
25739
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25740
+ }
25741
+
25742
+ .v-slider-thumb {
25743
+ outline: none;
25744
+ position: absolute;
25745
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25746
+ }
25747
+
25748
+ .v-slider-thumb__surface {
25749
+ cursor: pointer;
25750
+ width: var(--v-slider-thumb-size);
25751
+ height: var(--v-slider-thumb-size);
25752
+ border-radius: 50%;
25753
+ -webkit-user-select: none;
25754
+ user-select: none;
25755
+ background-color: currentColor;
25756
+ }
25757
+ .v-slider-thumb__surface::before {
25758
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25634
25759
  content: "";
25635
- z-index: -1;
25636
- left: 0;
25760
+ color: inherit;
25637
25761
  top: 0;
25762
+ left: 0;
25638
25763
  width: 100%;
25639
25764
  height: 100%;
25765
+ border-radius: 50%;
25766
+ background: currentColor;
25640
25767
  position: absolute;
25641
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25642
- border-radius: inherit;
25768
+ pointer-events: none;
25769
+ opacity: 0;
25770
+ }
25771
+ .v-slider-thumb__surface::after {
25772
+ content: "";
25773
+ width: 42px;
25774
+ height: 42px;
25775
+ position: absolute;
25776
+ top: 50%;
25777
+ left: 50%;
25778
+ transform: translate(-50%, -50%);
25643
25779
  }
25644
25780
 
25645
- .v-color-picker-preview__sliders {
25781
+ .v-slider-thumb__label-container {
25782
+ position: absolute;
25783
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25784
+ }
25785
+
25786
+ .v-slider-thumb__label {
25646
25787
  display: flex;
25647
- flex: 1 0 auto;
25648
- flex-direction: column;
25649
- padding-inline-end: 16px;
25788
+ align-items: center;
25789
+ justify-content: center;
25790
+ font-size: 0.75rem;
25791
+ min-width: 35px;
25792
+ height: 25px;
25793
+ border-radius: 4px;
25794
+ padding: 6px;
25795
+ position: absolute;
25796
+ -webkit-user-select: none;
25797
+ user-select: none;
25798
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25799
+ }
25800
+ .v-slider-thumb__label::before {
25801
+ content: "";
25802
+ width: 0;
25803
+ height: 0;
25804
+ position: absolute;
25805
+ }
25806
+
25807
+ .v-slider-thumb__ripple {
25808
+ position: absolute;
25809
+ left: calc(var(--v-slider-thumb-size) / -2);
25810
+ top: calc(var(--v-slider-thumb-size) / -2);
25811
+ width: calc(var(--v-slider-thumb-size) * 2);
25812
+ height: calc(var(--v-slider-thumb-size) * 2);
25813
+ background: inherit;
25814
+ }
25815
+
25816
+ .v-slider.v-input--horizontal .v-slider-thumb {
25817
+ top: 50%;
25818
+ transform: translateY(-50%);
25819
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25820
+ }
25821
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25822
+ left: calc(var(--v-slider-thumb-size) / 2);
25823
+ top: 0;
25650
25824
  }
25651
-
25652
- .v-color-picker-preview__dot {
25653
- position: relative;
25654
- height: 30px;
25655
- width: 30px;
25656
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25657
- border-radius: 50%;
25658
- overflow: hidden;
25659
- margin-inline-end: 24px;
25825
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25826
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25660
25827
  }
25661
- .v-color-picker-preview__dot > div {
25662
- width: 100%;
25663
- height: 100%;
25828
+ .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 {
25829
+ transform: translateX(-50%);
25664
25830
  }
25665
25831
 
25666
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25667
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25832
+ .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 {
25833
+ transform: translateX(50%);
25668
25834
  }
25669
25835
 
25670
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25671
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25836
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25837
+ border-left: 6px solid transparent;
25838
+ border-right: 6px solid transparent;
25839
+ border-top: 6px solid currentColor;
25840
+ bottom: -6px;
25672
25841
  }
25673
25842
 
25674
- .v-color-picker-preview__track {
25675
- position: relative;
25676
- width: 100%;
25677
- margin: 0 !important;
25678
- }
25679
- .v-color-picker-preview__track .v-slider-track__fill {
25680
- display: none;
25843
+ .v-slider.v-input--vertical .v-slider-thumb {
25844
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25681
25845
  }
25682
-
25683
- .v-color-picker-preview {
25684
- align-items: center;
25685
- display: flex;
25686
- margin-bottom: 0;
25846
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25847
+ top: calc(var(--v-slider-thumb-size) / 2);
25848
+ right: 0;
25687
25849
  }
25688
-
25689
- .v-color-picker-preview__eye-dropper {
25690
- position: relative;
25691
- margin-right: 12px;
25692
- }.v-color-picker-swatches {
25693
- overflow-y: auto;
25850
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25851
+ top: -12.5px;
25852
+ left: calc(var(--v-slider-thumb-size) / 2);
25694
25853
  }
25695
- .v-color-picker-swatches > div {
25696
- display: flex;
25697
- flex-wrap: wrap;
25698
- justify-content: center;
25699
- padding: 8px;
25854
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25855
+ border-right: 6px solid currentColor;
25856
+ border-top: 6px solid transparent;
25857
+ border-bottom: 6px solid transparent;
25858
+ left: -6px;
25700
25859
  }
25701
25860
 
25702
- .v-color-picker-swatches__swatch {
25703
- display: flex;
25704
- flex-direction: column;
25705
- margin-bottom: 10px;
25861
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25862
+ transform: scale(2);
25863
+ opacity: var(--v-focus-opacity);
25706
25864
  }
25707
25865
 
25708
- .v-color-picker-swatches__color {
25709
- position: relative;
25710
- height: 18px;
25711
- max-height: 18px;
25712
- width: 45px;
25713
- margin: 2px 4px;
25714
- border-radius: 2px;
25715
- -webkit-user-select: none;
25716
- user-select: none;
25717
- overflow: hidden;
25718
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25719
- cursor: pointer;
25866
+ .v-slider-thumb--pressed {
25867
+ transition: none;
25720
25868
  }
25721
- .v-color-picker-swatches__color > div {
25722
- display: flex;
25723
- align-items: center;
25724
- justify-content: center;
25725
- width: 100%;
25726
- height: 100%;
25869
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25870
+ opacity: var(--v-pressed-opacity);
25871
+ }
25872
+
25873
+ @media (hover: hover) {
25874
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25875
+ transform: scale(2);
25876
+ }
25877
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25878
+ opacity: var(--v-hover-opacity);
25879
+ }
25727
25880
  }.v-slider-track__background {
25728
25881
  background-color: rgb(var(--v-theme-surface-variant));
25729
25882
  }
@@ -25887,158 +26040,4 @@ html.v-overlay-scroll-blocked {
25887
26040
 
25888
26041
  .v-slider-track__background--opacity {
25889
26042
  opacity: 0.38;
25890
- }.v-slider-thumb {
25891
- touch-action: none;
25892
- color: rgb(var(--v-theme-surface-variant));
25893
- }
25894
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25895
- color: inherit;
25896
- }
25897
-
25898
- .v-slider-thumb__label {
25899
- background: rgba(var(--v-theme-surface-variant), 0.7);
25900
- color: rgb(var(--v-theme-on-surface-variant));
25901
- }
25902
- .v-slider-thumb__label::before {
25903
- color: rgba(var(--v-theme-surface-variant), 0.7);
25904
- }
25905
-
25906
- .v-slider-thumb {
25907
- outline: none;
25908
- position: absolute;
25909
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25910
- }
25911
-
25912
- .v-slider-thumb__surface {
25913
- cursor: pointer;
25914
- width: var(--v-slider-thumb-size);
25915
- height: var(--v-slider-thumb-size);
25916
- border-radius: 50%;
25917
- -webkit-user-select: none;
25918
- user-select: none;
25919
- background-color: currentColor;
25920
- }
25921
- .v-slider-thumb__surface::before {
25922
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25923
- content: "";
25924
- color: inherit;
25925
- top: 0;
25926
- left: 0;
25927
- width: 100%;
25928
- height: 100%;
25929
- border-radius: 50%;
25930
- background: currentColor;
25931
- position: absolute;
25932
- pointer-events: none;
25933
- opacity: 0;
25934
- }
25935
- .v-slider-thumb__surface::after {
25936
- content: "";
25937
- width: 42px;
25938
- height: 42px;
25939
- position: absolute;
25940
- top: 50%;
25941
- left: 50%;
25942
- transform: translate(-50%, -50%);
25943
- }
25944
-
25945
- .v-slider-thumb__label-container {
25946
- position: absolute;
25947
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25948
- }
25949
-
25950
- .v-slider-thumb__label {
25951
- display: flex;
25952
- align-items: center;
25953
- justify-content: center;
25954
- font-size: 0.75rem;
25955
- min-width: 35px;
25956
- height: 25px;
25957
- border-radius: 4px;
25958
- padding: 6px;
25959
- position: absolute;
25960
- -webkit-user-select: none;
25961
- user-select: none;
25962
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25963
- }
25964
- .v-slider-thumb__label::before {
25965
- content: "";
25966
- width: 0;
25967
- height: 0;
25968
- position: absolute;
25969
- }
25970
-
25971
- .v-slider-thumb__ripple {
25972
- position: absolute;
25973
- left: calc(var(--v-slider-thumb-size) / -2);
25974
- top: calc(var(--v-slider-thumb-size) / -2);
25975
- width: calc(var(--v-slider-thumb-size) * 2);
25976
- height: calc(var(--v-slider-thumb-size) * 2);
25977
- background: inherit;
25978
- }
25979
-
25980
- .v-slider.v-input--horizontal .v-slider-thumb {
25981
- top: 50%;
25982
- transform: translateY(-50%);
25983
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25984
- }
25985
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25986
- left: calc(var(--v-slider-thumb-size) / 2);
25987
- top: 0;
25988
- }
25989
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25990
- bottom: calc(var(--v-slider-thumb-size) / 2);
25991
- }
25992
- .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 {
25993
- transform: translateX(-50%);
25994
- }
25995
-
25996
- .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 {
25997
- transform: translateX(50%);
25998
- }
25999
-
26000
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26001
- border-left: 6px solid transparent;
26002
- border-right: 6px solid transparent;
26003
- border-top: 6px solid currentColor;
26004
- bottom: -6px;
26005
- }
26006
-
26007
- .v-slider.v-input--vertical .v-slider-thumb {
26008
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26009
- }
26010
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26011
- top: calc(var(--v-slider-thumb-size) / 2);
26012
- right: 0;
26013
- }
26014
- .v-slider.v-input--vertical .v-slider-thumb__label {
26015
- top: -12.5px;
26016
- left: calc(var(--v-slider-thumb-size) / 2);
26017
- }
26018
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26019
- border-right: 6px solid currentColor;
26020
- border-top: 6px solid transparent;
26021
- border-bottom: 6px solid transparent;
26022
- left: -6px;
26023
- }
26024
-
26025
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26026
- transform: scale(2);
26027
- opacity: var(--v-focus-opacity);
26028
- }
26029
-
26030
- .v-slider-thumb--pressed {
26031
- transition: none;
26032
- }
26033
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26034
- opacity: var(--v-pressed-opacity);
26035
- }
26036
-
26037
- @media (hover: hover) {
26038
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26039
- transform: scale(2);
26040
- }
26041
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26042
- opacity: var(--v-hover-opacity);
26043
- }
26044
26043
  }