@vuetify/nightly 3.7.0-master.2024-08-21 → 3.7.0-master.2024-08-22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.0-master.2024-08-21
2
+ * Vuetify v3.7.0-master.2024-08-22
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18486,69 +18486,6 @@ html.overflow-y-hidden {
18486
18486
  display: inline-flex;
18487
18487
  justify-content: center;
18488
18488
  margin: 0 4px;
18489
- }.v-bottom-navigation {
18490
- display: flex;
18491
- max-width: 100%;
18492
- overflow: hidden;
18493
- position: absolute;
18494
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18495
- }
18496
- .v-bottom-navigation {
18497
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18498
- border-style: solid;
18499
- border-width: 0;
18500
- }
18501
- .v-bottom-navigation--border {
18502
- border-width: thin;
18503
- box-shadow: none;
18504
- }
18505
- .v-bottom-navigation {
18506
- border-radius: 0;
18507
- }
18508
- .v-bottom-navigation {
18509
- background: rgb(var(--v-theme-surface));
18510
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18511
- }
18512
- .v-bottom-navigation--active {
18513
- 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));
18514
- }
18515
-
18516
- .v-bottom-navigation__content {
18517
- display: flex;
18518
- flex: none;
18519
- font-size: 0.75rem;
18520
- justify-content: center;
18521
- transition: inherit;
18522
- width: 100%;
18523
- }
18524
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18525
- font-size: inherit;
18526
- height: 100%;
18527
- max-width: 168px;
18528
- min-width: 80px;
18529
- text-transform: none;
18530
- transition: inherit;
18531
- width: auto;
18532
- }
18533
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18534
- border-radius: 0;
18535
- }
18536
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18537
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18538
- transition: inherit;
18539
- }
18540
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18541
- font-size: 1.5rem;
18542
- }
18543
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18544
- flex-grow: 1;
18545
- }
18546
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18547
- transition: inherit;
18548
- opacity: 0;
18549
- }
18550
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18551
- transform: translateY(0.5rem);
18552
18489
  }.v-banner {
18553
18490
  display: grid;
18554
18491
  flex: 1 1;
@@ -18715,6 +18652,69 @@ html.overflow-y-hidden {
18715
18652
  }
18716
18653
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18717
18654
  align-self: flex-start;
18655
+ }.v-bottom-navigation {
18656
+ display: flex;
18657
+ max-width: 100%;
18658
+ overflow: hidden;
18659
+ position: absolute;
18660
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18661
+ }
18662
+ .v-bottom-navigation {
18663
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18664
+ border-style: solid;
18665
+ border-width: 0;
18666
+ }
18667
+ .v-bottom-navigation--border {
18668
+ border-width: thin;
18669
+ box-shadow: none;
18670
+ }
18671
+ .v-bottom-navigation {
18672
+ border-radius: 0;
18673
+ }
18674
+ .v-bottom-navigation {
18675
+ background: rgb(var(--v-theme-surface));
18676
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18677
+ }
18678
+ .v-bottom-navigation--active {
18679
+ 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));
18680
+ }
18681
+
18682
+ .v-bottom-navigation__content {
18683
+ display: flex;
18684
+ flex: none;
18685
+ font-size: 0.75rem;
18686
+ justify-content: center;
18687
+ transition: inherit;
18688
+ width: 100%;
18689
+ }
18690
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18691
+ font-size: inherit;
18692
+ height: 100%;
18693
+ max-width: 168px;
18694
+ min-width: 80px;
18695
+ text-transform: none;
18696
+ transition: inherit;
18697
+ width: auto;
18698
+ }
18699
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18700
+ border-radius: 0;
18701
+ }
18702
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18703
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18704
+ transition: inherit;
18705
+ }
18706
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18707
+ font-size: 1.5rem;
18708
+ }
18709
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18710
+ flex-grow: 1;
18711
+ }
18712
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18713
+ transition: inherit;
18714
+ opacity: 0;
18715
+ }
18716
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18717
+ transform: translateY(0.5rem);
18718
18718
  }.bottom-sheet-transition-enter-from {
18719
18719
  transform: translateY(100%);
18720
18720
  }
@@ -19615,76 +19615,6 @@ html.overflow-y-hidden {
19615
19615
  pointer-events: none;
19616
19616
  opacity: 0;
19617
19617
  transition: opacity 0.2s ease-in-out;
19618
- }.v-carousel {
19619
- overflow: hidden;
19620
- position: relative;
19621
- width: 100%;
19622
- }
19623
- .v-carousel__controls {
19624
- align-items: center;
19625
- bottom: 0;
19626
- display: flex;
19627
- height: 50px;
19628
- justify-content: center;
19629
- list-style-type: none;
19630
- position: absolute;
19631
- width: 100%;
19632
- z-index: 1;
19633
- }
19634
- .v-carousel__controls {
19635
- background: rgba(var(--v-theme-surface-variant), 0.3);
19636
- color: rgb(var(--v-theme-on-surface-variant));
19637
- }
19638
- .v-carousel__controls > .v-item-group {
19639
- flex: 0 1 auto;
19640
- }
19641
- .v-carousel__controls__item {
19642
- margin: 0 8px;
19643
- }
19644
- .v-carousel__controls__item .v-icon {
19645
- opacity: 0.5;
19646
- }
19647
- .v-carousel__controls__item--active .v-icon {
19648
- opacity: 1;
19649
- vertical-align: middle;
19650
- }
19651
- .v-carousel__controls__item:hover {
19652
- background: none;
19653
- }
19654
- .v-carousel__controls__item:hover .v-icon {
19655
- opacity: 0.8;
19656
- }
19657
-
19658
- .v-carousel__progress {
19659
- margin: 0;
19660
- position: absolute;
19661
- bottom: 0;
19662
- left: 0;
19663
- right: 0;
19664
- }
19665
-
19666
- .v-carousel-item {
19667
- display: block;
19668
- height: inherit;
19669
- text-decoration: none;
19670
- }
19671
- .v-carousel-item > .v-img {
19672
- height: inherit;
19673
- }
19674
-
19675
- .v-carousel--hide-delimiter-background .v-carousel__controls {
19676
- background: transparent;
19677
- }
19678
-
19679
- .v-carousel--vertical-delimiters .v-carousel__controls {
19680
- flex-direction: column;
19681
- height: 100% !important;
19682
- width: 50px;
19683
- }.v-checkbox.v-input {
19684
- flex: 0 1 auto;
19685
- }
19686
- .v-checkbox .v-selection-control {
19687
- min-height: var(--v-input-control-height);
19688
19618
  }.v-chip {
19689
19619
  align-items: center;
19690
19620
  display: inline-flex;
@@ -20103,45 +20033,115 @@ html.overflow-y-hidden {
20103
20033
 
20104
20034
  .v-chip--label {
20105
20035
  border-radius: 4px;
20106
- }.v-chip-group {
20036
+ }.v-carousel {
20037
+ overflow: hidden;
20038
+ position: relative;
20039
+ width: 100%;
20040
+ }
20041
+ .v-carousel__controls {
20042
+ align-items: center;
20043
+ bottom: 0;
20107
20044
  display: flex;
20108
- max-width: 100%;
20109
- min-width: 0;
20110
- overflow-x: auto;
20111
- padding: 4px 0;
20045
+ height: 50px;
20046
+ justify-content: center;
20047
+ list-style-type: none;
20048
+ position: absolute;
20049
+ width: 100%;
20050
+ z-index: 1;
20112
20051
  }
20113
- .v-chip-group .v-chip {
20114
- margin: 4px 8px 4px 0;
20052
+ .v-carousel__controls {
20053
+ background: rgba(var(--v-theme-surface-variant), 0.3);
20054
+ color: rgb(var(--v-theme-on-surface-variant));
20115
20055
  }
20116
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20117
- opacity: var(--v-activated-opacity);
20056
+ .v-carousel__controls > .v-item-group {
20057
+ flex: 0 1 auto;
20118
20058
  }
20119
-
20120
- .v-chip-group--column .v-slide-group__content {
20121
- white-space: normal;
20122
- flex-wrap: wrap;
20123
- max-width: 100%;
20124
- }.v-color-picker {
20125
- align-self: flex-start;
20126
- contain: content;
20059
+ .v-carousel__controls__item {
20060
+ margin: 0 8px;
20127
20061
  }
20128
- .v-color-picker.v-sheet {
20129
- 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));
20062
+ .v-carousel__controls__item .v-icon {
20063
+ opacity: 0.5;
20130
20064
  }
20131
- .v-color-picker.v-sheet {
20132
- border-radius: 4px;
20065
+ .v-carousel__controls__item--active .v-icon {
20066
+ opacity: 1;
20067
+ vertical-align: middle;
20133
20068
  }
20134
-
20135
- .v-color-picker__controls {
20136
- display: flex;
20137
- flex-direction: column;
20138
- padding: 16px;
20069
+ .v-carousel__controls__item:hover {
20070
+ background: none;
20139
20071
  }
20140
-
20141
- .v-color-picker--flat {
20142
- 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));
20072
+ .v-carousel__controls__item:hover .v-icon {
20073
+ opacity: 0.8;
20143
20074
  }
20144
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20075
+
20076
+ .v-carousel__progress {
20077
+ margin: 0;
20078
+ position: absolute;
20079
+ bottom: 0;
20080
+ left: 0;
20081
+ right: 0;
20082
+ }
20083
+
20084
+ .v-carousel-item {
20085
+ display: block;
20086
+ height: inherit;
20087
+ text-decoration: none;
20088
+ }
20089
+ .v-carousel-item > .v-img {
20090
+ height: inherit;
20091
+ }
20092
+
20093
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
20094
+ background: transparent;
20095
+ }
20096
+
20097
+ .v-carousel--vertical-delimiters .v-carousel__controls {
20098
+ flex-direction: column;
20099
+ height: 100% !important;
20100
+ width: 50px;
20101
+ }.v-checkbox.v-input {
20102
+ flex: 0 1 auto;
20103
+ }
20104
+ .v-checkbox .v-selection-control {
20105
+ min-height: var(--v-input-control-height);
20106
+ }.v-chip-group {
20107
+ display: flex;
20108
+ max-width: 100%;
20109
+ min-width: 0;
20110
+ overflow-x: auto;
20111
+ padding: 4px 0;
20112
+ }
20113
+ .v-chip-group .v-chip {
20114
+ margin: 4px 8px 4px 0;
20115
+ }
20116
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20117
+ opacity: var(--v-activated-opacity);
20118
+ }
20119
+
20120
+ .v-chip-group--column .v-slide-group__content {
20121
+ white-space: normal;
20122
+ flex-wrap: wrap;
20123
+ max-width: 100%;
20124
+ }.v-color-picker {
20125
+ align-self: flex-start;
20126
+ contain: content;
20127
+ }
20128
+ .v-color-picker.v-sheet {
20129
+ 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));
20130
+ }
20131
+ .v-color-picker.v-sheet {
20132
+ border-radius: 4px;
20133
+ }
20134
+
20135
+ .v-color-picker__controls {
20136
+ display: flex;
20137
+ flex-direction: column;
20138
+ padding: 16px;
20139
+ }
20140
+
20141
+ .v-color-picker--flat {
20142
+ 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));
20143
+ }
20144
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20145
20145
  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));
20146
20146
  }.v-combobox .v-field .v-text-field__prefix,
20147
20147
  .v-combobox .v-field .v-text-field__suffix,
@@ -20233,276 +20233,120 @@ html.overflow-y-hidden {
20233
20233
  flex: 0 1 auto;
20234
20234
  font-size: 12px;
20235
20235
  transition-duration: 150ms;
20236
- }.v-data-table {
20237
- width: 100%;
20238
- }
20239
-
20240
- .v-data-table__table {
20241
- width: 100%;
20242
- border-collapse: separate;
20243
- border-spacing: 0;
20244
- }
20245
-
20246
- .v-data-table__tr--focus {
20247
- border: 1px dotted black;
20248
- }
20249
- .v-data-table__tr--clickable {
20250
- cursor: pointer;
20236
+ }.v-date-picker {
20237
+ overflow: hidden;
20238
+ width: 328px;
20251
20239
  }
