@vuetify/nightly 3.6.7-master.2024-05-23 → 3.6.7-master.2024-05-24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.7-master.2024-05-23
2
+ * Vuetify v3.6.7-master.2024-05-24
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17380,18 +17380,6 @@ html.overflow-y-hidden {
17380
17380
  .v-ripple__animation--out {
17381
17381
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17382
17382
  opacity: 0;
17383
- }.v-app-bar {
17384
- display: flex;
17385
- }
17386
- .v-app-bar.v-toolbar {
17387
- background: rgb(var(--v-theme-surface));
17388
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17389
- }
17390
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17391
- 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));
17392
- }
17393
- .v-app-bar:not(.v-toolbar--absolute) {
17394
- padding-inline-end: var(--v-scrollbar-offset);
17395
17383
  }.v-application {
17396
17384
  display: flex;
17397
17385
  background: rgb(var(--v-theme-background));
@@ -17408,87 +17396,18 @@ html.overflow-y-hidden {
17408
17396
  min-height: 100vh;
17409
17397
  min-height: 100dvh;
17410
17398
  position: relative;
17411
- }.v-autocomplete .v-field .v-text-field__prefix,
17412
- .v-autocomplete .v-field .v-text-field__suffix,
17413
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17414
- cursor: text;
17415
- }
17416
- .v-autocomplete .v-field .v-field__input > input {
17417
- flex: 1 1;
17418
- }
17419
- .v-autocomplete .v-field input {
17420
- min-width: 64px;
17421
- }
17422
- .v-autocomplete .v-field:not(.v-field--focused) input {
17423
- min-width: 0;
17424
- }
17425
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17426
- margin-inline-end: 2px;
17399
+ }.v-app-bar {
17400
+ display: flex;
17427
17401
  }
17428
- .v-autocomplete .v-autocomplete__selection-text {
17429
- overflow: hidden;
17430
- text-overflow: ellipsis;
17431
- white-space: nowrap;
17402
+ .v-app-bar.v-toolbar {
17403
+ background: rgb(var(--v-theme-surface));
17404
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17432
17405
  }
17433
-
17434
- .v-autocomplete__content {
17435
- overflow: hidden;
17406
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17436
17407
  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));
17437
- border-radius: 4px;
17438
- }
17439
- .v-autocomplete__mask {
17440
- background: rgb(var(--v-theme-surface-light));
17441
- }
17442
- .v-autocomplete__selection {
17443
- display: inline-flex;
17444
- align-items: center;
17445
- height: 1.5rem;
17446
- letter-spacing: inherit;
17447
- line-height: inherit;
17448
- max-width: calc(100% - 2px - 2px);
17449
- }
17450
- .v-autocomplete__selection:first-child {
17451
- margin-inline-start: 0;
17452
- }
17453
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17454
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17455
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17456
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17457
- top: 0px;
17458
- }
17459
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17460
- opacity: var(--v-medium-emphasis-opacity);
17461
- }
17462
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17463
- opacity: 1;
17464
- }
17465
- .v-autocomplete--selecting-index .v-field__input > input {
17466
- caret-color: transparent;
17467
- }
17468
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17469
- flex: 1 1;
17470
- position: absolute;
17471
- left: 0;
17472
- right: 0;
17473
- width: 100%;
17474
- padding-inline: inherit;
17475
- }
17476
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17477
- transition: none;
17478
- }
17479
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17480
- opacity: 0;
17481
- }
17482
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17483
- opacity: 0;
17484
17408
  }
17485
- .v-autocomplete__menu-icon {
17486
- margin-inline-start: 4px;
17487
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17488
- }
17489
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17490
- opacity: var(--v-high-emphasis-opacity);
17491
- transform: rotate(180deg);
17409
+ .v-app-bar:not(.v-toolbar--absolute) {
17410
+ padding-inline-end: var(--v-scrollbar-offset);
17492
17411
  }.v-alert {
17493
17412
  display: grid;
17494
17413
  flex: 1 1;
@@ -17796,6 +17715,158 @@ html.overflow-y-hidden {
17796
17715
  .v-avatar .v-img {
17797
17716
  height: 100%;
17798
17717
  width: 100%;
17718
+ }.v-autocomplete .v-field .v-text-field__prefix,
17719
+ .v-autocomplete .v-field .v-text-field__suffix,
17720
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17721
+ cursor: text;
17722
+ }
17723
+ .v-autocomplete .v-field .v-field__input > input {
17724
+ flex: 1 1;
17725
+ }
17726
+ .v-autocomplete .v-field input {
17727
+ min-width: 64px;
17728
+ }
17729
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17730
+ min-width: 0;
17731
+ }
17732
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17733
+ margin-inline-end: 2px;
17734
+ }
17735
+ .v-autocomplete .v-autocomplete__selection-text {
17736
+ overflow: hidden;
17737
+ text-overflow: ellipsis;
17738
+ white-space: nowrap;
17739
+ }
17740
+
17741
+ .v-autocomplete__content {
17742
+ overflow: hidden;
17743
+ 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));
17744
+ border-radius: 4px;
17745
+ }
17746
+ .v-autocomplete__mask {
17747
+ background: rgb(var(--v-theme-surface-light));
17748
+ }
17749
+ .v-autocomplete__selection {
17750
+ display: inline-flex;
17751
+ align-items: center;
17752
+ height: 1.5rem;
17753
+ letter-spacing: inherit;
17754
+ line-height: inherit;
17755
+ max-width: calc(100% - 2px - 2px);
17756
+ }
17757
+ .v-autocomplete__selection:first-child {
17758
+ margin-inline-start: 0;
17759
+ }
17760
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17761
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17762
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17763
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17764
+ top: 0px;
17765
+ }
17766
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17767
+ opacity: var(--v-medium-emphasis-opacity);
17768
+ }
17769
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17770
+ opacity: 1;
17771
+ }
17772
+ .v-autocomplete--selecting-index .v-field__input > input {
17773
+ caret-color: transparent;
17774
+ }
17775
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17776
+ flex: 1 1;
17777
+ position: absolute;
17778
+ left: 0;
17779
+ right: 0;
17780
+ width: 100%;
17781
+ padding-inline: inherit;
17782
+ }
17783
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17784
+ transition: none;
17785
+ }
17786
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17787
+ opacity: 0;
17788
+ }
17789
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17790
+ opacity: 0;
17791
+ }
17792
+ .v-autocomplete__menu-icon {
17793
+ margin-inline-start: 4px;
17794
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17795
+ }
17796
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17797
+ opacity: var(--v-high-emphasis-opacity);
17798
+ transform: rotate(180deg);
17799
+ }.v-badge {
17800
+ display: inline-block;
17801
+ line-height: 1;
17802
+ }
17803
+
17804
+ .v-badge__badge {
17805
+ align-items: center;
17806
+ display: inline-flex;
17807
+ border-radius: 10px;
17808
+ font-size: 0.75rem;
17809
+ font-weight: 500;
17810
+ height: 1.25rem;
17811
+ justify-content: center;
17812
+ min-width: 20px;
17813
+ padding: 4px 6px;
17814
+ pointer-events: auto;
17815
+ position: absolute;
17816
+ text-align: center;
17817
+ text-indent: 0;
17818
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17819
+ white-space: nowrap;
17820
+ background: rgb(var(--v-theme-surface-variant));
17821
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17822
+ }
17823
+ .v-badge--bordered .v-badge__badge::after {
17824
+ border-radius: inherit;
17825
+ border-style: solid;
17826
+ border-width: 2px;
17827
+ bottom: 0;
17828
+ color: rgb(var(--v-theme-background));
17829
+ content: "";
17830
+ left: 0;
17831
+ position: absolute;
17832
+ right: 0;
17833
+ top: 0;
17834
+ transform: scale(1.05);
17835
+ }
17836
+ .v-badge--dot .v-badge__badge {
17837
+ border-radius: 4.5px;
17838
+ height: 9px;
17839
+ min-width: 0;
17840
+ padding: 0;
17841
+ width: 9px;
17842
+ }
17843
+ .v-badge--dot .v-badge__badge::after {
17844
+ border-width: 1.5px;
17845
+ }
17846
+ .v-badge--inline .v-badge__badge {
17847
+ position: relative;
17848
+ vertical-align: middle;
17849
+ }
17850
+ .v-badge__badge .v-icon {
17851
+ color: inherit;
17852
+ font-size: 0.75rem;
17853
+ margin: 0 -2px;
17854
+ }
17855
+ .v-badge__badge img,
17856
+ .v-badge__badge .v-img {
17857
+ height: 100%;
17858
+ width: 100%;
17859
+ }
17860
+
17861
+ .v-badge__wrapper {
17862
+ display: flex;
17863
+ position: relative;
17864
+ }
17865
+ .v-badge--inline .v-badge__wrapper {
17866
+ align-items: center;
17867
+ display: inline-flex;
17868
+ justify-content: center;
17869
+ margin: 0 4px;
17799
17870
  }.v-banner {
17800
17871
  display: grid;
17801
17872
  flex: 1 1;
@@ -17953,109 +18024,6 @@ html.overflow-y-hidden {
17953
18024
  }
17954
18025
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17955
18026
  align-self: flex-start;
17956
- }.bottom-sheet-transition-enter-from {
17957
- transform: translateY(100%);
17958
- }
17959
- .bottom-sheet-transition-leave-to {
17960
- transform: translateY(100%);
17961
- }
17962
-
17963
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17964
- align-self: flex-end;
17965
- border-radius: 0;
17966
- flex: 0 1 auto;
17967
- left: 0;
17968
- right: 0;
17969
- margin-inline: 0;
17970
- margin-bottom: 0;
17971
- transition-duration: 0.2s;
17972
- width: 100%;
17973
- max-width: 100%;
17974
- overflow: visible;
17975
- 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));
17976
- }
17977
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17978
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17979
- border-radius: 0;
17980
- }
17981
- .v-bottom-sheet.v-bottom-sheet--inset {
17982
- max-width: none;
17983
- }
17984
- @media (min-width: 600px) {
17985
- .v-bottom-sheet.v-bottom-sheet--inset {
17986
- max-width: 70%;
17987
- }
17988
- }.v-badge {
17989
- display: inline-block;
17990
- line-height: 1;
17991
- }
17992
-
17993
- .v-badge__badge {
17994
- align-items: center;
17995
- display: inline-flex;
17996
- border-radius: 10px;
17997
- font-size: 0.75rem;
17998
- font-weight: 500;
17999
- height: 1.25rem;
18000
- justify-content: center;
18001
- min-width: 20px;
18002
- padding: 4px 6px;
18003
- pointer-events: auto;
18004
- position: absolute;
18005
- text-align: center;
18006
- text-indent: 0;
18007
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18008
- white-space: nowrap;
18009
- background: rgb(var(--v-theme-surface-variant));
18010
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18011
- }
18012
- .v-badge--bordered .v-badge__badge::after {
18013
- border-radius: inherit;
18014
- border-style: solid;
18015
- border-width: 2px;
18016
- bottom: 0;
18017
- color: rgb(var(--v-theme-background));
18018
- content: "";
18019
- left: 0;
18020
- position: absolute;
18021
- right: 0;
18022
- top: 0;
18023
- transform: scale(1.05);
18024
- }
18025
- .v-badge--dot .v-badge__badge {
18026
- border-radius: 4.5px;
18027
- height: 9px;
18028
- min-width: 0;
18029
- padding: 0;
18030
- width: 9px;
18031
- }
18032
- .v-badge--dot .v-badge__badge::after {
18033
- border-width: 1.5px;
18034
- }
18035
- .v-badge--inline .v-badge__badge {
18036
- position: relative;
18037
- vertical-align: middle;
18038
- }
18039
- .v-badge__badge .v-icon {
18040
- color: inherit;
18041
- font-size: 0.75rem;
18042
- margin: 0 -2px;
18043
- }
18044
- .v-badge__badge img,
18045
- .v-badge__badge .v-img {
18046
- height: 100%;
18047
- width: 100%;
18048
- }
18049
-
18050
- .v-badge__wrapper {
18051
- display: flex;
18052
- position: relative;
18053
- }
18054
- .v-badge--inline .v-badge__wrapper {
18055
- align-items: center;
18056
- display: inline-flex;
18057
- justify-content: center;
18058
- margin: 0 4px;
18059
18027
  }.v-bottom-navigation {
18060
18028
  display: flex;
18061
18029
  max-width: 100%;
@@ -18111,6 +18079,38 @@ html.overflow-y-hidden {
18111
18079
  }
18112
18080
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18113
18081
  transform: translateY(0.5rem);
18082
+ }.bottom-sheet-transition-enter-from {
18083
+ transform: translateY(100%);
18084
+ }
18085
+ .bottom-sheet-transition-leave-to {
18086
+ transform: translateY(100%);
18087
+ }
18088
+
18089
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18090
+ align-self: flex-end;
18091
+ border-radius: 0;
18092
+ flex: 0 1 auto;
18093
+ left: 0;
18094
+ right: 0;
18095
+ margin-inline: 0;
18096
+ margin-bottom: 0;
18097
+ transition-duration: 0.2s;
18098
+ width: 100%;
18099
+ max-width: 100%;
18100
+ overflow: visible;
18101
+ 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));
18102
+ }
18103
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18104
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18105
+ border-radius: 0;
18106
+ }
18107
+ .v-bottom-sheet.v-bottom-sheet--inset {
18108
+ max-width: none;
18109
+ }
18110
+ @media (min-width: 600px) {
18111
+ .v-bottom-sheet.v-bottom-sheet--inset {
18112
+ max-width: 70%;
18113
+ }
18114
18114
  }.v-breadcrumbs {
18115
18115
  display: flex;
18116
18116
  align-items: center;
@@ -18586,19 +18586,6 @@ html.overflow-y-hidden {
18586
18586
  }
18587
18587
  .v-pagination__item--is-active .v-btn__overlay {
18588
18588
  opacity: var(--v-border-opacity);
18589
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18590
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18591
- }
18592
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18593
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18594
- }
18595
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18596
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18597
- }
18598
- @supports not selector(:focus-visible) {
18599
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18600
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18601
- }
18602
18589
  }.v-btn-group {
18603
18590
  display: inline-flex;
18604
18591
  flex-wrap: nowrap;
@@ -18655,785 +18642,798 @@ html.overflow-y-hidden {
18655
18642
  }
18656
18643
  .v-btn-group--tile {
18657
18644
  border-radius: 0;
18658
- }.v-carousel {
18659
- overflow: hidden;
18660
- position: relative;
18661
- width: 100%;
18662
- }
18663
- .v-carousel__controls {
18664
- align-items: center;
18665
- bottom: 0;
18666
- display: flex;
18667
- height: 50px;
18668
- justify-content: center;
18669
- list-style-type: none;
18670
- position: absolute;
18671
- width: 100%;
18672
- z-index: 1;
18673
- background: rgba(var(--v-theme-surface-variant), 0.3);
18674
- color: rgb(var(--v-theme-on-surface-variant));
18675
- }
18676
- .v-carousel__controls > .v-item-group {
18677
- flex: 0 1 auto;
18678
- }
18679
- .v-carousel__controls__item {
18680
- margin: 0 8px;
18681
- }
18682
- .v-carousel__controls__item .v-icon {
18683
- opacity: 0.5;
18684
- }
18685
- .v-carousel__controls__item--active .v-icon {
18686
- opacity: 1;
18687
- vertical-align: middle;
18688
- }
18689
- .v-carousel__controls__item:hover {
18690
- background: none;
18645
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18646
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18691
18647
  }
18692
- .v-carousel__controls__item:hover .v-icon {
18693
- opacity: 0.8;
18648
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18649
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18694
18650
  }
18695
-
18696
- .v-carousel__progress {
18697
- margin: 0;
18698
- position: absolute;
18699
- bottom: 0;
18700
- left: 0;
18701
- right: 0;
18651
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18652
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18702
18653
  }
18703
-
18704
- .v-carousel-item {
18654
+ @supports not selector(:focus-visible) {
18655
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18656
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18657
+ }
18658
+ }.v-card {
18705
18659
  display: block;
18706
- height: inherit;
18707
- text-decoration: none;
18708
- }
18709
- .v-carousel-item > .v-img {
18710
- height: inherit;
18711
- }
18712
-
18713
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18714
- background: transparent;
18715
- }
18716
-
18717
- .v-carousel--vertical-delimiters .v-carousel__controls {
18718
- flex-direction: column;
18719
- height: 100% !important;
18720
- width: 50px;
18721
- }.v-chip {
18722
- align-items: center;
18723
- display: inline-flex;
18724
- font-weight: 400;
18725
- max-width: 100%;
18726
- min-width: 0;
18727
18660
  overflow: hidden;
18661
+ overflow-wrap: break-word;
18728
18662
  position: relative;
18663
+ padding: 0;
18729
18664
  text-decoration: none;
18730
- white-space: nowrap;
18731
- vertical-align: middle;
18665
+ transition-duration: 0.28s;
18666
+ transition-property: box-shadow, opacity, background;
18667
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18668
+ z-index: 0;
18732
18669
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18733
18670
  border-style: solid;
18734
18671
  border-width: 0;
18735
- border-radius: 9999px;
18736
- }
18737
- .v-chip .v-icon {
18738
- --v-icon-size-multiplier: 0.8571428571;
18672
+ border-radius: 4px;
18739
18673
  }
