@vuetify/nightly 3.5.3-dev.2024-03-03 → 3.5.3-dev.2024-03-06

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.5.3-dev.2024-03-03
2
+ * Vuetify v3.5.3-dev.2024-03-06
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17045,6 +17045,34 @@ html.overflow-y-hidden {
17045
17045
  .v-ripple__animation--out {
17046
17046
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17047
17047
  opacity: 0;
17048
+ }.v-application {
17049
+ display: flex;
17050
+ background: rgb(var(--v-theme-background));
17051
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17052
+ }
17053
+
17054
+ .v-application__wrap {
17055
+ -webkit-backface-visibility: hidden;
17056
+ backface-visibility: hidden;
17057
+ display: flex;
17058
+ flex-direction: column;
17059
+ flex: 1 1 auto;
17060
+ max-width: 100%;
17061
+ min-height: 100vh;
17062
+ min-height: 100dvh;
17063
+ position: relative;
17064
+ }.v-app-bar {
17065
+ display: flex;
17066
+ }
17067
+ .v-app-bar.v-toolbar {
17068
+ background: rgb(var(--v-theme-surface));
17069
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17070
+ }
17071
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17072
+ 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));
17073
+ }
17074
+ .v-app-bar:not(.v-toolbar--absolute) {
17075
+ padding-inline-end: var(--v-scrollbar-offset);
17048
17076
  }.v-alert {
17049
17077
  display: grid;
17050
17078
  flex: 1 1;
@@ -17255,22 +17283,6 @@ html.overflow-y-hidden {
17255
17283
  text-transform: none;
17256
17284
  word-break: normal;
17257
17285
  word-wrap: break-word;
17258
- }.v-application {
17259
- display: flex;
17260
- background: rgb(var(--v-theme-background));
17261
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17262
- }
17263
-
17264
- .v-application__wrap {
17265
- -webkit-backface-visibility: hidden;
17266
- backface-visibility: hidden;
17267
- display: flex;
17268
- flex-direction: column;
17269
- flex: 1 1 auto;
17270
- max-width: 100%;
17271
- min-height: 100vh;
17272
- min-height: 100dvh;
17273
- position: relative;
17274
17286
  }.v-autocomplete .v-field .v-text-field__prefix,
17275
17287
  .v-autocomplete .v-field .v-text-field__suffix,
17276
17288
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17352,77 +17364,6 @@ html.overflow-y-hidden {
17352
17364
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17353
17365
  opacity: var(--v-high-emphasis-opacity);
17354
17366
  transform: rotate(180deg);
17355
- }.v-badge {
17356
- display: inline-block;
17357
- line-height: 1;
17358
- }
17359
-
17360
- .v-badge__badge {
17361
- align-items: center;
17362
- display: inline-flex;
17363
- border-radius: 10px;
17364
- font-size: 0.75rem;
17365
- font-weight: 500;
17366
- height: 1.25rem;
17367
- justify-content: center;
17368
- min-width: 20px;
17369
- padding: 4px 6px;
17370
- pointer-events: auto;
17371
- position: absolute;
17372
- text-align: center;
17373
- text-indent: 0;
17374
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17375
- white-space: nowrap;
17376
- background: rgb(var(--v-theme-surface-variant));
17377
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17378
- }
17379
- .v-badge--bordered .v-badge__badge::after {
17380
- border-radius: inherit;
17381
- border-style: solid;
17382
- border-width: 2px;
17383
- bottom: 0;
17384
- color: rgb(var(--v-theme-background));
17385
- content: "";
17386
- left: 0;
17387
- position: absolute;
17388
- right: 0;
17389
- top: 0;
17390
- transform: scale(1.05);
17391
- }
17392
- .v-badge--dot .v-badge__badge {
17393
- border-radius: 4.5px;
17394
- height: 9px;
17395
- min-width: 0;
17396
- padding: 0;
17397
- width: 9px;
17398
- }
17399
- .v-badge--dot .v-badge__badge::after {
17400
- border-width: 1.5px;
17401
- }
17402
- .v-badge--inline .v-badge__badge {
17403
- position: relative;
17404
- vertical-align: middle;
17405
- }
17406
- .v-badge__badge .v-icon {
17407
- color: inherit;
17408
- font-size: 0.75rem;
17409
- margin: 0 -2px;
17410
- }
17411
- .v-badge__badge img,
17412
- .v-badge__badge .v-img {
17413
- height: 100%;
17414
- width: 100%;
17415
- }
17416
-
17417
- .v-badge__wrapper {
17418
- display: flex;
17419
- position: relative;
17420
- }
17421
- .v-badge--inline .v-badge__wrapper {
17422
- align-items: center;
17423
- display: inline-flex;
17424
- justify-content: center;
17425
- margin: 0 4px;
17426
17367
  }.v-avatar {
17427
17368
  flex: none;
17428
17369
  align-items: center;
@@ -17510,6 +17451,77 @@ html.overflow-y-hidden {
17510
17451
  .v-avatar .v-img {
17511
17452
  height: 100%;
17512
17453
  width: 100%;
17454
+ }.v-badge {
17455
+ display: inline-block;
17456
+ line-height: 1;
17457
+ }
17458
+
17459
+ .v-badge__badge {
17460
+ align-items: center;
17461
+ display: inline-flex;
17462
+ border-radius: 10px;
17463
+ font-size: 0.75rem;
17464
+ font-weight: 500;
17465
+ height: 1.25rem;
17466
+ justify-content: center;
17467
+ min-width: 20px;
17468
+ padding: 4px 6px;
17469
+ pointer-events: auto;
17470
+ position: absolute;
17471
+ text-align: center;
17472
+ text-indent: 0;
17473
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17474
+ white-space: nowrap;
17475
+ background: rgb(var(--v-theme-surface-variant));
17476
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17477
+ }
17478
+ .v-badge--bordered .v-badge__badge::after {
17479
+ border-radius: inherit;
17480
+ border-style: solid;
17481
+ border-width: 2px;
17482
+ bottom: 0;
17483
+ color: rgb(var(--v-theme-background));
17484
+ content: "";
17485
+ left: 0;
17486
+ position: absolute;
17487
+ right: 0;
17488
+ top: 0;
17489
+ transform: scale(1.05);
17490
+ }
17491
+ .v-badge--dot .v-badge__badge {
17492
+ border-radius: 4.5px;
17493
+ height: 9px;
17494
+ min-width: 0;
17495
+ padding: 0;
17496
+ width: 9px;
17497
+ }
17498
+ .v-badge--dot .v-badge__badge::after {
17499
+ border-width: 1.5px;
17500
+ }
17501
+ .v-badge--inline .v-badge__badge {
17502
+ position: relative;
17503
+ vertical-align: middle;
17504
+ }
17505
+ .v-badge__badge .v-icon {
17506
+ color: inherit;
17507
+ font-size: 0.75rem;
17508
+ margin: 0 -2px;
17509
+ }
17510
+ .v-badge__badge img,
17511
+ .v-badge__badge .v-img {
17512
+ height: 100%;
17513
+ width: 100%;
17514
+ }
17515
+
17516
+ .v-badge__wrapper {
17517
+ display: flex;
17518
+ position: relative;
17519
+ }
17520
+ .v-badge--inline .v-badge__wrapper {
17521
+ align-items: center;
17522
+ display: inline-flex;
17523
+ justify-content: center;
17524
+ margin: 0 4px;
17513
17525
  }.v-banner {
17514
17526
  display: grid;
17515
17527
  flex: 1 1;
@@ -17754,62 +17766,63 @@ html.overflow-y-hidden {
17754
17766
  .v-bottom-sheet.v-bottom-sheet--inset {
17755
17767
  max-width: 70%;
17756
17768
  }
17757
- }.v-btn-group {
17758
- display: inline-flex;
17759
- flex-wrap: nowrap;
17760
- max-width: 100%;
17761
- min-width: 0;
17762
- overflow: hidden;
17763
- vertical-align: middle;
17764
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17765
- border-style: solid;
17766
- border-width: 0;
17767
- 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));
17769
+ }.v-breadcrumbs {
17770
+ display: flex;
17771
+ align-items: center;
17772
+ line-height: 1.375rem;
17773
+ padding: 16px 12px;
17774
+ }
17775
+ .v-breadcrumbs--rounded {
17768
17776
  border-radius: 4px;
17769
- background: transparent;
17770
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17771
17777
  }
17772
- .v-btn-group--border {
17773
- border-width: thin;
17774
- box-shadow: none;
17778
+ .v-breadcrumbs--density-default {
17779
+ padding-top: 16px;
17780
+ padding-bottom: 16px;
17775
17781
  }
17776
- .v-btn-group--density-default.v-btn-group {
17777
- height: 48px;
17782
+
17783
+ .v-breadcrumbs--density-comfortable {
17784
+ padding-top: 12px;
17785
+ padding-bottom: 12px;
17778
17786
  }
17779
17787
 
17780
- .v-btn-group--density-comfortable.v-btn-group {
17781
- height: 40px;
17788
+ .v-breadcrumbs--density-compact {
17789
+ padding-top: 8px;
17790
+ padding-bottom: 8px;
17782
17791
  }
17783
17792
 
17784
- .v-btn-group--density-compact.v-btn-group {
17785
- height: 36px;
17793
+ .v-breadcrumbs__prepend {
17794
+ align-items: center;
17795
+ display: inline-flex;
17786
17796
  }
17787
17797
 
17788
- .v-btn-group .v-btn {
17789
- border-radius: 0;
17790
- border-color: inherit;
17798
+ .v-breadcrumbs-item {
17799
+ align-items: center;
17800
+ color: inherit;
17801
+ display: inline-flex;
17802
+ padding: 0 4px;
17803
+ text-decoration: none;
17804
+ vertical-align: middle;
17791
17805
  }
17792
- .v-btn-group .v-btn:not(:last-child) {
17793
- border-inline-end: none;
17806
+ .v-breadcrumbs-item--disabled {
17807
+ opacity: var(--v-disabled-opacity);
17808
+ pointer-events: none;
17794
17809
  }
17795
- .v-btn-group .v-btn:not(:first-child) {
17796
- border-inline-start: none;
17810
+ .v-breadcrumbs-item--link {
17811
+ color: inherit;
17812
+ text-decoration: none;
17797
17813
  }
17798
- .v-btn-group .v-btn:first-child {
17799
- border-start-start-radius: inherit;
17800
- border-end-start-radius: inherit;
17814
+ .v-breadcrumbs-item--link:hover {
17815
+ text-decoration: underline;
17801
17816
  }
17802
- .v-btn-group .v-btn:last-child {
17803
- border-start-end-radius: inherit;
17804
- border-end-end-radius: inherit;
17805
- }
17806
- .v-btn-group--divided .v-btn:not(:last-child) {
17807
- border-inline-end-width: thin;
17808
- border-inline-end-style: solid;
17809
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17817
+ .v-breadcrumbs-item .v-icon {
17818
+ font-size: 1rem;
17819
+ margin-inline: -4px 2px;
17810
17820
  }
17811
- .v-btn-group--tile {
17812
- border-radius: 0;
17821
+
17822
+ .v-breadcrumbs-divider {
17823
+ display: inline-block;
17824
+ padding: 0 8px;
17825
+ vertical-align: middle;
17813
17826
  }.v-btn {
17814
17827
  align-items: center;
17815
17828
  border-radius: 4px;
@@ -18213,76 +18226,62 @@ html.overflow-y-hidden {
18213
18226
  }
18214
18227
  .v-pagination__item--is-active .v-btn__overlay {
18215
18228
  opacity: var(--v-border-opacity);
18216
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18217
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18218
- }
18219
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18220
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18221
- }
18222
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18223
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18224
- }
18225
- @supports not selector(:focus-visible) {
18226
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18227
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18228
- }
18229
- }.v-breadcrumbs {
18230
- display: flex;
18231
- align-items: center;
18232
- line-height: 1.375rem;
18233
- padding: 16px 12px;
18234
- }
18235
- .v-breadcrumbs--rounded {
18229
+ }.v-btn-group {
18230
+ display: inline-flex;
18231
+ flex-wrap: nowrap;
18232
+ max-width: 100%;
18233
+ min-width: 0;
18234
+ overflow: hidden;
18235
+ vertical-align: middle;
18236
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18237
+ border-style: solid;
18238
+ border-width: 0;
18239
+ 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));
18236
18240
  border-radius: 4px;
18241
+ background: transparent;
18242
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18237
18243
  }
18238
- .v-breadcrumbs--density-default {
18239
- padding-top: 16px;
18240
- padding-bottom: 16px;
18244
+ .v-btn-group--border {
18245
+ border-width: thin;
18246
+ box-shadow: none;
18241
18247
  }
18242
-
18243
- .v-breadcrumbs--density-comfortable {
18244
- padding-top: 12px;
18245
- padding-bottom: 12px;
18248
+ .v-btn-group--density-default.v-btn-group {
18249
+ height: 48px;
18246
18250
  }
18247
18251
 
18248
- .v-breadcrumbs--density-compact {
18249
- padding-top: 8px;
18250
- padding-bottom: 8px;
18252
+ .v-btn-group--density-comfortable.v-btn-group {
18253
+ height: 40px;
18251
18254
  }
18252
18255
 
18253
- .v-breadcrumbs__prepend {
18254
- align-items: center;
18255
- display: inline-flex;
18256
+ .v-btn-group--density-compact.v-btn-group {
18257
+ height: 36px;
18256
18258
  }
18257
18259
 
18258
- .v-breadcrumbs-item {
18259
- align-items: center;
18260
- color: inherit;
18261
- display: inline-flex;
18262
- padding: 0 4px;
18263
- text-decoration: none;
18264
- vertical-align: middle;
18260
+ .v-btn-group .v-btn {
18261
+ border-radius: 0;
18262
+ border-color: inherit;
18265
18263
  }
18266
- .v-breadcrumbs-item--disabled {
18267
- opacity: var(--v-disabled-opacity);
18268
- pointer-events: none;
18264
+ .v-btn-group .v-btn:not(:last-child) {
18265
+ border-inline-end: none;
18269
18266
  }
18270
- .v-breadcrumbs-item--link {
18271
- color: inherit;
18272
- text-decoration: none;
18267
+ .v-btn-group .v-btn:not(:first-child) {
18268
+ border-inline-start: none;
18273
18269
  }
18274
- .v-breadcrumbs-item--link:hover {
18275
- text-decoration: underline;
18270
+ .v-btn-group .v-btn:first-child {
18271
+ border-start-start-radius: inherit;
18272
+ border-end-start-radius: inherit;
18276
18273
  }
18277
- .v-breadcrumbs-item .v-icon {
18278
- font-size: 1rem;
18279
- margin-inline: -4px 2px;
18274
+ .v-btn-group .v-btn:last-child {
18275
+ border-start-end-radius: inherit;
18276
+ border-end-end-radius: inherit;
18280
18277
  }
18281
-
18282
- .v-breadcrumbs-divider {
18283
- display: inline-block;
18284
- padding: 0 8px;
18285
- vertical-align: middle;
18278
+ .v-btn-group--divided .v-btn:not(:last-child) {
18279
+ border-inline-end-width: thin;
18280
+ border-inline-end-style: solid;
18281
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18282
+ }
18283
+ .v-btn-group--tile {
18284
+ border-radius: 0;
18286
18285
  }.v-card {
18287
18286
  display: block;
18288
18287
  overflow: hidden;
@@ -18579,11 +18578,19 @@ html.overflow-y-hidden {
18579
18578
  pointer-events: none;
18580
18579
  opacity: 0;
18581
18580
  transition: opacity 0.2s ease-in-out;
18582
- }.v-checkbox.v-input {
18583
- flex: 0 1 auto;
18581
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18582
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18584
18583
  }
18585
- .v-checkbox .v-selection-control {
18586
- min-height: var(--v-input-control-height);
18584
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18585
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18586
+ }
18587
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18588
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18589
+ }
18590
+ @supports not selector(:focus-visible) {
18591
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18592
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18593
+ }
18587
18594
  }.v-carousel {
18588
18595
  overflow: hidden;
18589
18596
  position: relative;
@@ -18647,6 +18654,11 @@ html.overflow-y-hidden {
18647
18654
  flex-direction: column;
18648
18655
  height: 100% !important;
18649
18656
  width: 50px;
18657
+ }.v-checkbox.v-input {
18658
+ flex: 0 1 auto;
18659
+ }
18660
+ .v-checkbox .v-selection-control {
18661
+ min-height: var(--v-input-control-height);
18650
18662
  }.v-chip {
18651
18663
  align-items: center;
18652
18664
  display: inline-flex;
@@ -19744,6 +19756,26 @@ html.overflow-y-hidden {
19744
19756
  .offset-xxl-11 {
19745
19757
  margin-inline-start: 91.6666666667%;
19746
19758
  }
19759
+ }.v-color-picker {
19760
+ align-self: flex-start;
19761
+ contain: content;
19762
+ }
19763
+ .v-color-picker.v-sheet {
19764
+ 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));
19765
+ border-radius: 4px;
19766
+ }
19767
+
19768
+ .v-color-picker__controls {
19769
+ display: flex;
19770
+ flex-direction: column;
19771
+ padding: 16px;
19772
+ }
19773
+
19774
+ .v-color-picker--flat {
19775
+ 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));
19776
+ }
19777
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19778
+ 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));
19747
19779
  }.v-combobox .v-field .v-text-field__prefix,
19748
19780
  .v-combobox .v-field .v-text-field__suffix,
19749
19781
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19825,66 +19857,11 @@ html.overflow-y-hidden {
19825
19857
  .v-combobox--active-menu .v-combobox__menu-icon {
19826
19858
  opacity: var(--v-high-emphasis-opacity);
19827
19859
  transform: rotate(180deg);
19828
- }.v-color-picker {
19829
- align-self: flex-start;
19830
- contain: content;
19831
- }
19832
- .v-color-picker.v-sheet {
19833
- 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));
19834
- border-radius: 4px;
19835
- }
19836
-
19837
- .v-color-picker__controls {
19838
- display: flex;
19839
- flex-direction: column;
19840
- padding: 16px;
19841
- }
19842
-
19843
- .v-color-picker--flat {
19844
- 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));
19845
- }
19846
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19847
- 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));
19848
19860
  }.v-counter {
19849
19861
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19850
19862
  flex: 0 1 auto;
19851
19863
  font-size: 12px;
19852
19864
  transition-duration: 150ms;
19853
- }.v-data-table-footer {
19854
- display: flex;
19855
- align-items: center;
19856
- flex-wrap: wrap;
19857
- padding: 4px;
19858
- justify-content: flex-end;
19859
- }
19860
-
19861
- .v-data-table-footer__items-per-page {
19862
- display: flex;
19863
- align-items: center;
19864
- justify-content: center;
19865
- }
19866
- .v-data-table-footer__items-per-page > span {
19867
- padding-inline-end: 8px;
19868
- }
19869
- .v-data-table-footer__items-per-page > .v-select {
19870
- width: 90px;
19871
- }
19872
-
19873
- .v-data-table-footer__info {
19874
- display: flex;
19875
- justify-content: flex-end;
19876
- min-width: 116px;
19877
- padding: 0 16px;
19878
- }
19879
-
19880
- .v-data-table-footer__pagination {
19881
- display: flex;
19882
- align-items: center;
19883
- margin-inline-start: 16px;
19884
- }
19885
-
19886
- .v-data-table-footer__page {
19887
- padding: 0 8px;
19888
19865
  }.v-data-table {
19889
19866
  width: 100%;
19890
19867
  }
@@ -20018,6 +19995,41 @@ html.overflow-y-hidden {
20018
19995
  .v-data-table-rows-loading,
20019
19996
  .v-data-table-rows-no-data {
20020
19997
  text-align: center;
19998
+ }.v-data-table-footer {
19999
+ display: flex;
20000
+ align-items: center;
20001
+ flex-wrap: wrap;
20002
+ padding: 4px;
20003
+ justify-content: flex-end;
20004
+ }
20005
+
20006
+ .v-data-table-footer__items-per-page {
20007
+ display: flex;
20008
+ align-items: center;
20009
+ justify-content: center;
20010
+ }
20011
+ .v-data-table-footer__items-per-page > span {
20012
+ padding-inline-end: 8px;
20013
+ }
20014
+ .v-data-table-footer__items-per-page > .v-select {
20015
+ width: 90px;
20016
+ }
20017
+
20018
+ .v-data-table-footer__info {
20019
+ display: flex;
20020
+ justify-content: flex-end;
20021
+ min-width: 116px;
20022
+ padding: 0 16px;
20023
+ }
20024
+
20025
+ .v-data-table-footer__pagination {
20026
+ display: flex;
20027
+ align-items: center;
20028
+ margin-inline-start: 16px;
20029
+ }
20030
+
20031
+ .v-data-table-footer__page {
20032
+ padding: 0 8px;
20021
20033
  }.v-date-picker__input {
20022
20034
  padding-top: 16px;
20023
20035
  padding-left: 24px;
@@ -20043,55 +20055,82 @@ html.overflow-y-hidden {
20043
20055
  .v-date-picker-month__day .v-btn {
20044
20056
  --v-btn-height: 28px;
20045
20057
  --v-btn-size: 0.85rem;
20046
- }.v-date-picker-month {
20058
+ }.v-date-picker-controls {
20047
20059
  display: flex;
20048
- justify-content: center;
20049
- min-width: 328px;
20050
- --v-date-picker-month-day-diff: 4px;
20060
+ align-items: center;
20061
+ justify-content: space-between;
20062
+ font-size: 0.875rem;
20063
+ padding-top: 4px;
20064
+ padding-bottom: 4px;
20065
+ padding-inline-start: 6px;
20066
+ padding-inline-end: 12px;
20051
20067
  }
20052
-
20053
- .v-date-picker-month__weeks {
20054
- display: grid;
20055
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20056
- row-gap: 4px;
20057
- font-size: 0.875rem;
20068
+ .v-date-picker-controls > .v-btn:first-child {
20069
+ text-transform: none;
20070
+ font-weight: 400;
20071
+ line-height: initial;
20072
+ letter-spacing: initial;
20058
20073
  }
20059
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20060
- grid-row-gap: 0;
20074
+ .v-date-picker-controls--variant-classic {
20075
+ padding-inline-start: 12px;
20061
20076
  }
20062
-
20063
- .v-date-picker-month__weekday {
20064
- font-size: 0.875rem;
20077
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20078
+ opacity: 0.7;
20079
+ }
20080
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20081
+ cursor: pointer;
20082
+ }
20083
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20084
+ opacity: 1;
20085
+ }
20086
+ .v-date-picker-controls .v-btn:last-child {
20087
+ margin-inline-start: 4px;
20088
+ }
20089
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20090
+ transform: rotate(180deg);
20065
20091
  }
20066
20092
 
20067
- .v-date-picker-month__days {
20068
- display: grid;
20069
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20070
- row-gap: 4px;
20071
- flex: 1 1;
20072
- justify-content: space-around;
20093
+ .v-date-picker-controls__date {
20094
+ margin-inline-end: 4px;
20095
+ }
20096
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20097
+ margin: auto;
20098
+ text-align: center;
20073
20099
  }
20074
20100
 
20075
- .v-date-picker-month__day {
20076
- align-items: center;
20101
+ .v-date-picker-controls__month {
20077
20102
  display: flex;
20078
- justify-content: center;
20079
- position: relative;
20080
20103
  }
20081
- .v-date-picker-month__day--selected .v-btn {
20082
- background-color: rgb(var(--v-theme-surface-variant));
20083
- color: rgb(var(--v-theme-on-surface-variant));
20104
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20105
+ flex-direction: row-reverse;
20084
20106
  }
20085
- .v-date-picker-month__day--week {
20086
- font-size: var(--v-btn-size);
20107
+
20108
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20109
+ flex: 1 0 auto;
20087
20110
  }
20088
20111
 
20089
- .v-date-picker-month__day--adjacent {
20090
- opacity: 0.5;
20112
+ .v-date-picker__title {
20113
+ display: inline-block;
20114
+ }.v-date-picker-months {
20115
+ height: 320px;
20116
+ overflow-y: scroll;
20091
20117
  }
20092
20118
 
20093
- .v-date-picker-month__day--hide-adjacent {
20094
- opacity: 0;
20119
+ .v-date-picker-months__content {
20120
+ align-items: center;
20121
+ display: grid;
20122
+ flex: 1 1;
20123
+ height: inherit;
20124
+ justify-content: space-around;
20125
+ grid-template-columns: repeat(2, 1fr);
20126
+ grid-gap: 4px 24px;
20127
+ padding-inline-start: 36px;
20128
+ padding-inline-end: 36px;
20129
+ }
20130
+ .v-date-picker-months__content .v-btn {
20131
+ text-transform: none;
20132
+ padding-inline-start: 8px;
20133
+ padding-inline-end: 8px;
20095
20134
  }.v-date-picker-header {
20096
20135
  display: grid;
20097
20136
  grid-template-areas: "prepend content append";
@@ -20150,126 +20189,70 @@ html.overflow-y-hidden {
20150
20189
  .date-picker-header-reverse-transition-leave-to {
20151
20190
  opacity: 0;
20152
20191
  transform: translate(0, 100%);
20153
- }.v-date-picker-controls {
20154
- display: flex;
20155
- align-items: center;
20156
- justify-content: space-between;
20157
- font-size: 0.875rem;
20158
- padding-top: 4px;
20159
- padding-bottom: 4px;
20160
- padding-inline-start: 6px;
20161
- padding-inline-end: 12px;
20162
- }
20163
- .v-date-picker-controls > .v-btn:first-child {
20164
- text-transform: none;
20165
- font-weight: 400;
20166
- line-height: initial;
20167
- letter-spacing: initial;
20168
- }
20169
- .v-date-picker-controls--variant-classic {
20170
- padding-inline-start: 12px;
20171
- }
20172
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20173
- opacity: 0.7;
20174
- }
20175
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20176
- cursor: pointer;
20177
- }
20178
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20179
- opacity: 1;
20180
- }
20181
- .v-date-picker-controls .v-btn:last-child {
20182
- margin-inline-start: 4px;
20183
- }
20184
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20185
- transform: rotate(180deg);
20192
+ }.v-date-picker-years {
20193
+ height: 320px;
20194
+ overflow-y: scroll;
20186
20195
  }
20187
20196
 
20188
- .v-date-picker-controls__date {
20189
- margin-inline-end: 4px;
20190
- }
20191
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20192
- margin: auto;
20193
- text-align: center;
20197
+ .v-date-picker-years__content {
20198
+ display: grid;
20199
+ flex: 1 1;
20200
+ justify-content: space-around;
20201
+ grid-template-columns: repeat(3, 1fr);
20202
+ gap: 8px 24px;
20203
+ padding-inline: 36px;
20194
20204
  }
20195
-
20196
- .v-date-picker-controls__month {
20205
+ .v-date-picker-years__content .v-btn {
20206
+ padding-inline: 8px;
20207
+ }.v-date-picker-month {
20197
20208
  display: flex;
20198
- }
20199
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20200
- flex-direction: row-reverse;
20209
+ justify-content: center;
20210
+ min-width: 328px;
20211
+ --v-date-picker-month-day-diff: 4px;
20201
20212
  }
20202
20213
 
20203
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20204
- flex: 1 0 auto;
20214
+ .v-date-picker-month__weeks {
20215
+ display: grid;
20216
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20217
+ row-gap: 4px;
20218
+ font-size: 0.875rem;
20219
+ }
20220
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20221
+ grid-row-gap: 0;
20205
20222
  }
20206
20223
 
20207
- .v-date-picker__title {
20208
- display: inline-block;
20209
- }.v-date-picker-months {
20210
- height: 320px;
20211
- overflow-y: scroll;
20224
+ .v-date-picker-month__weekday {
20225
+ font-size: 0.875rem;
20212
20226
  }
20213
20227
 
20214
- .v-date-picker-months__content {
20215
- align-items: center;
20228
+ .v-date-picker-month__days {
20216
20229
  display: grid;
20230
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20231
+ row-gap: 4px;
20217
20232
  flex: 1 1;
20218
- height: inherit;
20219
20233
  justify-content: space-around;
20220
- grid-template-columns: repeat(2, 1fr);
20221
- grid-gap: 4px 24px;
20222
- padding-inline-start: 36px;
20223
- padding-inline-end: 36px;
20224
- }
20225
- .v-date-picker-months__content .v-btn {
20226
- text-transform: none;
20227
- padding-inline-start: 8px;
20228
- padding-inline-end: 8px;
20229
- }.v-date-picker-years {
20230
- height: 320px;
20231
- overflow-y: scroll;
20232
20234
  }
20233
20235
 
20234
- .v-date-picker-years__content {
20235
- display: grid;
20236
- flex: 1 1;
20237
- justify-content: space-around;
20238
- grid-template-columns: repeat(3, 1fr);
20239
- gap: 8px 24px;
20240
- padding-inline: 36px;
20236
+ .v-date-picker-month__day {
20237
+ align-items: center;
20238
+ display: flex;
20239
+ justify-content: center;
20240
+ position: relative;
20241
20241
  }
20242
- .v-date-picker-years__content .v-btn {
20243
- padding-inline: 8px;
20244
- }.v-divider {
20245
- display: block;
20246
- flex: 1 1 100%;
20247
- height: 0px;
20248
- max-height: 0px;
20249
- opacity: var(--v-border-opacity);
20250
- transition: inherit;
20251
- border-style: solid;
20252
- border-width: thin 0 0 0;
20242
+ .v-date-picker-month__day--selected .v-btn {
20243
+ background-color: rgb(var(--v-theme-surface-variant));
20244
+ color: rgb(var(--v-theme-on-surface-variant));
20253
20245
  }
20254
- .v-divider--vertical {
20255
- align-self: stretch;
20256
- border-width: 0 thin 0 0;
20257
- display: inline-flex;
20258
- height: inherit;
20259
- margin-left: -1px;
20260
- max-height: 100%;
20261
- max-width: 0px;
20262
- vertical-align: text-bottom;
20263
- width: 0px;
20246
+ .v-date-picker-month__day--week {
20247
+ font-size: var(--v-btn-size);
20264
20248
  }
20265
- .v-divider--inset:not(.v-divider--vertical) {
20266
- max-width: calc(100% - 72px);
20267
- margin-inline-start: 72px;
20249
+
20250
+ .v-date-picker-month__day--adjacent {
20251
+ opacity: 0.5;
20268
20252
  }
20269
- .v-divider--inset.v-divider--vertical {
20270
- margin-bottom: 8px;
20271
- margin-top: 8px;
20272
- max-height: calc(100% - 16px);
20253
+
20254
+ .v-date-picker-month__day--hide-adjacent {
20255
+ opacity: 0;
20273
20256
  }.v-dialog {
20274
20257
  align-items: center;
20275
20258
  justify-content: center;
@@ -20358,15 +20341,44 @@ html.overflow-y-hidden {
20358
20341
  -webkit-backface-visibility: hidden;
20359
20342
  backface-visibility: hidden;
20360
20343
  overflow-y: auto;
20361
- }.v-expansion-panel {
20362
- background-color: rgb(var(--v-theme-surface));
20363
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20364
- }
20365
- .v-expansion-panel:not(:first-child)::after {
20366
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20344
+ }.v-divider {
20345
+ display: block;
20346
+ flex: 1 1 100%;
20347
+ height: 0px;
20348
+ max-height: 0px;
20349
+ opacity: var(--v-border-opacity);
20350
+ transition: inherit;
20351
+ border-style: solid;
20352
+ border-width: thin 0 0 0;
20367
20353
  }
20368
- .v-expansion-panel--disabled .v-expansion-panel-title {
20369
- color: rgba(var(--v-theme-on-surface), 0.26);
20354
+ .v-divider--vertical {
20355
+ align-self: stretch;
20356
+ border-width: 0 thin 0 0;
20357
+ display: inline-flex;
20358
+ height: inherit;
20359
+ margin-left: -1px;
20360
+ max-height: 100%;
20361
+ max-width: 0px;
20362
+ vertical-align: text-bottom;
20363
+ width: 0px;
20364
+ }
20365
+ .v-divider--inset:not(.v-divider--vertical) {
20366
+ max-width: calc(100% - 72px);
20367
+ margin-inline-start: 72px;
20368
+ }
20369
+ .v-divider--inset.v-divider--vertical {
20370
+ margin-bottom: 8px;
20371
+ margin-top: 8px;
20372
+ max-height: calc(100% - 16px);
20373
+ }.v-expansion-panel {
20374
+ background-color: rgb(var(--v-theme-surface));
20375
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20376
+ }
20377
+ .v-expansion-panel:not(:first-child)::after {
20378
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20379
+ }
20380
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20381
+ color: rgba(var(--v-theme-on-surface), 0.26);
20370
20382
  }
20371
20383
  .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20372
20384
  opacity: 0.4615384615;
@@ -20557,26 +20569,6 @@ html.overflow-y-hidden {
20557
20569
  }
20558
20570
  .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20559
20571
  max-width: calc(100% - 32px);
20560
- }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20561
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20562
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20563
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20564
- top: 0px;
20565
- }
20566
- .v-file-input input[type=file] {
20567
- height: 100%;
20568
- left: 0;
20569
- opacity: 0;
20570
- position: absolute;
20571
- top: 0;
20572
- width: 100%;
20573
- z-index: 1;
20574
- }
20575
- .v-file-input .v-input__details {
20576
- padding-inline: 16px;
20577
- }
20578
- .v-input--plain-underlined.v-file-input .v-input__details {
20579
- padding-inline: 0;
20580
20572
  }/* region INPUT */
20581
20573
  .v-field {
20582
20574
  display: grid;
@@ -21126,7 +21118,27 @@ textarea.v-field__input::placeholder {
21126
21118
  opacity: 0;
21127
21119
  }
21128
21120
 
21129
- /* endregion */.v-footer {
21121
+ /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21122
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21123
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21124
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21125
+ top: 0px;
21126
+ }
21127
+ .v-file-input input[type=file] {
21128
+ height: 100%;
21129
+ left: 0;
21130
+ opacity: 0;
21131
+ position: absolute;
21132
+ top: 0;
21133
+ width: 100%;
21134
+ z-index: 1;
21135
+ }
21136
+ .v-file-input .v-input__details {
21137
+ padding-inline: 16px;
21138
+ }
21139
+ .v-input--plain-underlined.v-file-input .v-input__details {
21140
+ padding-inline: 0;
21141
+ }.v-footer {
21130
21142
  align-items: center;
21131
21143
  display: flex;
21132
21144
  flex: 1 1 auto;
@@ -21426,13 +21438,6 @@ textarea.v-field__input::placeholder {
21426
21438
 
21427
21439
  .v-label--clickable {
21428
21440
  cursor: pointer;
21429
- }.v-layout-item {
21430
- position: absolute;
21431
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21432
- }
21433
-
21434
- .v-layout-item--absolute {
21435
- position: absolute;
21436
21441
  }.v-layout {
21437
21442
  --v-scrollbar-offset: 0px;
21438
21443
  display: flex;
@@ -21441,6 +21446,13 @@ textarea.v-field__input::placeholder {
21441
21446
  .v-layout--full-height {
21442
21447
  --v-scrollbar-offset: inherit;
21443
21448
  height: 100%;
21449
+ }.v-layout-item {
21450
+ position: absolute;
21451
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21452
+ }
21453
+
21454
+ .v-layout-item--absolute {
21455
+ position: absolute;
21444
21456
  }.v-list {
21445
21457
  overflow: auto;
21446
21458
  padding: 8px 0;
@@ -21994,6 +22006,19 @@ textarea.v-field__input::placeholder {
21994
22006
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21995
22007
  }.v-locale-provider {
21996
22008
  display: contents;
22009
+ }.v-menu > .v-overlay__content {
22010
+ display: flex;
22011
+ flex-direction: column;
22012
+ border-radius: 4px;
22013
+ }
22014
+ .v-menu > .v-overlay__content > .v-card,
22015
+ .v-menu > .v-overlay__content > .v-sheet,
22016
+ .v-menu > .v-overlay__content > .v-list {
22017
+ background: rgb(var(--v-theme-surface));
22018
+ border-radius: inherit;
22019
+ overflow: auto;
22020
+ height: 100%;
22021
+ 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));
21997
22022
  }.v-main {
21998
22023
  flex: 1 0 auto;
21999
22024
  max-width: 100%;
@@ -22022,19 +22047,6 @@ textarea.v-field__input::placeholder {
22022
22047
  --v-layout-right: 0px;
22023
22048
  --v-layout-top: 0px;
22024
22049
  --v-layout-bottom: 0px;
22025
- }.v-menu > .v-overlay__content {
22026
- display: flex;
22027
- flex-direction: column;
22028
- border-radius: 4px;
22029
- }
22030
- .v-menu > .v-overlay__content > .v-card,
22031
- .v-menu > .v-overlay__content > .v-sheet,
22032
- .v-menu > .v-overlay__content > .v-list {
22033
- background: rgb(var(--v-theme-surface));
22034
- border-radius: inherit;
22035
- overflow: auto;
22036
- height: 100%;
22037
- 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));
22038
22050
  }.v-messages {
22039
22051
  flex: 1 1 auto;
22040
22052
  font-size: 12px;
@@ -22149,6 +22161,62 @@ textarea.v-field__input::placeholder {
22149
22161
  .v-navigation-drawer__append {
22150
22162
  flex: none;
22151
22163
  overflow: hidden;
22164
+ }.v-otp-input {
22165
+ border-radius: 4px;
22166
+ align-items: center;
22167
+ display: flex;
22168
+ justify-content: center;
22169
+ padding: 0.5rem 0;
22170
+ position: relative;
22171
+ }
22172
+ .v-otp-input .v-field {
22173
+ height: 100%;
22174
+ }
22175
+
22176
+ .v-otp-input__divider {
22177
+ margin: 0 8px;
22178
+ }
22179
+
22180
+ .v-otp-input__content {
22181
+ align-items: center;
22182
+ display: flex;
22183
+ gap: 0.5rem;
22184
+ height: 64px;
22185
+ padding: 0.5rem;
22186
+ justify-content: center;
22187
+ max-width: 320px;
22188
+ position: relative;
22189
+ border-radius: inherit;
22190
+ }
22191
+ .v-otp-input--divided .v-otp-input__content {
22192
+ max-width: 360px;
22193
+ }
22194
+
22195
+ .v-otp-input__field {
22196
+ color: inherit;
22197
+ font-size: 1.25rem;
22198
+ height: 100%;
22199
+ outline: none;
22200
+ text-align: center;
22201
+ width: 100%;
22202
+ }
22203
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22204
+ -webkit-appearance: none;
22205
+ margin: 0;
22206
+ }
22207
+ .v-otp-input__field[type=number] {
22208
+ -moz-appearance: textfield;
22209
+ }
22210
+
22211
+ .v-otp-input__loader {
22212
+ align-items: center;
22213
+ display: flex;
22214
+ height: 100%;
22215
+ justify-content: center;
22216
+ width: 100%;
22217
+ }
22218
+ .v-otp-input__loader .v-progress-linear {
22219
+ position: absolute;
22152
22220
  }.v-overlay-container {
22153
22221
  contain: layout;
22154
22222
  left: 0;
@@ -22220,62 +22288,6 @@ html.v-overlay-scroll-blocked {
22220
22288
  }
22221
22289
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22222
22290
  margin: 0.3rem;
22223
- }.v-otp-input {
22224
- border-radius: 4px;
22225
- align-items: center;
22226
- display: flex;
22227
- justify-content: center;
22228
- padding: 0.5rem 0;
22229
- position: relative;
22230
- }
22231
- .v-otp-input .v-field {
22232
- height: 100%;
22233
- }
22234
-
22235
- .v-otp-input__divider {
22236
- margin: 0 8px;
22237
- }
22238
-
22239
- .v-otp-input__content {
22240
- align-items: center;
22241
- display: flex;
22242
- gap: 0.5rem;
22243
- height: 64px;
22244
- padding: 0.5rem;
22245
- justify-content: center;
22246
- max-width: 320px;
22247
- position: relative;
22248
- border-radius: inherit;
22249
- }
22250
- .v-otp-input--divided .v-otp-input__content {
22251
- max-width: 360px;
22252
- }
22253
-
22254
- .v-otp-input__field {
22255
- color: inherit;
22256
- font-size: 1.25rem;
22257
- height: 100%;
22258
- outline: none;
22259
- text-align: center;
22260
- width: 100%;
22261
- }
22262
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22263
- -webkit-appearance: none;
22264
- margin: 0;
22265
- }
22266
- .v-otp-input__field[type=number] {
22267
- -moz-appearance: textfield;
22268
- }
22269
-
22270
- .v-otp-input__loader {
22271
- align-items: center;
22272
- display: flex;
22273
- height: 100%;
22274
- justify-content: center;
22275
- width: 100%;
22276
- }
22277
- .v-otp-input__loader .v-progress-linear {
22278
- position: absolute;
22279
22291
  }.v-parallax {
22280
22292
  position: relative;
22281
22293
  overflow: hidden;
@@ -22594,18 +22606,6 @@ html.v-overlay-scroll-blocked {
22594
22606
  0% {
22595
22607
  background-position-x: var(--v-progress-linear-height);
22596
22608
  }
22597
- }.v-radio-group > .v-input__control {
22598
- flex-direction: column;
22599
- }
22600
- .v-radio-group > .v-input__control > .v-label {
22601
- margin-inline-start: 16px;
22602
- }
22603
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22604
- padding-inline-start: 6px;
22605
- margin-top: 8px;
22606
- }
22607
- .v-radio-group .v-input__details {
22608
- padding-inline: 16px;
22609
22609
  }.v-slider .v-slider__container input {
22610
22610
  cursor: default;
22611
22611
  padding: 0;
@@ -22663,6 +22663,18 @@ html.v-overlay-scroll-blocked {
22663
22663
 
22664
22664
  .v-slider__label {
22665
22665
  margin-inline-end: 12px;
22666
+ }.v-radio-group > .v-input__control {
22667
+ flex-direction: column;
22668
+ }
22669
+ .v-radio-group > .v-input__control > .v-label {
22670
+ margin-inline-start: 16px;
22671
+ }
22672
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22673
+ padding-inline-start: 6px;
22674
+ margin-top: 8px;
22675
+ }
22676
+ .v-radio-group .v-input__details {
22677
+ padding-inline: 16px;
22666
22678
  }.v-rating {
22667
22679
  max-width: 100%;
22668
22680
  display: inline-flex;
@@ -22791,6 +22803,14 @@ html.v-overlay-scroll-blocked {
22791
22803
  .v-select--active-menu .v-select__menu-icon {
22792
22804
  opacity: var(--v-high-emphasis-opacity);
22793
22805
  transform: rotate(180deg);
22806
+ }.v-selection-control-group {
22807
+ grid-area: control;
22808
+ display: flex;
22809
+ flex-direction: column;
22810
+ }
22811
+ .v-selection-control-group--inline {
22812
+ flex-direction: row;
22813
+ flex-wrap: wrap;
22794
22814
  }.v-selection-control {
22795
22815
  align-items: center;
22796
22816
  contain: layout;
@@ -22892,14 +22912,6 @@ html.v-overlay-scroll-blocked {
22892
22912
  }
22893
22913
  .v-selection-control--focus-visible .v-selection-control__input::before {
22894
22914
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22895
- }.v-selection-control-group {
22896
- grid-area: control;
22897
- display: flex;
22898
- flex-direction: column;
22899
- }
22900
- .v-selection-control-group--inline {
22901
- flex-direction: row;
22902
- flex-wrap: wrap;
22903
22915
  }.v-sheet {
22904
22916
  display: block;
22905
22917
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -22928,278 +22940,271 @@ html.v-overlay-scroll-blocked {
22928
22940
  }
22929
22941
  .v-sheet--rounded {
22930
22942
  border-radius: 4px;
22931
- }.v-slide-group {
22932
- display: flex;
22933
- overflow: hidden;
22934
- }
22935
-
22936
- .v-slide-group__next,
22937
- .v-slide-group__prev {
22943
+ }.v-skeleton-loader {
22938
22944
  align-items: center;
22945
+ background: rgb(var(--v-theme-surface));
22946
+ border-radius: 4px;
22939
22947
  display: flex;
22940
- flex: 0 1 52px;
22941
- justify-content: center;
22942
- min-width: 52px;
22943
- cursor: pointer;
22948
+ flex-wrap: wrap;
22949
+ position: relative;
22950
+ vertical-align: top;
22944
22951
  }
22945
- .v-slide-group__next--disabled,
22946
- .v-slide-group__prev--disabled {
22947
- pointer-events: none;
22948
- opacity: var(--v-disabled-opacity);
22952
+ .v-skeleton-loader__actions {
22953
+ justify-content: end;
22949
22954
  }
22950
-
22951
- .v-slide-group__content {
22955
+ .v-skeleton-loader .v-skeleton-loader__ossein {
22956
+ height: 100%;
22957
+ }
22958
+ .v-skeleton-loader .v-skeleton-loader__avatar,
22959
+ .v-skeleton-loader .v-skeleton-loader__button,
22960
+ .v-skeleton-loader .v-skeleton-loader__chip,
22961
+ .v-skeleton-loader .v-skeleton-loader__divider,
22962
+ .v-skeleton-loader .v-skeleton-loader__heading,
22963
+ .v-skeleton-loader .v-skeleton-loader__image,
22964
+ .v-skeleton-loader .v-skeleton-loader__ossein,
22965
+ .v-skeleton-loader .v-skeleton-loader__text {
22966
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
22967
+ }
22968
+ .v-skeleton-loader .v-skeleton-loader__list-item,
22969
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
22970
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
22971
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
22972
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
22973
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
22974
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
22975
+ border-radius: 4px;
22976
+ }
22977
+ .v-skeleton-loader__bone {
22978
+ align-items: center;
22979
+ border-radius: inherit;
22952
22980
  display: flex;
22953
- flex: 1 0 auto;
22981
+ flex: 1 1 100%;
22982
+ flex-wrap: wrap;
22983
+ overflow: hidden;
22954
22984
  position: relative;
22955
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
22956
- white-space: nowrap;
22957
22985
  }
22958
- .v-slide-group__content > * {
22959
- white-space: initial;
22986
+ .v-skeleton-loader__bone::after {
22987
+ content: "";
22988
+ position: absolute;
22989
+ top: 0;
22990
+ left: 0;
22991
+ width: 100%;
22992
+ height: 100%;
22993
+ animation: loading 1.5s infinite;
22994
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
22995
+ transform: translateX(-100%);
22996
+ z-index: 1;
22960
22997
  }
22961
-
22962
- .v-slide-group__container {
22963
- contain: content;
22964
- display: flex;
22998
+ .v-skeleton-loader__avatar {
22999
+ border-radius: 50%;
23000
+ flex: 0 1 auto;
23001
+ margin: 8px 16px;
23002
+ max-height: 48px;
23003
+ min-height: 48px;
23004
+ height: 48px;
23005
+ max-width: 48px;
23006
+ min-width: 48px;
23007
+ width: 48px;
23008
+ }
23009
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
22965
23010
  flex: 1 1 auto;
22966
- overflow: hidden;
23011
+ margin-inline-start: 0;
22967
23012
  }
22968
-
22969
- .v-slide-group--vertical,
22970
- .v-slide-group--vertical .v-slide-group__container,
22971
- .v-slide-group--vertical .v-slide-group__content {
22972
- flex-direction: column;
22973
- }.v-stepper.v-sheet {
22974
- 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));
23013
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23014
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23015
+ margin-inline-start: 0;
23016
+ }
23017
+ .v-skeleton-loader__button {
22975
23018
  border-radius: 4px;
22976
- overflow: hidden;
23019
+ height: 36px;
23020
+ margin: 16px;
23021
+ max-width: 64px;
22977
23022
  }
22978
- .v-stepper.v-sheet.v-stepper--flat {
22979
- 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));
23023
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
23024
+ flex: 1 1 auto;
23025
+ margin-inline-start: 0;
22980
23026
  }
22981
-
22982
- .v-stepper-header {
22983
- 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));
22984
- align-items: center;
22985
- display: flex;
22986
- position: relative;
22987
- overflow-x: auto;
22988
- justify-content: space-between;
22989
- z-index: 1;
23027
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23028
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23029
+ margin-inline-start: 0;
22990
23030
  }
22991
- .v-stepper-header .v-divider {
22992
- margin: 0 -16px;
23031
+ .v-skeleton-loader__chip {
23032
+ border-radius: 16px;
23033
+ margin: 16px;
23034
+ height: 32px;
23035
+ max-width: 96px;
22993
23036
  }
22994
- .v-stepper-header .v-divider:last-child {
22995
- margin-inline-end: 0;
23037
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
23038
+ flex: 1 1 auto;
23039
+ margin-inline-start: 0;
22996
23040
  }
22997
- .v-stepper-header .v-divider:first-child {
23041
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23042
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
22998
23043
  margin-inline-start: 0;
22999
23044
  }
23000
- .v-stepper--alt-labels .v-stepper-header {
23001
- height: auto;
23045
+ .v-skeleton-loader__date-picker {
23046
+ border-radius: inherit;
23002
23047
  }
23003
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23004
- align-self: flex-start;
23005
- margin: 35px -67px 0;
23048
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
23049
+ max-width: 88px;
23050
+ width: 20%;
23006
23051
  }
23007
-
23008
- .v-stepper-window {
23009
- margin: 1.5rem;
23052
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
23053
+ max-width: 256px;
23054
+ width: 40%;
23010
23055
  }
23011
-
23012
- .v-stepper-actions {
23013
- display: flex;
23014
- align-items: center;
23015
- justify-content: space-between;
23016
- padding: 1rem;
23056
+ .v-skeleton-loader__date-picker-days {
23057
+ flex-wrap: wrap;
23058
+ margin: 16px;
23017
23059
  }
23018
- .v-stepper .v-stepper-actions {
23019
- padding: 0 1.5rem 1rem;
23060
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
23061
+ border-radius: 4px;
23062
+ margin: 4px;
23063
+ max-width: 100%;
23020
23064
  }
23021
- .v-stepper-window-item .v-stepper-actions {
23022
- padding: 1.5rem 0 0;
23023
- }.v-stepper-item {
23024
- align-items: center;
23025
- align-self: stretch;
23026
- display: inline-flex;
23027
- flex: none;
23028
- opacity: var(--v-medium-emphasis-opacity);
23029
- padding: 1.5rem;
23030
- transition-duration: 0.2s;
23031
- transition-property: opacity;
23032
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23065
+ .v-skeleton-loader__date-picker-options {
23066
+ flex-wrap: nowrap;
23033
23067
  }
23034
- .v-stepper-item--selected {
23035
- opacity: 1;
23068
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
23069
+ flex: 1 1 auto;
23036
23070
  }
23037
- .v-stepper-item--error {
23038
- color: rgb(var(--v-theme-error));
23071
+ .v-skeleton-loader__divider {
23072
+ border-radius: 1px;
23073
+ height: 2px;
23039
23074
  }
23040
- .v-stepper-item--disabled {
23041
- opacity: var(--v-medium-emphasis-opacity);
23042
- pointer-events: none;
23075
+ .v-skeleton-loader__heading {
23076
+ border-radius: 12px;
23077
+ margin: 16px;
23078
+ height: 24px;
23043
23079
  }
23044
- .v-stepper--alt-labels .v-stepper-item {
23045
- flex-direction: column;
23046
- justify-content: flex-start;
23047
- align-items: center;
23048
- flex-basis: 175px;
23080
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
23081
+ margin-top: -16px;
23049
23082
  }
23050
-
23051
- .v-stepper-item__avatar.v-avatar {
23052
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23053
- color: rgb(var(--v-theme-on-surface-variant));
23054
- font-size: 0.75rem;
23055
- margin-inline-end: 8px;
23083
+ .v-skeleton-loader__image {
23084
+ height: 150px;
23085
+ border-radius: 0;
23056
23086
  }
23057
- .v-stepper-item__avatar.v-avatar .v-icon {
23058
- font-size: 0.875rem;
23087
+ .v-skeleton-loader__card .v-skeleton-loader__image {
23088
+ border-radius: 0;
23059
23089
  }
23060
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23061
- background: rgb(var(--v-theme-surface-variant));
23090
+ .v-skeleton-loader__list-item {
23091
+ margin: 16px;
23062
23092
  }
23063
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23064
- background: rgb(var(--v-theme-error));
23093
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
23094
+ margin: 0;
23065
23095
  }
23066
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23067
- margin-bottom: 16px;
23068
- margin-inline-end: 0;
23096
+ .v-skeleton-loader__table-thead {
23097
+ justify-content: space-between;
23069
23098
  }
23070
-
23071
- .v-stepper-item__title {
23072
- line-height: 1;
23099
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23100
+ margin-top: 16px;
23101
+ max-width: 16px;
23073
23102
  }
23074
- .v-stepper--mobile .v-stepper-item__title {
23075
- display: none;
23103
+ .v-skeleton-loader__table-tfoot {
23104
+ flex-wrap: nowrap;
23076
23105
  }
23077
-
23078
- .v-stepper-item__subtitle {
23079
- font-size: 0.75rem;
23080
- text-align: left;
23081
- line-height: 1;
23082
- opacity: var(--v-medium-emphasis-opacity);
23106
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23107
+ margin-top: 16px;
23083
23108
  }
23084
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23085
- text-align: center;
23109
+ .v-skeleton-loader__table-row {
23110
+ align-items: baseline;
23111
+ margin: 0 8px;
23112
+ justify-content: space-evenly;
23113
+ flex-wrap: nowrap;
23086
23114
  }
23087
- .v-stepper--mobile .v-stepper-item__subtitle {
23088
- display: none;
23089
- }.v-switch .v-label {
23090
- padding-inline-start: 10px;
23115
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23116
+ margin-inline: 8px;
23091
23117
  }
23092
- .v-switch .v-switch__thumb {
23093
- background-color: rgb(var(--v-theme-surface-bright));
23094
- color: rgb(var(--v-theme-on-surface-bright));
23118
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23119
+ margin: 0 16px;
23095
23120
  }
23096
-
23097
- .v-switch__loader {
23121
+ .v-skeleton-loader__table-cell {
23122
+ align-items: center;
23098
23123
  display: flex;
23124
+ height: 48px;
23125
+ width: 88px;
23099
23126
  }
23100
- .v-switch__loader .v-progress-circular {
23101
- color: rgb(var(--v-theme-surface));
23127
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23128
+ margin-bottom: 0;
23102
23129
  }
23103
-
23104
- .v-switch__track,
23105
- .v-switch__thumb {
23106
- transition: none;
23130
+ .v-skeleton-loader__subtitle {
23131
+ max-width: 70%;
23107
23132
  }
23108
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23109
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23110
- background-color: rgb(var(--v-theme-error));
23111
- color: rgb(var(--v-theme-on-error));
23133
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23134
+ height: 16px;
23135
+ border-radius: 8px;
23112
23136
  }
23113
-
23114
- .v-switch__track-true {
23115
- margin-inline-end: auto;
23137
+ .v-skeleton-loader__text {
23138
+ border-radius: 6px;
23139
+ margin: 16px;
23140
+ height: 12px;
23116
23141
  }
23117
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23118
- opacity: 0;
23142
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
23143
+ margin-top: -8px;
23144
+ max-width: 50%;
23119
23145
  }
23120
-
23121
- .v-switch__track-false {
23122
- margin-inline-start: auto;
23146
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23147
+ max-width: 70%;
23123
23148
  }
23124
- .v-selection-control--dirty .v-switch__track-false {
23125
- opacity: 0;
23149
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23150
+ display: none;
23126
23151
  }
23127
-
23128
- .v-switch__track {
23129
- display: inline-flex;
23130
- align-items: center;
23131
- font-size: 0.5rem;
23132
- padding: 0 5px;
23133
- background-color: rgb(var(--v-theme-surface-variant));
23134
- border-radius: 9999px;
23135
- height: 14px;
23136
- opacity: 0.6;
23137
- min-width: 36px;
23138
- cursor: pointer;
23139
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23152
+ .v-skeleton-loader--is-loading {
23153
+ overflow: hidden;
23140
23154
  }
23141
- .v-switch--inset .v-switch__track {
23142
- border-radius: 9999px;
23143
- font-size: 0.75rem;
23144
- height: 32px;
23145
- min-width: 52px;
23155
+ .v-skeleton-loader--tile {
23156
+ border-radius: 0;
23157
+ }
23158
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
23159
+ border-radius: 0;
23146
23160
  }
23147
23161
 
23148
- .v-switch__thumb {
23149
- align-items: center;
23150
- border-radius: 50%;
23162
+ @keyframes loading {
23163
+ 100% {
23164
+ transform: translateX(100%);
23165
+ }
23166
+ }.v-slide-group {
23151
23167
  display: flex;
23152
- font-size: 0.75rem;
23153
- height: 20px;
23154
- justify-content: center;
23155
- width: 20px;
23156
- pointer-events: none;
23157
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23158
- position: relative;
23159
23168
  overflow: hidden;
23160
- 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));
23161
- }
23162
- .v-switch--inset .v-switch__thumb {
23163
- height: 24px;
23164
- width: 24px;
23165
- transform: scale(0.6666666667);
23166
- 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));
23167
- }
23168
- .v-switch--inset .v-switch__thumb--filled {
23169
- transform: none;
23170
- }
23171
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23172
- transform: none;
23173
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23174
23169
  }
23175
23170
 
23176
- .v-switch.v-input {
23177
- flex: 0 1 auto;
23178
- }
23179
- .v-switch .v-selection-control {
23180
- min-height: var(--v-input-control-height);
23181
- }
23182
- .v-switch .v-selection-control__input {
23183
- border-radius: 50%;
23184
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23185
- transform: translateX(-10px);
23186
- position: absolute;
23171
+ .v-slide-group__next,
23172
+ .v-slide-group__prev {
23173
+ align-items: center;
23174
+ display: flex;
23175
+ flex: 0 1 52px;
23176
+ justify-content: center;
23177
+ min-width: 52px;
23178
+ cursor: pointer;
23187
23179
  }
23188
- .v-switch .v-selection-control__input .v-icon {
23189
- position: absolute;
23180
+ .v-slide-group__next--disabled,
23181
+ .v-slide-group__prev--disabled {
23182
+ pointer-events: none;
23183
+ opacity: var(--v-disabled-opacity);
23190
23184
  }
23191
- .v-switch .v-selection-control--dirty .v-selection-control__input {
23192
- transform: translateX(10px);
23185
+
23186
+ .v-slide-group__content {
23187
+ display: flex;
23188
+ flex: 1 0 auto;
23189
+ position: relative;
23190
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23191
+ white-space: nowrap;
23193
23192
  }
23194
- .v-switch.v-switch--indeterminate .v-selection-control__input {
23195
- transform: scale(0.8);
23193
+ .v-slide-group__content > * {
23194
+ white-space: initial;
23196
23195
  }
23197
- .v-switch.v-switch--indeterminate .v-switch__thumb {
23198
- transform: scale(0.75);
23199
- box-shadow: none;
23196
+
23197
+ .v-slide-group__container {
23198
+ contain: content;
23199
+ display: flex;
23200
+ flex: 1 1 auto;
23201
+ overflow: hidden;
23200
23202
  }
23201
- .v-switch.v-switch--inset .v-selection-control__wrapper {
23202
- width: auto;
23203
+
23204
+ .v-slide-group--vertical,
23205
+ .v-slide-group--vertical .v-slide-group__container,
23206
+ .v-slide-group--vertical .v-slide-group__content {
23207
+ flex-direction: column;
23203
23208
  }.v-snackbar {
23204
23209
  justify-content: center;
23205
23210
  z-index: 10000;
@@ -23319,181 +23324,273 @@ html.v-overlay-scroll-blocked {
23319
23324
  }
23320
23325
  .v-snackbar-transition-leave-to {
23321
23326
  opacity: 0;
23322
- }.v-system-bar {
23327
+ }.v-stepper.v-sheet {
23328
+ 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));
23329
+ border-radius: 4px;
23330
+ overflow: hidden;
23331
+ }
23332
+ .v-stepper.v-sheet.v-stepper--flat {
23333
+ 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));
23334
+ }
23335
+
23336
+ .v-stepper-header {
23337
+ 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));
23323
23338
  align-items: center;
23324
23339
  display: flex;
23325
- flex: 1 1 auto;
23326
- height: 24px;
23327
- justify-content: flex-end;
23328
- max-width: 100%;
23329
- padding-inline: 8px;
23330
23340
  position: relative;
23331
- text-align: end;
23332
- width: 100%;
23333
- 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));
23334
- background: rgba(var(--v-theme-surface-light));
23335
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23336
- font-size: 0.75rem;
23337
- font-weight: 400;
23338
- letter-spacing: 0.0333333333em;
23339
- line-height: 1.25rem;
23340
- text-transform: none;
23341
+ overflow-x: auto;
23342
+ justify-content: space-between;
23343
+ z-index: 1;
23341
23344
  }
23342
- .v-system-bar .v-icon {
23345
+ .v-stepper-header .v-divider {
23346
+ margin: 0 -16px;
23347
+ }
23348
+ .v-stepper-header .v-divider:last-child {
23349
+ margin-inline-end: 0;
23350
+ }
23351
+ .v-stepper-header .v-divider:first-child {
23352
+ margin-inline-start: 0;
23353
+ }
23354
+ .v-stepper--alt-labels .v-stepper-header {
23355
+ height: auto;
23356
+ }
23357
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23358
+ align-self: flex-start;
23359
+ margin: 35px -67px 0;
23360
+ }
23361
+
23362
+ .v-stepper-window {
23363
+ margin: 1.5rem;
23364
+ }
23365
+
23366
+ .v-stepper-actions {
23367
+ display: flex;
23368
+ align-items: center;
23369
+ justify-content: space-between;
23370
+ padding: 1rem;
23371
+ }
23372
+ .v-stepper .v-stepper-actions {
23373
+ padding: 0 1.5rem 1rem;
23374
+ }
23375
+ .v-stepper-window-item .v-stepper-actions {
23376
+ padding: 1.5rem 0 0;
23377
+ }.v-stepper-item {
23378
+ align-items: center;
23379
+ align-self: stretch;
23380
+ display: inline-flex;
23381
+ flex: none;
23343
23382
  opacity: var(--v-medium-emphasis-opacity);
23383
+ padding: 1.5rem;
23384
+ transition-duration: 0.2s;
23385
+ transition-property: opacity;
23386
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23344
23387
  }
23345
- .v-system-bar--absolute {
23346
- position: absolute;
23388
+ .v-stepper-item--selected {
23389
+ opacity: 1;
23347
23390
  }
23348
- .v-system-bar--fixed {
23349
- position: fixed;
23391
+ .v-stepper-item--error {
23392
+ color: rgb(var(--v-theme-error));
23350
23393
  }
23351
- .v-system-bar--rounded {
23352
- border-radius: 0;
23394
+ .v-stepper-item--disabled {
23395
+ opacity: var(--v-medium-emphasis-opacity);
23396
+ pointer-events: none;
23353
23397
  }
23354
- .v-system-bar--window {
23355
- height: 32px;
23398
+ .v-stepper--alt-labels .v-stepper-item {
23399
+ flex-direction: column;
23400
+ justify-content: flex-start;
23401
+ align-items: center;
23402
+ flex-basis: 175px;
23356
23403
  }
23357
- .v-system-bar:not(.v-system-bar--absolute) {
23358
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23359
- }.v-table {
23360
- background: rgb(var(--v-theme-surface));
23361
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23404
+
23405
+ .v-stepper-item__avatar.v-avatar {
23406
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23407
+ color: rgb(var(--v-theme-on-surface-variant));
23408
+ font-size: 0.75rem;
23409
+ margin-inline-end: 8px;
23410
+ }
23411
+ .v-stepper-item__avatar.v-avatar .v-icon {
23362
23412
  font-size: 0.875rem;
23363
- transition-duration: 0.28s;
23364
- transition-property: box-shadow, opacity, background, height;
23365
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23366
23413
  }
23367
- .v-table .v-table-divider {
23368
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23414
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23415
+ background: rgb(var(--v-theme-surface-variant));
23369
23416
  }
23370
- .v-table .v-table__wrapper > table > thead > tr > th {
23371
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23417
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23418
+ background: rgb(var(--v-theme-error));
23372
23419
  }
23373
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23374
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23375
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23420
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23421
+ margin-bottom: 16px;
23422
+ margin-inline-end: 0;
23376
23423
  }
23377
- .v-table .v-table__wrapper > table > tfoot > tr > td,
23378
- .v-table .v-table__wrapper > table > tfoot > tr > th {
23379
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23424
+
23425
+ .v-stepper-item__title {
23426
+ line-height: 1;
23380
23427
  }
23381
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23382
- position: relative;
23428
+ .v-stepper--mobile .v-stepper-item__title {
23429
+ display: none;
23383
23430
  }
23384
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23385
- content: "";
23386
- position: absolute;
23387
- top: 0;
23388
- left: 0;
23389
- width: 100%;
23390
- height: 100%;
23391
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
23392
- pointer-events: none;
23431
+
23432
+ .v-stepper-item__subtitle {
23433
+ font-size: 0.75rem;
23434
+ text-align: left;
23435
+ line-height: 1;
23436
+ opacity: var(--v-medium-emphasis-opacity);
23393
23437
  }
23394
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23395
- background: rgb(var(--v-theme-surface));
23396
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23397
- z-index: 1;
23438
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23439
+ text-align: center;
23398
23440
  }
23399
- .v-table.v-table--fixed-footer > tfoot > tr > th,
23400
- .v-table.v-table--fixed-footer > tfoot > tr > td {
23401
- background: rgb(var(--v-theme-surface));
23402
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23441
+ .v-stepper--mobile .v-stepper-item__subtitle {
23442
+ display: none;
23443
+ }.v-switch .v-label {
23444
+ padding-inline-start: 10px;
23445
+ }
23446
+ .v-switch .v-switch__thumb {
23447
+ background-color: rgb(var(--v-theme-surface-bright));
23448
+ color: rgb(var(--v-theme-on-surface-bright));
23403
23449
  }
23404
23450
 
23405
- .v-table {
23406
- border-radius: inherit;
23407
- line-height: 1.5;
23408
- max-width: 100%;
23451
+ .v-switch__loader {
23409
23452
  display: flex;
23410
- flex-direction: column;
23411
23453
  }
23412
- .v-table > .v-table__wrapper > table {
23413
- width: 100%;
23414
- border-spacing: 0;
23454
+ .v-switch__loader .v-progress-circular {
23455
+ color: rgb(var(--v-theme-surface));
23415
23456
  }
23416
- .v-table > .v-table__wrapper > table > tbody > tr > td,
23417
- .v-table > .v-table__wrapper > table > tbody > tr > th,
23418
- .v-table > .v-table__wrapper > table > thead > tr > td,
23419
- .v-table > .v-table__wrapper > table > thead > tr > th,
23420
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
23421
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
23422
- padding: 0 16px;
23423
- transition-duration: 0.28s;
23424
- transition-property: box-shadow, opacity, background, height;
23425
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23457
+
23458
+ .v-switch__track,
23459
+ .v-switch__thumb {
23460
+ transition: none;
23426
23461
  }
23427
- .v-table > .v-table__wrapper > table > tbody > tr > td,
23428
- .v-table > .v-table__wrapper > table > thead > tr > td,
23429
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
23430
- height: var(--v-table-row-height);
23462
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23463
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23464
+ background-color: rgb(var(--v-theme-error));
23465
+ color: rgb(var(--v-theme-on-error));
23431
23466
  }
23432
- .v-table > .v-table__wrapper > table > tbody > tr > th,
23433
- .v-table > .v-table__wrapper > table > thead > tr > th,
23434
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
23435
- height: var(--v-table-header-height);
23436
- font-weight: 500;
23437
- -webkit-user-select: none;
23438
- user-select: none;
23439
- text-align: start;
23467
+
23468
+ .v-switch__track-true {
23469
+ margin-inline-end: auto;
23470
+ }
23471
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23472
+ opacity: 0;
23473
+ }
23474
+
23475
+ .v-switch__track-false {
23476
+ margin-inline-start: auto;
23477
+ }
23478
+ .v-selection-control--dirty .v-switch__track-false {
23479
+ opacity: 0;
23480
+ }
23481
+
23482
+ .v-switch__track {
23483
+ display: inline-flex;
23484
+ align-items: center;
23485
+ font-size: 0.5rem;
23486
+ padding: 0 5px;
23487
+ background-color: rgb(var(--v-theme-surface-variant));
23488
+ border-radius: 9999px;
23489
+ height: 14px;
23490
+ opacity: 0.6;
23491
+ min-width: 36px;
23492
+ cursor: pointer;
23493
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23494
+ }
23495
+ .v-switch--inset .v-switch__track {
23496
+ border-radius: 9999px;
23497
+ font-size: 0.75rem;
23498
+ height: 32px;
23499
+ min-width: 52px;
23500
+ }
23501
+
23502
+ .v-switch__thumb {
23503
+ align-items: center;
23504
+ border-radius: 50%;
23505
+ display: flex;
23506
+ font-size: 0.75rem;
23507
+ height: 20px;
23508
+ justify-content: center;
23509
+ width: 20px;
23510
+ pointer-events: none;
23511
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23512
+ position: relative;
23513
+ overflow: hidden;
23514
+ 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));
23515
+ }
23516
+ .v-switch--inset .v-switch__thumb {
23517
+ height: 24px;
23518
+ width: 24px;
23519
+ transform: scale(0.6666666667);
23520
+ 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));
23440
23521
  }
23441
- .v-table--density-default {
23442
- --v-table-header-height: 56px;
23443
- --v-table-row-height: 52px;
23522
+ .v-switch--inset .v-switch__thumb--filled {
23523
+ transform: none;
23444
23524
  }
23445
-
23446
- .v-table--density-comfortable {
23447
- --v-table-header-height: 48px;
23448
- --v-table-row-height: 44px;
23525
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23526
+ transform: none;
23527
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23449
23528
  }
23450
23529
 
23451
- .v-table--density-compact {
23452
- --v-table-header-height: 40px;
23453
- --v-table-row-height: 36px;
23530
+ .v-switch.v-input {
23531
+ flex: 0 1 auto;
23454
23532
  }
23455
-
23456
- .v-table__wrapper {
23457
- border-radius: inherit;
23458
- overflow: auto;
23459
- flex: 1 1 auto;
23533
+ .v-switch .v-selection-control {
23534
+ min-height: var(--v-input-control-height);
23460
23535
  }
23461
-
23462
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23463
- border-top-left-radius: 0;
23536
+ .v-switch .v-selection-control__input {
23537
+ border-radius: 50%;
23538
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23539
+ transform: translateX(-10px);
23540
+ position: absolute;
23464
23541
  }
23465
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23466
- border-top-right-radius: 0;
23542
+ .v-switch .v-selection-control__input .v-icon {
23543
+ position: absolute;
23467
23544
  }
23468
-
23469
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23470
- border-bottom-left-radius: 0;
23545
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23546
+ transform: translateX(10px);
23471
23547
  }
23472
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23473
- border-bottom-right-radius: 0;
23548
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23549
+ transform: scale(0.8);
23474
23550
  }
23475
-
23476
- .v-table--fixed-height > .v-table__wrapper {
23477
- overflow-y: auto;
23551
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
23552
+ transform: scale(0.75);
23553
+ box-shadow: none;
23478
23554
  }
23479
-
23480
- .v-table--fixed-header > .v-table__wrapper > table > thead {
23481
- position: sticky;
23482
- top: 0;
23483
- z-index: 2;
23555
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
23556
+ width: auto;
23557
+ }.v-system-bar {
23558
+ align-items: center;
23559
+ display: flex;
23560
+ flex: 1 1 auto;
23561
+ height: 24px;
23562
+ justify-content: flex-end;
23563
+ max-width: 100%;
23564
+ padding-inline: 8px;
23565
+ position: relative;
23566
+ text-align: end;
23567
+ width: 100%;
23568
+ 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));
23569
+ background: rgba(var(--v-theme-surface-light));
23570
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23571
+ font-size: 0.75rem;
23572
+ font-weight: 400;
23573
+ letter-spacing: 0.0333333333em;
23574
+ line-height: 1.25rem;
23575
+ text-transform: none;
23484
23576
  }
23485
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23486
- border-bottom: 0px !important;
23577
+ .v-system-bar .v-icon {
23578
+ opacity: var(--v-medium-emphasis-opacity);
23487
23579
  }
23488
-
23489
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23490
- position: sticky;
23491
- bottom: 0;
23492
- z-index: 1;
23580
+ .v-system-bar--absolute {
23581
+ position: absolute;
23493
23582
  }
23494
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23495
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23496
- border-top: 0px !important;
23583
+ .v-system-bar--fixed {
23584
+ position: fixed;
23585
+ }
23586
+ .v-system-bar--rounded {
23587
+ border-radius: 0;
23588
+ }
23589
+ .v-system-bar--window {
23590
+ height: 32px;
23591
+ }
23592
+ .v-system-bar:not(.v-system-bar--absolute) {
23593
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23497
23594
  }.v-tab.v-tab.v-btn {
23498
23595
  height: var(--v-tabs-height);
23499
23596
  border-radius: 0;
@@ -23589,229 +23686,144 @@ html.v-overlay-scroll-blocked {
23589
23686
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23590
23687
  margin-inline-end: 52px;
23591
23688
  }
23592
- }.v-skeleton-loader {
23593
- align-items: center;
23689
+ }.v-table {
23594
23690
  background: rgb(var(--v-theme-surface));
23595
- border-radius: 4px;
23596
- display: flex;
23597
- flex-wrap: wrap;
23598
- position: relative;
23599
- vertical-align: top;
23600
- }
23601
- .v-skeleton-loader__actions {
23602
- justify-content: end;
23603
- }
23604
- .v-skeleton-loader .v-skeleton-loader__ossein {
23605
- height: 100%;
23606
- }
23607
- .v-skeleton-loader .v-skeleton-loader__avatar,
23608
- .v-skeleton-loader .v-skeleton-loader__button,
23609
- .v-skeleton-loader .v-skeleton-loader__chip,
23610
- .v-skeleton-loader .v-skeleton-loader__divider,
23611
- .v-skeleton-loader .v-skeleton-loader__heading,
23612
- .v-skeleton-loader .v-skeleton-loader__image,
23613
- .v-skeleton-loader .v-skeleton-loader__ossein,
23614
- .v-skeleton-loader .v-skeleton-loader__text {
23615
- background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
23616
- }
23617
- .v-skeleton-loader .v-skeleton-loader__list-item,
23618
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
23619
- .v-skeleton-loader .v-skeleton-loader__list-item-text,
23620
- .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
23621
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
23622
- .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
23623
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
23624
- border-radius: 4px;
23625
- }
23626
- .v-skeleton-loader__bone {
23627
- align-items: center;
23628
- border-radius: inherit;
23629
- display: flex;
23630
- flex: 1 1 100%;
23631
- flex-wrap: wrap;
23632
- overflow: hidden;
23633
- position: relative;
23634
- }
23635
- .v-skeleton-loader__bone::after {
23636
- content: "";
23637
- position: absolute;
23638
- top: 0;
23639
- left: 0;
23640
- width: 100%;
23641
- height: 100%;
23642
- animation: loading 1.5s infinite;
23643
- background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
23644
- transform: translateX(-100%);
23645
- z-index: 1;
23646
- }
23647
- .v-skeleton-loader__avatar {
23648
- border-radius: 50%;
23649
- flex: 0 1 auto;
23650
- margin: 8px 16px;
23651
- max-height: 48px;
23652
- min-height: 48px;
23653
- height: 48px;
23654
- max-width: 48px;
23655
- min-width: 48px;
23656
- width: 48px;
23657
- }
23658
- .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
23659
- flex: 1 1 auto;
23660
- margin-inline-start: 0;
23661
- }
23662
- .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23663
- .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23664
- margin-inline-start: 0;
23665
- }
23666
- .v-skeleton-loader__button {
23667
- border-radius: 4px;
23668
- height: 36px;
23669
- margin: 16px;
23670
- max-width: 64px;
23671
- }
23672
- .v-skeleton-loader__button + .v-skeleton-loader__bone {
23673
- flex: 1 1 auto;
23674
- margin-inline-start: 0;
23675
- }
23676
- .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23677
- .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23678
- margin-inline-start: 0;
23679
- }
23680
- .v-skeleton-loader__chip {
23681
- border-radius: 16px;
23682
- margin: 16px;
23683
- height: 32px;
23684
- max-width: 96px;
23685
- }
23686
- .v-skeleton-loader__chip + .v-skeleton-loader__bone {
23687
- flex: 1 1 auto;
23688
- margin-inline-start: 0;
23689
- }
23690
- .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
23691
- .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
23692
- margin-inline-start: 0;
23693
- }
23694
- .v-skeleton-loader__date-picker {
23695
- border-radius: inherit;
23696
- }
23697
- .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
23698
- max-width: 88px;
23699
- width: 20%;
23700
- }
23701
- .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
23702
- max-width: 256px;
23703
- width: 40%;
23704
- }
23705
- .v-skeleton-loader__date-picker-days {
23706
- flex-wrap: wrap;
23707
- margin: 16px;
23708
- }
23709
- .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
23710
- border-radius: 4px;
23711
- margin: 4px;
23712
- max-width: 100%;
23713
- }
23714
- .v-skeleton-loader__date-picker-options {
23715
- flex-wrap: nowrap;
23716
- }
23717
- .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
23718
- flex: 1 1 auto;
23719
- }
23720
- .v-skeleton-loader__divider {
23721
- border-radius: 1px;
23722
- height: 2px;
23723
- }
23724
- .v-skeleton-loader__heading {
23725
- border-radius: 12px;
23726
- margin: 16px;
23727
- height: 24px;
23691
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23692
+ font-size: 0.875rem;
23693
+ transition-duration: 0.28s;
23694
+ transition-property: box-shadow, opacity, background, height;
23695
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23728
23696
  }
23729
- .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
23730
- margin-top: -16px;
23697
+ .v-table .v-table-divider {
23698
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23731
23699
  }
23732
- .v-skeleton-loader__image {
23733
- height: 150px;
23734
- border-radius: 0;
23700
+ .v-table .v-table__wrapper > table > thead > tr > th {
23701
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23735
23702
  }
23736
- .v-skeleton-loader__card .v-skeleton-loader__image {
23737
- border-radius: 0;
23703
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
23704
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
23705
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23738
23706
  }
23739
- .v-skeleton-loader__list-item {
23740
- margin: 16px;
23707
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
23708
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
23709
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23741
23710
  }
23742
- .v-skeleton-loader__list-item .v-skeleton-loader__text {
23743
- margin: 0;
23711
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23712
+ position: relative;
23744
23713
  }
23745
- .v-skeleton-loader__table-thead {
23746
- justify-content: space-between;
23714
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23715
+ content: "";
23716
+ position: absolute;
23717
+ top: 0;
23718
+ left: 0;
23719
+ width: 100%;
23720
+ height: 100%;
23721
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
23722
+ pointer-events: none;
23747
23723
  }
23748
- .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23749
- margin-top: 16px;
23750
- max-width: 16px;
23724
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23725
+ background: rgb(var(--v-theme-surface));
23726
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23727
+ z-index: 1;
23751
23728
  }
23752
- .v-skeleton-loader__table-tfoot {
23753
- flex-wrap: nowrap;
23729
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
23730
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
23731
+ background: rgb(var(--v-theme-surface));
23732
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
23754
23733
  }
23755
- .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23756
- margin-top: 16px;
23734
+
23735
+ .v-table {
23736
+ border-radius: inherit;
23737
+ line-height: 1.5;
23738
+ max-width: 100%;
23739
+ display: flex;
23740
+ flex-direction: column;
23757
23741
  }
23758
- .v-skeleton-loader__table-row {
23759
- align-items: baseline;
23760
- margin: 0 8px;
23761
- justify-content: space-evenly;
23762
- flex-wrap: nowrap;
23742
+ .v-table > .v-table__wrapper > table {
23743
+ width: 100%;
23744
+ border-spacing: 0;
23763
23745
  }
23764
- .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23765
- margin-inline: 8px;
23746
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23747
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
23748
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23749
+ .v-table > .v-table__wrapper > table > thead > tr > th,
23750
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
23751
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
23752
+ padding: 0 16px;
23753
+ transition-duration: 0.28s;
23754
+ transition-property: box-shadow, opacity, background, height;
23755
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23766
23756
  }
23767
- .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23768
- margin: 0 16px;
23757
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23758
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23759
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
23760
+ height: var(--v-table-row-height);
23769
23761
  }
23770
- .v-skeleton-loader__table-cell {
23771
- align-items: center;
23772
- display: flex;
23773
- height: 48px;
23774
- width: 88px;
23762
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
23763
+ .v-table > .v-table__wrapper > table > thead > tr > th,
23764
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
23765
+ height: var(--v-table-header-height);
23766
+ font-weight: 500;
23767
+ -webkit-user-select: none;
23768
+ user-select: none;
23769
+ text-align: start;
23775
23770
  }
23776
- .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23777
- margin-bottom: 0;
23771
+ .v-table--density-default {
23772
+ --v-table-header-height: 56px;
23773
+ --v-table-row-height: 52px;
23778
23774
  }
23779
- .v-skeleton-loader__subtitle {
23780
- max-width: 70%;
23775
+
23776
+ .v-table--density-comfortable {
23777
+ --v-table-header-height: 48px;
23778
+ --v-table-row-height: 44px;
23781
23779
  }
23782
- .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23783
- height: 16px;
23784
- border-radius: 8px;
23780
+
23781
+ .v-table--density-compact {
23782
+ --v-table-header-height: 40px;
23783
+ --v-table-row-height: 36px;
23785
23784
  }
23786
- .v-skeleton-loader__text {
23787
- border-radius: 6px;
23788
- margin: 16px;
23789
- height: 12px;
23785
+
23786
+ .v-table__wrapper {
23787
+ border-radius: inherit;
23788
+ overflow: auto;
23789
+ flex: 1 1 auto;
23790
23790
  }
23791
- .v-skeleton-loader__text + .v-skeleton-loader__text {
23792
- margin-top: -8px;
23793
- max-width: 50%;
23791
+
23792
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23793
+ border-top-left-radius: 0;
23794
23794
  }
23795
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23796
- max-width: 70%;
23795
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23796
+ border-top-right-radius: 0;
23797
23797
  }
23798
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23799
- display: none;
23798
+
23799
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23800
+ border-bottom-left-radius: 0;
23800
23801
  }
23801
- .v-skeleton-loader--is-loading {
23802
- overflow: hidden;
23802
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23803
+ border-bottom-right-radius: 0;
23803
23804
  }
23804
- .v-skeleton-loader--tile {
23805
- border-radius: 0;
23805
+
23806
+ .v-table--fixed-height > .v-table__wrapper {
23807
+ overflow-y: auto;
23806
23808
  }
23807
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
23808
- border-radius: 0;
23809
+
23810
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
23811
+ position: sticky;
23812
+ top: 0;
23813
+ z-index: 2;
23814
+ }
23815
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23816
+ border-bottom: 0px !important;
23809
23817
  }
23810
23818
 
23811
- @keyframes loading {
23812
- 100% {
23813
- transform: translateX(100%);
23814
- }
23819
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23820
+ position: sticky;
23821
+ bottom: 0;
23822
+ z-index: 1;
23823
+ }
23824
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23825
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23826
+ border-top: 0px !important;
23815
23827
  }/* region BLOCK */
23816
23828
  .v-text-field input {
23817
23829
  color: inherit;
@@ -24563,18 +24575,6 @@ html.v-overlay-scroll-blocked {
24563
24575
  }
24564
24576
  .v-window-y-reverse-transition-leave-to {
24565
24577
  transform: translateY(100%);
24566
- }.v-app-bar {
24567
- display: flex;
24568
- }
24569
- .v-app-bar.v-toolbar {
24570
- background: rgb(var(--v-theme-surface));
24571
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24572
- }
24573
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
24574
- 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));
24575
- }
24576
- .v-app-bar:not(.v-toolbar--absolute) {
24577
- padding-inline-end: var(--v-scrollbar-offset);
24578
24578
  }.v-color-picker-preview__alpha .v-slider-track__background {
24579
24579
  background-color: transparent !important;
24580
24580
  }
@@ -24644,28 +24644,34 @@ html.v-overlay-scroll-blocked {
24644
24644
  .v-color-picker-preview__eye-dropper {
24645
24645
  position: relative;
24646
24646
  margin-right: 12px;
24647
- }.v-color-picker-canvas {
24647
+ }.v-color-picker-edit {
24648
24648
  display: flex;
24649
- position: relative;
24650
- overflow: hidden;
24651
- contain: content;
24652
- touch-action: none;
24649
+ margin-top: 24px;
24653
24650
  }
24654
- .v-color-picker-canvas__dot {
24655
- position: absolute;
24656
- top: 0;
24657
- left: 0;
24658
- width: 15px;
24659
- height: 15px;
24660
- background: transparent;
24661
- border-radius: 50%;
24662
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24651
+
24652
+ .v-color-picker-edit__input {
24653
+ width: 100%;
24654
+ display: flex;
24655
+ flex-wrap: wrap;
24656
+ justify-content: center;
24657
+ text-align: center;
24663
24658
  }
24664
- .v-color-picker-canvas__dot--disabled {
24665
- 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);
24659
+ .v-color-picker-edit__input:not(:last-child) {
24660
+ margin-inline-end: 8px;
24666
24661
  }
24667
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24668
- will-change: transform;
24662
+ .v-color-picker-edit__input input {
24663
+ border-radius: 4px;
24664
+ margin-bottom: 8px;
24665
+ min-width: 0;
24666
+ outline: none;
24667
+ text-align: center;
24668
+ width: 100%;
24669
+ height: 32px;
24670
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24671
+ color: rgba(var(--v-theme-on-surface));
24672
+ }
24673
+ .v-color-picker-edit__input span {
24674
+ font-size: 0.75rem;
24669
24675
  }.v-color-picker-swatches {
24670
24676
  overflow-y: auto;
24671
24677
  }
@@ -24701,34 +24707,28 @@ html.v-overlay-scroll-blocked {
24701
24707
  justify-content: center;
24702
24708
  width: 100%;
24703
24709
  height: 100%;
24704
- }.v-color-picker-edit {
24705
- display: flex;
24706
- margin-top: 24px;
24707
- }
24708
-
24709
- .v-color-picker-edit__input {
24710
- width: 100%;
24710
+ }.v-color-picker-canvas {
24711
24711
  display: flex;
24712
- flex-wrap: wrap;
24713
- justify-content: center;
24714
- text-align: center;
24712
+ position: relative;
24713
+ overflow: hidden;
24714
+ contain: content;
24715
+ touch-action: none;
24715
24716
  }
24716
- .v-color-picker-edit__input:not(:last-child) {
24717
- margin-inline-end: 8px;
24717
+ .v-color-picker-canvas__dot {
24718
+ position: absolute;
24719
+ top: 0;
24720
+ left: 0;
24721
+ width: 15px;
24722
+ height: 15px;
24723
+ background: transparent;
24724
+ border-radius: 50%;
24725
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24718
24726
  }
24719
- .v-color-picker-edit__input input {
24720
- border-radius: 4px;
24721
- margin-bottom: 8px;
24722
- min-width: 0;
24723
- outline: none;
24724
- text-align: center;
24725
- width: 100%;
24726
- height: 32px;
24727
- background: rgba(var(--v-theme-surface-variant), 0.2);
24728
- color: rgba(var(--v-theme-on-surface));
24727
+ .v-color-picker-canvas__dot--disabled {
24728
+ 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);
24729
24729
  }
24730
- .v-color-picker-edit__input span {
24731
- font-size: 0.75rem;
24730
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24731
+ will-change: transform;
24732
24732
  }.v-picker.v-sheet {
24733
24733
  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));
24734
24734
  border-radius: 4px;