20252
-
20253
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20254
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20255
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20256
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20257
- text-align: end;
20240
+ .v-date-picker--show-week {
20241
+ width: 368px;
20242
+ }.v-date-picker-controls {
20243
+ display: flex;
20244
+ align-items: center;
20245
+ justify-content: space-between;
20246
+ font-size: 0.875rem;
20247
+ padding-top: 4px;
20248
+ padding-bottom: 4px;
20249
+ padding-inline-start: 6px;
20250
+ padding-inline-end: 12px;
20258
20251
  }
20259
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20260
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20261
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20262
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20263
- flex-direction: row-reverse;
20252
+ .v-date-picker-controls > .v-btn:first-child {
20253
+ text-transform: none;
20254
+ font-weight: 400;
20255
+ line-height: initial;
20256
+ letter-spacing: initial;
20264
20257
  }
20265
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20266
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20267
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20268
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20269
- text-align: center;
20258
+ .v-date-picker-controls--variant-classic {
20259
+ padding-inline-start: 12px;
20270
20260
  }
20271
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20272
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20273
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20274
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20275
- justify-content: center;
20261
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20262
+ opacity: 0.7;
20276
20263
  }
20277
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20278
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20279
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20280
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20281
- padding: 0 8px;
20264
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20265
+ cursor: pointer;
20282
20266
  }
20283
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20284
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20285
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20286
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20287
- text-overflow: ellipsis;
20288
- text-wrap: nowrap;
20289
- overflow: hidden;
20267
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20268
+ opacity: 1;
20290
20269
  }
20291
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20292
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20293
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20294
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20295
- display: contents;
20270
+ .v-date-picker-controls .v-btn:last-child {
20271
+ margin-inline-start: 4px;
20296
20272
  }
20297
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20298
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20299
- align-items: center;
20273
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20274
+ transform: rotate(180deg);
20300
20275
  }
20301
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20302
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20303
- position: sticky;
20276
+
20277
+ .v-date-picker-controls__date {
20278
+ margin-inline-end: 4px;
20304
20279
  }
20305
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20306
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20307
- cursor: pointer;
20308
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20280
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20281
+ margin: auto;
20282
+ text-align: center;
20309
20283
  }
20310
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20311
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20312
- opacity: 0;
20284
+
20285
+ .v-date-picker-controls__month {
20286
+ display: flex;
20313
20287
  }
20314
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20315
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20316
- opacity: 0.5;
20288
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20289
+ flex-direction: row-reverse;
20317
20290
  }
20318
- .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
20319
- .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
20320
- height: -moz-fit-content;
20321
- height: fit-content;
20291
+
20292
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20293
+ flex: 1 0 auto;
20322
20294
  }
20323
20295
 
20324
- .v-data-table-column--fixed,
20325
- .v-data-table__th--sticky {
20326
- background: rgb(var(--v-theme-surface));
20327
- position: sticky !important;
20328
- left: 0;
20329
- z-index: 1;
20296
+ .v-date-picker__title {
20297
+ display: inline-block;
20298
+ }.v-date-picker-header {
20299
+ align-items: flex-end;
20300
+ height: 70px;
20301
+ display: grid;
20302
+ grid-template-areas: "prepend content append";
20303
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20304
+ overflow: hidden;
20305
+ padding-inline: 24px 12px;
20306
+ padding-bottom: 12px;
20330
20307
  }
20331
20308
 
20332
- .v-data-table-column--last-fixed {
20333
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20309
+ .v-date-picker-header__append {
20310
+ grid-area: append;
20334
20311
  }
20335
20312
 
20336
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20337
- z-index: 2;
20313
+ .v-date-picker-header__prepend {
20314
+ grid-area: prepend;
20315
+ padding-inline-start: 8px;
20338
20316
  }
20339
20317
 
20340
- .v-data-table-group-header-row td {
20341
- background: rgba(var(--v-theme-surface));
20342
- color: rgba(var(--v-theme-on-surface));
20318
+ .v-date-picker-header__content {
20319
+ align-items: center;
20320
+ display: inline-flex;
20321
+ font-size: 32px;
20322
+ line-height: 40px;
20323
+ grid-area: content;
20324
+ justify-content: space-between;
20343
20325
  }
20344
- .v-data-table-group-header-row td > span {
20345
- padding-left: 5px;
20326
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20327
+ cursor: pointer;
20346
20328
  }
20347
-
20348
- .v-data-table--loading .v-data-table__td {
20349
- opacity: var(--v-disabled-opacity);
20329
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20330
+ opacity: 0.7;
20350
20331
  }
20351
20332
 
20352
- .v-data-table-group-header-row__column {
20353
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20333
+ .date-picker-header-transition-enter-active,
20334
+ .date-picker-header-reverse-transition-enter-active {
20335
+ transition-duration: 0.3s;
20336
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20337
+ }
20338
+ .date-picker-header-transition-leave-active,
20339
+ .date-picker-header-reverse-transition-leave-active {
20340
+ transition-duration: 0.3s;
20341
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20354
20342
  }
20355
20343
 
20356
- .v-data-table-header__content {
20357
- display: flex;
20358
- align-items: center;
20359
- }
20360
-
20361
- .v-data-table-header__sort-badge {
20362
- display: inline-flex;
20363
- justify-content: center;
20364
- align-items: center;
20365
- font-size: 0.875rem;
20366
- padding: 4px;
20367
- border-radius: 50%;
20368
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20369
- min-width: 20px;
20370
- min-height: 20px;
20371
- width: 20px;
20372
- height: 20px;
20373
- }
20374
-
20375
- .v-data-table-progress > th {
20376
- border: none !important;
20377
- height: auto !important;
20378
- padding: 0 !important;
20379
- }
20380
-
20381
- .v-data-table-progress__loader {
20382
- position: relative;
20383
- }
20384
-
20385
- .v-data-table-rows-loading,
20386
- .v-data-table-rows-no-data {
20387
- text-align: center;
20388
- }
20389
-
20390
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20391
- grid-template-columns: 0;
20392
- justify-content: center;
20393
- }
20394
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20395
- grid-template-columns: 0;
20396
- justify-content: end;
20397
- }
20398
- .v-data-table__tr--mobile > td {
20399
- align-items: center;
20400
- column-gap: 4px;
20401
- display: grid;
20402
- grid-template-columns: repeat(2, 1fr);
20403
- min-height: var(--v-table-row-height);
20404
- }
20405
- .v-data-table__tr--mobile > td:not(:last-child) {
20406
- border-bottom: 0 !important;
20407
- }
20408
-
20409
- .v-data-table__td-title {
20410
- font-weight: 500;
20411
- text-align: left;
20412
- }
20413
-
20414
- .v-data-table__td-value {
20415
- text-align: right;
20416
- }
20417
-
20418
- .v-data-table__td-sort-icon {
20419
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20420
- }
20421
- .v-data-table__td-sort-icon-active {
20422
- color: rgba(var(--v-theme-on-surface));
20423
- }.v-data-table-footer {
20424
- align-items: center;
20425
- display: flex;
20426
- flex-wrap: wrap;
20427
- justify-content: flex-end;
20428
- padding: 8px 4px;
20429
- }
20430
- .v-data-table-footer__items-per-page {
20431
- align-items: center;
20432
- display: flex;
20433
- justify-content: center;
20434
- }
20435
- .v-data-table-footer__items-per-page > span {
20436
- padding-inline-end: 8px;
20437
- }
20438
- .v-data-table-footer__items-per-page > .v-select {
20439
- width: 90px;
20440
- }
20441
- .v-data-table-footer__info {
20442
- display: flex;
20443
- justify-content: flex-end;
20444
- min-width: 116px;
20445
- padding: 0 16px;
20446
- }
20447
- .v-data-table-footer__paginationz {
20448
- align-items: center;
20449
- display: flex;
20450
- margin-inline-start: 16px;
20451
- }
20452
- .v-data-table-footer__page {
20453
- padding: 0 8px;
20454
- }.v-date-picker-header {
20455
- align-items: flex-end;
20456
- height: 70px;
20457
- display: grid;
20458
- grid-template-areas: "prepend content append";
20459
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20460
- overflow: hidden;
20461
- padding-inline: 24px 12px;
20462
- padding-bottom: 12px;
20463
- }
20464
-
20465
- .v-date-picker-header__append {
20466
- grid-area: append;
20467
- }
20468
-
20469
- .v-date-picker-header__prepend {
20470
- grid-area: prepend;
20471
- padding-inline-start: 8px;
20472
- }
20473
-
20474
- .v-date-picker-header__content {
20475
- align-items: center;
20476
- display: inline-flex;
20477
- font-size: 32px;
20478
- line-height: 40px;
20479
- grid-area: content;
20480
- justify-content: space-between;
20481
- }
20482
- .v-date-picker-header--clickable .v-date-picker-header__content {
20483
- cursor: pointer;
20484
- }
20485
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20486
- opacity: 0.7;
20487
- }
20488
-
20489
- .date-picker-header-transition-enter-active,
20490
- .date-picker-header-reverse-transition-enter-active {
20491
- transition-duration: 0.3s;
20492
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20493
- }
20494
- .date-picker-header-transition-leave-active,
20495
- .date-picker-header-reverse-transition-leave-active {
20496
- transition-duration: 0.3s;
20497
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20498
- }
20499
-
20500
- .date-picker-header-transition-enter-from {
20501
- transform: translate(0, 100%);
20502
- }
20503
- .date-picker-header-transition-leave-to {
20504
- opacity: 0;
20505
- transform: translate(0, -100%);
20344
+ .date-picker-header-transition-enter-from {
20345
+ transform: translate(0, 100%);
20346
+ }
20347
+ .date-picker-header-transition-leave-to {
20348
+ opacity: 0;
20349
+ transform: translate(0, -100%);
20506
20350
  }
20507
20351
 
20508
20352
  .date-picker-header-reverse-transition-enter-from {
@@ -20511,68 +20355,25 @@ html.overflow-y-hidden {
20511
20355
  .date-picker-header-reverse-transition-leave-to {
20512
20356
  opacity: 0;
20513
20357
  transform: translate(0, 100%);
20514
- }.v-date-picker {
20515
- overflow: hidden;
20516
- width: 328px;
20358
+ }.v-date-picker-months {
20359
+ height: 288px;
20517
20360
  }
20518
- .v-date-picker--show-week {
20519
- width: 368px;
20520
- }.v-date-picker-controls {
20521
- display: flex;
20361
+
20362
+ .v-date-picker-months__content {
20522
20363
  align-items: center;
20523
- justify-content: space-between;
20524
- font-size: 0.875rem;
20525
- padding-top: 4px;
20526
- padding-bottom: 4px;
20527
- padding-inline-start: 6px;
20528
- padding-inline-end: 12px;
20364
+ display: grid;
20365
+ flex: 1 1;
20366
+ height: inherit;
20367
+ justify-content: space-around;
20368
+ grid-template-columns: repeat(2, 1fr);
20369
+ grid-gap: 0px 24px;
20370
+ padding-inline-start: 36px;
20371
+ padding-inline-end: 36px;
20529
20372
  }
20530
- .v-date-picker-controls > .v-btn:first-child {
20373
+ .v-date-picker-months__content .v-btn {
20531
20374
  text-transform: none;
20532
- font-weight: 400;
20533
- line-height: initial;
20534
- letter-spacing: initial;
20535
- }
20536
- .v-date-picker-controls--variant-classic {
20537
- padding-inline-start: 12px;
20538
- }
20539
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20540
- opacity: 0.7;
20541
- }
20542
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20543
- cursor: pointer;
20544
- }
20545
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20546
- opacity: 1;
20547
- }
20548
- .v-date-picker-controls .v-btn:last-child {
20549
- margin-inline-start: 4px;
20550
- }
20551
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20552
- transform: rotate(180deg);
20553
- }
20554
-
20555
- .v-date-picker-controls__date {
20556
- margin-inline-end: 4px;
20557
- }
20558
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20559
- margin: auto;
20560
- text-align: center;
20561
- }
20562
-
20563
- .v-date-picker-controls__month {
20564
- display: flex;
20565
- }
20566
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20567
- flex-direction: row-reverse;
20568
- }
20569
-
20570
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20571
- flex: 1 0 auto;
20572
- }
20573
-
20574
- .v-date-picker__title {
20575
- display: inline-block;
20375
+ padding-inline-start: 8px;
20376
+ padding-inline-end: 8px;
20576
20377
  }.v-date-picker-month {
20577
20378
  display: flex;
20578
20379
  justify-content: center;
@@ -20628,25 +20429,6 @@ html.overflow-y-hidden {
20628
20429
 
20629
20430
  .v-date-picker-month__day--hide-adjacent {
20630
20431
  opacity: 0;
20631
- }.v-date-picker-months {
20632
- height: 288px;
20633
- }
20634
-
20635
- .v-date-picker-months__content {
20636
- align-items: center;
20637
- display: grid;
20638
- flex: 1 1;
20639
- height: inherit;
20640
- justify-content: space-around;
20641
- grid-template-columns: repeat(2, 1fr);
20642
- grid-gap: 0px 24px;
20643
- padding-inline-start: 36px;
20644
- padding-inline-end: 36px;
20645
- }
20646
- .v-date-picker-months__content .v-btn {
20647
- text-transform: none;
20648
- padding-inline-start: 8px;
20649
- padding-inline-end: 8px;
20650
20432
  }.v-date-picker-years {
20651
20433
  height: 288px;
20652
20434
  overflow-y: scroll;
@@ -20878,15 +20660,84 @@ html.overflow-y-hidden {
20878
20660
  .v-empty-state__action-btn.v-btn {
20879
20661
  background-color: initial;
20880
20662
  color: initial;
20881
- }.v-expansion-panel {
20882
- background-color: rgb(var(--v-theme-surface));
20883
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20663
+ }.v-fab {
20664
+ align-items: center;
20665
+ display: inline-flex;
20666
+ flex: 1 1 auto;
20667
+ pointer-events: none;
20668
+ position: relative;
20669
+ transition-duration: 0.2s;
20670
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20671
+ vertical-align: middle;
20884
20672
  }
20885
- .v-expansion-panel:not(:first-child)::after {
20886
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20673
+ .v-fab .v-btn {
20674
+ pointer-events: auto;
20887
20675
  }
20888
- .v-expansion-panel--disabled .v-expansion-panel-title {
20889
- color: rgba(var(--v-theme-on-surface), 0.26);
20676
+ .v-fab .v-btn--variant-elevated {
20677
+ 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));
20678
+ }
20679
+ .v-fab--app, .v-fab--absolute {
20680
+ display: flex;
20681
+ }
20682
+ .v-fab--start, .v-fab--left {
20683
+ justify-content: flex-start;
20684
+ }
20685
+ .v-fab--center {
20686
+ align-items: center;
20687
+ justify-content: center;
20688
+ }
20689
+ .v-fab--end, .v-fab--right {
20690
+ justify-content: flex-end;
20691
+ }
20692
+ .v-fab--bottom {
20693
+ align-items: flex-end;
20694
+ }
20695
+ .v-fab--top {
20696
+ align-items: flex-start;
20697
+ }
20698
+ .v-fab--extended .v-btn {
20699
+ border-radius: 9999px !important;
20700
+ }
20701
+
20702
+ .v-fab__container {
20703
+ align-self: center;
20704
+ display: inline-flex;
20705
+ position: absolute;
20706
+ vertical-align: middle;
20707
+ }
20708
+ .v-fab--app .v-fab__container {
20709
+ margin: 12px;
20710
+ }
20711
+ .v-fab--absolute .v-fab__container {
20712
+ position: absolute;
20713
+ z-index: 4;
20714
+ }
20715
+ .v-fab--offset.v-fab--top .v-fab__container {
20716
+ transform: translateY(-50%);
20717
+ }
20718
+ .v-fab--offset.v-fab--bottom .v-fab__container {
20719
+ transform: translateY(50%);
20720
+ }
20721
+ .v-fab--top .v-fab__container {
20722
+ top: 0;
20723
+ }
20724
+ .v-fab--bottom .v-fab__container {
20725
+ bottom: 0;
20726
+ }
20727
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20728
+ left: 0;
20729
+ }
20730
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20731
+ right: 0;
20732
+ }.v-expansion-panel {
20733
+ background-color: rgb(var(--v-theme-surface));
20734
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20735
+ }
20736
+ .v-expansion-panel:not(:first-child)::after {
20737
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20738
+ }
20739
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20740
+ color: rgba(var(--v-theme-on-surface), 0.26);
20890
20741
  }
20891
20742
  .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20892
20743
  opacity: 0.4615384615;
@@ -21094,75 +20945,6 @@ html.overflow-y-hidden {
21094
20945
  }
21095
20946
  .v-expansion-panels--tile > .v-expansion-panel {
21096
20947
  border-radius: 0;
21097
- }.v-fab {
21098
- align-items: center;
21099
- display: inline-flex;
21100
- flex: 1 1 auto;
21101
- pointer-events: none;
21102
- position: relative;
21103
- transition-duration: 0.2s;
21104
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21105
- vertical-align: middle;
21106
- }
21107
- .v-fab .v-btn {
21108
- pointer-events: auto;
21109
- }
21110
- .v-fab .v-btn--variant-elevated {
21111
- 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));
21112
- }
21113
- .v-fab--app, .v-fab--absolute {
21114
- display: flex;
21115
- }
21116
- .v-fab--start, .v-fab--left {
21117
- justify-content: flex-start;
21118
- }
21119
- .v-fab--center {
21120
- align-items: center;
21121
- justify-content: center;
21122
- }
21123
- .v-fab--end, .v-fab--right {
21124
- justify-content: flex-end;
21125
- }
21126
- .v-fab--bottom {
21127
- align-items: flex-end;
21128
- }
21129
- .v-fab--top {
21130
- align-items: flex-start;
21131
- }
21132
- .v-fab--extended .v-btn {
21133
- border-radius: 9999px !important;
21134
- }
21135
-
21136
- .v-fab__container {
21137
- align-self: center;
21138
- display: inline-flex;
21139
- position: absolute;
21140
- vertical-align: middle;
21141
- }
21142
- .v-fab--app .v-fab__container {
21143
- margin: 12px;
21144
- }
21145
- .v-fab--absolute .v-fab__container {
21146
- position: absolute;
21147
- z-index: 4;
21148
- }
21149
- .v-fab--offset.v-fab--top .v-fab__container {
21150
- transform: translateY(-50%);
21151
- }
21152
- .v-fab--offset.v-fab--bottom .v-fab__container {
21153
- transform: translateY(50%);
21154
- }
21155
- .v-fab--top .v-fab__container {
21156
- top: 0;
21157
- }
21158
- .v-fab--bottom .v-fab__container {
21159
- bottom: 0;
21160
- }
21161
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21162
- left: 0;
21163
- }
21164
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21165
- right: 0;
21166
20948
  }/* region INPUT */