18740
- .v-chip.v-chip--size-x-small {
18741
- --v-chip-size: 0.625rem;
18742
- --v-chip-height: 20px;
18743
- font-size: 0.625rem;
18744
- padding: 0 8px;
18674
+ .v-card--border {
18675
+ border-width: thin;
18676
+ box-shadow: none;
18745
18677
  }
18746
- .v-chip.v-chip--size-x-small .v-avatar {
18747
- --v-avatar-height: 14px;
18678
+ .v-card--absolute {
18679
+ position: absolute;
18748
18680
  }
18749
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
18750
- --v-avatar-height: 20px;
18681
+ .v-card--fixed {
18682
+ position: fixed;
18751
18683
  }
18752
-
18753
- .v-chip.v-chip--size-x-small .v-avatar--start {
18754
- margin-inline-start: -5.6px;
18755
- margin-inline-end: 4px;
18684
+ .v-card:hover > .v-card__overlay {
18685
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18756
18686
  }
18757
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
18758
- margin-inline-start: -8px;
18687
+ .v-card:focus-visible > .v-card__overlay {
18688
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18759
18689
  }
18760
-
18761
- .v-chip.v-chip--size-x-small .v-avatar--end {
18762
- margin-inline-start: 4px;
18763
- margin-inline-end: -5.6px;
18690
+ @supports not selector(:focus-visible) {
18691
+ .v-card:focus > .v-card__overlay {
18692
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18693
+ }
18764
18694
  }
18765
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
18766
- margin-inline-end: -8px;
18695
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18696
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18767
18697
  }
18768
-
18769
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
18770
- margin-inline-start: 12px;
18698
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18699
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18771
18700
  }
18772
-
18773
- .v-chip.v-chip--size-x-small .v-icon--start,
18774
- .v-chip.v-chip--size-x-small .v-chip__filter {
18775
- margin-inline-start: -4px;
18776
- margin-inline-end: 4px;
18701
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18702
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18777
18703
  }
18778
- .v-chip.v-chip--size-x-small .v-icon--end,
18779
- .v-chip.v-chip--size-x-small .v-chip__close {
18780
- margin-inline-start: 4px;
18781
- margin-inline-end: -4px;
18704
+ @supports not selector(:focus-visible) {
18705
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18706
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18707
+ }
18782
18708
  }
18783
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
18784
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
18785
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
18786
- margin-inline-start: 8px;
18709
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18710
+ background: transparent;
18711
+ color: inherit;
18787
18712
  }
18788
-
18789
- .v-chip.v-chip--size-small {
18790
- --v-chip-size: 0.75rem;
18791
- --v-chip-height: 26px;
18792
- font-size: 0.75rem;
18793
- padding: 0 10px;
18713
+ .v-card--variant-plain {
18714
+ opacity: 0.62;
18794
18715
  }
18795
- .v-chip.v-chip--size-small .v-avatar {
18796
- --v-avatar-height: 20px;
18716
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18717
+ opacity: 1;
18797
18718
  }
18798
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
18799
- --v-avatar-height: 26px;
18719
+ .v-card--variant-plain .v-card__overlay {
18720
+ display: none;
18800
18721
  }
18801
-
18802
- .v-chip.v-chip--size-small .v-avatar--start {
18803
- margin-inline-start: -7px;
18804
- margin-inline-end: 5px;
18722
+ .v-card--variant-elevated, .v-card--variant-flat {
18723
+ background: rgb(var(--v-theme-surface));
18724
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18805
18725
  }
18806
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
18807
- margin-inline-start: -10px;
18726
+ .v-card--variant-elevated {
18727
+ 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));
18808
18728
  }
18809
-
18810
- .v-chip.v-chip--size-small .v-avatar--end {
18811
- margin-inline-start: 5px;
18812
- margin-inline-end: -7px;
18729
+ .v-card--variant-flat {
18730
+ 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));
18813
18731
  }
18814
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
18815
- margin-inline-end: -10px;
18732
+ .v-card--variant-outlined {
18733
+ border: thin solid currentColor;
18816
18734
  }
18817
-
18818
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
18819
- margin-inline-start: 15px;
18735
+ .v-card--variant-text .v-card__overlay {
18736
+ background: currentColor;
18820
18737
  }