21167
20949
  .v-field {
21168
20950
  display: grid;
@@ -22587,6 +22369,11 @@ textarea.v-field__input::placeholder {
22587
22369
 
22588
22370
  .v-img__gradient {
22589
22371
  background-repeat: no-repeat;
22372
+ }.v-item-group {
22373
+ flex: 0 1 auto;
22374
+ max-width: 100%;
22375
+ position: relative;
22376
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22590
22377
  }.v-input {
22591
22378
  display: grid;
22592
22379
  flex: 1 1 auto;
@@ -22729,6 +22516,21 @@ textarea.v-field__input::placeholder {
22729
22516
 
22730
22517
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22731
22518
  padding-top: calc(var(--v-input-padding-top) + 0px);
22519
+ }.v-layout {
22520
+ --v-scrollbar-offset: 0px;
22521
+ display: flex;
22522
+ flex: 1 1 auto;
22523
+ }
22524
+ .v-layout--full-height {
22525
+ --v-scrollbar-offset: inherit;
22526
+ height: 100%;
22527
+ }.v-layout-item {
22528
+ position: absolute;
22529
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22530
+ }
22531
+
22532
+ .v-layout-item--absolute {
22533
+ position: absolute;
22732
22534
  }.v-infinite-scroll--horizontal {
22733
22535
  display: flex;
22734
22536
  flex-direction: row;
@@ -22754,11 +22556,6 @@ textarea.v-field__input::placeholder {
22754
22556
  display: flex;
22755
22557
  justify-content: center;
22756
22558
  padding: 8px;
22757
- }.v-item-group {
22758
- flex: 0 1 auto;
22759
- max-width: 100%;
22760
- position: relative;
22761
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22762
22559
  }.v-label {
22763
22560
  align-items: center;
22764
22561
  color: inherit;
@@ -22774,21 +22571,6 @@ textarea.v-field__input::placeholder {
22774
22571
 
22775
22572
  .v-label--clickable {
22776
22573
  cursor: pointer;
22777
- }.v-layout {
22778
- --v-scrollbar-offset: 0px;
22779
- display: flex;
22780
- flex: 1 1 auto;
22781
- }
22782
- .v-layout--full-height {
22783
- --v-scrollbar-offset: inherit;
22784
- height: 100%;
22785
- }.v-layout-item {
22786
- position: absolute;
22787
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22788
- }
22789
-
22790
- .v-layout-item--absolute {
22791
- position: absolute;
22792
22574
  }.v-list {
22793
22575
  overflow: auto;
22794
22576
  padding: 8px 0;
@@ -23431,6 +23213,64 @@ textarea.v-field__input::placeholder {
23431
23213
  .v-menu > .v-overlay__content > .v-sheet,
23432
23214
  .v-menu > .v-overlay__content > .v-list {
23433
23215
  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));
23216
+ }.v-otp-input {
23217
+ align-items: center;
23218
+ display: flex;
23219
+ justify-content: center;
23220
+ padding: 0.5rem 0;
23221
+ position: relative;
23222
+ }
23223
+ .v-otp-input {
23224
+ border-radius: 4px;
23225
+ }
23226
+ .v-otp-input .v-field {
23227
+ height: 100%;
23228
+ }
23229
+
23230
+ .v-otp-input__divider {
23231
+ margin: 0 8px;
23232
+ }
23233
+
23234
+ .v-otp-input__content {
23235
+ align-items: center;
23236
+ display: flex;
23237
+ gap: 0.5rem;
23238
+ height: 64px;
23239
+ padding: 0.5rem;
23240
+ justify-content: center;
23241
+ max-width: 320px;
23242
+ position: relative;
23243
+ border-radius: inherit;
23244
+ }
23245
+ .v-otp-input--divided .v-otp-input__content {
23246
+ max-width: 360px;
23247
+ }
23248
+
23249
+ .v-otp-input__field {
23250
+ color: inherit;
23251
+ font-size: 1.25rem;
23252
+ height: 100%;
23253
+ outline: none;
23254
+ text-align: center;
23255
+ width: 100%;
23256
+ }
23257
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23258
+ -webkit-appearance: none;
23259
+ margin: 0;
23260
+ }
23261
+ .v-otp-input__field[type=number] {
23262
+ -moz-appearance: textfield;
23263
+ }
23264
+
23265
+ .v-otp-input__loader {
23266
+ align-items: center;
23267
+ display: flex;
23268
+ height: 100%;
23269
+ justify-content: center;
23270
+ width: 100%;
23271
+ }
23272
+ .v-otp-input__loader .v-progress-linear {
23273
+ position: absolute;
23434
23274
  }.v-navigation-drawer {
23435
23275
  -webkit-overflow-scrolling: touch;
23436
23276
  background: rgb(var(--v-theme-surface));
@@ -23539,75 +23379,17 @@ textarea.v-field__input::placeholder {
23539
23379
  .v-navigation-drawer__append {
23540
23380
  flex: none;
23541
23381
  overflow: hidden;
23542
- }.v-otp-input {
23543
- align-items: center;
23544
- display: flex;
23545
- justify-content: center;
23546
- padding: 0.5rem 0;
23547
- position: relative;
23548
- }
23549
- .v-otp-input {
23550
- border-radius: 4px;
23551
- }
23552
- .v-otp-input .v-field {
23553
- height: 100%;
23382
+ }.v-overlay-container {
23383
+ contain: layout;
23384
+ left: 0;
23385
+ pointer-events: none;
23386
+ position: absolute;
23387
+ top: 0;
23388
+ display: contents;
23554
23389
  }
23555
23390
 
23556
- .v-otp-input__divider {
23557
- margin: 0 8px;
23558
- }
23559
-
23560
- .v-otp-input__content {
23561
- align-items: center;
23562
- display: flex;
23563
- gap: 0.5rem;
23564
- height: 64px;
23565
- padding: 0.5rem;
23566
- justify-content: center;
23567
- max-width: 320px;
23568
- position: relative;
23569
- border-radius: inherit;
23570
- }
23571
- .v-otp-input--divided .v-otp-input__content {
23572
- max-width: 360px;
23573
- }
23574
-
23575
- .v-otp-input__field {
23576
- color: inherit;
23577
- font-size: 1.25rem;
23578
- height: 100%;
23579
- outline: none;
23580
- text-align: center;
23581
- width: 100%;
23582
- }
23583
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23584
- -webkit-appearance: none;
23585
- margin: 0;
23586
- }
23587
- .v-otp-input__field[type=number] {
23588
- -moz-appearance: textfield;
23589
- }
23590
-
23591
- .v-otp-input__loader {
23592
- align-items: center;
23593
- display: flex;
23594
- height: 100%;
23595
- justify-content: center;
23596
- width: 100%;
23597
- }
23598
- .v-otp-input__loader .v-progress-linear {
23599
- position: absolute;
23600
- }.v-overlay-container {
23601
- contain: layout;
23602
- left: 0;
23603
- pointer-events: none;
23604
- position: absolute;
23605
- top: 0;
23606
- display: contents;
23607
- }
23608
-
23609
- .v-overlay-scroll-blocked {
23610
- padding-inline-end: var(--v-scrollbar-offset);
23391
+ .v-overlay-scroll-blocked {
23392
+ padding-inline-end: var(--v-scrollbar-offset);
23611
23393
  }
23612
23394
  .v-overlay-scroll-blocked:not(html) {
23613
23395
  overflow-y: hidden !important;
@@ -23668,12 +23450,6 @@ html.v-overlay-scroll-blocked {
23668
23450
  }
23669
23451
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23670
23452
  margin: 0.3rem;
23671
- }.v-parallax {
23672
- position: relative;
23673
- overflow: hidden;
23674
- }
23675
- .v-parallax--active > .v-img__img {
23676
- will-change: transform;
23677
23453
  }.v-progress-circular {
23678
23454
  align-items: center;
23679
23455
  display: inline-flex;
@@ -24004,6 +23780,12 @@ html.v-overlay-scroll-blocked {
24004
23780
  0% {
24005
23781
  background-position-x: var(--v-progress-linear-height);
24006
23782
  }
23783
+ }.v-parallax {
23784
+ position: relative;
23785
+ overflow: hidden;
23786
+ }
23787
+ .v-parallax--active > .v-img__img {
23788
+ will-change: transform;
24007
23789
  }.v-radio-group > .v-input__control {
24008
23790
  flex-direction: column;
24009
23791
  }
@@ -24073,6 +23855,32 @@ html.v-overlay-scroll-blocked {
24073
23855
 
24074
23856
  .v-slider__label {
24075
23857
  margin-inline-end: 12px;
23858
+ }.v-responsive {
23859
+ display: flex;
23860
+ flex: 1 0 auto;
23861
+ max-height: 100%;
23862
+ max-width: 100%;
23863
+ overflow: hidden;
23864
+ position: relative;
23865
+ }
23866
+ .v-responsive--inline {
23867
+ display: inline-flex;
23868
+ flex: 0 0 auto;
23869
+ }
23870
+
23871
+ .v-responsive__content {
23872
+ flex: 1 0 0px;
23873
+ max-width: 100%;
23874
+ }
23875
+
23876
+ .v-responsive__sizer ~ .v-responsive__content {
23877
+ margin-inline-start: -100%;
23878
+ }
23879
+
23880
+ .v-responsive__sizer {
23881
+ flex: 1 0 0px;
23882
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23883
+ pointer-events: none;
24076
23884
  }.v-rating {
24077
23885
  max-width: 100%;
24078
23886
  display: inline-flex;
@@ -24126,32 +23934,6 @@ html.v-overlay-scroll-blocked {
24126
23934
  opacity: 0;
24127
23935
  position: absolute;
24128
23936
  width: 0;
24129
- }.v-responsive {
24130
- display: flex;
24131
- flex: 1 0 auto;
24132
- max-height: 100%;
24133
- max-width: 100%;
24134
- overflow: hidden;
24135
- position: relative;
24136
- }
24137
- .v-responsive--inline {
24138
- display: inline-flex;
24139
- flex: 0 0 auto;
24140
- }
24141
-
24142
- .v-responsive__content {
24143
- flex: 1 0 0px;
24144
- max-width: 100%;
24145
- }
24146
-
24147
- .v-responsive__sizer ~ .v-responsive__content {
24148
- margin-inline-start: -100%;
24149
- }
24150
-
24151
- .v-responsive__sizer {
24152
- flex: 1 0 0px;
24153
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24154
- pointer-events: none;
24155
23937
  }.v-select .v-field .v-text-field__prefix,
24156
23938
  .v-select .v-field .v-text-field__suffix,
24157
23939
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24351,231 +24133,146 @@ html.v-overlay-scroll-blocked {
24351
24133
  }
24352
24134
  .v-sheet--rounded {
24353
24135
  border-radius: 4px;
24354
- }.v-skeleton-loader {
24355
- align-items: center;
24356
- background: rgb(var(--v-theme-surface));
24357
- border-radius: 4px;
24358
- display: flex;
24359
- flex-wrap: wrap;
24360
- position: relative;
24361
- vertical-align: top;
24362
- }
24363
- .v-skeleton-loader__actions {
24364
- justify-content: end;
24365
- }
24366
- .v-skeleton-loader .v-skeleton-loader__ossein {
24367
- height: 100%;
24368
- }
24369
- .v-skeleton-loader .v-skeleton-loader__avatar,
24370
- .v-skeleton-loader .v-skeleton-loader__button,
24371
- .v-skeleton-loader .v-skeleton-loader__chip,
24372
- .v-skeleton-loader .v-skeleton-loader__divider,
24373
- .v-skeleton-loader .v-skeleton-loader__heading,
24374
- .v-skeleton-loader .v-skeleton-loader__image,
24375
- .v-skeleton-loader .v-skeleton-loader__ossein,
24376
- .v-skeleton-loader .v-skeleton-loader__text {
24377
- background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
24136
+ }.v-snackbar {
24137
+ justify-content: center;
24138
+ z-index: 10000;
24139
+ margin: 8px;
24140
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
24141
+ padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
24378
24142
  }
24379
- .v-skeleton-loader .v-skeleton-loader__list-item,
24380
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
24381
- .v-skeleton-loader .v-skeleton-loader__list-item-text,
24382
- .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
24383
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
24384
- .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
24385
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
24386
- border-radius: 4px;
24143
+ .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
24144
+ align-items: flex-end;
24387
24145
  }
24388
- .v-skeleton-loader__bone {
24146
+ .v-snackbar__wrapper {
24389
24147
  align-items: center;
24390
- border-radius: inherit;
24391
24148
  display: flex;
24392
- flex: 1 1 100%;
24393
- flex-wrap: wrap;
24149
+ max-width: 672px;
24150
+ min-height: 48px;
24151
+ min-width: 344px;
24394
24152
  overflow: hidden;
24395
- position: relative;
24396
- }
24397
- .v-skeleton-loader__bone::after {
24398
- animation: loading 1.5s infinite;
24399
- background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
24400
- transform: translateX(-100%);
24401
- z-index: 1;
24153
+ padding: 0;
24402
24154
  }
24403
- .v-skeleton-loader__bone::after {
24404
- content: "";
24405
- position: absolute;
24406
- top: 0;
24407
- left: 0;
24408
- width: 100%;
24409
- height: 100%;
24155
+ .v-snackbar__wrapper {
24156
+ border-radius: 4px;
24410
24157
  }
24411
- .v-skeleton-loader__avatar {
24412
- border-radius: 50%;
24413
- flex: 0 1 auto;
24414
- margin: 8px 16px;
24415
- max-height: 48px;
24416
- min-height: 48px;
24417
- height: 48px;
24418
- max-width: 48px;
24419
- min-width: 48px;
24420
- width: 48px;
24158
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24159
+ background: transparent;
24160
+ color: inherit;
24421
24161
  }
24422
- .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
24423
- flex: 1 1 auto;
24424
- margin-inline-start: 0;
24162
+ .v-snackbar--variant-plain {
24163
+ opacity: 0.62;
24425
24164
  }
24426
- .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
24427
- .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
24428
- margin-inline-start: 0;
24165
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
24166
+ opacity: 1;
24429
24167
  }
24430
- .v-skeleton-loader__button {
24431
- border-radius: 4px;
24432
- height: 36px;
24433
- margin: 16px;
24434
- max-width: 64px;
24168
+ .v-snackbar--variant-plain .v-snackbar__overlay {
24169
+ display: none;
24435
24170
  }
24436
- .v-skeleton-loader__button + .v-skeleton-loader__bone {
24437
- flex: 1 1 auto;
24438
- margin-inline-start: 0;
24171
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24172
+ background: rgb(var(--v-theme-surface-variant));
24173
+ color: rgb(var(--v-theme-on-surface-variant));
24439
24174
  }
24440
- .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
24441
- .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
24442
- margin-inline-start: 0;
24175
+ .v-snackbar--variant-elevated {
24176
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24443
24177
  }
24444
- .v-skeleton-loader__chip {
24445
- border-radius: 16px;
24446
- margin: 16px;
24447
- height: 32px;
24448
- max-width: 96px;
24178
+ .v-snackbar--variant-flat {
24179
+ 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));
24449
24180
  }
24450
- .v-skeleton-loader__chip + .v-skeleton-loader__bone {
24451
- flex: 1 1 auto;
24452
- margin-inline-start: 0;
24181
+ .v-snackbar--variant-outlined {
24182
+ border: thin solid currentColor;
24453
24183
  }
24454
- .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
24455
- .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
24456
- margin-inline-start: 0;
24184
+ .v-snackbar--variant-text .v-snackbar__overlay {
24185
+ background: currentColor;
24457
24186
  }
24458
- .v-skeleton-loader__date-picker {
24187
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
24188
+ background: currentColor;
24189
+ opacity: var(--v-activated-opacity);
24459
24190
  border-radius: inherit;
24191
+ top: 0;
24192
+ right: 0;
24193
+ bottom: 0;
24194
+ left: 0;
24195
+ pointer-events: none;
24460
24196
  }
24461
- .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
24462
- max-width: 88px;
24463
- width: 20%;
24464
- }
24465
- .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
24466
- max-width: 256px;
24467
- width: 40%;
24197
+ .v-snackbar .v-snackbar__underlay {
24198
+ position: absolute;
24468
24199
  }
24469
- .v-skeleton-loader__date-picker-days {
24470
- flex-wrap: wrap;
24471
- margin: 16px;
24472
- }
24473
- .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
24474
- border-radius: 4px;
24475
- margin: 4px;
24476
- max-width: 100%;
24477
- }
24478
- .v-skeleton-loader__date-picker-options {
24479
- flex-wrap: nowrap;
24480
- }
24481
- .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
24482
- flex: 1 1 auto;
24483
- }
24484
- .v-skeleton-loader__divider {
24485
- border-radius: 1px;
24486
- height: 2px;
24487
- }
24488
- .v-skeleton-loader__heading {
24489
- border-radius: 12px;
24490
- margin: 16px;
24491
- height: 24px;
24492
- }
24493
- .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
24494
- margin-top: -16px;
24495
- }
24496
- .v-skeleton-loader__image {
24497
- height: 150px;
24498
- border-radius: 0;
24499
- }
24500
- .v-skeleton-loader__card .v-skeleton-loader__image {
24501
- border-radius: 0;
24502
- }
24503
- .v-skeleton-loader__list-item {
24504
- margin: 16px;
24200
+
24201
+ .v-snackbar__content {
24202
+ flex-grow: 1;
24203
+ font-size: 0.875rem;
24204
+ font-weight: 400;
24205
+ letter-spacing: 0.0178571429em;
24206
+ line-height: 1.425;
24207
+ margin-right: auto;
24208
+ padding: 14px 16px;
24209
+ text-align: initial;
24505
24210
  }
24506
- .v-skeleton-loader__list-item .v-skeleton-loader__text {
24507
- margin: 0;
24211
+ .v-snackbar__actions {
24212
+ align-items: center;
24213
+ align-self: center;
24214
+ display: flex;
24215
+ margin-inline-end: 8px;
24508
24216
  }
24509
- .v-skeleton-loader__table-thead {
24510
- justify-content: space-between;
24217
+ .v-snackbar__actions > .v-btn {
24218
+ padding: 0 8px;
24219
+ min-width: auto;
24511
24220
  }
24512
- .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
24513
- margin-top: 16px;
24514
- max-width: 16px;
24221
+ .v-snackbar__timer {
24222
+ width: 100%;
24223
+ position: absolute;
24224
+ top: 0;
24515
24225
  }
24516
- .v-skeleton-loader__table-tfoot {
24517
- flex-wrap: nowrap;
24226
+ .v-snackbar__timer .v-progress-linear {
24227
+ transition: 0.2s linear;
24518
24228
  }
24519
- .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
24520
- margin-top: 16px;
24229
+ .v-snackbar--absolute {
24230
+ position: absolute;
24231
+ z-index: 1;
24521
24232
  }
24522
- .v-skeleton-loader__table-row {
24523
- align-items: baseline;
24524
- margin: 0 8px;
24525
- justify-content: space-evenly;
24526
- flex-wrap: nowrap;
24233
+ .v-snackbar--multi-line .v-snackbar__wrapper {
24234
+ min-height: 68px;
24527
24235
  }
24528
- .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
24529
- margin-inline: 8px;
24236
+ .v-snackbar--vertical .v-snackbar__wrapper {
24237
+ flex-direction: column;
24530
24238
  }
24531
- .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
24532
- margin: 0 16px;
24239
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24240
+ align-self: flex-end;
24241
+ margin-bottom: 8px;
24533
24242
  }
24534
- .v-skeleton-loader__table-cell {
24243
+ .v-snackbar--center {
24535
24244
  align-items: center;
24536
- display: flex;
24537
- height: 48px;
24538
- width: 88px;
24539
- }
24540
- .v-skeleton-loader__table-cell .v-skeleton-loader__text {
24541
- margin-bottom: 0;
24542
- }
24543
- .v-skeleton-loader__subtitle {
24544
- max-width: 70%;
24245
+ justify-content: center;
24545
24246
  }
24546
- .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
24547
- height: 16px;
24548
- border-radius: 8px;
24247
+ .v-snackbar--top {
24248
+ align-items: flex-start;
24549
24249
  }
24550
- .v-skeleton-loader__text {
24551
- border-radius: 6px;
24552
- margin: 16px;
24553
- height: 12px;
24250
+ .v-snackbar--bottom {
24251
+ align-items: flex-end;
24554
24252
  }
24555
- .v-skeleton-loader__text + .v-skeleton-loader__text {
24556
- margin-top: -8px;
24557
- max-width: 50%;
24253
+ .v-snackbar--left, .v-snackbar--start {
24254
+ justify-content: flex-start;
24558
24255
  }
24559
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
24560
- max-width: 70%;
24256
+ .v-snackbar--right, .v-snackbar--end {
24257
+ justify-content: flex-end;
24561
24258
  }
24562
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
24563
- display: none;
24259
+
24260
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24261
+ transition-duration: 0.15s;
24262
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24564
24263
  }
24565
- .v-skeleton-loader--is-loading {
24566
- overflow: hidden;
24264
+ .v-snackbar-transition-enter-active {
24265
+ transition-property: opacity, transform;
24567
24266
  }
24568
- .v-skeleton-loader--tile {
24569
- border-radius: 0;
24267
+ .v-snackbar-transition-enter-from {
24268
+ opacity: 0;
24269
+ transform: scale(0.8);
24570
24270
  }
24571
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
24572
- border-radius: 0;
24271
+ .v-snackbar-transition-leave-active {
24272
+ transition-property: opacity;
24573
24273
  }
24574
-
24575
- @keyframes loading {
24576
- 100% {
24577
- transform: translateX(100%);
24578
- }
24274
+ .v-snackbar-transition-leave-to {
24275
+ opacity: 0;
24579
24276
  }.v-slide-group {
24580
24277
  display: flex;
24581
24278
  overflow: hidden;
@@ -24631,187 +24328,222 @@ html.v-overlay-scroll-blocked {
24631
24328
  .v-slide-group--vertical .v-slide-group__container {
24632
24329
  overflow-x: hidden;
24633
24330
  overflow-y: auto;
24634
- }.v-snackbar {
24635
- justify-content: center;
24636
- z-index: 10000;
24637
- margin: 8px;
24638
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
24639
- padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
24331
+ }.v-speed-dial__content {
24332
+ gap: 8px;
24640
24333
  }
24641
- .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
24642
- align-items: flex-end;
24334
+ .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 {
24335
+ flex-direction: row;
24643
24336
  }
24644
- .v-snackbar__wrapper {
24645
- align-items: center;
24646
- display: flex;
24647
- max-width: 672px;
24648
- min-height: 48px;
24649
- min-width: 344px;
24650
- overflow: hidden;
24651
- padding: 0;
24337
+ .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 {
24338
+ flex-direction: row-reverse;
24652
24339
  }
24653
- .v-snackbar__wrapper {
24654
- border-radius: 4px;
24340
+ .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 {
24341
+ flex-direction: column-reverse;
24655
24342
  }
24656
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24657
- background: transparent;
24658
- color: inherit;
24343
+ .v-speed-dial__content > *:nth-child(1) {
24344
+ transition-delay: 0s;
24659
24345
  }
24660
- .v-snackbar--variant-plain {
24661
- opacity: 0.62;
24346
+ .v-speed-dial__content > *:nth-child(2) {
24347
+ transition-delay: 0.05s;
24662
24348
  }
24663
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
24664
- opacity: 1;
24349
+ .v-speed-dial__content > *:nth-child(3) {
24350
+ transition-delay: 0.1s;
24665
24351
  }
24666
- .v-snackbar--variant-plain .v-snackbar__overlay {
24667
- display: none;
24352
+ .v-speed-dial__content > *:nth-child(4) {
24353
+ transition-delay: 0.15s;
24668
24354
  }
24669
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24670
- background: rgb(var(--v-theme-surface-variant));
24671
- color: rgb(var(--v-theme-on-surface-variant));
24355
+ .v-speed-dial__content > *:nth-child(5) {
24356
+ transition-delay: 0.2s;
24672
24357
  }
24673
- .v-snackbar--variant-elevated {
24674
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24358
+ .v-speed-dial__content > *:nth-child(6) {
24359
+ transition-delay: 0.25s;
24675
24360
  }
24676
- .v-snackbar--variant-flat {
24677
- 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));
24361
+ .v-speed-dial__content > *:nth-child(7) {
24362
+ transition-delay: 0.3s;
24678
24363
  }
24679
- .v-snackbar--variant-outlined {
24680
- border: thin solid currentColor;
24364
+ .v-speed-dial__content > *:nth-child(8) {
24365
+ transition-delay: 0.35s;
24681
24366
  }
24682
- .v-snackbar--variant-text .v-snackbar__overlay {
24683
- background: currentColor;
24367
+ .v-speed-dial__content > *:nth-child(9) {
24368
+ transition-delay: 0.4s;
24684
24369
  }
24685
- .v-snackbar--variant-tonal .v-snackbar__underlay {
24686
- background: currentColor;
24687
- opacity: var(--v-activated-opacity);
24688
- border-radius: inherit;
24689
- top: 0;
24690
- right: 0;
24691
- bottom: 0;
24692
- left: 0;
24693
- pointer-events: none;
24370
+ .v-speed-dial__content > *:nth-child(10) {
24371
+ transition-delay: 0.45s;
24372
+ }.v-stepper.v-sheet {
24373
+ overflow: hidden;
24694
24374
  }
24695
- .v-snackbar .v-snackbar__underlay {
24696
- position: absolute;
24375
+ .v-stepper.v-sheet {
24376
+ 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));
24697
24377
  }
24698
-
24699
- .v-snackbar__content {
24700
- flex-grow: 1;
24701
- font-size: 0.875rem;
24702
- font-weight: 400;
24703
- letter-spacing: 0.0178571429em;
24704
- line-height: 1.425;
24705
- margin-right: auto;
24706
- padding: 14px 16px;
24707
- text-align: initial;
24378
+ .v-stepper.v-sheet {
24379
+ border-radius: 4px;
24708
24380
  }
24709
- .v-snackbar__actions {
24381
+ .v-stepper.v-sheet.v-stepper--flat {
24382
+ 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));
24383
+ }
24384
+
24385
+ .v-stepper-header {
24710
24386
  align-items: center;
24711
- align-self: center;
24712
24387
  display: flex;
24713
- margin-inline-end: 8px;
24714
- }
24715
- .v-snackbar__actions > .v-btn {
24716
- padding: 0 8px;
24717
- min-width: auto;
24388
+ position: relative;
24389
+ overflow-x: auto;
24390
+ justify-content: space-between;
24391
+ z-index: 1;
24718
24392
  }
24719
- .v-snackbar__timer {
24720
- width: 100%;
24721
- position: absolute;
24722
- top: 0;
24393
+ .v-stepper-header {
24394
+ 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));
24723
24395
  }
24724
- .v-snackbar__timer .v-progress-linear {
24725
- transition: 0.2s linear;
24396
+ .v-stepper-header .v-divider {
24397
+ margin: 0 -16px;
24726
24398
  }
24727
- .v-snackbar--absolute {
24728
- position: absolute;
24729
- z-index: 1;
24399
+ .v-stepper-header .v-divider:last-child {
24400
+ margin-inline-end: 0;
24730
24401
  }
24731
- .v-snackbar--multi-line .v-snackbar__wrapper {
24732
- min-height: 68px;
24402
+ .v-stepper-header .v-divider:first-child {
24403
+ margin-inline-start: 0;
24733
24404
  }
24734
- .v-snackbar--vertical .v-snackbar__wrapper {
24735
- flex-direction: column;
24405
+ .v-stepper--alt-labels .v-stepper-header {
24406
+ height: auto;
24736
24407
  }
24737
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24738
- align-self: flex-end;
24739
- margin-bottom: 8px;
24408
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24409
+ align-self: flex-start;
24410
+ margin: 35px -67px 0;
24740
24411
  }
24741
- .v-snackbar--center {
24412
+
24413
+ .v-stepper-window {
24414
+ margin: 1.5rem;
24415
+ }
24416
+
24417
+ .v-stepper-actions {
24418
+ display: flex;
24742
24419
  align-items: center;
24743
- justify-content: center;
24420
+ justify-content: space-between;
24421
+ padding: 1rem;
24744
24422
  }
24745
- .v-snackbar--top {
24746
- align-items: flex-start;
24423
+ .v-stepper .v-stepper-actions {
24424
+ padding: 0 1.5rem 1rem;
24747
24425
  }
24748
- .v-snackbar--bottom {
24749
- align-items: flex-end;
24426
+ .v-stepper-window-item .v-stepper-actions {
24427
+ padding: 1.5rem 0 0;
24428
+ }.v-stepper-item {
24429
+ align-items: center;
24430
+ align-self: stretch;
24431
+ display: inline-flex;
24432
+ flex: none;
24433
+ outline: none;
24434
+ opacity: var(--v-medium-emphasis-opacity);
24435
+ padding: 1.5rem;
24436
+ position: relative;
24437
+ transition-duration: 0.2s;
24438
+ transition-property: opacity;
24439
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24750
24440
  }
24751
- .v-snackbar--left, .v-snackbar--start {
24752
- justify-content: flex-start;
24441
+ .v-stepper-item:hover > .v-stepper-item__overlay {
24442
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24753
24443
  }
24754
- .v-snackbar--right, .v-snackbar--end {
24755
- justify-content: flex-end;
24444
+ .v-stepper-item:focus-visible > .v-stepper-item__overlay {
24445
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24756
24446
  }
24757
-
24758
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24759
- transition-duration: 0.15s;
24760
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24447
+ @supports not selector(:focus-visible) {
24448
+ .v-stepper-item:focus > .v-stepper-item__overlay {
24449
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24450
+ }
24761
24451
  }
24762
- .v-snackbar-transition-enter-active {
24763
- transition-property: opacity, transform;
24452
+ .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
24453
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24764
24454
  }
24765
- .v-snackbar-transition-enter-from {
24766
- opacity: 0;
24767
- transform: scale(0.8);
24455
+ .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
24456
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24768
24457
  }
24769
- .v-snackbar-transition-leave-active {
24770
- transition-property: opacity;
24458
+ .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
24459
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24771
24460
  }
24772
- .v-snackbar-transition-leave-to {
24773
- opacity: 0;
24774
- }.v-speed-dial__content {
24775
- gap: 8px;
24461
+ @supports not selector(:focus-visible) {
24462
+ .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
24463
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24464
+ }
24776
24465
  }
24777
- .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 {
24778
- flex-direction: row;
24466
+ .v-stepper--non-linear .v-stepper-item {
24467
+ opacity: var(--v-high-emphasis-opacity);
24779
24468
  }
24780
- .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 {
24781
- flex-direction: row-reverse;
24469
+ .v-stepper-item--selected {
24470
+ opacity: 1;
24782
24471
  }
24783
- .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 {
24784
- flex-direction: column-reverse;
24472
+ .v-stepper-item--error {
24473
+ color: rgb(var(--v-theme-error));
24785
24474
  }
24786
- .v-speed-dial__content > *:nth-child(1) {
24787
- transition-delay: 0s;
24475
+ .v-stepper-item--disabled {
24476
+ opacity: var(--v-medium-emphasis-opacity);
24477
+ pointer-events: none;
24788
24478
  }
24789
- .v-speed-dial__content > *:nth-child(2) {
24790
- transition-delay: 0.05s;
24479
+ .v-stepper--alt-labels .v-stepper-item {
24480
+ flex-direction: column;
24481
+ justify-content: flex-start;
24482
+ align-items: center;
24483
+ flex-basis: 175px;
24791
24484
  }
24792
- .v-speed-dial__content > *:nth-child(3) {
24793
- transition-delay: 0.1s;
24485
+
24486
+ .v-stepper-item__avatar.v-avatar {
24487
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24488
+ color: rgb(var(--v-theme-on-surface-variant));
24489
+ font-size: 0.75rem;
24490
+ margin-inline-end: 8px;
24794
24491
  }
24795
- .v-speed-dial__content > *:nth-child(4) {
24796
- transition-delay: 0.15s;
24492
+ .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
24493
+ margin-inline-end: 0;
24797
24494
  }
24798
- .v-speed-dial__content > *:nth-child(5) {
24799
- transition-delay: 0.2s;
24495
+ .v-stepper-item__avatar.v-avatar .v-icon {
24496
+ font-size: 0.875rem;
24800
24497
  }
24801
- .v-speed-dial__content > *:nth-child(6) {
24802
- transition-delay: 0.25s;
24498
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24499
+ background: rgb(var(--v-theme-surface-variant));
24803
24500
  }
24804
- .v-speed-dial__content > *:nth-child(7) {
24805
- transition-delay: 0.3s;
24501
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24502
+ background: rgb(var(--v-theme-error));
24806
24503
  }
24807
- .v-speed-dial__content > *:nth-child(8) {
24808
- transition-delay: 0.35s;
24504
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24505
+ margin-bottom: 16px;
24506
+ margin-inline-end: 0;
24809
24507
  }
24810
- .v-speed-dial__content > *:nth-child(9) {
24811
- transition-delay: 0.4s;
24508
+
24509
+ .v-stepper-item__title {
24510
+ line-height: 1;
24812
24511
  }
24813
- .v-speed-dial__content > *:nth-child(10) {
24814
- transition-delay: 0.45s;
24512
+ .v-stepper--mobile .v-stepper-item__title {
24513
+ display: none;
24514
+ }
24515
+
24516
+ .v-stepper-item__subtitle {
24517
+ font-size: 0.75rem;
24518
+ text-align: left;
24519
+ line-height: 1;
24520
+ opacity: var(--v-medium-emphasis-opacity);
24521
+ }
24522
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24523
+ text-align: center;
24524
+ }
24525
+ .v-stepper--mobile .v-stepper-item__subtitle {
24526
+ display: none;
24527
+ }
24528
+
24529
+ .v-stepper-item__overlay {
24530
+ background-color: currentColor;
24531
+ border-radius: inherit;
24532
+ opacity: 0;
24533
+ transition: opacity 0.2s ease-in-out;
24534
+ }
24535
+
24536
+ .v-stepper-item__overlay,
24537
+ .v-stepper-item__underlay {
24538
+ pointer-events: none;
24539
+ }
24540
+ .v-stepper-item__overlay,
24541
+ .v-stepper-item__underlay {
24542
+ position: absolute;
24543
+ top: 0;
24544
+ left: 0;
24545
+ width: 100%;
24546
+ height: 100%;
24815
24547
  }.v-switch .v-label {
24816
24548
  padding-inline-start: 10px;
24817
24549
  }
@@ -24994,218 +24726,43 @@ html.v-overlay-scroll-blocked {
24994
24726
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24995
24727
  border-width: 0;
24996
24728
  }
24997
- }.v-stepper.v-sheet {
24998
- overflow: hidden;
24999
- }
25000
- .v-stepper.v-sheet {
25001
- 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));
25002
- }
25003
- .v-stepper.v-sheet {
25004
- border-radius: 4px;
25005
- }
25006
- .v-stepper.v-sheet.v-stepper--flat {
25007
- 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));
25008
- }
25009
-
25010
- .v-stepper-header {
24729
+ }.v-system-bar {
25011
24730
  align-items: center;
25012
24731
  display: flex;
24732
+ flex: 1 1 auto;
24733
+ height: 24px;
24734
+ justify-content: flex-end;
24735
+ max-width: 100%;
24736
+ padding-inline: 8px;
25013
24737
  position: relative;
25014
- overflow-x: auto;
25015
- justify-content: space-between;
25016
- z-index: 1;
24738
+ text-align: end;
24739
+ width: 100%;
25017
24740
  }
25018
- .v-stepper-header {
25019
- 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));
24741
+ .v-system-bar .v-icon {
24742
+ opacity: var(--v-medium-emphasis-opacity);
25020
24743
  }
25021
- .v-stepper-header .v-divider {
25022
- margin: 0 -16px;
24744
+ .v-system-bar {
24745
+ 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));
25023
24746
  }
25024
- .v-stepper-header .v-divider:last-child {
25025
- margin-inline-end: 0;
24747
+ .v-system-bar--absolute {
24748
+ position: absolute;
25026
24749
  }
25027
- .v-stepper-header .v-divider:first-child {
25028
- margin-inline-start: 0;
24750
+ .v-system-bar--fixed {
24751
+ position: fixed;
25029
24752
  }
25030
- .v-stepper--alt-labels .v-stepper-header {
25031
- height: auto;
24753
+ .v-system-bar {
24754
+ background: rgba(var(--v-theme-surface-light));
24755
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25032
24756
  }
25033
- .v-stepper--alt-labels .v-stepper-header .v-divider {
25034
- align-self: flex-start;
25035
- margin: 35px -67px 0;
24757
+ .v-system-bar {
24758
+ font-size: 0.75rem;
24759
+ font-weight: 400;
24760
+ letter-spacing: 0.0333333333em;
24761
+ line-height: 1.667;
24762
+ text-transform: none;
25036
24763
  }
25037
-
25038
- .v-stepper-window {
25039
- margin: 1.5rem;
25040
- }
25041
-
25042
- .v-stepper-actions {
25043
- display: flex;
25044
- align-items: center;
25045
- justify-content: space-between;
25046
- padding: 1rem;
25047
- }
25048
- .v-stepper .v-stepper-actions {
25049
- padding: 0 1.5rem 1rem;
25050
- }
25051
- .v-stepper-window-item .v-stepper-actions {
25052
- padding: 1.5rem 0 0;
25053
- }.v-stepper-item {
25054
- align-items: center;
25055
- align-self: stretch;
25056
- display: inline-flex;
25057
- flex: none;
25058
- outline: none;
25059
- opacity: var(--v-medium-emphasis-opacity);
25060
- padding: 1.5rem;
25061
- position: relative;
25062
- transition-duration: 0.2s;
25063
- transition-property: opacity;
25064
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25065
- }
25066
- .v-stepper-item:hover > .v-stepper-item__overlay {
25067
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25068
- }
25069
- .v-stepper-item:focus-visible > .v-stepper-item__overlay {
25070
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25071
- }
25072
- @supports not selector(:focus-visible) {
25073
- .v-stepper-item:focus > .v-stepper-item__overlay {
25074
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25075
- }
25076
- }
25077
- .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
25078
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
25079
- }
25080
- .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
25081
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
25082
- }
25083
- .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
25084
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25085
- }
25086
- @supports not selector(:focus-visible) {
25087
- .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
25088
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25089
- }
25090
- }
25091
- .v-stepper--non-linear .v-stepper-item {
25092
- opacity: var(--v-high-emphasis-opacity);
25093
- }
25094
- .v-stepper-item--selected {
25095
- opacity: 1;
25096
- }
25097
- .v-stepper-item--error {
25098
- color: rgb(var(--v-theme-error));
25099
- }
25100
- .v-stepper-item--disabled {
25101
- opacity: var(--v-medium-emphasis-opacity);
25102
- pointer-events: none;
25103
- }
25104
- .v-stepper--alt-labels .v-stepper-item {
25105
- flex-direction: column;
25106
- justify-content: flex-start;
25107
- align-items: center;
25108
- flex-basis: 175px;
25109
- }
25110
-
25111
- .v-stepper-item__avatar.v-avatar {
25112
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
25113
- color: rgb(var(--v-theme-on-surface-variant));
25114
- font-size: 0.75rem;
25115
- margin-inline-end: 8px;
25116
- }
25117
- .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
25118
- margin-inline-end: 0;
25119
- }
25120
- .v-stepper-item__avatar.v-avatar .v-icon {
25121
- font-size: 0.875rem;
25122
- }
25123
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
25124
- background: rgb(var(--v-theme-surface-variant));
25125
- }
25126
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
25127
- background: rgb(var(--v-theme-error));
25128
- }
25129
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
25130
- margin-bottom: 16px;
25131
- margin-inline-end: 0;
25132
- }
25133
-
25134
- .v-stepper-item__title {
25135
- line-height: 1;
25136
- }
25137
- .v-stepper--mobile .v-stepper-item__title {
25138
- display: none;
25139
- }
25140
-
25141
- .v-stepper-item__subtitle {
25142
- font-size: 0.75rem;
25143
- text-align: left;
25144
- line-height: 1;
25145
- opacity: var(--v-medium-emphasis-opacity);
25146
- }
25147
- .v-stepper--alt-labels .v-stepper-item__subtitle {
25148
- text-align: center;
25149
- }
25150
- .v-stepper--mobile .v-stepper-item__subtitle {
25151
- display: none;
25152
- }
25153
-
25154
- .v-stepper-item__overlay {
25155
- background-color: currentColor;
25156
- border-radius: inherit;
25157
- opacity: 0;
25158
- transition: opacity 0.2s ease-in-out;
25159
- }
25160
-
25161
- .v-stepper-item__overlay,
25162
- .v-stepper-item__underlay {
25163
- pointer-events: none;
25164
- }
25165
- .v-stepper-item__overlay,
25166
- .v-stepper-item__underlay {
25167
- position: absolute;
25168
- top: 0;
25169
- left: 0;
25170
- width: 100%;
25171
- height: 100%;
25172
- }.v-system-bar {
25173
- align-items: center;
25174
- display: flex;
25175
- flex: 1 1 auto;
25176
- height: 24px;
25177
- justify-content: flex-end;
25178
- max-width: 100%;
25179
- padding-inline: 8px;
25180
- position: relative;
25181
- text-align: end;
25182
- width: 100%;
25183
- }
25184
- .v-system-bar .v-icon {
25185
- opacity: var(--v-medium-emphasis-opacity);
25186
- }
25187
- .v-system-bar {
25188
- 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));
25189
- }
25190
- .v-system-bar--absolute {
25191
- position: absolute;
25192
- }
25193
- .v-system-bar--fixed {
25194
- position: fixed;
25195
- }
25196
- .v-system-bar {
25197
- background: rgba(var(--v-theme-surface-light));
25198
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25199
- }
25200
- .v-system-bar {
25201
- font-size: 0.75rem;
25202
- font-weight: 400;
25203
- letter-spacing: 0.0333333333em;
25204
- line-height: 1.667;
25205
- text-transform: none;
25206
- }
25207
- .v-system-bar--rounded {
25208
- border-radius: 0;
24764
+ .v-system-bar--rounded {
24765
+ border-radius: 0;
25209
24766
  }
25210
24767
  .v-system-bar--window {
25211
24768
  height: 32px;
@@ -26106,142 +25663,591 @@ html.v-overlay-scroll-blocked {
26106
25663
  text-transform: none;
26107
25664
  }
26108
25665
 
26109
- .v-toolbar-title__placeholder {
26110
- overflow: hidden;
26111
- text-overflow: ellipsis;
26112
- white-space: nowrap;
25666
+ .v-toolbar-title__placeholder {
25667
+ overflow: hidden;
25668
+ text-overflow: ellipsis;
25669
+ white-space: nowrap;
25670
+ }
25671
+
25672
+ .v-toolbar-items {
25673
+ display: flex;
25674
+ height: inherit;
25675
+ align-self: stretch;
25676
+ }
25677
+ .v-toolbar-items > .v-btn {
25678
+ border-radius: 0;
25679
+ }.v-tooltip > .v-overlay__content {
25680
+ background: rgb(var(--v-theme-surface-variant));
25681
+ color: rgb(var(--v-theme-on-surface-variant));
25682
+ border-radius: 4px;
25683
+ font-size: 0.875rem;
25684
+ line-height: 1.6;
25685
+ display: inline-block;
25686
+ padding: 5px 16px;
25687
+ text-transform: initial;
25688
+ width: auto;
25689
+ opacity: 1;
25690
+ pointer-events: none;
25691
+ transition-property: opacity, transform;
25692
+ overflow-wrap: break-word;
25693
+ }
25694
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25695
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25696
+ transition-duration: 150ms;
25697
+ }
25698
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25699
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25700
+ transition-duration: 75ms;
25701
+ }.v-window {
25702
+ overflow: hidden;
25703
+ }
25704
+ .v-window__container {
25705
+ display: flex;
25706
+ flex-direction: column;
25707
+ height: inherit;
25708
+ position: relative;
25709
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25710
+ }
25711
+ .v-window__controls {
25712
+ position: absolute;
25713
+ left: 0;
25714
+ top: 0;
25715
+ width: 100%;
25716
+ height: 100%;
25717
+ display: flex;
25718
+ align-items: center;
25719
+ justify-content: space-between;
25720
+ padding: 0 16px;
25721
+ pointer-events: none;
25722
+ }
25723
+ .v-window__controls > * {
25724
+ pointer-events: auto;
25725
+ }
25726
+ .v-window--show-arrows-on-hover {
25727
+ overflow: hidden;
25728
+ }
25729
+ .v-window--show-arrows-on-hover .v-window__left {
25730
+ transform: translateX(-200%);
25731
+ }
25732
+ .v-window--show-arrows-on-hover .v-window__right {
25733
+ transform: translateX(200%);
25734
+ }
25735
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25736
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25737
+ transform: translateX(0);
25738
+ }
25739
+
25740
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25741
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25742
+ }
25743
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25744
+ position: absolute !important;
25745
+ top: 0;
25746
+ width: 100%;
25747
+ }
25748
+ .v-window-x-transition-enter-from {
25749
+ transform: translateX(100%);
25750
+ }
25751
+ .v-window-x-transition-leave-to {
25752
+ transform: translateX(-100%);
25753
+ }
25754
+ .v-window-x-reverse-transition-enter-from {
25755
+ transform: translateX(-100%);
25756
+ }
25757
+ .v-window-x-reverse-transition-leave-to {
25758
+ transform: translateX(100%);
25759
+ }
25760
+ .v-window-y-transition-enter-from {
25761
+ transform: translateY(100%);
25762
+ }
25763
+ .v-window-y-transition-leave-to {
25764
+ transform: translateY(-100%);
25765
+ }
25766
+ .v-window-y-reverse-transition-enter-from {
25767
+ transform: translateY(-100%);
25768
+ }
25769
+ .v-window-y-reverse-transition-leave-to {
25770
+ transform: translateY(100%);
25771
+ }.v-virtual-scroll {
25772
+ display: block;
25773
+ flex: 1 1 auto;
25774
+ max-width: 100%;
25775
+ overflow: auto;
25776
+ position: relative;
25777
+ }
25778
+ .v-virtual-scroll__container {
25779
+ display: block;
25780
+ }.v-skeleton-loader {
25781
+ align-items: center;
25782
+ background: rgb(var(--v-theme-surface));
25783
+ border-radius: 4px;
25784
+ display: flex;
25785
+ flex-wrap: wrap;
25786
+ position: relative;
25787
+ vertical-align: top;
25788
+ }
25789
+ .v-skeleton-loader__actions {
25790
+ justify-content: end;
25791
+ }
25792
+ .v-skeleton-loader .v-skeleton-loader__ossein {
25793
+ height: 100%;
25794
+ }
25795
+ .v-skeleton-loader .v-skeleton-loader__avatar,
25796
+ .v-skeleton-loader .v-skeleton-loader__button,
25797
+ .v-skeleton-loader .v-skeleton-loader__chip,
25798
+ .v-skeleton-loader .v-skeleton-loader__divider,
25799
+ .v-skeleton-loader .v-skeleton-loader__heading,
25800
+ .v-skeleton-loader .v-skeleton-loader__image,
25801
+ .v-skeleton-loader .v-skeleton-loader__ossein,
25802
+ .v-skeleton-loader .v-skeleton-loader__text {
25803
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
25804
+ }
25805
+ .v-skeleton-loader .v-skeleton-loader__list-item,
25806
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
25807
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
25808
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
25809
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
25810
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
25811
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
25812
+ border-radius: 4px;
25813
+ }
25814
+ .v-skeleton-loader__bone {
25815
+ align-items: center;
25816
+ border-radius: inherit;
25817
+ display: flex;
25818
+ flex: 1 1 100%;
25819
+ flex-wrap: wrap;
25820
+ overflow: hidden;
25821
+ position: relative;
25822
+ }
25823
+ .v-skeleton-loader__bone::after {
25824
+ animation: loading 1.5s infinite;
25825
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
25826
+ transform: translateX(-100%);
25827
+ z-index: 1;
25828
+ }
25829
+ .v-skeleton-loader__bone::after {
25830
+ content: "";
25831
+ position: absolute;
25832
+ top: 0;
25833
+ left: 0;
25834
+ width: 100%;
25835
+ height: 100%;
25836
+ }
25837
+ .v-skeleton-loader__avatar {
25838
+ border-radius: 50%;
25839
+ flex: 0 1 auto;
25840
+ margin: 8px 16px;
25841
+ max-height: 48px;
25842
+ min-height: 48px;
25843
+ height: 48px;
25844
+ max-width: 48px;
25845
+ min-width: 48px;
25846
+ width: 48px;
25847
+ }
25848
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
25849
+ flex: 1 1 auto;
25850
+ margin-inline-start: 0;
25851
+ }
25852
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
25853
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
25854
+ margin-inline-start: 0;
25855
+ }
25856
+ .v-skeleton-loader__button {
25857
+ border-radius: 4px;
25858
+ height: 36px;
25859
+ margin: 16px;
25860
+ max-width: 64px;
25861
+ }
25862
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
25863
+ flex: 1 1 auto;
25864
+ margin-inline-start: 0;
25865
+ }
25866
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
25867
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
25868
+ margin-inline-start: 0;
25869
+ }
25870
+ .v-skeleton-loader__chip {
25871
+ border-radius: 16px;
25872
+ margin: 16px;
25873
+ height: 32px;
25874
+ max-width: 96px;
25875
+ }
25876
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
25877
+ flex: 1 1 auto;
25878
+ margin-inline-start: 0;
25879
+ }
25880
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
25881
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
25882
+ margin-inline-start: 0;
25883
+ }
25884
+ .v-skeleton-loader__date-picker {
25885
+ border-radius: inherit;
25886
+ }
25887
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
25888
+ max-width: 88px;
25889
+ width: 20%;
25890
+ }
25891
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
25892
+ max-width: 256px;
25893
+ width: 40%;
25894
+ }
25895
+ .v-skeleton-loader__date-picker-days {
25896
+ flex-wrap: wrap;
25897
+ margin: 16px;
25898
+ }
25899
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
25900
+ border-radius: 4px;
25901
+ margin: 4px;
25902
+ max-width: 100%;
25903
+ }
25904
+ .v-skeleton-loader__date-picker-options {
25905
+ flex-wrap: nowrap;
25906
+ }
25907
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
25908
+ flex: 1 1 auto;
25909
+ }
25910
+ .v-skeleton-loader__divider {
25911
+ border-radius: 1px;
25912
+ height: 2px;
25913
+ }
25914
+ .v-skeleton-loader__heading {
25915
+ border-radius: 12px;
25916
+ margin: 16px;
25917
+ height: 24px;
25918
+ }
25919
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
25920
+ margin-top: -16px;
25921
+ }
25922
+ .v-skeleton-loader__image {
25923
+ height: 150px;
25924
+ border-radius: 0;
25925
+ }
25926
+ .v-skeleton-loader__card .v-skeleton-loader__image {
25927
+ border-radius: 0;
25928
+ }
25929
+ .v-skeleton-loader__list-item {
25930
+ margin: 16px;
25931
+ }
25932
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
25933
+ margin: 0;
25934
+ }
25935
+ .v-skeleton-loader__table-thead {
25936
+ justify-content: space-between;
25937
+ }
25938
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
25939
+ margin-top: 16px;
25940
+ max-width: 16px;
25941
+ }
25942
+ .v-skeleton-loader__table-tfoot {
25943
+ flex-wrap: nowrap;
25944
+ }
25945
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
25946
+ margin-top: 16px;
25947
+ }
25948
+ .v-skeleton-loader__table-row {
25949
+ align-items: baseline;
25950
+ margin: 0 8px;
25951
+ justify-content: space-evenly;
25952
+ flex-wrap: nowrap;
25953
+ }
25954
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
25955
+ margin-inline: 8px;
25956
+ }
25957
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
25958
+ margin: 0 16px;
25959
+ }
25960
+ .v-skeleton-loader__table-cell {
25961
+ align-items: center;
25962
+ display: flex;
25963
+ height: 48px;
25964
+ width: 88px;
25965
+ }
25966
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
25967
+ margin-bottom: 0;
25968
+ }
25969
+ .v-skeleton-loader__subtitle {
25970
+ max-width: 70%;
25971
+ }
25972
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
25973
+ height: 16px;
25974
+ border-radius: 8px;
25975
+ }
25976
+ .v-skeleton-loader__text {
25977
+ border-radius: 6px;
25978
+ margin: 16px;
25979
+ height: 12px;
25980
+ }
25981
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
25982
+ margin-top: -8px;
25983
+ max-width: 50%;
25984
+ }
25985
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
25986
+ max-width: 70%;
25987
+ }
25988
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
25989
+ display: none;
25990
+ }
25991
+ .v-skeleton-loader--is-loading {
25992
+ overflow: hidden;
25993
+ }
25994
+ .v-skeleton-loader--tile {
25995
+ border-radius: 0;
25996
+ }
25997
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
25998
+ border-radius: 0;
25999
+ }
26000
+
26001
+ @keyframes loading {
26002
+ 100% {
26003
+ transform: translateX(100%);
26004
+ }
26005
+ }.v-data-table {
26006
+ width: 100%;
26007
+ }
26008
+
26009
+ .v-data-table__table {
26010
+ width: 100%;
26011
+ border-collapse: separate;
26012
+ border-spacing: 0;
26013
+ }
26014
+
26015
+ .v-data-table__tr--focus {
26016
+ border: 1px dotted black;
26017
+ }
26018
+ .v-data-table__tr--clickable {
26019
+ cursor: pointer;
26020
+ }
26021
+
26022
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
26023
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
26024
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
26025
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
26026
+ text-align: end;
26027
+ }
26028
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
26029
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
26030
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
26031
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
26032
+ flex-direction: row-reverse;
26033
+ }
26034
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
26035
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
26036
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
26037
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
26038
+ text-align: center;
26039
+ }
26040
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
26041
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
26042
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
26043
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
26044
+ justify-content: center;
26045
+ }
26046
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
26047
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
26048
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
26049
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
26050
+ padding: 0 8px;
26051
+ }
26052
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
26053
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
26054
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
26055
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
26056
+ text-overflow: ellipsis;
26057
+ text-wrap: nowrap;
26058
+ overflow: hidden;
26059
+ }
26060
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
26061
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
26062
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
26063
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
26064
+ display: contents;
26065
+ }
26066
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
26067
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
26068
+ align-items: center;
26069
+ }
26070
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
26071
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
26072
+ position: sticky;
26073
+ }
26074
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
26075
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
26076
+ cursor: pointer;
26077
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
26078
+ }
26079
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
26080
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
26081
+ opacity: 0;
26082
+ }
26083
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
26084
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
26085
+ opacity: 0.5;
26086
+ }
26087
+ .v-data-table .v-table__wrapper > table > thead > tr.v-data-table__tr--mobile > td,
26088
+ .v-data-table .v-table__wrapper > table tbody > tr.v-data-table__tr--mobile > td {
26089
+ height: -moz-fit-content;
26090
+ height: fit-content;
26091
+ }
26092
+
26093
+ .v-data-table-column--fixed,
26094
+ .v-data-table__th--sticky {
26095
+ background: rgb(var(--v-theme-surface));
26096
+ position: sticky !important;
26097
+ left: 0;
26098
+ z-index: 1;
26099
+ }
26100
+
26101
+ .v-data-table-column--last-fixed {
26102
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
26103
+ }
26104
+
26105
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
26106
+ z-index: 2;
26107
+ }
26108
+
26109
+ .v-data-table-group-header-row td {
26110
+ background: rgba(var(--v-theme-surface));
26111
+ color: rgba(var(--v-theme-on-surface));
26112
+ }
26113
+ .v-data-table-group-header-row td > span {
26114
+ padding-left: 5px;
26115
+ }
26116
+
26117
+ .v-data-table--loading .v-data-table__td {
26118
+ opacity: var(--v-disabled-opacity);
26113
26119
  }
26114
26120
 
26115
- .v-toolbar-items {
26121
+ .v-data-table-group-header-row__column {
26122
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
26123
+ }
26124
+
26125
+ .v-data-table-header__content {
26116
26126
  display: flex;
26117
- height: inherit;
26118
- align-self: stretch;
26127
+ align-items: center;
26119
26128
  }
26120
- .v-toolbar-items > .v-btn {
26121
- border-radius: 0;
26122
- }.v-tooltip > .v-overlay__content {
26123
- background: rgb(var(--v-theme-surface-variant));
26124
- color: rgb(var(--v-theme-on-surface-variant));
26125
- border-radius: 4px;
26129
+
26130
+ .v-data-table-header__sort-badge {
26131
+ display: inline-flex;
26132
+ justify-content: center;
26133
+ align-items: center;
26126
26134
  font-size: 0.875rem;
26127
- line-height: 1.6;
26128
- display: inline-block;
26129
- padding: 5px 16px;
26130
- text-transform: initial;
26131
- width: auto;
26132
- opacity: 1;
26133
- pointer-events: none;
26134
- transition-property: opacity, transform;
26135
- overflow-wrap: break-word;
26136
- }
26137
- .v-tooltip > .v-overlay__content[class*=enter-active] {
26138
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26139
- transition-duration: 150ms;
26140
- }
26141
- .v-tooltip > .v-overlay__content[class*=leave-active] {
26142
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26143
- transition-duration: 75ms;
26144
- }.v-virtual-scroll {
26145
- display: block;
26146
- flex: 1 1 auto;
26147
- max-width: 100%;
26148
- overflow: auto;
26149
- position: relative;
26135
+ padding: 4px;
26136
+ border-radius: 50%;
26137
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
26138
+ min-width: 20px;
26139
+ min-height: 20px;
26140
+ width: 20px;
26141
+ height: 20px;
26150
26142
  }
26151
- .v-virtual-scroll__container {
26152
- display: block;
26153
- }.v-window {
26154
- overflow: hidden;
26143
+
26144
+ .v-data-table-progress > th {
26145
+ border: none !important;
26146
+ height: auto !important;
26147
+ padding: 0 !important;
26155
26148
  }
26156
- .v-window__container {
26157
- display: flex;
26158
- flex-direction: column;
26159
- height: inherit;
26149
+
26150
+ .v-data-table-progress__loader {
26160
26151
  position: relative;
26161
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26162
26152
  }
26163
- .v-window__controls {
26164
- position: absolute;
26165
- left: 0;
26166
- top: 0;
26167
- width: 100%;
26168
- height: 100%;
26169
- display: flex;
26170
- align-items: center;
26171
- justify-content: space-between;
26172
- padding: 0 16px;
26173
- pointer-events: none;
26153
+
26154
+ .v-data-table-rows-loading,
26155
+ .v-data-table-rows-no-data {
26156
+ text-align: center;
26174
26157
  }
26175
- .v-window__controls > * {
26176
- pointer-events: auto;
26158
+
26159
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
26160
+ grid-template-columns: 0;
26161
+ justify-content: center;
26177
26162
  }
26178
- .v-window--show-arrows-on-hover {
26179
- overflow: hidden;
26163
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
26164
+ grid-template-columns: 0;
26165
+ justify-content: end;
26180
26166
  }
26181
- .v-window--show-arrows-on-hover .v-window__left {
26182
- transform: translateX(-200%);
26167
+ .v-data-table__tr--mobile > td {
26168
+ align-items: center;
26169
+ column-gap: 4px;
26170
+ display: grid;
26171
+ grid-template-columns: repeat(2, 1fr);
26172
+ min-height: var(--v-table-row-height);
26183
26173
  }
26184
- .v-window--show-arrows-on-hover .v-window__right {
26185
- transform: translateX(200%);
26174
+ .v-data-table__tr--mobile > td:not(:last-child) {
26175
+ border-bottom: 0 !important;
26186
26176
  }
26187
- .v-window--show-arrows-on-hover:hover .v-window__left,
26188
- .v-window--show-arrows-on-hover:hover .v-window__right {
26189
- transform: translateX(0);
26177
+
26178
+ .v-data-table__td-title {
26179
+ font-weight: 500;
26180
+ text-align: left;
26190
26181
  }
26191
26182
 
26192
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
26193
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26183
+ .v-data-table__td-value {
26184
+ text-align: right;
26194
26185
  }
26195
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
26196
- position: absolute !important;
26197
- top: 0;
26198
- width: 100%;
26186
+
26187
+ .v-data-table__td-sort-icon {
26188
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
26199
26189
  }
26200
- .v-window-x-transition-enter-from {
26201
- transform: translateX(100%);
26190
+ .v-data-table__td-sort-icon-active {
26191
+ color: rgba(var(--v-theme-on-surface));
26192
+ }.v-data-table-footer {
26193
+ align-items: center;
26194
+ display: flex;
26195
+ flex-wrap: wrap;
26196
+ justify-content: flex-end;
26197
+ padding: 8px 4px;
26202
26198
  }
26203
- .v-window-x-transition-leave-to {
26204
- transform: translateX(-100%);
26199
+ .v-data-table-footer__items-per-page {
26200
+ align-items: center;
26201
+ display: flex;
26202
+ justify-content: center;
26205
26203
  }
26206
- .v-window-x-reverse-transition-enter-from {
26207
- transform: translateX(-100%);
26204
+ .v-data-table-footer__items-per-page > span {
26205
+ padding-inline-end: 8px;
26208
26206
  }
26209
- .v-window-x-reverse-transition-leave-to {
26210
- transform: translateX(100%);
26207
+ .v-data-table-footer__items-per-page > .v-select {
26208
+ width: 90px;
26211
26209
  }
26212
- .v-window-y-transition-enter-from {
26213
- transform: translateY(100%);
26210
+ .v-data-table-footer__info {
26211
+ display: flex;
26212
+ justify-content: flex-end;
26213
+ min-width: 116px;
26214
+ padding: 0 16px;
26214
26215
  }
26215
- .v-window-y-transition-leave-to {
26216
- transform: translateY(-100%);
26216
+ .v-data-table-footer__paginationz {
26217
+ align-items: center;
26218
+ display: flex;
26219
+ margin-inline-start: 16px;
26217
26220
  }
26218
- .v-window-y-reverse-transition-enter-from {
26219
- transform: translateY(-100%);
26221
+ .v-data-table-footer__page {
26222
+ padding: 0 8px;
26223
+ }.v-color-picker-edit {
26224
+ display: flex;
26225
+ margin-top: 24px;
26220
26226
  }
26221
- .v-window-y-reverse-transition-leave-to {
26222
- transform: translateY(100%);
26223
- }.v-color-picker-canvas {
26227
+
26228
+ .v-color-picker-edit__input {
26229
+ width: 100%;
26224
26230
  display: flex;
26225
- position: relative;
26226
- overflow: hidden;
26227
- contain: content;
26228
- touch-action: none;
26231
+ flex-wrap: wrap;
26232
+ justify-content: center;
26233
+ text-align: center;
26229
26234
  }
26230
- .v-color-picker-canvas__dot {
26231
- position: absolute;
26232
- top: 0;
26233
- left: 0;
26234
- width: 15px;
26235
- height: 15px;
26236
- background: transparent;
26237
- border-radius: 50%;
26238
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26235
+ .v-color-picker-edit__input:not(:last-child) {
26236
+ margin-inline-end: 8px;
26239
26237
  }
26240
- .v-color-picker-canvas__dot--disabled {
26241
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26238
+ .v-color-picker-edit__input input {
26239
+ border-radius: 4px;
26240
+ margin-bottom: 8px;
26241
+ min-width: 0;
26242
+ outline: none;
26243
+ text-align: center;
26244
+ width: 100%;
26245
+ height: 32px;
26246
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26247
+ color: rgba(var(--v-theme-on-surface));
26242
26248
  }
26243
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26244
- will-change: transform;
26249
+ .v-color-picker-edit__input span {
26250
+ font-size: 0.75rem;
26245
26251
  }.v-color-picker-preview__alpha .v-slider-track__background {
26246
26252
  background-color: transparent !important;
26247
26253
  }
@@ -26312,34 +26318,28 @@ html.v-overlay-scroll-blocked {
26312
26318
  .v-color-picker-preview__eye-dropper {
26313
26319
  position: relative;
26314
26320
  margin-right: 12px;
26315
- }.v-color-picker-edit {
26316
- display: flex;
26317
- margin-top: 24px;
26318
- }
26319
-
26320
- .v-color-picker-edit__input {
26321
- width: 100%;
26321
+ }.v-color-picker-canvas {
26322
26322
  display: flex;
26323
- flex-wrap: wrap;
26324
- justify-content: center;
26325
- text-align: center;
26323
+ position: relative;
26324
+ overflow: hidden;
26325
+ contain: content;
26326
+ touch-action: none;
26326
26327
  }
26327
- .v-color-picker-edit__input:not(:last-child) {
26328
- margin-inline-end: 8px;
26328
+ .v-color-picker-canvas__dot {
26329
+ position: absolute;
26330
+ top: 0;
26331
+ left: 0;
26332
+ width: 15px;
26333
+ height: 15px;
26334
+ background: transparent;
26335
+ border-radius: 50%;
26336
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26329
26337
  }
26330
- .v-color-picker-edit__input input {
26331
- border-radius: 4px;
26332
- margin-bottom: 8px;
26333
- min-width: 0;
26334
- outline: none;
26335
- text-align: center;
26336
- width: 100%;
26337
- height: 32px;
26338
- background: rgba(var(--v-theme-surface-variant), 0.2);
26339
- color: rgba(var(--v-theme-on-surface));
26338
+ .v-color-picker-canvas__dot--disabled {
26339
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26340
26340
  }
26341
- .v-color-picker-edit__input span {
26342
- font-size: 0.75rem;
26341
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26342
+ will-change: transform;
26343
26343
  }.v-color-picker-swatches {
26344
26344
  overflow-y: auto;
26345
26345
  }