18821
-
18822
- .v-chip.v-chip--size-small .v-icon--start,
18823
- .v-chip.v-chip--size-small .v-chip__filter {
18824
- margin-inline-start: -5px;
18825
- margin-inline-end: 5px;
18738
+ .v-card--variant-tonal .v-card__underlay {
18739
+ background: currentColor;
18740
+ opacity: var(--v-activated-opacity);
18741
+ border-radius: inherit;
18742
+ top: 0;
18743
+ right: 0;
18744
+ bottom: 0;
18745
+ left: 0;
18746
+ pointer-events: none;
18826
18747
  }
18827
- .v-chip.v-chip--size-small .v-icon--end,
18828
- .v-chip.v-chip--size-small .v-chip__close {
18829
- margin-inline-start: 5px;
18830
- margin-inline-end: -5px;
18748
+ .v-card .v-card__underlay {
18749
+ position: absolute;
18831
18750
  }
18832
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
18833
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
18834
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
18835
- margin-inline-start: 10px;
18751
+ .v-card--disabled {
18752
+ pointer-events: none;
18753
+ -webkit-user-select: none;
18754
+ user-select: none;
18836
18755
  }
18837
-
18838
- .v-chip.v-chip--size-default {
18839
- --v-chip-size: 0.875rem;
18840
- --v-chip-height: 32px;
18841
- font-size: 0.875rem;
18842
- padding: 0 12px;
18756
+ .v-card--disabled > :not(.v-card__loader) {
18757
+ opacity: 0.6;
18843
18758
  }
18844
- .v-chip.v-chip--size-default .v-avatar {
18845
- --v-avatar-height: 26px;
18759
+ .v-card--flat {
18760
+ box-shadow: none;
18846
18761
  }
18847
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
18848
- --v-avatar-height: 32px;
18762
+ .v-card--hover {
18763
+ cursor: pointer;
18849
18764
  }
18850
-
18851
- .v-chip.v-chip--size-default .v-avatar--start {
18852
- margin-inline-start: -8.4px;
18853
- margin-inline-end: 6px;
18765
+ .v-card--hover::before, .v-card--hover::after {
18766
+ border-radius: inherit;
18767
+ bottom: 0;
18768
+ content: "";
18769
+ display: block;
18770
+ left: 0;
18771
+ pointer-events: none;
18772
+ position: absolute;
18773
+ right: 0;
18774
+ top: 0;
18775
+ transition: inherit;
18854
18776
  }
18855
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
18856
- margin-inline-start: -12px;
18777
+ .v-card--hover::before {
18778
+ opacity: 1;
18779
+ z-index: -1;
18780
+ 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));
18857
18781
  }
18858
-
18859
- .v-chip.v-chip--size-default .v-avatar--end {
18860
- margin-inline-start: 6px;
18861
- margin-inline-end: -8.4px;
18782
+ .v-card--hover::after {
18783
+ z-index: 1;
18784
+ opacity: 0;
18785
+ 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));
18862
18786
  }
18863
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
18864
- margin-inline-end: -12px;
18787
+ .v-card--hover:hover::after {
18788
+ opacity: 1;
18865
18789
  }
18866
-
18867
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
18868
- margin-inline-start: 18px;
18790
+ .v-card--hover:hover::before {
18791
+ opacity: 0;
18869
18792
  }
18870
-
18871
- .v-chip.v-chip--size-default .v-icon--start,
18872
- .v-chip.v-chip--size-default .v-chip__filter {
18873
- margin-inline-start: -6px;
18874
- margin-inline-end: 6px;
18793
+ .v-card--hover:hover {
18794
+ 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));
18875
18795
  }
18876
- .v-chip.v-chip--size-default .v-icon--end,
18877
- .v-chip.v-chip--size-default .v-chip__close {
18878
- margin-inline-start: 6px;
18879
- margin-inline-end: -6px;
18796
+ .v-card--link {
18797
+ cursor: pointer;
18880
18798
  }
18881
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
18882
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
18883
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
18884
- margin-inline-start: 12px;
18799
+
18800
+ .v-card-actions {
18801
+ align-items: center;
18802
+ display: flex;
18803
+ flex: none;
18804
+ min-height: 52px;
18805
+ padding: 0.5rem;
18885
18806
  }
18886
18807
 
18887
- .v-chip.v-chip--size-large {
18888
- --v-chip-size: 1rem;
18889
- --v-chip-height: 38px;
18890
- font-size: 1rem;
18891
- padding: 0 14px;
18808
+ .v-card-item {
18809
+ align-items: center;
18810
+ display: grid;
18811
+ flex: none;
18812
+ grid-template-areas: "prepend content append";
18813
+ grid-template-columns: max-content auto max-content;
18814
+ padding: 0.625rem 1rem;
18892
18815
  }
18893
- .v-chip.v-chip--size-large .v-avatar {
18894
- --v-avatar-height: 32px;
18816
+ .v-card-item + .v-card-text {
18817
+ padding-top: 0;
18895
18818
  }
18896
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
18897
- --v-avatar-height: 38px;
18819
+ .v-card-item__prepend, .v-card-item__append {
18820
+ align-items: center;
18821
+ display: flex;
18898
18822
  }
18899
-
18900
- .v-chip.v-chip--size-large .v-avatar--start {
18901
- margin-inline-start: -9.8px;
18902
- margin-inline-end: 7px;
18823
+ .v-card-item__prepend {
18824
+ grid-area: prepend;
18825
+ padding-inline-end: 0.5rem;
18903
18826
  }
18904
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
18905
- margin-inline-start: -14px;
18827
+ .v-card-item__append {
18828
+ grid-area: append;
18829
+ padding-inline-start: 0.5rem;
18906
18830
  }
18907
18831
 
18908
- .v-chip.v-chip--size-large .v-avatar--end {
18909
- margin-inline-start: 7px;
18910
- margin-inline-end: -9.8px;
18911
- }
18912
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
18913
- margin-inline-end: -14px;
18832
+ .v-card-item__content {
18833
+ align-self: center;
18834
+ grid-area: content;
18835
+ overflow: hidden;
18914
18836
  }
18915
18837
 
18916
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
18917
- margin-inline-start: 21px;
18838
+ .v-card-title {
18839
+ display: block;
18840
+ flex: none;
18841
+ font-size: 1.25rem;
18842
+ font-weight: 500;
18843
+ -webkit-hyphens: auto;
18844
+ hyphens: auto;
18845
+ letter-spacing: 0.0125em;
18846
+ min-width: 0;
18847
+ overflow-wrap: normal;
18848
+ overflow: hidden;
18849
+ padding: 0.5rem 1rem;
18850
+ text-overflow: ellipsis;
18851
+ text-transform: none;
18852
+ white-space: nowrap;
18853
+ word-break: normal;
18854
+ word-wrap: break-word;
18918
18855
  }
18919
-
18920
- .v-chip.v-chip--size-large .v-icon--start,
18921
- .v-chip.v-chip--size-large .v-chip__filter {
18922
- margin-inline-start: -7px;
18923
- margin-inline-end: 7px;
18856
+ .v-card .v-card-title {
18857
+ line-height: 1.6;
18924
18858
  }
18925
- .v-chip.v-chip--size-large .v-icon--end,
18926
- .v-chip.v-chip--size-large .v-chip__close {
18927
- margin-inline-start: 7px;
18928
- margin-inline-end: -7px;
18929
- }
18930
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
18931
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
18932
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
18933
- margin-inline-start: 14px;
18859
+ .v-card--density-comfortable .v-card-title {
18860
+ line-height: 1.75rem;
18934
18861
  }
18935
-
18936
- .v-chip.v-chip--size-x-large {
18937
- --v-chip-size: 1.125rem;
18938
- --v-chip-height: 44px;
18939
- font-size: 1.125rem;
18940
- padding: 0 17px;
18862
+ .v-card--density-compact .v-card-title {
18863
+ line-height: 1.55rem;
18941
18864
  }
18942
- .v-chip.v-chip--size-x-large .v-avatar {
18943
- --v-avatar-height: 38px;
18865
+ .v-card-item .v-card-title {
18866
+ padding: 0;
18944
18867
  }
18945
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
18946
- --v-avatar-height: 44px;
18868
+ .v-card-title + .v-card-text,
18869
+ .v-card-title + .v-card-actions {
18870
+ padding-top: 0;
18947
18871
  }
18948
18872
 
18949
- .v-chip.v-chip--size-x-large .v-avatar--start {
18950
- margin-inline-start: -11.9px;
18951
- margin-inline-end: 8.5px;
18873
+ .v-card-subtitle {
18874
+ display: block;
18875
+ flex: none;
18876
+ font-size: 0.875rem;
18877
+ font-weight: 400;
18878
+ letter-spacing: 0.0178571429em;
18879
+ opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
18880
+ overflow: hidden;
18881
+ padding: 0 1rem;
18882
+ text-overflow: ellipsis;
18883
+ text-transform: none;
18884
+ white-space: nowrap;
18952
18885
  }
18953
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
18954
- margin-inline-start: -17px;
18886
+ .v-card .v-card-subtitle {
18887
+ line-height: 1.425;
18955
18888
  }
18956
-
18957
- .v-chip.v-chip--size-x-large .v-avatar--end {
18958
- margin-inline-start: 8.5px;
18959
- margin-inline-end: -11.9px;
18889
+ .v-card--density-comfortable .v-card-subtitle {
18890
+ line-height: 1.125rem;
18960
18891
  }
18961
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
18962
- margin-inline-end: -17px;
18892
+ .v-card--density-compact .v-card-subtitle {
18893
+ line-height: 1rem;
18963
18894
  }
18964
-
18965
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
18966
- margin-inline-start: 25.5px;
18895
+ .v-card-item .v-card-subtitle {
18896
+ padding: 0 0 0.25rem;
18967
18897
  }
18968
18898
 
18969
- .v-chip.v-chip--size-x-large .v-icon--start,
18970
- .v-chip.v-chip--size-x-large .v-chip__filter {
18971
- margin-inline-start: -8.5px;
18972
- margin-inline-end: 8.5px;
18899
+ .v-card-text {
18900
+ flex: 1 1 auto;
18901
+ font-size: 0.875rem;
18902
+ font-weight: 400;
18903
+ letter-spacing: 0.0178571429em;
18904
+ opacity: var(--v-card-text-opacity, 1);
18905
+ padding: 1rem;
18906
+ text-transform: none;
18973
18907
  }
18974
- .v-chip.v-chip--size-x-large .v-icon--end,
18975
- .v-chip.v-chip--size-x-large .v-chip__close {
18976
- margin-inline-start: 8.5px;
18977
- margin-inline-end: -8.5px;
18908
+ .v-card .v-card-text {
18909
+ line-height: 1.425;
18978
18910
  }
18979
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
18980
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
18981
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
18982
- margin-inline-start: 17px;
18911
+ .v-card--density-comfortable .v-card-text {
18912
+ line-height: 1.2rem;
18983
18913
  }
18984
-
18985
- .v-chip.v-chip--density-default {
18986
- height: calc(var(--v-chip-height) + 0px);
18914
+ .v-card--density-compact .v-card-text {
18915
+ line-height: 1.15rem;
18987
18916
  }
18988
18917
 
18989
- .v-chip.v-chip--density-comfortable {
18990
- height: calc(var(--v-chip-height) + -4px);
18918
+ .v-card__image {
18919
+ display: flex;
18920
+ height: 100%;
18921
+ flex: 1 1 auto;
18922
+ left: 0;
18923
+ overflow: hidden;
18924
+ position: absolute;
18925
+ top: 0;
18926
+ width: 100%;
18927
+ z-index: -1;
18991
18928
  }
18992
18929
 
18993
- .v-chip.v-chip--density-compact {
18994
- height: calc(var(--v-chip-height) + -8px);
18930
+ .v-card__content {
18931
+ border-radius: inherit;
18932
+ overflow: hidden;
18933
+ position: relative;
18995
18934
  }
18996
18935
 
18997
- .v-chip:hover > .v-chip__overlay {
18998
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18999
- }
19000
- .v-chip:focus-visible > .v-chip__overlay {
19001
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19002
- }
19003
- @supports not selector(:focus-visible) {
19004
- .v-chip:focus > .v-chip__overlay {
19005
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19006
- }
19007
- }
19008
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19009
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19010
- }
19011
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19012
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19013
- }
19014
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19015
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19016
- }
19017
- @supports not selector(:focus-visible) {
19018
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19019
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19020
- }
19021
- }
19022
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19023
- background: transparent;
19024
- color: inherit;
19025
- }
19026
- .v-chip--variant-plain {
19027
- opacity: 0.26;
19028
- }
19029
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19030
- opacity: 1;
19031
- }
19032
- .v-chip--variant-plain .v-chip__overlay {
19033
- display: none;
19034
- }
19035
- .v-chip--variant-elevated, .v-chip--variant-flat {
19036
- background: rgb(var(--v-theme-surface-variant));
19037
- color: rgb(var(--v-theme-on-surface-variant));
19038
- }
19039
- .v-chip--variant-elevated {
19040
- 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));
19041
- }
19042
- .v-chip--variant-flat {
19043
- 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));
19044
- }
19045
- .v-chip--variant-outlined {
19046
- border: thin solid currentColor;
19047
- }
19048
- .v-chip--variant-text .v-chip__overlay {
19049
- background: currentColor;
18936
+ .v-card__loader {
18937
+ bottom: auto;
18938
+ top: 0;
18939
+ left: 0;
18940
+ position: absolute;
18941
+ right: 0;
18942
+ width: 100%;
18943
+ z-index: 1;
19050
18944
  }
19051
- .v-chip--variant-tonal .v-chip__underlay {
19052
- background: currentColor;
19053
- opacity: var(--v-activated-opacity);
18945
+
18946
+ .v-card__overlay {
18947
+ background-color: currentColor;
19054
18948
  border-radius: inherit;
18949
+ position: absolute;
19055
18950
  top: 0;
19056
18951
  right: 0;
19057
18952
  bottom: 0;
19058
18953
  left: 0;
19059
18954
  pointer-events: none;
18955
+ opacity: 0;
18956
+ transition: opacity 0.2s ease-in-out;
18957
+ }.v-carousel {
18958
+ overflow: hidden;
18959
+ position: relative;
18960
+ width: 100%;
19060
18961
  }
19061
- .v-chip .v-chip__underlay {
18962
+ .v-carousel__controls {
18963
+ align-items: center;
18964
+ bottom: 0;
18965
+ display: flex;
18966
+ height: 50px;
18967
+ justify-content: center;
18968
+ list-style-type: none;
19062
18969
  position: absolute;
18970
+ width: 100%;
18971
+ z-index: 1;
18972
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18973
+ color: rgb(var(--v-theme-on-surface-variant));
19063
18974
  }
19064
- .v-chip--border {
19065
- border-width: thin;
18975
+ .v-carousel__controls > .v-item-group {
18976
+ flex: 0 1 auto;
19066
18977
  }
19067
- .v-chip--link {
19068
- cursor: pointer;
18978
+ .v-carousel__controls__item {
18979
+ margin: 0 8px;
19069
18980
  }
19070
- .v-chip--link, .v-chip--filter {
19071
- -webkit-user-select: none;
19072
- user-select: none;
18981
+ .v-carousel__controls__item .v-icon {
18982
+ opacity: 0.5;
19073
18983
  }
19074
- .v-chip--label {
19075
- border-radius: 4px;
18984
+ .v-carousel__controls__item--active .v-icon {
18985
+ opacity: 1;
18986
+ vertical-align: middle;
19076
18987
  }
19077
-
19078
- .v-chip__content {
19079
- align-items: center;
19080
- display: inline-flex;
18988
+ .v-carousel__controls__item:hover {
18989
+ background: none;
19081
18990
  }
19082
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19083
- overflow: hidden;
18991
+ .v-carousel__controls__item:hover .v-icon {
18992
+ opacity: 0.8;
19084
18993
  }
19085
18994
 
19086
- .v-chip__filter,
19087
- .v-chip__prepend,
19088
- .v-chip__append,
19089
- .v-chip__close {
19090
- align-items: center;
19091
- display: inline-flex;
18995
+ .v-carousel__progress {
18996
+ margin: 0;
18997
+ position: absolute;
18998
+ bottom: 0;
18999
+ left: 0;
19000
+ right: 0;
19092
19001
  }
19093
19002
 
19094
- .v-chip__close {
19095
- cursor: pointer;
19096
- flex: 0 1 auto;
19097
- font-size: 18px;
19098
- max-height: 18px;
19099
- max-width: 18px;
19100
- -webkit-user-select: none;
19101
- user-select: none;
19003
+ .v-carousel-item {
19004
+ display: block;
19005
+ height: inherit;
19006
+ text-decoration: none;
19102
19007
  }
19103
- .v-chip__close .v-icon {
19104
- font-size: inherit;
19008
+ .v-carousel-item > .v-img {
19009
+ height: inherit;
19105
19010
  }
19106
19011
 
19107
- .v-chip__filter {
19108
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19012
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19013
+ background: transparent;
19109
19014
  }
19110
19015
 
19111
- .v-chip__overlay {
19112
- position: absolute;
19113
- top: 0;
19114
- left: 0;
19115
- width: 100%;
19116
- height: 100%;
19117
- background-color: currentColor;
19118
- border-radius: inherit;
19119
- pointer-events: none;
19120
- opacity: 0;
19121
- transition: opacity 0.2s ease-in-out;
19122
- }
19123
-
19124
- .v-chip--disabled {
19125
- opacity: 0.3;
19126
- pointer-events: none;
19127
- -webkit-user-select: none;
19128
- user-select: none;
19016
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19017
+ flex-direction: column;
19018
+ height: 100% !important;
19019
+ width: 50px;
19020
+ }.v-checkbox.v-input {
19021
+ flex: 0 1 auto;
19129
19022
  }
19130
-
19131
- .v-chip--label {
19132
- border-radius: 4px;
19133
- }.v-card {
19134
- display: block;
19023
+ .v-checkbox .v-selection-control {
19024
+ min-height: var(--v-input-control-height);
19025
+ }.v-chip {
19026
+ align-items: center;
19027
+ display: inline-flex;
19028
+ font-weight: 400;
19029
+ max-width: 100%;
19030
+ min-width: 0;
19135
19031
  overflow: hidden;
19136
- overflow-wrap: break-word;
19137
19032
  position: relative;
19138
- padding: 0;
19139
19033
  text-decoration: none;
19140
- transition-duration: 0.28s;
19141
- transition-property: box-shadow, opacity, background;
19142
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19143
- z-index: 0;
19034
+ white-space: nowrap;
19035
+ vertical-align: middle;
19144
19036
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19145
19037
  border-style: solid;
19146
19038
  border-width: 0;
19147
- border-radius: 4px;
19039
+ border-radius: 9999px;
19148
19040
  }
19149
- .v-card--border {
19150
- border-width: thin;
19151
- box-shadow: none;
19041
+ .v-chip .v-icon {
19042
+ --v-icon-size-multiplier: 0.8571428571;
19152
19043
  }
19153
- .v-card--absolute {
19154
- position: absolute;
19044
+ .v-chip.v-chip--size-x-small {
19045
+ --v-chip-size: 0.625rem;
19046
+ --v-chip-height: 20px;
19047
+ font-size: 0.625rem;
19048
+ padding: 0 8px;
19155
19049
  }
19156
- .v-card--fixed {
19157
- position: fixed;
19050
+ .v-chip.v-chip--size-x-small .v-avatar {
19051
+ --v-avatar-height: 14px;
19158
19052
  }
19159
- .v-card:hover > .v-card__overlay {
19160
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19053
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19054
+ --v-avatar-height: 20px;
19161
19055
  }
19162
- .v-card:focus-visible > .v-card__overlay {
19163
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19056
+
19057
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19058
+ margin-inline-start: -5.6px;
19059
+ margin-inline-end: 4px;
19164
19060
  }
19165
- @supports not selector(:focus-visible) {
19166
- .v-card:focus > .v-card__overlay {
19167
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19168
- }
19061
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19062
+ margin-inline-start: -8px;
19169
19063
  }
19170
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19171
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19064
+
19065
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19066
+ margin-inline-start: 4px;
19067
+ margin-inline-end: -5.6px;
19172
19068
  }
19173
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19174
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19069
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19070
+ margin-inline-end: -8px;
19175
19071
  }
19176
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19177
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19072
+
19073
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19074
+ margin-inline-start: 12px;
19178
19075
  }
19179
- @supports not selector(:focus-visible) {
19180
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19181
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19182
- }
19076
+
19077
+ .v-chip.v-chip--size-x-small .v-icon--start,
19078
+ .v-chip.v-chip--size-x-small .v-chip__filter {
19079
+ margin-inline-start: -4px;
19080
+ margin-inline-end: 4px;
19183
19081
  }
19184
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19185
- background: transparent;
19186
- color: inherit;
19082
+ .v-chip.v-chip--size-x-small .v-icon--end,
19083
+ .v-chip.v-chip--size-x-small .v-chip__close {
19084
+ margin-inline-start: 4px;
19085
+ margin-inline-end: -4px;
19187
19086
  }
19188
- .v-card--variant-plain {
19189
- opacity: 0.62;
19087
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19088
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19089
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19090
+ margin-inline-start: 8px;
19190
19091
  }
19191
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19192
- opacity: 1;
19092
+
19093
+ .v-chip.v-chip--size-small {
19094
+ --v-chip-size: 0.75rem;
19095
+ --v-chip-height: 26px;
19096
+ font-size: 0.75rem;
19097
+ padding: 0 10px;
19193
19098
  }
19194
- .v-card--variant-plain .v-card__overlay {
19195
- display: none;
19099
+ .v-chip.v-chip--size-small .v-avatar {
19100
+ --v-avatar-height: 20px;
19196
19101
  }
19197
- .v-card--variant-elevated, .v-card--variant-flat {
19198
- background: rgb(var(--v-theme-surface));
19199
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19102
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19103
+ --v-avatar-height: 26px;
19200
19104
  }
19201
- .v-card--variant-elevated {
19202
- 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));
19105
+
19106
+ .v-chip.v-chip--size-small .v-avatar--start {
19107
+ margin-inline-start: -7px;
19108
+ margin-inline-end: 5px;
19203
19109
  }
19204
- .v-card--variant-flat {
19205
- 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));
19110
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19111
+ margin-inline-start: -10px;
19206
19112
  }
19207
- .v-card--variant-outlined {
19208
- border: thin solid currentColor;
19113
+
19114
+ .v-chip.v-chip--size-small .v-avatar--end {
19115
+ margin-inline-start: 5px;
19116
+ margin-inline-end: -7px;
19209
19117
  }
19210
- .v-card--variant-text .v-card__overlay {
19211
- background: currentColor;
19118
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19119
+ margin-inline-end: -10px;
19212
19120
  }
19213
- .v-card--variant-tonal .v-card__underlay {
19214
- background: currentColor;
19215
- opacity: var(--v-activated-opacity);
19216
- border-radius: inherit;
19217
- top: 0;
19218
- right: 0;
19219
- bottom: 0;
19220
- left: 0;
19221
- pointer-events: none;
19121
+
19122
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19123
+ margin-inline-start: 15px;
19222
19124
  }
19223
- .v-card .v-card__underlay {
19224
- position: absolute;
19125
+
19126
+ .v-chip.v-chip--size-small .v-icon--start,
19127
+ .v-chip.v-chip--size-small .v-chip__filter {
19128
+ margin-inline-start: -5px;
19129
+ margin-inline-end: 5px;
19225
19130
  }
19226
- .v-card--disabled {
19227
- pointer-events: none;
19228
- -webkit-user-select: none;
19229
- user-select: none;
19131
+ .v-chip.v-chip--size-small .v-icon--end,
19132
+ .v-chip.v-chip--size-small .v-chip__close {
19133
+ margin-inline-start: 5px;
19134
+ margin-inline-end: -5px;
19230
19135
  }
19231
- .v-card--disabled > :not(.v-card__loader) {
19232
- opacity: 0.6;
19136
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19137
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19138
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19139
+ margin-inline-start: 10px;
19233
19140
  }
19234
- .v-card--flat {
19235
- box-shadow: none;
19141
+
19142
+ .v-chip.v-chip--size-default {
19143
+ --v-chip-size: 0.875rem;
19144
+ --v-chip-height: 32px;
19145
+ font-size: 0.875rem;
19146
+ padding: 0 12px;
19236
19147
  }
19237
- .v-card--hover {
19238
- cursor: pointer;
19148
+ .v-chip.v-chip--size-default .v-avatar {
19149
+ --v-avatar-height: 26px;
19239
19150
  }
19240
- .v-card--hover::before, .v-card--hover::after {
19241
- border-radius: inherit;
19242
- bottom: 0;
19243
- content: "";
19244
- display: block;
19245
- left: 0;
19246
- pointer-events: none;
19247
- position: absolute;
19248
- right: 0;
19249
- top: 0;
19250
- transition: inherit;
19151
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19152
+ --v-avatar-height: 32px;
19251
19153
  }
19252
- .v-card--hover::before {
19253
- opacity: 1;
19254
- z-index: -1;
19255
- 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));
19154
+
19155
+ .v-chip.v-chip--size-default .v-avatar--start {
19156
+ margin-inline-start: -8.4px;
19157
+ margin-inline-end: 6px;
19256
19158
  }
19257
- .v-card--hover::after {
19258
- z-index: 1;
19259
- opacity: 0;
19260
- 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));
19159
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19160
+ margin-inline-start: -12px;
19261
19161
  }
19262
- .v-card--hover:hover::after {
19263
- opacity: 1;
19162
+
19163
+ .v-chip.v-chip--size-default .v-avatar--end {
19164
+ margin-inline-start: 6px;
19165
+ margin-inline-end: -8.4px;
19264
19166
  }
19265
- .v-card--hover:hover::before {
19266
- opacity: 0;
19167
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19168
+ margin-inline-end: -12px;
19267
19169
  }
19268
- .v-card--hover:hover {
19269
- 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));
19170
+
19171
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19172
+ margin-inline-start: 18px;
19270
19173
  }
19271
- .v-card--link {
19272
- cursor: pointer;
19174
+
19175
+ .v-chip.v-chip--size-default .v-icon--start,
19176
+ .v-chip.v-chip--size-default .v-chip__filter {
19177
+ margin-inline-start: -6px;
19178
+ margin-inline-end: 6px;
19179
+ }
19180
+ .v-chip.v-chip--size-default .v-icon--end,
19181
+ .v-chip.v-chip--size-default .v-chip__close {
19182
+ margin-inline-start: 6px;
19183
+ margin-inline-end: -6px;
19184
+ }
19185
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19186
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19187
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19188
+ margin-inline-start: 12px;
19273
19189
  }
19274
19190
 
19275
- .v-card-actions {
19276
- align-items: center;
19277
- display: flex;
19278
- flex: none;
19279
- min-height: 52px;
19280
- padding: 0.5rem;
19191
+ .v-chip.v-chip--size-large {
19192
+ --v-chip-size: 1rem;
19193
+ --v-chip-height: 38px;
19194
+ font-size: 1rem;
19195
+ padding: 0 14px;
19196
+ }
19197
+ .v-chip.v-chip--size-large .v-avatar {
19198
+ --v-avatar-height: 32px;
19199
+ }
19200
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19201
+ --v-avatar-height: 38px;
19281
19202
  }
19282
19203
 
19283
- .v-card-item {
19284
- align-items: center;
19285
- display: grid;
19286
- flex: none;
19287
- grid-template-areas: "prepend content append";
19288
- grid-template-columns: max-content auto max-content;
19289
- padding: 0.625rem 1rem;
19204
+ .v-chip.v-chip--size-large .v-avatar--start {
19205
+ margin-inline-start: -9.8px;
19206
+ margin-inline-end: 7px;
19207
+ }
19208
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19209
+ margin-inline-start: -14px;
19210
+ }
19211
+
19212
+ .v-chip.v-chip--size-large .v-avatar--end {
19213
+ margin-inline-start: 7px;
19214
+ margin-inline-end: -9.8px;
19215
+ }
19216
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19217
+ margin-inline-end: -14px;
19218
+ }
19219
+
19220
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19221
+ margin-inline-start: 21px;
19222
+ }
19223
+
19224
+ .v-chip.v-chip--size-large .v-icon--start,
19225
+ .v-chip.v-chip--size-large .v-chip__filter {
19226
+ margin-inline-start: -7px;
19227
+ margin-inline-end: 7px;
19228
+ }
19229
+ .v-chip.v-chip--size-large .v-icon--end,
19230
+ .v-chip.v-chip--size-large .v-chip__close {
19231
+ margin-inline-start: 7px;
19232
+ margin-inline-end: -7px;
19233
+ }
19234
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19235
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19236
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19237
+ margin-inline-start: 14px;
19238
+ }
19239
+
19240
+ .v-chip.v-chip--size-x-large {
19241
+ --v-chip-size: 1.125rem;
19242
+ --v-chip-height: 44px;
19243
+ font-size: 1.125rem;
19244
+ padding: 0 17px;
19245
+ }
19246
+ .v-chip.v-chip--size-x-large .v-avatar {
19247
+ --v-avatar-height: 38px;
19248
+ }
19249
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19250
+ --v-avatar-height: 44px;
19251
+ }
19252
+
19253
+ .v-chip.v-chip--size-x-large .v-avatar--start {
19254
+ margin-inline-start: -11.9px;
19255
+ margin-inline-end: 8.5px;
19256
+ }
19257
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19258
+ margin-inline-start: -17px;
19259
+ }
19260
+
19261
+ .v-chip.v-chip--size-x-large .v-avatar--end {
19262
+ margin-inline-start: 8.5px;
19263
+ margin-inline-end: -11.9px;
19264
+ }
19265
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19266
+ margin-inline-end: -17px;
19267
+ }
19268
+
19269
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19270
+ margin-inline-start: 25.5px;
19271
+ }
19272
+
19273
+ .v-chip.v-chip--size-x-large .v-icon--start,
19274
+ .v-chip.v-chip--size-x-large .v-chip__filter {
19275
+ margin-inline-start: -8.5px;
19276
+ margin-inline-end: 8.5px;
19277
+ }
19278
+ .v-chip.v-chip--size-x-large .v-icon--end,
19279
+ .v-chip.v-chip--size-x-large .v-chip__close {
19280
+ margin-inline-start: 8.5px;
19281
+ margin-inline-end: -8.5px;
19282
+ }
19283
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19284
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19285
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19286
+ margin-inline-start: 17px;
19287
+ }
19288
+
19289
+ .v-chip.v-chip--density-default {
19290
+ height: calc(var(--v-chip-height) + 0px);
19291
+ }
19292
+
19293
+ .v-chip.v-chip--density-comfortable {
19294
+ height: calc(var(--v-chip-height) + -4px);
19295
+ }
19296
+
19297
+ .v-chip.v-chip--density-compact {
19298
+ height: calc(var(--v-chip-height) + -8px);
19299
+ }
19300
+
19301
+ .v-chip:hover > .v-chip__overlay {
19302
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19303
+ }
19304
+ .v-chip:focus-visible > .v-chip__overlay {
19305
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19306
+ }
19307
+ @supports not selector(:focus-visible) {
19308
+ .v-chip:focus > .v-chip__overlay {
19309
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19310
+ }
19311
+ }
19312
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19313
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19314
+ }
19315
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19316
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19317
+ }
19318
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19319
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19290
19320
  }
19291
- .v-card-item + .v-card-text {
19292
- padding-top: 0;
19321
+ @supports not selector(:focus-visible) {
19322
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19323
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19324
+ }
19293
19325
  }
19294
- .v-card-item__prepend, .v-card-item__append {
19295
- align-items: center;
19296
- display: flex;
19326
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
19327
+ background: transparent;
19328
+ color: inherit;
19297
19329
  }
19298
- .v-card-item__prepend {
19299
- grid-area: prepend;
19300
- padding-inline-end: 0.5rem;
19330
+ .v-chip--variant-plain {
19331
+ opacity: 0.26;
19301
19332
  }
19302
- .v-card-item__append {
19303
- grid-area: append;
19304
- padding-inline-start: 0.5rem;
19333
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
19334
+ opacity: 1;
19305
19335
  }
19306
-
19307
- .v-card-item__content {
19308
- align-self: center;
19309
- grid-area: content;
19310
- overflow: hidden;
19336
+ .v-chip--variant-plain .v-chip__overlay {
19337
+ display: none;
19311
19338
  }
19312
-
19313
- .v-card-title {
19314
- display: block;
19315
- flex: none;
19316
- font-size: 1.25rem;
19317
- font-weight: 500;
19318
- -webkit-hyphens: auto;
19319
- hyphens: auto;
19320
- letter-spacing: 0.0125em;
19321
- min-width: 0;
19322
- overflow-wrap: normal;
19323
- overflow: hidden;
19324
- padding: 0.5rem 1rem;
19325
- text-overflow: ellipsis;
19326
- text-transform: none;
19327
- white-space: nowrap;
19328
- word-break: normal;
19329
- word-wrap: break-word;
19339
+ .v-chip--variant-elevated, .v-chip--variant-flat {
19340
+ background: rgb(var(--v-theme-surface-variant));
19341
+ color: rgb(var(--v-theme-on-surface-variant));
19330
19342
  }
19331
- .v-card .v-card-title {
19332
- line-height: 1.6;
19343
+ .v-chip--variant-elevated {
19344
+ 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));
19333
19345
  }
19334
- .v-card--density-comfortable .v-card-title {
19335
- line-height: 1.75rem;
19346
+ .v-chip--variant-flat {
19347
+ 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));
19336
19348
  }
19337
- .v-card--density-compact .v-card-title {
19338
- line-height: 1.55rem;
19349
+ .v-chip--variant-outlined {
19350
+ border: thin solid currentColor;
19339
19351
  }
19340
- .v-card-item .v-card-title {
19341
- padding: 0;
19352
+ .v-chip--variant-text .v-chip__overlay {
19353
+ background: currentColor;
19342
19354
  }
19343
- .v-card-title + .v-card-text,
19344
- .v-card-title + .v-card-actions {
19345
- padding-top: 0;
19355
+ .v-chip--variant-tonal .v-chip__underlay {
19356
+ background: currentColor;
19357
+ opacity: var(--v-activated-opacity);
19358
+ border-radius: inherit;
19359
+ top: 0;
19360
+ right: 0;
19361
+ bottom: 0;
19362
+ left: 0;
19363
+ pointer-events: none;
19346
19364
  }
19347
-
19348
- .v-card-subtitle {
19349
- display: block;
19350
- flex: none;
19351
- font-size: 0.875rem;
19352
- font-weight: 400;
19353
- letter-spacing: 0.0178571429em;
19354
- opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19355
- overflow: hidden;
19356
- padding: 0 1rem;
19357
- text-overflow: ellipsis;
19358
- text-transform: none;
19359
- white-space: nowrap;
19365
+ .v-chip .v-chip__underlay {
19366
+ position: absolute;
19360
19367
  }
19361
- .v-card .v-card-subtitle {
19362
- line-height: 1.425;
19368
+ .v-chip--border {
19369
+ border-width: thin;
19363
19370
  }
19364
- .v-card--density-comfortable .v-card-subtitle {
19365
- line-height: 1.125rem;
19371
+ .v-chip--link {
19372
+ cursor: pointer;
19366
19373
  }
19367
- .v-card--density-compact .v-card-subtitle {
19368
- line-height: 1rem;
19374
+ .v-chip--link, .v-chip--filter {
19375
+ -webkit-user-select: none;
19376
+ user-select: none;
19369
19377
  }
19370
- .v-card-item .v-card-subtitle {
19371
- padding: 0 0 0.25rem;
19378
+ .v-chip--label {
19379
+ border-radius: 4px;
19372
19380
  }
19373
19381
 
19374
- .v-card-text {
19375
- flex: 1 1 auto;
19376
- font-size: 0.875rem;
19377
- font-weight: 400;
19378
- letter-spacing: 0.0178571429em;
19379
- opacity: var(--v-card-text-opacity, 1);
19380
- padding: 1rem;
19381
- text-transform: none;
19382
- }
19383
- .v-card .v-card-text {
19384
- line-height: 1.425;
19382
+ .v-chip__content {
19383
+ align-items: center;
19384
+ display: inline-flex;
19385
19385
  }
19386
- .v-card--density-comfortable .v-card-text {
19387
- line-height: 1.2rem;
19386
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
19387
+ overflow: hidden;
19388
19388
  }
19389
- .v-card--density-compact .v-card-text {
19390
- line-height: 1.15rem;
19389
+
19390
+ .v-chip__filter,
19391
+ .v-chip__prepend,
19392
+ .v-chip__append,
19393
+ .v-chip__close {
19394
+ align-items: center;
19395
+ display: inline-flex;
19391
19396
  }
19392
19397
 
19393
- .v-card__image {
19394
- display: flex;
19395
- height: 100%;
19396
- flex: 1 1 auto;
19397
- left: 0;
19398
- overflow: hidden;
19399
- position: absolute;
19400
- top: 0;
19401
- width: 100%;
19402
- z-index: -1;
19398
+ .v-chip__close {
19399
+ cursor: pointer;
19400
+ flex: 0 1 auto;
19401
+ font-size: 18px;
19402
+ max-height: 18px;
19403
+ max-width: 18px;
19404
+ -webkit-user-select: none;
19405
+ user-select: none;
19406
+ }
19407
+ .v-chip__close .v-icon {
19408
+ font-size: inherit;
19403
19409
  }
19404
19410
 
19405
- .v-card__content {
19406
- border-radius: inherit;
19407
- overflow: hidden;
19408
- position: relative;
19411
+ .v-chip__filter {
19412
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19409
19413
  }
19410
19414
 
19411
- .v-card__loader {
19412
- bottom: auto;
19415
+ .v-chip__overlay {
19416
+ position: absolute;
19413
19417
  top: 0;
19414
19418
  left: 0;
19415
- position: absolute;
19416
- right: 0;
19417
19419
  width: 100%;
19418
- z-index: 1;
19419
- }
19420
-
19421
- .v-card__overlay {
19420
+ height: 100%;
19422
19421
  background-color: currentColor;
19423
19422
  border-radius: inherit;
19424
- position: absolute;
19425
- top: 0;
19426
- right: 0;
19427
- bottom: 0;
19428
- left: 0;
19429
19423
  pointer-events: none;
19430
19424
  opacity: 0;
19431
19425
  transition: opacity 0.2s ease-in-out;
19432
- }.v-checkbox.v-input {
19433
- flex: 0 1 auto;
19434
19426
  }
19435
- .v-checkbox .v-selection-control {
19436
- min-height: var(--v-input-control-height);
19427
+
19428
+ .v-chip--disabled {
19429
+ opacity: 0.3;
19430
+ pointer-events: none;
19431
+ -webkit-user-select: none;
19432
+ user-select: none;
19433
+ }
19434
+
19435
+ .v-chip--label {
19436
+ border-radius: 4px;
19437
19437
  }.v-chip-group {
19438
19438
  display: flex;
19439
19439
  max-width: 100%;
@@ -19752,91 +19752,30 @@ html.overflow-y-hidden {
19752
19752
  justify-content: flex-end;
19753
19753
  padding: 8px 4px;
19754
19754
  }
19755
- .v-data-table-footer__items-per-page {
19756
- align-items: center;
19757
- display: flex;
19758
- justify-content: center;
19759
- }
19760
- .v-data-table-footer__items-per-page > span {
19761
- padding-inline-end: 8px;
19762
- }
19763
- .v-data-table-footer__items-per-page > .v-select {
19764
- width: 90px;
19765
- }
19766
- .v-data-table-footer__info {
19767
- display: flex;
19768
- justify-content: flex-end;
19769
- min-width: 116px;
19770
- padding: 0 16px;
19771
- }
19772
- .v-data-table-footer__paginationz {
19773
- align-items: center;
19774
- display: flex;
19775
- margin-inline-start: 16px;
19776
- }
19777
- .v-data-table-footer__page {
19778
- padding: 0 8px;
19779
- }.v-date-picker {
19780
- overflow: hidden;
19781
- width: 328px;
19782
- }
19783
- .v-date-picker--show-week {
19784
- width: 368px;
19785
- }.v-date-picker-month {
19786
- display: flex;
19787
- justify-content: center;
19788
- padding: 0 12px 8px;
19789
- --v-date-picker-month-day-diff: 4px;
19790
- }
19791
-
19792
- .v-date-picker-month__weeks {
19793
- display: grid;
19794
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19795
- column-gap: 4px;
19796
- font-size: 0.85rem;
19797
- }
19798
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19799
- grid-row-gap: 0;
19800
- }
19801
-
19802
- .v-date-picker-month__weekday {
19803
- font-size: 0.85rem;
19804
- }
19805
-
19806
- .v-date-picker-month__days {
19807
- display: grid;
19808
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19809
- column-gap: 4px;
19810
- flex: 1 1;
19811
- justify-content: space-around;
19812
- }
19813
-
19814
- .v-date-picker-month__day {
19755
+ .v-data-table-footer__items-per-page {
19815
19756
  align-items: center;
19816
19757
  display: flex;
19817
19758
  justify-content: center;
19818
- position: relative;
19819
- height: 40px;
19820
- width: 40px;
19821
19759
  }
19822
- .v-date-picker-month__day--selected .v-btn {
19823
- background-color: rgb(var(--v-theme-surface-variant));
19824
- color: rgb(var(--v-theme-on-surface-variant));
19760
+ .v-data-table-footer__items-per-page > span {
19761
+ padding-inline-end: 8px;
19825
19762
  }
19826
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19827
- --v-btn-height: 24px;
19828
- --v-btn-size: 0.85rem;
19763
+ .v-data-table-footer__items-per-page > .v-select {
19764
+ width: 90px;
19829
19765
  }
19830
- .v-date-picker-month__day--week {
19831
- font-size: var(--v-btn-size);
19766
+ .v-data-table-footer__info {
19767
+ display: flex;
19768
+ justify-content: flex-end;
19769
+ min-width: 116px;
19770
+ padding: 0 16px;
19832
19771
  }
19833
-
19834
- .v-date-picker-month__day--adjacent {
19835
- opacity: 0.5;
19772
+ .v-data-table-footer__paginationz {
19773
+ align-items: center;
19774
+ display: flex;
19775
+ margin-inline-start: 16px;
19836
19776
  }
19837
-
19838
- .v-date-picker-month__day--hide-adjacent {
19839
- opacity: 0;
19777
+ .v-data-table-footer__page {
19778
+ padding: 0 8px;
19840
19779
  }.v-date-picker-controls {
19841
19780
  display: flex;
19842
19781
  align-items: center;
@@ -19972,6 +19911,67 @@ html.overflow-y-hidden {
19972
19911
  text-transform: none;
19973
19912
  padding-inline-start: 8px;
19974
19913
  padding-inline-end: 8px;
19914
+ }.v-date-picker {
19915
+ overflow: hidden;
19916
+ width: 328px;
19917
+ }
19918
+ .v-date-picker--show-week {
19919
+ width: 368px;
19920
+ }.v-date-picker-month {
19921
+ display: flex;
19922
+ justify-content: center;
19923
+ padding: 0 12px 8px;
19924
+ --v-date-picker-month-day-diff: 4px;
19925
+ }
19926
+
19927
+ .v-date-picker-month__weeks {
19928
+ display: grid;
19929
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19930
+ column-gap: 4px;
19931
+ font-size: 0.85rem;
19932
+ }
19933
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19934
+ grid-row-gap: 0;
19935
+ }
19936
+
19937
+ .v-date-picker-month__weekday {
19938
+ font-size: 0.85rem;
19939
+ }
19940
+
19941
+ .v-date-picker-month__days {
19942
+ display: grid;
19943
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19944
+ column-gap: 4px;
19945
+ flex: 1 1;
19946
+ justify-content: space-around;
19947
+ }
19948
+
19949
+ .v-date-picker-month__day {
19950
+ align-items: center;
19951
+ display: flex;
19952
+ justify-content: center;
19953
+ position: relative;
19954
+ height: 40px;
19955
+ width: 40px;
19956
+ }
19957
+ .v-date-picker-month__day--selected .v-btn {
19958
+ background-color: rgb(var(--v-theme-surface-variant));
19959
+ color: rgb(var(--v-theme-on-surface-variant));
19960
+ }
19961
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19962
+ --v-btn-height: 24px;
19963
+ --v-btn-size: 0.85rem;
19964
+ }
19965
+ .v-date-picker-month__day--week {
19966
+ font-size: var(--v-btn-size);
19967
+ }
19968
+
19969
+ .v-date-picker-month__day--adjacent {
19970
+ opacity: 0.5;
19971
+ }
19972
+
19973
+ .v-date-picker-month__day--hide-adjacent {
19974
+ opacity: 0;
19975
19975
  }.v-date-picker-years {
19976
19976
  height: 288px;
19977
19977
  overflow-y: scroll;
@@ -20129,75 +20129,6 @@ html.overflow-y-hidden {
20129
20129
  }
20130
20130
  .v-divider__wrapper--vertical .v-divider {
20131
20131
  margin: 0 auto;
20132
- }.v-fab {
20133
- align-items: center;
20134
- display: inline-flex;
20135
- flex: 1 1 auto;
20136
- pointer-events: none;
20137
- position: relative;
20138
- transition-duration: 0.2s;
20139
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20140
- vertical-align: middle;
20141
- }
20142
- .v-fab .v-btn {
20143
- pointer-events: auto;
20144
- }
20145
- .v-fab .v-btn--variant-elevated {
20146
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20147
- }
20148
- .v-fab--app, .v-fab--absolute {
20149
- display: flex;
20150
- }
20151
- .v-fab--start, .v-fab--left {
20152
- justify-content: flex-start;
20153
- }
20154
- .v-fab--center {
20155
- align-items: center;
20156
- justify-content: center;
20157
- }
20158
- .v-fab--end, .v-fab--right {
20159
- justify-content: flex-end;
20160
- }
20161
- .v-fab--bottom {
20162
- align-items: flex-end;
20163
- }
20164
- .v-fab--top {
20165
- align-items: flex-start;
20166
- }
20167
- .v-fab--extended .v-btn {
20168
- border-radius: 9999px !important;
20169
- }
20170
-
20171
- .v-fab__container {
20172
- align-self: center;
20173
- display: inline-flex;
20174
- position: absolute;
20175
- vertical-align: middle;
20176
- }
20177
- .v-fab--app .v-fab__container {
20178
- margin: 12px;
20179
- }
20180
- .v-fab--absolute .v-fab__container {
20181
- position: absolute;
20182
- z-index: 4;
20183
- }
20184
- .v-fab--offset.v-fab--top .v-fab__container {
20185
- transform: translateY(-50%);
20186
- }
20187
- .v-fab--offset.v-fab--bottom .v-fab__container {
20188
- transform: translateY(50%);
20189
- }
20190
- .v-fab--top .v-fab__container {
20191
- top: 0;
20192
- }
20193
- .v-fab--bottom .v-fab__container {
20194
- bottom: 0;
20195
- }
20196
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20197
- left: 0;
20198
- }
20199
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20200
- right: 0;
20201
20132
  }.v-empty-state {
20202
20133
  align-items: center;
20203
20134
  display: flex;
@@ -20475,6 +20406,75 @@ html.overflow-y-hidden {
20475
20406
  }
20476
20407
  .v-expansion-panels--tile > .v-expansion-panel {
20477
20408
  border-radius: 0;
20409
+ }.v-fab {
20410
+ align-items: center;
20411
+ display: inline-flex;
20412
+ flex: 1 1 auto;
20413
+ pointer-events: none;
20414
+ position: relative;
20415
+ transition-duration: 0.2s;
20416
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20417
+ vertical-align: middle;
20418
+ }
20419
+ .v-fab .v-btn {
20420
+ pointer-events: auto;
20421
+ }
20422
+ .v-fab .v-btn--variant-elevated {
20423
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20424
+ }
20425
+ .v-fab--app, .v-fab--absolute {
20426
+ display: flex;
20427
+ }
20428
+ .v-fab--start, .v-fab--left {
20429
+ justify-content: flex-start;
20430
+ }
20431
+ .v-fab--center {
20432
+ align-items: center;
20433
+ justify-content: center;
20434
+ }
20435
+ .v-fab--end, .v-fab--right {
20436
+ justify-content: flex-end;
20437
+ }
20438
+ .v-fab--bottom {
20439
+ align-items: flex-end;
20440
+ }
20441
+ .v-fab--top {
20442
+ align-items: flex-start;
20443
+ }
20444
+ .v-fab--extended .v-btn {
20445
+ border-radius: 9999px !important;
20446
+ }
20447
+
20448
+ .v-fab__container {
20449
+ align-self: center;
20450
+ display: inline-flex;
20451
+ position: absolute;
20452
+ vertical-align: middle;
20453
+ }
20454
+ .v-fab--app .v-fab__container {
20455
+ margin: 12px;
20456
+ }
20457
+ .v-fab--absolute .v-fab__container {
20458
+ position: absolute;
20459
+ z-index: 4;
20460
+ }
20461
+ .v-fab--offset.v-fab--top .v-fab__container {
20462
+ transform: translateY(-50%);
20463
+ }
20464
+ .v-fab--offset.v-fab--bottom .v-fab__container {
20465
+ transform: translateY(50%);
20466
+ }
20467
+ .v-fab--top .v-fab__container {
20468
+ top: 0;
20469
+ }
20470
+ .v-fab--bottom .v-fab__container {
20471
+ bottom: 0;
20472
+ }
20473
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20474
+ left: 0;
20475
+ }
20476
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20477
+ right: 0;
20478
20478
  }/* region INPUT */
20479
20479
  .v-field {
20480
20480
  --v-theme-overlay-multiplier: 1;
@@ -21747,34 +21747,42 @@ textarea.v-field__input::placeholder {
21747
21747
  .offset-xxl-11 {
21748
21748
  margin-inline-start: 91.6666666667%;
21749
21749
  }
21750
- }.v-footer {
21751
- align-items: center;
21752
- display: flex;
21753
- flex: 1 1 auto;
21754
- padding: 8px 16px;
21755
- position: relative;
21756
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21757
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21758
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21759
- border-style: solid;
21760
- border-width: 0;
21761
- 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));
21762
- border-radius: 0;
21763
- background: rgb(var(--v-theme-surface));
21764
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21750
+ }.v-img {
21751
+ --v-theme-overlay-multiplier: 3;
21752
+ z-index: 0;
21765
21753
  }
21766
- .v-footer--border {
21767
- border-width: thin;
21768
- box-shadow: none;
21754
+ .v-img--booting .v-responsive__sizer {
21755
+ transition: none;
21756
+ }
21757
+ .v-img--rounded {
21758
+ border-radius: 4px;
21769
21759
  }
21770
- .v-footer--absolute {
21760
+
21761
+ .v-img__img,
21762
+ .v-img__picture,
21763
+ .v-img__gradient,
21764
+ .v-img__placeholder,
21765
+ .v-img__error {
21766
+ z-index: -1;
21771
21767
  position: absolute;
21768
+ top: 0;
21769
+ left: 0;
21770
+ width: 100%;
21771
+ height: 100%;
21772
21772
  }
21773
- .v-footer--fixed {
21774
- position: fixed;
21773
+
21774
+ .v-img__img--preload {
21775
+ filter: blur(4px);
21775
21776
  }
21776
- .v-footer--rounded {
21777
- border-radius: 4px;
21777
+ .v-img__img--contain {
21778
+ object-fit: contain;
21779
+ }
21780
+ .v-img__img--cover {
21781
+ object-fit: cover;
21782
+ }
21783
+
21784
+ .v-img__gradient {
21785
+ background-repeat: no-repeat;
21778
21786
  }.v-icon {
21779
21787
  --v-icon-size-multiplier: 1;
21780
21788
  align-items: center;
@@ -21828,42 +21836,6 @@ textarea.v-field__input::placeholder {
21828
21836
 
21829
21837
  .v-icon--end {
21830
21838
  margin-inline-start: 8px;
21831
- }.v-img {
21832
- --v-theme-overlay-multiplier: 3;
21833
- z-index: 0;
21834
- }
21835
- .v-img--booting .v-responsive__sizer {
21836
- transition: none;
21837
- }
21838
- .v-img--rounded {
21839
- border-radius: 4px;
21840
- }
21841
-
21842
- .v-img__img,
21843
- .v-img__picture,
21844
- .v-img__gradient,
21845
- .v-img__placeholder,
21846
- .v-img__error {
21847
- z-index: -1;
21848
- position: absolute;
21849
- top: 0;
21850
- left: 0;
21851
- width: 100%;
21852
- height: 100%;
21853
- }
21854
-
21855
- .v-img__img--preload {
21856
- filter: blur(4px);
21857
- }
21858
- .v-img__img--contain {
21859
- object-fit: contain;
21860
- }
21861
- .v-img__img--cover {
21862
- object-fit: cover;
21863
- }
21864
-
21865
- .v-img__gradient {
21866
- background-repeat: no-repeat;
21867
21839
  }.v-infinite-scroll--horizontal {
21868
21840
  display: flex;
21869
21841
  flex-direction: row;
@@ -22066,6 +22038,34 @@ textarea.v-field__input::placeholder {
22066
22038
 
22067
22039
  .v-layout-item--absolute {
22068
22040
  position: absolute;
22041
+ }.v-footer {
22042
+ align-items: center;
22043
+ display: flex;
22044
+ flex: 1 1 auto;
22045
+ padding: 8px 16px;
22046
+ position: relative;
22047
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22048
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22049
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22050
+ border-style: solid;
22051
+ border-width: 0;
22052
+ 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));
22053
+ border-radius: 0;
22054
+ background: rgb(var(--v-theme-surface));
22055
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22056
+ }
22057
+ .v-footer--border {
22058
+ border-width: thin;
22059
+ box-shadow: none;
22060
+ }
22061
+ .v-footer--absolute {
22062
+ position: absolute;
22063
+ }
22064
+ .v-footer--fixed {
22065
+ position: fixed;
22066
+ }
22067
+ .v-footer--rounded {
22068
+ border-radius: 4px;
22069
22069
  }.v-list {
22070
22070
  overflow: auto;
22071
22071
  padding: 8px 0;
@@ -22623,6 +22623,37 @@ textarea.v-field__input::placeholder {
22623
22623
  }
22624
22624
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22625
22625
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22626
+ }.v-locale-provider {
22627
+ display: contents;
22628
+ }.v-messages {
22629
+ flex: 1 1 auto;
22630
+ font-size: 12px;
22631
+ min-height: 14px;
22632
+ min-width: 1px;
22633
+ opacity: var(--v-medium-emphasis-opacity);
22634
+ position: relative;
22635
+ }
22636
+ .v-messages__message {
22637
+ line-height: 12px;
22638
+ word-break: break-word;
22639
+ overflow-wrap: break-word;
22640
+ word-wrap: break-word;
22641
+ -webkit-hyphens: auto;
22642
+ hyphens: auto;
22643
+ transition-duration: 150ms;
22644
+ }.v-menu > .v-overlay__content {
22645
+ display: flex;
22646
+ flex-direction: column;
22647
+ border-radius: 4px;
22648
+ }
22649
+ .v-menu > .v-overlay__content > .v-card,
22650
+ .v-menu > .v-overlay__content > .v-sheet,
22651
+ .v-menu > .v-overlay__content > .v-list {
22652
+ background: rgb(var(--v-theme-surface));
22653
+ border-radius: inherit;
22654
+ overflow: auto;
22655
+ height: 100%;
22656
+ 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));
22626
22657
  }.v-main {
22627
22658
  flex: 1 0 auto;
22628
22659
  max-width: 100%;
@@ -22651,37 +22682,6 @@ textarea.v-field__input::placeholder {
22651
22682
  --v-layout-right: 0px;
22652
22683
  --v-layout-top: 0px;
22653
22684
  --v-layout-bottom: 0px;
22654
- }.v-menu > .v-overlay__content {
22655
- display: flex;
22656
- flex-direction: column;
22657
- border-radius: 4px;
22658
- }
22659
- .v-menu > .v-overlay__content > .v-card,
22660
- .v-menu > .v-overlay__content > .v-sheet,
22661
- .v-menu > .v-overlay__content > .v-list {
22662
- background: rgb(var(--v-theme-surface));
22663
- border-radius: inherit;
22664
- overflow: auto;
22665
- height: 100%;
22666
- 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));
22667
- }.v-messages {
22668
- flex: 1 1 auto;
22669
- font-size: 12px;
22670
- min-height: 14px;
22671
- min-width: 1px;
22672
- opacity: var(--v-medium-emphasis-opacity);
22673
- position: relative;
22674
- }
22675
- .v-messages__message {
22676
- line-height: 12px;
22677
- word-break: break-word;
22678
- overflow-wrap: break-word;
22679
- word-wrap: break-word;
22680
- -webkit-hyphens: auto;
22681
- hyphens: auto;
22682
- transition-duration: 150ms;
22683
- }.v-locale-provider {
22684
- display: contents;
22685
22685
  }.v-navigation-drawer {
22686
22686
  -webkit-overflow-scrolling: touch;
22687
22687
  background: rgb(var(--v-theme-surface));
@@ -22917,6 +22917,108 @@ html.v-overlay-scroll-blocked {
22917
22917
  }
22918
22918
  .v-parallax--active > .v-img__img {
22919
22919
  will-change: transform;
22920
+ }.v-progress-circular {
22921
+ align-items: center;
22922
+ display: inline-flex;
22923
+ justify-content: center;
22924
+ position: relative;
22925
+ vertical-align: middle;
22926
+ }
22927
+ .v-progress-circular > svg {
22928
+ width: 100%;
22929
+ height: 100%;
22930
+ margin: auto;
22931
+ position: absolute;
22932
+ top: 0;
22933
+ bottom: 0;
22934
+ left: 0;
22935
+ right: 0;
22936
+ z-index: 0;
22937
+ }
22938
+
22939
+ .v-progress-circular__content {
22940
+ align-items: center;
22941
+ display: flex;
22942
+ justify-content: center;
22943
+ }
22944
+
22945
+ .v-progress-circular__underlay {
22946
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22947
+ stroke: currentColor;
22948
+ z-index: 1;
22949
+ }
22950
+
22951
+ .v-progress-circular__overlay {
22952
+ stroke: currentColor;
22953
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22954
+ z-index: 2;
22955
+ }
22956
+
22957
+ .v-progress-circular--size-x-small {
22958
+ height: 16px;
22959
+ width: 16px;
22960
+ }
22961
+ .v-progress-circular--size-small {
22962
+ height: 24px;
22963
+ width: 24px;
22964
+ }
22965
+ .v-progress-circular--size-default {
22966
+ height: 32px;
22967
+ width: 32px;
22968
+ }
22969
+ .v-progress-circular--size-large {
22970
+ height: 48px;
22971
+ width: 48px;
22972
+ }
22973
+ .v-progress-circular--size-x-large {
22974
+ height: 64px;
22975
+ width: 64px;
22976
+ }
22977
+
22978
+ .v-progress-circular--indeterminate > svg {
22979
+ animation: progress-circular-rotate 1.4s linear infinite;
22980
+ transform-origin: center center;
22981
+ transition: all 0.2s ease-in-out;
22982
+ }
22983
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22984
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22985
+ stroke-dasharray: 25, 200;
22986
+ stroke-dashoffset: 0;
22987
+ stroke-linecap: round;
22988
+ transform-origin: center center;
22989
+ transform: rotate(-90deg);
22990
+ }
22991
+
22992
+ .v-progress-circular--disable-shrink > svg {
22993
+ animation-duration: 0.7s;
22994
+ }
22995
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22996
+ animation: none;
22997
+ }
22998
+
22999
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23000
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23001
+ animation-play-state: paused !important;
23002
+ }
23003
+
23004
+ @keyframes progress-circular-dash {
23005
+ 0% {
23006
+ stroke-dasharray: 1, 200;
23007
+ stroke-dashoffset: 0px;
23008
+ }
23009
+ 50% {
23010
+ stroke-dasharray: 100, 200;
23011
+ stroke-dashoffset: -15px;
23012
+ }
23013
+ 100% {
23014
+ stroke-dasharray: 100, 200;
23015
+ stroke-dashoffset: -124px;
23016
+ }
23017
+ }
23018
+ @keyframes progress-circular-rotate {
23019
+ 100% {
23020
+ transform: rotate(270deg);
23021
+ }
22920
23022
  }.v-progress-linear {
22921
23023
  background: transparent;
22922
23024
  overflow: hidden;
@@ -23128,108 +23230,6 @@ html.v-overlay-scroll-blocked {
23128
23230
  0% {
23129
23231
  background-position-x: var(--v-progress-linear-height);
23130
23232
  }
23131
- }.v-progress-circular {
23132
- align-items: center;
23133
- display: inline-flex;
23134
- justify-content: center;
23135
- position: relative;
23136
- vertical-align: middle;
23137
- }
23138
- .v-progress-circular > svg {
23139
- width: 100%;
23140
- height: 100%;
23141
- margin: auto;
23142
- position: absolute;
23143
- top: 0;
23144
- bottom: 0;
23145
- left: 0;
23146
- right: 0;
23147
- z-index: 0;
23148
- }
23149
-
23150
- .v-progress-circular__content {
23151
- align-items: center;
23152
- display: flex;
23153
- justify-content: center;
23154
- }
23155
-
23156
- .v-progress-circular__underlay {
23157
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23158
- stroke: currentColor;
23159
- z-index: 1;
23160
- }
23161
-
23162
- .v-progress-circular__overlay {
23163
- stroke: currentColor;
23164
- transition: all 0.2s ease-in-out, stroke-width 0s;
23165
- z-index: 2;
23166
- }
23167
-
23168
- .v-progress-circular--size-x-small {
23169
- height: 16px;
23170
- width: 16px;
23171
- }
23172
- .v-progress-circular--size-small {
23173
- height: 24px;
23174
- width: 24px;
23175
- }
23176
- .v-progress-circular--size-default {
23177
- height: 32px;
23178
- width: 32px;
23179
- }
23180
- .v-progress-circular--size-large {
23181
- height: 48px;
23182
- width: 48px;
23183
- }
23184
- .v-progress-circular--size-x-large {
23185
- height: 64px;
23186
- width: 64px;
23187
- }
23188
-
23189
- .v-progress-circular--indeterminate > svg {
23190
- animation: progress-circular-rotate 1.4s linear infinite;
23191
- transform-origin: center center;
23192
- transition: all 0.2s ease-in-out;
23193
- }
23194
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23195
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23196
- stroke-dasharray: 25, 200;
23197
- stroke-dashoffset: 0;
23198
- stroke-linecap: round;
23199
- transform-origin: center center;
23200
- transform: rotate(-90deg);
23201
- }
23202
-
23203
- .v-progress-circular--disable-shrink > svg {
23204
- animation-duration: 0.7s;
23205
- }
23206
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23207
- animation: none;
23208
- }
23209
-
23210
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23211
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23212
- animation-play-state: paused !important;
23213
- }
23214
-
23215
- @keyframes progress-circular-dash {
23216
- 0% {
23217
- stroke-dasharray: 1, 200;
23218
- stroke-dashoffset: 0px;
23219
- }
23220
- 50% {
23221
- stroke-dasharray: 100, 200;
23222
- stroke-dashoffset: -15px;
23223
- }
23224
- 100% {
23225
- stroke-dasharray: 100, 200;
23226
- stroke-dashoffset: -124px;
23227
- }
23228
- }
23229
- @keyframes progress-circular-rotate {
23230
- 100% {
23231
- transform: rotate(270deg);
23232
- }
23233
23233
  }.v-radio-group > .v-input__control {
23234
23234
  flex-direction: column;
23235
23235
  }
@@ -23299,6 +23299,32 @@ html.v-overlay-scroll-blocked {
23299
23299
 
23300
23300
  .v-slider__label {
23301
23301
  margin-inline-end: 12px;
23302
+ }.v-responsive {
23303
+ display: flex;
23304
+ flex: 1 0 auto;
23305
+ max-height: 100%;
23306
+ max-width: 100%;
23307
+ overflow: hidden;
23308
+ position: relative;
23309
+ }
23310
+ .v-responsive--inline {
23311
+ display: inline-flex;
23312
+ flex: 0 0 auto;
23313
+ }
23314
+
23315
+ .v-responsive__content {
23316
+ flex: 1 0 0px;
23317
+ max-width: 100%;
23318
+ }
23319
+
23320
+ .v-responsive__sizer ~ .v-responsive__content {
23321
+ margin-inline-start: -100%;
23322
+ }
23323
+
23324
+ .v-responsive__sizer {
23325
+ flex: 1 0 0px;
23326
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23327
+ pointer-events: none;
23302
23328
  }.v-rating {
23303
23329
  max-width: 100%;
23304
23330
  display: inline-flex;
@@ -23353,80 +23379,6 @@ html.v-overlay-scroll-blocked {
23353
23379
  opacity: 0;
23354
23380
  position: absolute;
23355
23381
  width: 0;
23356
- }.v-responsive {
23357
- display: flex;
23358
- flex: 1 0 auto;
23359
- max-height: 100%;
23360
- max-width: 100%;
23361
- overflow: hidden;
23362
- position: relative;
23363
- }
23364
- .v-responsive--inline {
23365
- display: inline-flex;
23366
- flex: 0 0 auto;
23367
- }
23368
-
23369
- .v-responsive__content {
23370
- flex: 1 0 0px;
23371
- max-width: 100%;
23372
- }
23373
-
23374
- .v-responsive__sizer ~ .v-responsive__content {
23375
- margin-inline-start: -100%;
23376
- }
23377
-
23378
- .v-responsive__sizer {
23379
- flex: 1 0 0px;
23380
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23381
- pointer-events: none;
23382
- }.v-select .v-field .v-text-field__prefix,
23383
- .v-select .v-field .v-text-field__suffix,
23384
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23385
- cursor: pointer;
23386
- }
23387
- .v-select .v-field .v-field__input > input {
23388
- align-self: flex-start;
23389
- opacity: 1;
23390
- flex: 0 0;
23391
- position: absolute;
23392
- width: 100%;
23393
- transition: none;
23394
- pointer-events: none;
23395
- caret-color: transparent;
23396
- }
23397
- .v-select .v-field--dirty .v-select__selection {
23398
- margin-inline-end: 2px;
23399
- }
23400
- .v-select .v-select__selection-text {
23401
- overflow: hidden;
23402
- text-overflow: ellipsis;
23403
- white-space: nowrap;
23404
- }
23405
- .v-select__content {
23406
- overflow: hidden;
23407
- 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));
23408
- border-radius: 4px;
23409
- }
23410
- .v-select__selection {
23411
- display: inline-flex;
23412
- align-items: center;
23413
- letter-spacing: inherit;
23414
- line-height: inherit;
23415
- max-width: 100%;
23416
- }
23417
- .v-select .v-select__selection:first-child {
23418
- margin-inline-start: 0;
23419
- }
23420
- .v-select--selected .v-field .v-field__input > input {
23421
- opacity: 0;
23422
- }
23423
- .v-select__menu-icon {
23424
- margin-inline-start: 4px;
23425
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23426
- }
23427
- .v-select--active-menu .v-select__menu-icon {
23428
- opacity: var(--v-high-emphasis-opacity);
23429
- transform: rotate(180deg);
23430
23382
  }.v-selection-control {
23431
23383
  align-items: center;
23432
23384
  contain: layout;
@@ -23512,30 +23464,98 @@ html.v-overlay-scroll-blocked {
23512
23464
  border-radius: 100%;
23513
23465
  background-color: currentColor;
23514
23466
  opacity: 0;
23515
- pointer-events: none;
23467
+ pointer-events: none;
23468
+ }
23469
+ .v-selection-control__input:hover::before {
23470
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23471
+ }
23472
+ .v-selection-control__input > .v-icon {
23473
+ opacity: var(--v-medium-emphasis-opacity);
23474
+ }
23475
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23476
+ opacity: 1;
23477
+ }
23478
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23479
+ color: rgb(var(--v-theme-error));
23480
+ }
23481
+ .v-selection-control--focus-visible .v-selection-control__input::before {
23482
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23483
+ }.v-select .v-field .v-text-field__prefix,
23484
+ .v-select .v-field .v-text-field__suffix,
23485
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23486
+ cursor: pointer;
23487
+ }
23488
+ .v-select .v-field .v-field__input > input {
23489
+ align-self: flex-start;
23490
+ opacity: 1;
23491
+ flex: 0 0;
23492
+ position: absolute;
23493
+ width: 100%;
23494
+ transition: none;
23495
+ pointer-events: none;
23496
+ caret-color: transparent;
23497
+ }
23498
+ .v-select .v-field--dirty .v-select__selection {
23499
+ margin-inline-end: 2px;
23500
+ }
23501
+ .v-select .v-select__selection-text {
23502
+ overflow: hidden;
23503
+ text-overflow: ellipsis;
23504
+ white-space: nowrap;
23505
+ }
23506
+ .v-select__content {
23507
+ overflow: hidden;
23508
+ 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));
23509
+ border-radius: 4px;
23510
+ }
23511
+ .v-select__selection {
23512
+ display: inline-flex;
23513
+ align-items: center;
23514
+ letter-spacing: inherit;
23515
+ line-height: inherit;
23516
+ max-width: 100%;
23517
+ }
23518
+ .v-select .v-select__selection:first-child {
23519
+ margin-inline-start: 0;
23520
+ }
23521
+ .v-select--selected .v-field .v-field__input > input {
23522
+ opacity: 0;
23516
23523
  }
23517
- .v-selection-control__input:hover::before {
23518
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23524
+ .v-select__menu-icon {
23525
+ margin-inline-start: 4px;
23526
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23519
23527
  }
23520
- .v-selection-control__input > .v-icon {
23521
- opacity: var(--v-medium-emphasis-opacity);
23528
+ .v-select--active-menu .v-select__menu-icon {
23529
+ opacity: var(--v-high-emphasis-opacity);
23530
+ transform: rotate(180deg);
23531
+ }.v-sheet {
23532
+ display: block;
23533
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23534
+ border-style: solid;
23535
+ border-width: 0;
23536
+ 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));
23537
+ border-radius: 0;
23538
+ background: rgb(var(--v-theme-surface));
23539
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23522
23540
  }
23523
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23524
- opacity: 1;
23541
+ .v-sheet--border {
23542
+ border-width: thin;
23543
+ box-shadow: none;
23525
23544
  }
23526
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23527
- color: rgb(var(--v-theme-error));
23545
+ .v-sheet--absolute {
23546
+ position: absolute;
23528
23547
  }
23529
- .v-selection-control--focus-visible .v-selection-control__input::before {
23530
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23531
- }.v-selection-control-group {
23532
- grid-area: control;
23533
- display: flex;
23534
- flex-direction: column;
23548
+ .v-sheet--fixed {
23549
+ position: fixed;
23535
23550
  }
23536
- .v-selection-control-group--inline {
23537
- flex-direction: row;
23538
- flex-wrap: wrap;
23551
+ .v-sheet--relative {
23552
+ position: relative;
23553
+ }
23554
+ .v-sheet--sticky {
23555
+ position: sticky;
23556
+ }
23557
+ .v-sheet--rounded {
23558
+ border-radius: 4px;
23539
23559
  }.v-skeleton-loader {
23540
23560
  align-items: center;
23541
23561
  background: rgb(var(--v-theme-surface));
@@ -23759,34 +23779,14 @@ html.v-overlay-scroll-blocked {
23759
23779
  100% {
23760
23780
  transform: translateX(100%);
23761
23781
  }
23762
- }.v-sheet {
23763
- display: block;
23764
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23765
- border-style: solid;
23766
- border-width: 0;
23767
- 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));
23768
- border-radius: 0;
23769
- background: rgb(var(--v-theme-surface));
23770
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23771
- }
23772
- .v-sheet--border {
23773
- border-width: thin;
23774
- box-shadow: none;
23775
- }
23776
- .v-sheet--absolute {
23777
- position: absolute;
23778
- }
23779
- .v-sheet--fixed {
23780
- position: fixed;
23781
- }
23782
- .v-sheet--relative {
23783
- position: relative;
23784
- }
23785
- .v-sheet--sticky {
23786
- position: sticky;
23782
+ }.v-selection-control-group {
23783
+ grid-area: control;
23784
+ display: flex;
23785
+ flex-direction: column;
23787
23786
  }
23788
- .v-sheet--rounded {
23789
- border-radius: 4px;
23787
+ .v-selection-control-group--inline {
23788
+ flex-direction: row;
23789
+ flex-wrap: wrap;
23790
23790
  }.v-slide-group {
23791
23791
  display: flex;
23792
23792
  overflow: hidden;
@@ -23980,47 +23980,6 @@ html.v-overlay-scroll-blocked {
23980
23980
  }
23981
23981
  .v-snackbar-transition-leave-to {
23982
23982
  opacity: 0;
23983
- }.v-speed-dial__content {
23984
- gap: 8px;
23985
- }
23986
- .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 {
23987
- flex-direction: row;
23988
- }
23989
- .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 {
23990
- flex-direction: row-reverse;
23991
- }
23992
- .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 {
23993
- flex-direction: column-reverse;
23994
- }
23995
- .v-speed-dial__content > *:nth-child(1) {
23996
- transition-delay: 0s;
23997
- }
23998
- .v-speed-dial__content > *:nth-child(2) {
23999
- transition-delay: 0.05s;
24000
- }
24001
- .v-speed-dial__content > *:nth-child(3) {
24002
- transition-delay: 0.1s;
24003
- }
24004
- .v-speed-dial__content > *:nth-child(4) {
24005
- transition-delay: 0.15s;
24006
- }
24007
- .v-speed-dial__content > *:nth-child(5) {
24008
- transition-delay: 0.2s;
24009
- }
24010
- .v-speed-dial__content > *:nth-child(6) {
24011
- transition-delay: 0.25s;
24012
- }
24013
- .v-speed-dial__content > *:nth-child(7) {
24014
- transition-delay: 0.3s;
24015
- }
24016
- .v-speed-dial__content > *:nth-child(8) {
24017
- transition-delay: 0.35s;
24018
- }
24019
- .v-speed-dial__content > *:nth-child(9) {
24020
- transition-delay: 0.4s;
24021
- }
24022
- .v-speed-dial__content > *:nth-child(10) {
24023
- transition-delay: 0.45s;
24024
23983
  }.v-stepper.v-sheet {
24025
23984
  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));
24026
23985
  border-radius: 4px;
@@ -24184,6 +24143,84 @@ html.v-overlay-scroll-blocked {
24184
24143
  width: 100%;
24185
24144
  height: 100%;
24186
24145
  pointer-events: none;
24146
+ }.v-speed-dial__content {
24147
+ gap: 8px;
24148
+ }
24149
+ .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 {
24150
+ flex-direction: row;
24151
+ }
24152
+ .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 {
24153
+ flex-direction: row-reverse;
24154
+ }
24155
+ .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 {
24156
+ flex-direction: column-reverse;
24157
+ }
24158
+ .v-speed-dial__content > *:nth-child(1) {
24159
+ transition-delay: 0s;
24160
+ }
24161
+ .v-speed-dial__content > *:nth-child(2) {
24162
+ transition-delay: 0.05s;
24163
+ }
24164
+ .v-speed-dial__content > *:nth-child(3) {
24165
+ transition-delay: 0.1s;
24166
+ }
24167
+ .v-speed-dial__content > *:nth-child(4) {
24168
+ transition-delay: 0.15s;
24169
+ }
24170
+ .v-speed-dial__content > *:nth-child(5) {
24171
+ transition-delay: 0.2s;
24172
+ }
24173
+ .v-speed-dial__content > *:nth-child(6) {
24174
+ transition-delay: 0.25s;
24175
+ }
24176
+ .v-speed-dial__content > *:nth-child(7) {
24177
+ transition-delay: 0.3s;
24178
+ }
24179
+ .v-speed-dial__content > *:nth-child(8) {
24180
+ transition-delay: 0.35s;
24181
+ }
24182
+ .v-speed-dial__content > *:nth-child(9) {
24183
+ transition-delay: 0.4s;
24184
+ }
24185
+ .v-speed-dial__content > *:nth-child(10) {
24186
+ transition-delay: 0.45s;
24187
+ }.v-system-bar {
24188
+ align-items: center;
24189
+ display: flex;
24190
+ flex: 1 1 auto;
24191
+ height: 24px;
24192
+ justify-content: flex-end;
24193
+ max-width: 100%;
24194
+ padding-inline: 8px;
24195
+ position: relative;
24196
+ text-align: end;
24197
+ width: 100%;
24198
+ 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));
24199
+ background: rgba(var(--v-theme-surface-light));
24200
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24201
+ font-size: 0.75rem;
24202
+ font-weight: 400;
24203
+ letter-spacing: 0.0333333333em;
24204
+ line-height: 1.667;
24205
+ text-transform: none;
24206
+ }
24207
+ .v-system-bar .v-icon {
24208
+ opacity: var(--v-medium-emphasis-opacity);
24209
+ }
24210
+ .v-system-bar--absolute {
24211
+ position: absolute;
24212
+ }
24213
+ .v-system-bar--fixed {
24214
+ position: fixed;
24215
+ }
24216
+ .v-system-bar--rounded {
24217
+ border-radius: 0;
24218
+ }
24219
+ .v-system-bar--window {
24220
+ height: 32px;
24221
+ }
24222
+ .v-system-bar:not(.v-system-bar--absolute) {
24223
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24187
24224
  }.v-switch .v-label {
24188
24225
  padding-inline-start: 10px;
24189
24226
  }
@@ -24350,57 +24387,20 @@ html.v-overlay-scroll-blocked {
24350
24387
  .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24351
24388
  background-color: highlighttext;
24352
24389
  color: highlighttext;
24353
- }
24354
- .v-switch.v-input--disabled .v-switch__thumb {
24355
- background-color: graytext;
24356
- }
24357
- .v-switch.v-input--disabled .v-switch__track,
24358
- .v-switch.v-input--disabled .v-switch__thumb {
24359
- color: graytext;
24360
- }
24361
- .v-switch.v-switch--loading .v-switch__thumb {
24362
- background-color: canvas;
24363
- }
24364
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24365
- border-width: 0;
24366
- }
24367
- }.v-system-bar {
24368
- align-items: center;
24369
- display: flex;
24370
- flex: 1 1 auto;
24371
- height: 24px;
24372
- justify-content: flex-end;
24373
- max-width: 100%;
24374
- padding-inline: 8px;
24375
- position: relative;
24376
- text-align: end;
24377
- width: 100%;
24378
- 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));
24379
- background: rgba(var(--v-theme-surface-light));
24380
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24381
- font-size: 0.75rem;
24382
- font-weight: 400;
24383
- letter-spacing: 0.0333333333em;
24384
- line-height: 1.667;
24385
- text-transform: none;
24386
- }
24387
- .v-system-bar .v-icon {
24388
- opacity: var(--v-medium-emphasis-opacity);
24389
- }
24390
- .v-system-bar--absolute {
24391
- position: absolute;
24392
- }
24393
- .v-system-bar--fixed {
24394
- position: fixed;
24395
- }
24396
- .v-system-bar--rounded {
24397
- border-radius: 0;
24398
- }
24399
- .v-system-bar--window {
24400
- height: 32px;
24401
- }
24402
- .v-system-bar:not(.v-system-bar--absolute) {
24403
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24390
+ }
24391
+ .v-switch.v-input--disabled .v-switch__thumb {
24392
+ background-color: graytext;
24393
+ }
24394
+ .v-switch.v-input--disabled .v-switch__track,
24395
+ .v-switch.v-input--disabled .v-switch__thumb {
24396
+ color: graytext;
24397
+ }
24398
+ .v-switch.v-switch--loading .v-switch__thumb {
24399
+ background-color: canvas;
24400
+ }
24401
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24402
+ border-width: 0;
24403
+ }
24404
24404
  }.v-tab.v-tab.v-btn {
24405
24405
  height: var(--v-tabs-height);
24406
24406
  border-radius: 0;
@@ -25310,15 +25310,6 @@ html.v-overlay-scroll-blocked {
25310
25310
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25311
25311
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25312
25312
  transition-duration: 75ms;
25313
- }.v-virtual-scroll {
25314
- display: block;
25315
- flex: 1 1 auto;
25316
- max-width: 100%;
25317
- overflow: auto;
25318
- position: relative;
25319
- }
25320
- .v-virtual-scroll__container {
25321
- display: block;
25322
25313
  }.v-window {
25323
25314
  overflow: hidden;
25324
25315
  }
@@ -25389,6 +25380,15 @@ html.v-overlay-scroll-blocked {
25389
25380
  }
25390
25381
  .v-window-y-reverse-transition-leave-to {
25391
25382
  transform: translateY(100%);
25383
+ }.v-virtual-scroll {
25384
+ display: block;
25385
+ flex: 1 1 auto;
25386
+ max-width: 100%;
25387
+ overflow: auto;
25388
+ position: relative;
25389
+ }
25390
+ .v-virtual-scroll__container {
25391
+ display: block;
25392
25392
  }.v-color-picker-edit {
25393
25393
  display: flex;
25394
25394
  margin-top: 24px;
@@ -25439,41 +25439,6 @@ html.v-overlay-scroll-blocked {
25439
25439
  }
25440
25440
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25441
25441
  will-change: transform;
25442
- }.v-color-picker-swatches {
25443
- overflow-y: auto;
25444
- }
25445
- .v-color-picker-swatches > div {
25446
- display: flex;
25447
- flex-wrap: wrap;
25448
- justify-content: center;
25449
- padding: 8px;
25450
- }
25451
-
25452
- .v-color-picker-swatches__swatch {
25453
- display: flex;
25454
- flex-direction: column;
25455
- margin-bottom: 10px;
25456
- }
25457
-
25458
- .v-color-picker-swatches__color {
25459
- position: relative;
25460
- height: 18px;
25461
- max-height: 18px;
25462
- width: 45px;
25463
- margin: 2px 4px;
25464
- border-radius: 2px;
25465
- -webkit-user-select: none;
25466
- user-select: none;
25467
- overflow: hidden;
25468
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25469
- cursor: pointer;
25470
- }
25471
- .v-color-picker-swatches__color > div {
25472
- display: flex;
25473
- align-items: center;
25474
- justify-content: center;
25475
- width: 100%;
25476
- height: 100%;
25477
25442
  }.v-color-picker-preview__alpha .v-slider-track__background {
25478
25443
  background-color: transparent !important;
25479
25444
  }
@@ -25535,68 +25500,262 @@ html.v-overlay-scroll-blocked {
25535
25500
  display: none;
25536
25501
  }
25537
25502
 
25538
- .v-color-picker-preview {
25539
- align-items: center;
25540
- display: flex;
25541
- margin-bottom: 0;
25503
+ .v-color-picker-preview {
25504
+ align-items: center;
25505
+ display: flex;
25506
+ margin-bottom: 0;
25507
+ }
25508
+
25509
+ .v-color-picker-preview__eye-dropper {
25510
+ position: relative;
25511
+ margin-right: 12px;
25512
+ }.v-color-picker-swatches {
25513
+ overflow-y: auto;
25514
+ }
25515
+ .v-color-picker-swatches > div {
25516
+ display: flex;
25517
+ flex-wrap: wrap;
25518
+ justify-content: center;
25519
+ padding: 8px;
25520
+ }
25521
+
25522
+ .v-color-picker-swatches__swatch {
25523
+ display: flex;
25524
+ flex-direction: column;
25525
+ margin-bottom: 10px;
25526
+ }
25527
+
25528
+ .v-color-picker-swatches__color {
25529
+ position: relative;
25530
+ height: 18px;
25531
+ max-height: 18px;
25532
+ width: 45px;
25533
+ margin: 2px 4px;
25534
+ border-radius: 2px;
25535
+ -webkit-user-select: none;
25536
+ user-select: none;
25537
+ overflow: hidden;
25538
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25539
+ cursor: pointer;
25540
+ }
25541
+ .v-color-picker-swatches__color > div {
25542
+ display: flex;
25543
+ align-items: center;
25544
+ justify-content: center;
25545
+ width: 100%;
25546
+ height: 100%;
25547
+ }.v-picker.v-sheet {
25548
+ 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));
25549
+ border-radius: 4px;
25550
+ display: grid;
25551
+ grid-auto-rows: min-content;
25552
+ grid-template-areas: "title" "header" "body";
25553
+ overflow: hidden;
25554
+ }
25555
+ .v-picker.v-sheet.v-picker--with-actions {
25556
+ grid-template-areas: "title" "header" "body" "actions";
25557
+ }
25558
+
25559
+ .v-picker__body {
25560
+ grid-area: body;
25561
+ overflow: hidden;
25562
+ position: relative;
25563
+ }
25564
+
25565
+ .v-picker__header {
25566
+ grid-area: header;
25567
+ }
25568
+
25569
+ .v-picker__actions {
25570
+ grid-area: actions;
25571
+ padding: 0 12px 12px;
25572
+ display: flex;
25573
+ align-items: center;
25574
+ justify-content: flex-end;
25575
+ }
25576
+ .v-picker__actions .v-btn {
25577
+ min-width: 48px;
25578
+ }
25579
+ .v-picker__actions .v-btn:not(:last-child) {
25580
+ margin-inline-end: 8px;
25581
+ }
25582
+
25583
+ .v-picker--landscape {
25584
+ grid-template-areas: "title" "header body" "header body";
25585
+ }
25586
+
25587
+ .v-picker--landscape.v-picker--with-actions {
25588
+ grid-template-areas: "title" "header body" "header actions";
25589
+ }
25590
+
25591
+ .v-picker-title {
25592
+ text-transform: uppercase;
25593
+ font-size: 0.75rem;
25594
+ grid-area: title;
25595
+ padding-inline: 24px 12px;
25596
+ padding-top: 16px;
25597
+ padding-bottom: 16px;
25598
+ font-weight: 400;
25599
+ letter-spacing: 0.1666666667em;
25600
+ }.v-slider-thumb {
25601
+ touch-action: none;
25602
+ color: rgb(var(--v-theme-surface-variant));
25603
+ }
25604
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25605
+ color: inherit;
25606
+ }
25607
+
25608
+ .v-slider-thumb__label {
25609
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25610
+ color: rgb(var(--v-theme-on-surface-variant));
25611
+ }
25612
+ .v-slider-thumb__label::before {
25613
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25614
+ }
25615
+
25616
+ .v-slider-thumb {
25617
+ outline: none;
25618
+ position: absolute;
25619
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25620
+ }
25621
+
25622
+ .v-slider-thumb__surface {
25623
+ cursor: pointer;
25624
+ width: var(--v-slider-thumb-size);
25625
+ height: var(--v-slider-thumb-size);
25626
+ border-radius: 50%;
25627
+ -webkit-user-select: none;
25628
+ user-select: none;
25629
+ background-color: currentColor;
25630
+ }
25631
+ @media (forced-colors: active) {
25632
+ .v-slider-thumb__surface {
25633
+ background-color: highlight;
25634
+ }
25635
+ }
25636
+ .v-slider-thumb__surface::before {
25637
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25638
+ content: "";
25639
+ color: inherit;
25640
+ top: 0;
25641
+ left: 0;
25642
+ width: 100%;
25643
+ height: 100%;
25644
+ border-radius: 50%;
25645
+ background: currentColor;
25646
+ position: absolute;
25647
+ pointer-events: none;
25648
+ opacity: 0;
25649
+ }
25650
+ .v-slider-thumb__surface::after {
25651
+ content: "";
25652
+ width: 42px;
25653
+ height: 42px;
25654
+ position: absolute;
25655
+ top: 50%;
25656
+ left: 50%;
25657
+ transform: translate(-50%, -50%);
25658
+ }
25659
+
25660
+ .v-slider-thumb__label-container {
25661
+ position: absolute;
25662
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25663
+ }
25664
+
25665
+ .v-slider-thumb__label {
25666
+ display: flex;
25667
+ align-items: center;
25668
+ justify-content: center;
25669
+ font-size: 0.75rem;
25670
+ min-width: 35px;
25671
+ height: 25px;
25672
+ border-radius: 4px;
25673
+ padding: 6px;
25674
+ position: absolute;
25675
+ -webkit-user-select: none;
25676
+ user-select: none;
25677
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25678
+ }
25679
+ .v-slider-thumb__label::before {
25680
+ content: "";
25681
+ width: 0;
25682
+ height: 0;
25683
+ position: absolute;
25684
+ }
25685
+
25686
+ .v-slider-thumb__ripple {
25687
+ position: absolute;
25688
+ left: calc(var(--v-slider-thumb-size) / -2);
25689
+ top: calc(var(--v-slider-thumb-size) / -2);
25690
+ width: calc(var(--v-slider-thumb-size) * 2);
25691
+ height: calc(var(--v-slider-thumb-size) * 2);
25692
+ background: inherit;
25693
+ }
25694
+
25695
+ .v-slider.v-input--horizontal .v-slider-thumb {
25696
+ top: 50%;
25697
+ transform: translateY(-50%);
25698
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25542
25699
  }
25543
-
25544
- .v-color-picker-preview__eye-dropper {
25545
- position: relative;
25546
- margin-right: 12px;
25547
- }.v-picker.v-sheet {
25548
- 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));
25549
- border-radius: 4px;
25550
- display: grid;
25551
- grid-auto-rows: min-content;
25552
- grid-template-areas: "title" "header" "body";
25553
- overflow: hidden;
25700
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25701
+ left: calc(var(--v-slider-thumb-size) / 2);
25702
+ top: 0;
25554
25703
  }
25555
- .v-picker.v-sheet.v-picker--with-actions {
25556
- grid-template-areas: "title" "header" "body" "actions";
25704
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25705
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25706
+ }
25707
+ .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 {
25708
+ transform: translateX(-50%);
25557
25709
  }
25558
25710
 
25559
- .v-picker__body {
25560
- grid-area: body;
25561
- overflow: hidden;
25562
- position: relative;
25711
+ .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 {
25712
+ transform: translateX(50%);
25563
25713
  }
25564
25714
 
25565
- .v-picker__header {
25566
- grid-area: header;
25715
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25716
+ border-left: 6px solid transparent;
25717
+ border-right: 6px solid transparent;
25718
+ border-top: 6px solid currentColor;
25719
+ bottom: -6px;
25567
25720
  }
25568
25721
 
25569
- .v-picker__actions {
25570
- grid-area: actions;
25571
- padding: 0 12px 12px;
25572
- display: flex;
25573
- align-items: center;
25574
- justify-content: flex-end;
25722
+ .v-slider.v-input--vertical .v-slider-thumb {
25723
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25575
25724
  }
25576
- .v-picker__actions .v-btn {
25577
- min-width: 48px;
25725
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25726
+ top: calc(var(--v-slider-thumb-size) / 2);
25727
+ right: 0;
25578
25728
  }
25579
- .v-picker__actions .v-btn:not(:last-child) {
25580
- margin-inline-end: 8px;
25729
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25730
+ top: -12.5px;
25731
+ left: calc(var(--v-slider-thumb-size) / 2);
25732
+ }
25733
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25734
+ border-right: 6px solid currentColor;
25735
+ border-top: 6px solid transparent;
25736
+ border-bottom: 6px solid transparent;
25737
+ left: -6px;
25581
25738
  }
25582
25739
 
25583
- .v-picker--landscape {
25584
- grid-template-areas: "title" "header body" "header body";
25740
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25741
+ transform: scale(2);
25742
+ opacity: var(--v-focus-opacity);
25585
25743
  }
25586
25744
 
25587
- .v-picker--landscape.v-picker--with-actions {
25588
- grid-template-areas: "title" "header body" "header actions";
25745
+ .v-slider-thumb--pressed {
25746
+ transition: none;
25747
+ }
25748
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25749
+ opacity: var(--v-pressed-opacity);
25589
25750
  }
25590
25751
 
25591
- .v-picker-title {
25592
- text-transform: uppercase;
25593
- font-size: 0.75rem;
25594
- grid-area: title;
25595
- padding-inline: 24px 12px;
25596
- padding-top: 16px;
25597
- padding-bottom: 16px;
25598
- font-weight: 400;
25599
- letter-spacing: 0.1666666667em;
25752
+ @media (hover: hover) {
25753
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25754
+ transform: scale(2);
25755
+ }
25756
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25757
+ opacity: var(--v-hover-opacity);
25758
+ }
25600
25759
  }.v-slider-track__background {
25601
25760
  background-color: rgb(var(--v-theme-surface-variant));
25602
25761
  }
@@ -25775,163 +25934,4 @@ html.v-overlay-scroll-blocked {
25775
25934
 
25776
25935
  .v-slider-track__background--opacity {
25777
25936
  opacity: 0.38;
25778
- }.v-slider-thumb {
25779
- touch-action: none;
25780
- color: rgb(var(--v-theme-surface-variant));
25781
- }
25782
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25783
- color: inherit;
25784
- }
25785
-
25786
- .v-slider-thumb__label {
25787
- background: rgba(var(--v-theme-surface-variant), 0.7);
25788
- color: rgb(var(--v-theme-on-surface-variant));
25789
- }
25790
- .v-slider-thumb__label::before {
25791
- color: rgba(var(--v-theme-surface-variant), 0.7);
25792
- }
25793
-
25794
- .v-slider-thumb {
25795
- outline: none;
25796
- position: absolute;
25797
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25798
- }
25799
-
25800
- .v-slider-thumb__surface {
25801
- cursor: pointer;
25802
- width: var(--v-slider-thumb-size);
25803
- height: var(--v-slider-thumb-size);
25804
- border-radius: 50%;
25805
- -webkit-user-select: none;
25806
- user-select: none;
25807
- background-color: currentColor;
25808
- }
25809
- @media (forced-colors: active) {
25810
- .v-slider-thumb__surface {
25811
- background-color: highlight;
25812
- }
25813
- }
25814
- .v-slider-thumb__surface::before {
25815
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25816
- content: "";
25817
- color: inherit;
25818
- top: 0;
25819
- left: 0;
25820
- width: 100%;
25821
- height: 100%;
25822
- border-radius: 50%;
25823
- background: currentColor;
25824
- position: absolute;
25825
- pointer-events: none;
25826
- opacity: 0;
25827
- }
25828
- .v-slider-thumb__surface::after {
25829
- content: "";
25830
- width: 42px;
25831
- height: 42px;
25832
- position: absolute;
25833
- top: 50%;
25834
- left: 50%;
25835
- transform: translate(-50%, -50%);
25836
- }
25837
-
25838
- .v-slider-thumb__label-container {
25839
- position: absolute;
25840
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25841
- }
25842
-
25843
- .v-slider-thumb__label {
25844
- display: flex;
25845
- align-items: center;
25846
- justify-content: center;
25847
- font-size: 0.75rem;
25848
- min-width: 35px;
25849
- height: 25px;
25850
- border-radius: 4px;
25851
- padding: 6px;
25852
- position: absolute;
25853
- -webkit-user-select: none;
25854
- user-select: none;
25855
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25856
- }
25857
- .v-slider-thumb__label::before {
25858
- content: "";
25859
- width: 0;
25860
- height: 0;
25861
- position: absolute;
25862
- }
25863
-
25864
- .v-slider-thumb__ripple {
25865
- position: absolute;
25866
- left: calc(var(--v-slider-thumb-size) / -2);
25867
- top: calc(var(--v-slider-thumb-size) / -2);
25868
- width: calc(var(--v-slider-thumb-size) * 2);
25869
- height: calc(var(--v-slider-thumb-size) * 2);
25870
- background: inherit;
25871
- }
25872
-
25873
- .v-slider.v-input--horizontal .v-slider-thumb {
25874
- top: 50%;
25875
- transform: translateY(-50%);
25876
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25877
- }
25878
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25879
- left: calc(var(--v-slider-thumb-size) / 2);
25880
- top: 0;
25881
- }
25882
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25883
- bottom: calc(var(--v-slider-thumb-size) / 2);
25884
- }
25885
- .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 {
25886
- transform: translateX(-50%);
25887
- }
25888
-
25889
- .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 {
25890
- transform: translateX(50%);
25891
- }
25892
-
25893
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25894
- border-left: 6px solid transparent;
25895
- border-right: 6px solid transparent;
25896
- border-top: 6px solid currentColor;
25897
- bottom: -6px;
25898
- }
25899
-
25900
- .v-slider.v-input--vertical .v-slider-thumb {
25901
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25902
- }
25903
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25904
- top: calc(var(--v-slider-thumb-size) / 2);
25905
- right: 0;
25906
- }
25907
- .v-slider.v-input--vertical .v-slider-thumb__label {
25908
- top: -12.5px;
25909
- left: calc(var(--v-slider-thumb-size) / 2);
25910
- }
25911
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25912
- border-right: 6px solid currentColor;
25913
- border-top: 6px solid transparent;
25914
- border-bottom: 6px solid transparent;
25915
- left: -6px;
25916
- }
25917
-
25918
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25919
- transform: scale(2);
25920
- opacity: var(--v-focus-opacity);
25921
- }
25922
-
25923
- .v-slider-thumb--pressed {
25924
- transition: none;
25925
- }
25926
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25927
- opacity: var(--v-pressed-opacity);
25928
- }
25929
-
25930
- @media (hover: hover) {
25931
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25932
- transform: scale(2);
25933
- }
25934
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25935
- opacity: var(--v-hover-opacity);
25936
- }
25937
25937
  }