@vuetify/nightly 3.5.3-dev.2024-02-14 → 3.5.3-dev.2024-03-03

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-02-14
2
+ * Vuetify v3.5.3-dev.2024-03-03
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17045,34 +17045,6 @@ 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);
17076
17048
  }.v-alert {
17077
17049
  display: grid;
17078
17050
  flex: 1 1;
@@ -17283,6 +17255,22 @@ html.overflow-y-hidden {
17283
17255
  text-transform: none;
17284
17256
  word-break: normal;
17285
17257
  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;
17286
17274
  }.v-autocomplete .v-field .v-text-field__prefix,
17287
17275
  .v-autocomplete .v-field .v-text-field__suffix,
17288
17276
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17364,6 +17352,77 @@ html.overflow-y-hidden {
17364
17352
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17365
17353
  opacity: var(--v-high-emphasis-opacity);
17366
17354
  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;
17367
17426
  }.v-avatar {
17368
17427
  flex: none;
17369
17428
  align-items: center;
@@ -17451,77 +17510,6 @@ html.overflow-y-hidden {
17451
17510
  .v-avatar .v-img {
17452
17511
  height: 100%;
17453
17512
  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;
17525
17513
  }.v-banner {
17526
17514
  display: grid;
17527
17515
  flex: 1 1;
@@ -17734,63 +17722,6 @@ html.overflow-y-hidden {
17734
17722
  }
17735
17723
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17736
17724
  transform: translateY(0.5rem);
17737
- }.v-breadcrumbs {
17738
- display: flex;
17739
- align-items: center;
17740
- line-height: 1.375rem;
17741
- padding: 16px 12px;
17742
- }
17743
- .v-breadcrumbs--rounded {
17744
- border-radius: 4px;
17745
- }
17746
- .v-breadcrumbs--density-default {
17747
- padding-top: 16px;
17748
- padding-bottom: 16px;
17749
- }
17750
-
17751
- .v-breadcrumbs--density-comfortable {
17752
- padding-top: 12px;
17753
- padding-bottom: 12px;
17754
- }
17755
-
17756
- .v-breadcrumbs--density-compact {
17757
- padding-top: 8px;
17758
- padding-bottom: 8px;
17759
- }
17760
-
17761
- .v-breadcrumbs__prepend {
17762
- align-items: center;
17763
- display: inline-flex;
17764
- }
17765
-
17766
- .v-breadcrumbs-item {
17767
- align-items: center;
17768
- color: inherit;
17769
- display: inline-flex;
17770
- padding: 0 4px;
17771
- text-decoration: none;
17772
- vertical-align: middle;
17773
- }
17774
- .v-breadcrumbs-item--disabled {
17775
- opacity: var(--v-disabled-opacity);
17776
- pointer-events: none;
17777
- }
17778
- .v-breadcrumbs-item--link {
17779
- color: inherit;
17780
- text-decoration: none;
17781
- }
17782
- .v-breadcrumbs-item--link:hover {
17783
- text-decoration: underline;
17784
- }
17785
- .v-breadcrumbs-item .v-icon {
17786
- font-size: 1rem;
17787
- margin-inline: -4px 2px;
17788
- }
17789
-
17790
- .v-breadcrumbs-divider {
17791
- display: inline-block;
17792
- padding: 0 8px;
17793
- vertical-align: middle;
17794
17725
  }.bottom-sheet-transition-enter-from {
17795
17726
  transform: translateY(100%);
17796
17727
  }
@@ -17823,16 +17754,72 @@ html.overflow-y-hidden {
17823
17754
  .v-bottom-sheet.v-bottom-sheet--inset {
17824
17755
  max-width: 70%;
17825
17756
  }
17826
- }.v-btn {
17827
- align-items: center;
17828
- border-radius: 4px;
17829
- display: inline-grid;
17830
- grid-template-areas: "prepend content append";
17831
- grid-template-columns: max-content auto max-content;
17832
- font-weight: 500;
17833
- justify-content: center;
17834
- letter-spacing: 0.0892857143em;
17835
- line-height: normal;
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));
17768
+ border-radius: 4px;
17769
+ background: transparent;
17770
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17771
+ }
17772
+ .v-btn-group--border {
17773
+ border-width: thin;
17774
+ box-shadow: none;
17775
+ }
17776
+ .v-btn-group--density-default.v-btn-group {
17777
+ height: 48px;
17778
+ }
17779
+
17780
+ .v-btn-group--density-comfortable.v-btn-group {
17781
+ height: 40px;
17782
+ }
17783
+
17784
+ .v-btn-group--density-compact.v-btn-group {
17785
+ height: 36px;
17786
+ }
17787
+
17788
+ .v-btn-group .v-btn {
17789
+ border-radius: 0;
17790
+ border-color: inherit;
17791
+ }
17792
+ .v-btn-group .v-btn:not(:last-child) {
17793
+ border-inline-end: none;
17794
+ }
17795
+ .v-btn-group .v-btn:not(:first-child) {
17796
+ border-inline-start: none;
17797
+ }
17798
+ .v-btn-group .v-btn:first-child {
17799
+ border-start-start-radius: inherit;
17800
+ border-end-start-radius: inherit;
17801
+ }
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));
17810
+ }
17811
+ .v-btn-group--tile {
17812
+ border-radius: 0;
17813
+ }.v-btn {
17814
+ align-items: center;
17815
+ border-radius: 4px;
17816
+ display: inline-grid;
17817
+ grid-template-areas: "prepend content append";
17818
+ grid-template-columns: max-content auto max-content;
17819
+ font-weight: 500;
17820
+ justify-content: center;
17821
+ letter-spacing: 0.0892857143em;
17822
+ line-height: normal;
17836
17823
  max-width: 100%;
17837
17824
  outline: none;
17838
17825
  position: relative;
@@ -18226,75 +18213,76 @@ html.overflow-y-hidden {
18226
18213
  }
18227
18214
  .v-pagination__item--is-active .v-btn__overlay {
18228
18215
  opacity: var(--v-border-opacity);
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));
18240
- border-radius: 4px;
18241
- background: transparent;
18242
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-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));
18243
18218
  }
18244
- .v-btn-group--border {
18245
- border-width: thin;
18246
- box-shadow: none;
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));
18247
18221
  }
18248
- .v-btn-group--density-default.v-btn-group {
18249
- height: 48px;
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));
18250
18224
  }
18251
-
18252
- .v-btn-group--density-comfortable.v-btn-group {
18253
- height: 40px;
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;
18254
18234
  }
18255
-
18256
- .v-btn-group--density-compact.v-btn-group {
18257
- height: 36px;
18235
+ .v-breadcrumbs--rounded {
18236
+ border-radius: 4px;
18258
18237
  }
18259
-
18260
- .v-btn-group .v-btn {
18261
- border-radius: 0;
18262
- border-color: inherit;
18238
+ .v-breadcrumbs--density-default {
18239
+ padding-top: 16px;
18240
+ padding-bottom: 16px;
18263
18241
  }
18264
- .v-btn-group .v-btn:not(:last-child) {
18265
- border-inline-end: none;
18242
+
18243
+ .v-breadcrumbs--density-comfortable {
18244
+ padding-top: 12px;
18245
+ padding-bottom: 12px;
18266
18246
  }
18267
- .v-btn-group .v-btn:not(:first-child) {
18268
- border-inline-start: none;
18247
+
18248
+ .v-breadcrumbs--density-compact {
18249
+ padding-top: 8px;
18250
+ padding-bottom: 8px;
18269
18251
  }
18270
- .v-btn-group .v-btn:first-child {
18271
- border-start-start-radius: inherit;
18272
- border-end-start-radius: inherit;
18252
+
18253
+ .v-breadcrumbs__prepend {
18254
+ align-items: center;
18255
+ display: inline-flex;
18273
18256
  }
18274
- .v-btn-group .v-btn:last-child {
18275
- border-start-end-radius: inherit;
18276
- border-end-end-radius: inherit;
18257
+
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;
18277
18265
  }
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));
18266
+ .v-breadcrumbs-item--disabled {
18267
+ opacity: var(--v-disabled-opacity);
18268
+ pointer-events: none;
18282
18269
  }
18283
- .v-btn-group--tile {
18284
- border-radius: 0;
18285
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18286
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18270
+ .v-breadcrumbs-item--link {
18271
+ color: inherit;
18272
+ text-decoration: none;
18287
18273
  }
18288
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18289
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18274
+ .v-breadcrumbs-item--link:hover {
18275
+ text-decoration: underline;
18290
18276
  }
18291
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18292
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18277
+ .v-breadcrumbs-item .v-icon {
18278
+ font-size: 1rem;
18279
+ margin-inline: -4px 2px;
18293
18280
  }
18294
- @supports not selector(:focus-visible) {
18295
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18296
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18297
- }
18281
+
18282
+ .v-breadcrumbs-divider {
18283
+ display: inline-block;
18284
+ padding: 0 8px;
18285
+ vertical-align: middle;
18298
18286
  }.v-card {
18299
18287
  display: block;
18300
18288
  overflow: hidden;
@@ -18591,6 +18579,11 @@ html.overflow-y-hidden {
18591
18579
  pointer-events: none;
18592
18580
  opacity: 0;
18593
18581
  transition: opacity 0.2s ease-in-out;
18582
+ }.v-checkbox.v-input {
18583
+ flex: 0 1 auto;
18584
+ }
18585
+ .v-checkbox .v-selection-control {
18586
+ min-height: var(--v-input-control-height);
18594
18587
  }.v-carousel {
18595
18588
  overflow: hidden;
18596
18589
  position: relative;
@@ -18654,11 +18647,6 @@ html.overflow-y-hidden {
18654
18647
  flex-direction: column;
18655
18648
  height: 100% !important;
18656
18649
  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);
18662
18650
  }.v-chip {
18663
18651
  align-items: center;
18664
18652
  display: inline-flex;
@@ -19756,26 +19744,6 @@ html.overflow-y-hidden {
19756
19744
  .offset-xxl-11 {
19757
19745
  margin-inline-start: 91.6666666667%;
19758
19746
  }
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));
19779
19747
  }.v-combobox .v-field .v-text-field__prefix,
19780
19748
  .v-combobox .v-field .v-text-field__suffix,
19781
19749
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19857,35 +19825,90 @@ html.overflow-y-hidden {
19857
19825
  .v-combobox--active-menu .v-combobox__menu-icon {
19858
19826
  opacity: var(--v-high-emphasis-opacity);
19859
19827
  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));
19860
19848
  }.v-counter {
19861
19849
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19862
19850
  flex: 0 1 auto;
19863
19851
  font-size: 12px;
19864
19852
  transition-duration: 150ms;
19865
- }.v-data-table {
19866
- width: 100%;
19853
+ }.v-data-table-footer {
19854
+ display: flex;
19855
+ align-items: center;
19856
+ flex-wrap: wrap;
19857
+ padding: 4px;
19858
+ justify-content: flex-end;
19867
19859
  }
19868
19860
 
19869
- .v-data-table__table {
19870
- width: 100%;
19871
- border-collapse: separate;
19872
- border-spacing: 0;
19861
+ .v-data-table-footer__items-per-page {
19862
+ display: flex;
19863
+ align-items: center;
19864
+ justify-content: center;
19873
19865
  }
19874
-
19875
- .v-data-table__tr--focus {
19876
- border: 1px dotted black;
19866
+ .v-data-table-footer__items-per-page > span {
19867
+ padding-inline-end: 8px;
19877
19868
  }
19878
- .v-data-table__tr--clickable {
19879
- cursor: pointer;
19869
+ .v-data-table-footer__items-per-page > .v-select {
19870
+ width: 90px;
19880
19871
  }
19881
19872
 
19882
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19883
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19884
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19885
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19886
- text-align: end;
19887
- }
19888
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
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
+ }.v-data-table {
19889
+ width: 100%;
19890
+ }
19891
+
19892
+ .v-data-table__table {
19893
+ width: 100%;
19894
+ border-collapse: separate;
19895
+ border-spacing: 0;
19896
+ }
19897
+
19898
+ .v-data-table__tr--focus {
19899
+ border: 1px dotted black;
19900
+ }
19901
+ .v-data-table__tr--clickable {
19902
+ cursor: pointer;
19903
+ }
19904
+
19905
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19906
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19907
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19908
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19909
+ text-align: end;
19910
+ }
19911
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19889
19912
  .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19890
19913
  .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19891
19914
  .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
@@ -19995,41 +20018,6 @@ html.overflow-y-hidden {
19995
20018
  .v-data-table-rows-loading,
19996
20019
  .v-data-table-rows-no-data {
19997
20020
  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;
20033
20021
  }.v-date-picker__input {
20034
20022
  padding-top: 16px;
20035
20023
  padding-left: 24px;
@@ -20104,6 +20092,64 @@ html.overflow-y-hidden {
20104
20092
 
20105
20093
  .v-date-picker-month__day--hide-adjacent {
20106
20094
  opacity: 0;
20095
+ }.v-date-picker-header {
20096
+ display: grid;
20097
+ grid-template-areas: "prepend content append";
20098
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20099
+ overflow: hidden;
20100
+ padding-inline: 24px 12px;
20101
+ padding-bottom: 12px;
20102
+ }
20103
+
20104
+ .v-date-picker-header__append {
20105
+ grid-area: append;
20106
+ }
20107
+
20108
+ .v-date-picker-header__prepend {
20109
+ grid-area: prepend;
20110
+ padding-inline-start: 8px;
20111
+ }
20112
+
20113
+ .v-date-picker-header__content {
20114
+ align-items: center;
20115
+ display: inline-flex;
20116
+ font-size: 32px;
20117
+ line-height: 40px;
20118
+ grid-area: content;
20119
+ justify-content: space-between;
20120
+ }
20121
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20122
+ cursor: pointer;
20123
+ }
20124
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20125
+ opacity: 0.7;
20126
+ }
20127
+
20128
+ .date-picker-header-transition-enter-active,
20129
+ .date-picker-header-reverse-transition-enter-active {
20130
+ transition-duration: 0.3s;
20131
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20132
+ }
20133
+ .date-picker-header-transition-leave-active,
20134
+ .date-picker-header-reverse-transition-leave-active {
20135
+ transition-duration: 0.3s;
20136
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20137
+ }
20138
+
20139
+ .date-picker-header-transition-enter-from {
20140
+ transform: translate(0, 100%);
20141
+ }
20142
+ .date-picker-header-transition-leave-to {
20143
+ opacity: 0;
20144
+ transform: translate(0, -100%);
20145
+ }
20146
+
20147
+ .date-picker-header-reverse-transition-enter-from {
20148
+ transform: translate(0, -100%);
20149
+ }
20150
+ .date-picker-header-reverse-transition-leave-to {
20151
+ opacity: 0;
20152
+ transform: translate(0, 100%);
20107
20153
  }.v-date-picker-controls {
20108
20154
  display: flex;
20109
20155
  align-items: center;
@@ -20180,64 +20226,6 @@ html.overflow-y-hidden {
20180
20226
  text-transform: none;
20181
20227
  padding-inline-start: 8px;
20182
20228
  padding-inline-end: 8px;
20183
- }.v-date-picker-header {
20184
- display: grid;
20185
- grid-template-areas: "prepend content append";
20186
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20187
- overflow: hidden;
20188
- padding-inline: 24px 12px;
20189
- padding-bottom: 12px;
20190
- }
20191
-
20192
- .v-date-picker-header__append {
20193
- grid-area: append;
20194
- }
20195
-
20196
- .v-date-picker-header__prepend {
20197
- grid-area: prepend;
20198
- padding-inline-start: 8px;
20199
- }
20200
-
20201
- .v-date-picker-header__content {
20202
- align-items: center;
20203
- display: inline-flex;
20204
- font-size: 32px;
20205
- line-height: 40px;
20206
- grid-area: content;
20207
- justify-content: space-between;
20208
- }
20209
- .v-date-picker-header--clickable .v-date-picker-header__content {
20210
- cursor: pointer;
20211
- }
20212
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20213
- opacity: 0.7;
20214
- }
20215
-
20216
- .date-picker-header-transition-enter-active,
20217
- .date-picker-header-reverse-transition-enter-active {
20218
- transition-duration: 0.3s;
20219
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20220
- }
20221
- .date-picker-header-transition-leave-active,
20222
- .date-picker-header-reverse-transition-leave-active {
20223
- transition-duration: 0.3s;
20224
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20225
- }
20226
-
20227
- .date-picker-header-transition-enter-from {
20228
- transform: translate(0, 100%);
20229
- }
20230
- .date-picker-header-transition-leave-to {
20231
- opacity: 0;
20232
- transform: translate(0, -100%);
20233
- }
20234
-
20235
- .date-picker-header-reverse-transition-enter-from {
20236
- transform: translate(0, -100%);
20237
- }
20238
- .date-picker-header-reverse-transition-leave-to {
20239
- opacity: 0;
20240
- transform: translate(0, 100%);
20241
20229
  }.v-date-picker-years {
20242
20230
  height: 320px;
20243
20231
  overflow-y: scroll;
@@ -20569,6 +20557,26 @@ html.overflow-y-hidden {
20569
20557
  }
20570
20558
  .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20571
20559
  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;
20572
20580
  }/* region INPUT */
20573
20581
  .v-field {
20574
20582
  display: grid;
@@ -21118,27 +21126,7 @@ textarea.v-field__input::placeholder {
21118
21126
  opacity: 0;
21119
21127
  }
21120
21128
 
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 {
21129
+ /* endregion */.v-footer {
21142
21130
  align-items: center;
21143
21131
  display: flex;
21144
21132
  flex: 1 1 auto;
@@ -21423,21 +21411,6 @@ textarea.v-field__input::placeholder {
21423
21411
  max-width: 100%;
21424
21412
  position: relative;
21425
21413
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21426
- }.v-layout {
21427
- --v-scrollbar-offset: 0px;
21428
- display: flex;
21429
- flex: 1 1 auto;
21430
- }
21431
- .v-layout--full-height {
21432
- --v-scrollbar-offset: inherit;
21433
- height: 100%;
21434
- }.v-layout-item {
21435
- position: absolute;
21436
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21437
- }
21438
-
21439
- .v-layout-item--absolute {
21440
- position: absolute;
21441
21414
  }.v-label {
21442
21415
  align-items: center;
21443
21416
  color: inherit;
@@ -21453,19 +21426,34 @@ textarea.v-field__input::placeholder {
21453
21426
 
21454
21427
  .v-label--clickable {
21455
21428
  cursor: pointer;
21456
- }.v-list {
21457
- overflow: auto;
21458
- padding: 8px 0;
21459
- position: relative;
21460
- outline: none;
21461
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21462
- border-style: solid;
21463
- border-width: 0;
21464
- 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));
21465
- border-radius: 0;
21466
- background: rgba(var(--v-theme-surface));
21467
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21468
- }
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
+ }.v-layout {
21437
+ --v-scrollbar-offset: 0px;
21438
+ display: flex;
21439
+ flex: 1 1 auto;
21440
+ }
21441
+ .v-layout--full-height {
21442
+ --v-scrollbar-offset: inherit;
21443
+ height: 100%;
21444
+ }.v-list {
21445
+ overflow: auto;
21446
+ padding: 8px 0;
21447
+ position: relative;
21448
+ outline: none;
21449
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21450
+ border-style: solid;
21451
+ border-width: 0;
21452
+ 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));
21453
+ border-radius: 0;
21454
+ background: rgba(var(--v-theme-surface));
21455
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21456
+ }
21469
21457
  .v-list--border {
21470
21458
  border-width: thin;
21471
21459
  box-shadow: none;
@@ -22161,62 +22149,6 @@ textarea.v-field__input::placeholder {
22161
22149
  .v-navigation-drawer__append {
22162
22150
  flex: none;
22163
22151
  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;
22220
22152
  }.v-overlay-container {
22221
22153
  contain: layout;
22222
22154
  left: 0;
@@ -22288,6 +22220,68 @@ html.v-overlay-scroll-blocked {
22288
22220
  }
22289
22221
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22290
22222
  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
+ }.v-parallax {
22280
+ position: relative;
22281
+ overflow: hidden;
22282
+ }
22283
+ .v-parallax--active > .v-img__img {
22284
+ will-change: transform;
22291
22285
  }.v-progress-circular {
22292
22286
  align-items: center;
22293
22287
  display: inline-flex;
@@ -22390,12 +22384,6 @@ html.v-overlay-scroll-blocked {
22390
22384
  100% {
22391
22385
  transform: rotate(270deg);
22392
22386
  }
22393
- }.v-parallax {
22394
- position: relative;
22395
- overflow: hidden;
22396
- }
22397
- .v-parallax--active > .v-img__img {
22398
- will-change: transform;
22399
22387
  }.v-progress-linear {
22400
22388
  background: transparent;
22401
22389
  overflow: hidden;
@@ -22940,410 +22928,68 @@ html.v-overlay-scroll-blocked {
22940
22928
  }
22941
22929
  .v-sheet--rounded {
22942
22930
  border-radius: 4px;
22943
- }.v-skeleton-loader {
22931
+ }.v-slide-group {
22932
+ display: flex;
22933
+ overflow: hidden;
22934
+ }
22935
+
22936
+ .v-slide-group__next,
22937
+ .v-slide-group__prev {
22944
22938
  align-items: center;
22945
- background: rgb(var(--v-theme-surface));
22946
- border-radius: 4px;
22947
22939
  display: flex;
22948
- flex-wrap: wrap;
22949
- position: relative;
22950
- vertical-align: top;
22940
+ flex: 0 1 52px;
22941
+ justify-content: center;
22942
+ min-width: 52px;
22943
+ cursor: pointer;
22951
22944
  }
22952
- .v-skeleton-loader__actions {
22953
- justify-content: end;
22945
+ .v-slide-group__next--disabled,
22946
+ .v-slide-group__prev--disabled {
22947
+ pointer-events: none;
22948
+ opacity: var(--v-disabled-opacity);
22954
22949
  }
22955
- .v-skeleton-loader .v-skeleton-loader__ossein {
22956
- height: 100%;
22950
+
22951
+ .v-slide-group__content {
22952
+ display: flex;
22953
+ flex: 1 0 auto;
22954
+ position: relative;
22955
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
22956
+ white-space: nowrap;
22957
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));
22958
+ .v-slide-group__content > * {
22959
+ white-space: initial;
22967
22960
  }
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 {
22961
+
22962
+ .v-slide-group__container {
22963
+ contain: content;
22964
+ display: flex;
22965
+ flex: 1 1 auto;
22966
+ overflow: hidden;
22967
+ }
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));
22975
22975
  border-radius: 4px;
22976
+ overflow: hidden;
22976
22977
  }
22977
- .v-skeleton-loader__bone {
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));
22980
+ }
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));
22978
22984
  align-items: center;
22979
- border-radius: inherit;
22980
22985
  display: flex;
22981
- flex: 1 1 100%;
22982
- flex-wrap: wrap;
22983
- overflow: hidden;
22984
22986
  position: relative;
22985
- }
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%);
22987
+ overflow-x: auto;
22988
+ justify-content: space-between;
22996
22989
  z-index: 1;
22997
22990
  }
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 {
23010
- flex: 1 1 auto;
23011
- margin-inline-start: 0;
23012
- }
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 {
23018
- border-radius: 4px;
23019
- height: 36px;
23020
- margin: 16px;
23021
- max-width: 64px;
23022
- }
23023
- .v-skeleton-loader__button + .v-skeleton-loader__bone {
23024
- flex: 1 1 auto;
23025
- margin-inline-start: 0;
23026
- }
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;
23030
- }
23031
- .v-skeleton-loader__chip {
23032
- border-radius: 16px;
23033
- margin: 16px;
23034
- height: 32px;
23035
- max-width: 96px;
23036
- }
23037
- .v-skeleton-loader__chip + .v-skeleton-loader__bone {
23038
- flex: 1 1 auto;
23039
- margin-inline-start: 0;
23040
- }
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 {
23043
- margin-inline-start: 0;
23044
- }
23045
- .v-skeleton-loader__date-picker {
23046
- border-radius: inherit;
23047
- }
23048
- .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
23049
- max-width: 88px;
23050
- width: 20%;
23051
- }
23052
- .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
23053
- max-width: 256px;
23054
- width: 40%;
23055
- }
23056
- .v-skeleton-loader__date-picker-days {
23057
- flex-wrap: wrap;
23058
- margin: 16px;
23059
- }
23060
- .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
23061
- border-radius: 4px;
23062
- margin: 4px;
23063
- max-width: 100%;
23064
- }
23065
- .v-skeleton-loader__date-picker-options {
23066
- flex-wrap: nowrap;
23067
- }
23068
- .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
23069
- flex: 1 1 auto;
23070
- }
23071
- .v-skeleton-loader__divider {
23072
- border-radius: 1px;
23073
- height: 2px;
23074
- }
23075
- .v-skeleton-loader__heading {
23076
- border-radius: 12px;
23077
- margin: 16px;
23078
- height: 24px;
23079
- }
23080
- .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
23081
- margin-top: -16px;
23082
- }
23083
- .v-skeleton-loader__image {
23084
- height: 150px;
23085
- border-radius: 0;
23086
- }
23087
- .v-skeleton-loader__card .v-skeleton-loader__image {
23088
- border-radius: 0;
23089
- }
23090
- .v-skeleton-loader__list-item {
23091
- margin: 16px;
23092
- }
23093
- .v-skeleton-loader__list-item .v-skeleton-loader__text {
23094
- margin: 0;
23095
- }
23096
- .v-skeleton-loader__table-thead {
23097
- justify-content: space-between;
23098
- }
23099
- .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23100
- margin-top: 16px;
23101
- max-width: 16px;
23102
- }
23103
- .v-skeleton-loader__table-tfoot {
23104
- flex-wrap: nowrap;
23105
- }
23106
- .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23107
- margin-top: 16px;
23108
- }
23109
- .v-skeleton-loader__table-row {
23110
- align-items: baseline;
23111
- margin: 0 8px;
23112
- justify-content: space-evenly;
23113
- flex-wrap: nowrap;
23114
- }
23115
- .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23116
- margin-inline: 8px;
23117
- }
23118
- .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23119
- margin: 0 16px;
23120
- }
23121
- .v-skeleton-loader__table-cell {
23122
- align-items: center;
23123
- display: flex;
23124
- height: 48px;
23125
- width: 88px;
23126
- }
23127
- .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23128
- margin-bottom: 0;
23129
- }
23130
- .v-skeleton-loader__subtitle {
23131
- max-width: 70%;
23132
- }
23133
- .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23134
- height: 16px;
23135
- border-radius: 8px;
23136
- }
23137
- .v-skeleton-loader__text {
23138
- border-radius: 6px;
23139
- margin: 16px;
23140
- height: 12px;
23141
- }
23142
- .v-skeleton-loader__text + .v-skeleton-loader__text {
23143
- margin-top: -8px;
23144
- max-width: 50%;
23145
- }
23146
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23147
- max-width: 70%;
23148
- }
23149
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23150
- display: none;
23151
- }
23152
- .v-skeleton-loader--is-loading {
23153
- overflow: hidden;
23154
- }
23155
- .v-skeleton-loader--tile {
23156
- border-radius: 0;
23157
- }
23158
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
23159
- border-radius: 0;
23160
- }
23161
-
23162
- @keyframes loading {
23163
- 100% {
23164
- transform: translateX(100%);
23165
- }
23166
- }.v-slide-group {
23167
- display: flex;
23168
- overflow: hidden;
23169
- }
23170
-
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;
23179
- }
23180
- .v-slide-group__next--disabled,
23181
- .v-slide-group__prev--disabled {
23182
- pointer-events: none;
23183
- opacity: var(--v-disabled-opacity);
23184
- }
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;
23192
- }
23193
- .v-slide-group__content > * {
23194
- white-space: initial;
23195
- }
23196
-
23197
- .v-slide-group__container {
23198
- contain: content;
23199
- display: flex;
23200
- flex: 1 1 auto;
23201
- overflow: hidden;
23202
- }
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;
23208
- }.v-snackbar {
23209
- justify-content: center;
23210
- z-index: 10000;
23211
- margin: 8px;
23212
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23213
- }
23214
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23215
- align-items: flex-end;
23216
- }
23217
- .v-snackbar__wrapper {
23218
- align-items: center;
23219
- display: flex;
23220
- max-width: 672px;
23221
- min-height: 48px;
23222
- min-width: 344px;
23223
- overflow: hidden;
23224
- padding: 0;
23225
- border-radius: 4px;
23226
- }
23227
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23228
- background: transparent;
23229
- color: inherit;
23230
- }
23231
- .v-snackbar--variant-plain {
23232
- opacity: 0.62;
23233
- }
23234
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23235
- opacity: 1;
23236
- }
23237
- .v-snackbar--variant-plain .v-snackbar__overlay {
23238
- display: none;
23239
- }
23240
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23241
- background: rgb(var(--v-theme-surface-variant));
23242
- color: rgb(var(--v-theme-on-surface-variant));
23243
- }
23244
- .v-snackbar--variant-elevated {
23245
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23246
- }
23247
- .v-snackbar--variant-flat {
23248
- 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));
23249
- }
23250
- .v-snackbar--variant-outlined {
23251
- border: thin solid currentColor;
23252
- }
23253
- .v-snackbar--variant-text .v-snackbar__overlay {
23254
- background: currentColor;
23255
- }
23256
- .v-snackbar--variant-tonal .v-snackbar__underlay {
23257
- background: currentColor;
23258
- opacity: var(--v-activated-opacity);
23259
- border-radius: inherit;
23260
- position: absolute;
23261
- top: 0;
23262
- right: 0;
23263
- bottom: 0;
23264
- left: 0;
23265
- pointer-events: none;
23266
- }
23267
-
23268
- .v-snackbar__content {
23269
- flex-grow: 1;
23270
- font-size: 0.875rem;
23271
- font-weight: 400;
23272
- letter-spacing: 0.0178571429em;
23273
- line-height: 1.25rem;
23274
- margin-right: auto;
23275
- padding: 14px 16px;
23276
- text-align: initial;
23277
- }
23278
- .v-snackbar__actions {
23279
- align-items: center;
23280
- align-self: center;
23281
- display: flex;
23282
- margin-inline-end: 8px;
23283
- }
23284
- .v-snackbar__actions > .v-btn {
23285
- padding: 0 8px;
23286
- min-width: auto;
23287
- }
23288
- .v-snackbar__timer {
23289
- width: 100%;
23290
- position: absolute;
23291
- top: 0;
23292
- }
23293
- .v-snackbar__timer .v-progress-linear {
23294
- transition: 0.2s linear;
23295
- }
23296
- .v-snackbar--absolute {
23297
- position: absolute;
23298
- z-index: 1;
23299
- }
23300
- .v-snackbar--multi-line .v-snackbar__wrapper {
23301
- min-height: 68px;
23302
- }
23303
- .v-snackbar--vertical .v-snackbar__wrapper {
23304
- flex-direction: column;
23305
- }
23306
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23307
- align-self: flex-end;
23308
- margin-bottom: 8px;
23309
- }
23310
-
23311
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23312
- transition-duration: 0.15s;
23313
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23314
- }
23315
- .v-snackbar-transition-enter-active {
23316
- transition-property: opacity, transform;
23317
- }
23318
- .v-snackbar-transition-enter-from {
23319
- opacity: 0;
23320
- transform: scale(0.8);
23321
- }
23322
- .v-snackbar-transition-leave-active {
23323
- transition-property: opacity;
23324
- }
23325
- .v-snackbar-transition-leave-to {
23326
- opacity: 0;
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));
23338
- align-items: center;
23339
- display: flex;
23340
- position: relative;
23341
- overflow-x: auto;
23342
- justify-content: space-between;
23343
- z-index: 1;
23344
- }
23345
- .v-stepper-header .v-divider {
23346
- margin: 0 -16px;
22991
+ .v-stepper-header .v-divider {
22992
+ margin: 0 -16px;
23347
22993
  }
23348
22994
  .v-stepper-header .v-divider:last-child {
23349
22995
  margin-inline-end: 0;
@@ -23526,71 +23172,328 @@ html.v-overlay-scroll-blocked {
23526
23172
  transform: none;
23527
23173
  transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23528
23174
  }
23529
-
23530
- .v-switch.v-input {
23531
- flex: 0 1 auto;
23175
+
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;
23187
+ }
23188
+ .v-switch .v-selection-control__input .v-icon {
23189
+ position: absolute;
23190
+ }
23191
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23192
+ transform: translateX(10px);
23193
+ }
23194
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23195
+ transform: scale(0.8);
23196
+ }
23197
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
23198
+ transform: scale(0.75);
23199
+ box-shadow: none;
23200
+ }
23201
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
23202
+ width: auto;
23203
+ }.v-snackbar {
23204
+ justify-content: center;
23205
+ z-index: 10000;
23206
+ margin: 8px;
23207
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23208
+ }
23209
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23210
+ align-items: flex-end;
23211
+ }
23212
+ .v-snackbar__wrapper {
23213
+ align-items: center;
23214
+ display: flex;
23215
+ max-width: 672px;
23216
+ min-height: 48px;
23217
+ min-width: 344px;
23218
+ overflow: hidden;
23219
+ padding: 0;
23220
+ border-radius: 4px;
23221
+ }
23222
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23223
+ background: transparent;
23224
+ color: inherit;
23225
+ }
23226
+ .v-snackbar--variant-plain {
23227
+ opacity: 0.62;
23228
+ }
23229
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23230
+ opacity: 1;
23231
+ }
23232
+ .v-snackbar--variant-plain .v-snackbar__overlay {
23233
+ display: none;
23234
+ }
23235
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23236
+ background: rgb(var(--v-theme-surface-variant));
23237
+ color: rgb(var(--v-theme-on-surface-variant));
23238
+ }
23239
+ .v-snackbar--variant-elevated {
23240
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23241
+ }
23242
+ .v-snackbar--variant-flat {
23243
+ 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));
23244
+ }
23245
+ .v-snackbar--variant-outlined {
23246
+ border: thin solid currentColor;
23247
+ }
23248
+ .v-snackbar--variant-text .v-snackbar__overlay {
23249
+ background: currentColor;
23250
+ }
23251
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
23252
+ background: currentColor;
23253
+ opacity: var(--v-activated-opacity);
23254
+ border-radius: inherit;
23255
+ position: absolute;
23256
+ top: 0;
23257
+ right: 0;
23258
+ bottom: 0;
23259
+ left: 0;
23260
+ pointer-events: none;
23261
+ }
23262
+
23263
+ .v-snackbar__content {
23264
+ flex-grow: 1;
23265
+ font-size: 0.875rem;
23266
+ font-weight: 400;
23267
+ letter-spacing: 0.0178571429em;
23268
+ line-height: 1.25rem;
23269
+ margin-right: auto;
23270
+ padding: 14px 16px;
23271
+ text-align: initial;
23272
+ }
23273
+ .v-snackbar__actions {
23274
+ align-items: center;
23275
+ align-self: center;
23276
+ display: flex;
23277
+ margin-inline-end: 8px;
23278
+ }
23279
+ .v-snackbar__actions > .v-btn {
23280
+ padding: 0 8px;
23281
+ min-width: auto;
23282
+ }
23283
+ .v-snackbar__timer {
23284
+ width: 100%;
23285
+ position: absolute;
23286
+ top: 0;
23287
+ }
23288
+ .v-snackbar__timer .v-progress-linear {
23289
+ transition: 0.2s linear;
23290
+ }
23291
+ .v-snackbar--absolute {
23292
+ position: absolute;
23293
+ z-index: 1;
23294
+ }
23295
+ .v-snackbar--multi-line .v-snackbar__wrapper {
23296
+ min-height: 68px;
23297
+ }
23298
+ .v-snackbar--vertical .v-snackbar__wrapper {
23299
+ flex-direction: column;
23300
+ }
23301
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23302
+ align-self: flex-end;
23303
+ margin-bottom: 8px;
23304
+ }
23305
+
23306
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23307
+ transition-duration: 0.15s;
23308
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23309
+ }
23310
+ .v-snackbar-transition-enter-active {
23311
+ transition-property: opacity, transform;
23312
+ }
23313
+ .v-snackbar-transition-enter-from {
23314
+ opacity: 0;
23315
+ transform: scale(0.8);
23316
+ }
23317
+ .v-snackbar-transition-leave-active {
23318
+ transition-property: opacity;
23319
+ }
23320
+ .v-snackbar-transition-leave-to {
23321
+ opacity: 0;
23322
+ }.v-system-bar {
23323
+ align-items: center;
23324
+ display: flex;
23325
+ flex: 1 1 auto;
23326
+ height: 24px;
23327
+ justify-content: flex-end;
23328
+ max-width: 100%;
23329
+ padding-inline: 8px;
23330
+ 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
+ }
23342
+ .v-system-bar .v-icon {
23343
+ opacity: var(--v-medium-emphasis-opacity);
23344
+ }
23345
+ .v-system-bar--absolute {
23346
+ position: absolute;
23347
+ }
23348
+ .v-system-bar--fixed {
23349
+ position: fixed;
23350
+ }
23351
+ .v-system-bar--rounded {
23352
+ border-radius: 0;
23353
+ }
23354
+ .v-system-bar--window {
23355
+ height: 32px;
23356
+ }
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));
23362
+ 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
+ }
23367
+ .v-table .v-table-divider {
23368
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23369
+ }
23370
+ .v-table .v-table__wrapper > table > thead > tr > th {
23371
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23372
+ }
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));
23376
+ }
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));
23380
+ }
23381
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
23382
+ position: relative;
23383
+ }
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;
23393
+ }
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;
23398
+ }
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));
23403
+ }
23404
+
23405
+ .v-table {
23406
+ border-radius: inherit;
23407
+ line-height: 1.5;
23408
+ max-width: 100%;
23409
+ display: flex;
23410
+ flex-direction: column;
23411
+ }
23412
+ .v-table > .v-table__wrapper > table {
23413
+ width: 100%;
23414
+ border-spacing: 0;
23415
+ }
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);
23426
+ }
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);
23431
+ }
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;
23532
23440
  }
23533
- .v-switch .v-selection-control {
23534
- min-height: var(--v-input-control-height);
23441
+ .v-table--density-default {
23442
+ --v-table-header-height: 56px;
23443
+ --v-table-row-height: 52px;
23535
23444
  }
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;
23445
+
23446
+ .v-table--density-comfortable {
23447
+ --v-table-header-height: 48px;
23448
+ --v-table-row-height: 44px;
23541
23449
  }
23542
- .v-switch .v-selection-control__input .v-icon {
23543
- position: absolute;
23450
+
23451
+ .v-table--density-compact {
23452
+ --v-table-header-height: 40px;
23453
+ --v-table-row-height: 36px;
23544
23454
  }
23545
- .v-switch .v-selection-control--dirty .v-selection-control__input {
23546
- transform: translateX(10px);
23455
+
23456
+ .v-table__wrapper {
23457
+ border-radius: inherit;
23458
+ overflow: auto;
23459
+ flex: 1 1 auto;
23547
23460
  }
23548
- .v-switch.v-switch--indeterminate .v-selection-control__input {
23549
- transform: scale(0.8);
23461
+
23462
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23463
+ border-top-left-radius: 0;
23550
23464
  }
23551
- .v-switch.v-switch--indeterminate .v-switch__thumb {
23552
- transform: scale(0.75);
23553
- box-shadow: none;
23465
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23466
+ border-top-right-radius: 0;
23554
23467
  }
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;
23468
+
23469
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23470
+ border-bottom-left-radius: 0;
23576
23471
  }
23577
- .v-system-bar .v-icon {
23578
- opacity: var(--v-medium-emphasis-opacity);
23472
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23473
+ border-bottom-right-radius: 0;
23579
23474
  }
23580
- .v-system-bar--absolute {
23581
- position: absolute;
23475
+
23476
+ .v-table--fixed-height > .v-table__wrapper {
23477
+ overflow-y: auto;
23582
23478
  }
23583
- .v-system-bar--fixed {
23584
- position: fixed;
23479
+
23480
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
23481
+ position: sticky;
23482
+ top: 0;
23483
+ z-index: 2;
23585
23484
  }
23586
- .v-system-bar--rounded {
23587
- border-radius: 0;
23485
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23486
+ border-bottom: 0px !important;
23588
23487
  }
23589
- .v-system-bar--window {
23590
- height: 32px;
23488
+
23489
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23490
+ position: sticky;
23491
+ bottom: 0;
23492
+ z-index: 1;
23591
23493
  }
23592
- .v-system-bar:not(.v-system-bar--absolute) {
23593
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
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;
23594
23497
  }.v-tab.v-tab.v-btn {
23595
23498
  height: var(--v-tabs-height);
23596
23499
  border-radius: 0;
@@ -23686,144 +23589,229 @@ html.v-overlay-scroll-blocked {
23686
23589
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23687
23590
  margin-inline-end: 52px;
23688
23591
  }
23689
- }.v-table {
23592
+ }.v-skeleton-loader {
23593
+ align-items: center;
23690
23594
  background: rgb(var(--v-theme-surface));
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);
23595
+ border-radius: 4px;
23596
+ display: flex;
23597
+ flex-wrap: wrap;
23598
+ position: relative;
23599
+ vertical-align: top;
23696
23600
  }
23697
- .v-table .v-table-divider {
23698
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23601
+ .v-skeleton-loader__actions {
23602
+ justify-content: end;
23699
23603
  }
23700
- .v-table .v-table__wrapper > table > thead > tr > th {
23701
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
23604
+ .v-skeleton-loader .v-skeleton-loader__ossein {
23605
+ height: 100%;
23702
23606
  }
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));
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));
23706
23616
  }
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));
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;
23710
23625
  }
23711
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
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;
23712
23633
  position: relative;
23713
23634
  }
23714
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
23635
+ .v-skeleton-loader__bone::after {
23715
23636
  content: "";
23716
23637
  position: absolute;
23717
23638
  top: 0;
23718
23639
  left: 0;
23719
23640
  width: 100%;
23720
23641
  height: 100%;
23721
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
23722
- pointer-events: none;
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;
23728
+ }
23729
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
23730
+ margin-top: -16px;
23731
+ }
23732
+ .v-skeleton-loader__image {
23733
+ height: 150px;
23734
+ border-radius: 0;
23735
+ }
23736
+ .v-skeleton-loader__card .v-skeleton-loader__image {
23737
+ border-radius: 0;
23723
23738
  }
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;
23739
+ .v-skeleton-loader__list-item {
23740
+ margin: 16px;
23728
23741
  }
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));
23742
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
23743
+ margin: 0;
23733
23744
  }
23734
-
23735
- .v-table {
23736
- border-radius: inherit;
23737
- line-height: 1.5;
23738
- max-width: 100%;
23739
- display: flex;
23740
- flex-direction: column;
23745
+ .v-skeleton-loader__table-thead {
23746
+ justify-content: space-between;
23741
23747
  }
23742
- .v-table > .v-table__wrapper > table {
23743
- width: 100%;
23744
- border-spacing: 0;
23748
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
23749
+ margin-top: 16px;
23750
+ max-width: 16px;
23745
23751
  }
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);
23752
+ .v-skeleton-loader__table-tfoot {
23753
+ flex-wrap: nowrap;
23756
23754
  }
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);
23755
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
23756
+ margin-top: 16px;
23761
23757
  }
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;
23758
+ .v-skeleton-loader__table-row {
23759
+ align-items: baseline;
23760
+ margin: 0 8px;
23761
+ justify-content: space-evenly;
23762
+ flex-wrap: nowrap;
23770
23763
  }
23771
- .v-table--density-default {
23772
- --v-table-header-height: 56px;
23773
- --v-table-row-height: 52px;
23764
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23765
+ margin-inline: 8px;
23774
23766
  }
23775
-
23776
- .v-table--density-comfortable {
23777
- --v-table-header-height: 48px;
23778
- --v-table-row-height: 44px;
23767
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23768
+ margin: 0 16px;
23779
23769
  }
23780
-
23781
- .v-table--density-compact {
23782
- --v-table-header-height: 40px;
23783
- --v-table-row-height: 36px;
23770
+ .v-skeleton-loader__table-cell {
23771
+ align-items: center;
23772
+ display: flex;
23773
+ height: 48px;
23774
+ width: 88px;
23784
23775
  }
23785
-
23786
- .v-table__wrapper {
23787
- border-radius: inherit;
23788
- overflow: auto;
23789
- flex: 1 1 auto;
23776
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23777
+ margin-bottom: 0;
23790
23778
  }
23791
-
23792
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23793
- border-top-left-radius: 0;
23779
+ .v-skeleton-loader__subtitle {
23780
+ max-width: 70%;
23794
23781
  }
23795
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23796
- border-top-right-radius: 0;
23782
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23783
+ height: 16px;
23784
+ border-radius: 8px;
23797
23785
  }
23798
-
23799
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23800
- border-bottom-left-radius: 0;
23786
+ .v-skeleton-loader__text {
23787
+ border-radius: 6px;
23788
+ margin: 16px;
23789
+ height: 12px;
23801
23790
  }
23802
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23803
- border-bottom-right-radius: 0;
23791
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
23792
+ margin-top: -8px;
23793
+ max-width: 50%;
23804
23794
  }
23805
-
23806
- .v-table--fixed-height > .v-table__wrapper {
23807
- overflow-y: auto;
23795
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23796
+ max-width: 70%;
23808
23797
  }
23809
-
23810
- .v-table--fixed-header > .v-table__wrapper > table > thead {
23811
- position: sticky;
23812
- top: 0;
23813
- z-index: 2;
23798
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23799
+ display: none;
23814
23800
  }
23815
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23816
- border-bottom: 0px !important;
23801
+ .v-skeleton-loader--is-loading {
23802
+ overflow: hidden;
23817
23803
  }
23818
-
23819
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23820
- position: sticky;
23821
- bottom: 0;
23822
- z-index: 1;
23804
+ .v-skeleton-loader--tile {
23805
+ border-radius: 0;
23823
23806
  }
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;
23807
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
23808
+ border-radius: 0;
23809
+ }
23810
+
23811
+ @keyframes loading {
23812
+ 100% {
23813
+ transform: translateX(100%);
23814
+ }
23827
23815
  }/* region BLOCK */
23828
23816
  .v-text-field input {
23829
23817
  color: inherit;
@@ -24497,6 +24485,15 @@ html.v-overlay-scroll-blocked {
24497
24485
  .v-tooltip > .v-overlay__content[class*=leave-active] {
24498
24486
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24499
24487
  transition-duration: 75ms;
24488
+ }.v-virtual-scroll {
24489
+ display: block;
24490
+ flex: 1 1 auto;
24491
+ max-width: 100%;
24492
+ overflow: auto;
24493
+ position: relative;
24494
+ }
24495
+ .v-virtual-scroll__container {
24496
+ display: block;
24500
24497
  }.v-window {
24501
24498
  overflow: hidden;
24502
24499
  }
@@ -24566,37 +24563,18 @@ html.v-overlay-scroll-blocked {
24566
24563
  }
24567
24564
  .v-window-y-reverse-transition-leave-to {
24568
24565
  transform: translateY(100%);
24569
- }.v-virtual-scroll {
24570
- display: block;
24571
- flex: 1 1 auto;
24572
- max-width: 100%;
24573
- overflow: auto;
24574
- position: relative;
24575
- }
24576
- .v-virtual-scroll__container {
24577
- display: block;
24578
- }.v-color-picker-canvas {
24566
+ }.v-app-bar {
24579
24567
  display: flex;
24580
- position: relative;
24581
- overflow: hidden;
24582
- contain: content;
24583
- touch-action: none;
24584
24568
  }
24585
- .v-color-picker-canvas__dot {
24586
- position: absolute;
24587
- top: 0;
24588
- left: 0;
24589
- width: 15px;
24590
- height: 15px;
24591
- background: transparent;
24592
- border-radius: 50%;
24593
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
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));
24594
24572
  }
24595
- .v-color-picker-canvas__dot--disabled {
24596
- 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);
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));
24597
24575
  }
24598
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24599
- will-change: transform;
24576
+ .v-app-bar:not(.v-toolbar--absolute) {
24577
+ padding-inline-end: var(--v-scrollbar-offset);
24600
24578
  }.v-color-picker-preview__alpha .v-slider-track__background {
24601
24579
  background-color: transparent !important;
24602
24580
  }
@@ -24666,34 +24644,28 @@ html.v-overlay-scroll-blocked {
24666
24644
  .v-color-picker-preview__eye-dropper {
24667
24645
  position: relative;
24668
24646
  margin-right: 12px;
24669
- }.v-color-picker-edit {
24670
- display: flex;
24671
- margin-top: 24px;
24672
- }
24673
-
24674
- .v-color-picker-edit__input {
24675
- width: 100%;
24647
+ }.v-color-picker-canvas {
24676
24648
  display: flex;
24677
- flex-wrap: wrap;
24678
- justify-content: center;
24679
- text-align: center;
24649
+ position: relative;
24650
+ overflow: hidden;
24651
+ contain: content;
24652
+ touch-action: none;
24680
24653
  }
24681
- .v-color-picker-edit__input:not(:last-child) {
24682
- margin-inline-end: 8px;
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);
24683
24663
  }
24684
- .v-color-picker-edit__input input {
24685
- border-radius: 4px;
24686
- margin-bottom: 8px;
24687
- min-width: 0;
24688
- outline: none;
24689
- text-align: center;
24690
- width: 100%;
24691
- height: 32px;
24692
- background: rgba(var(--v-theme-surface-variant), 0.2);
24693
- color: rgba(var(--v-theme-on-surface));
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);
24694
24666
  }
24695
- .v-color-picker-edit__input span {
24696
- font-size: 0.75rem;
24667
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24668
+ will-change: transform;
24697
24669
  }.v-color-picker-swatches {
24698
24670
  overflow-y: auto;
24699
24671
  }
@@ -24729,6 +24701,34 @@ html.v-overlay-scroll-blocked {
24729
24701
  justify-content: center;
24730
24702
  width: 100%;
24731
24703
  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%;
24711
+ display: flex;
24712
+ flex-wrap: wrap;
24713
+ justify-content: center;
24714
+ text-align: center;
24715
+ }
24716
+ .v-color-picker-edit__input:not(:last-child) {
24717
+ margin-inline-end: 8px;
24718
+ }
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));
24729
+ }
24730
+ .v-color-picker-edit__input span {
24731
+ font-size: 0.75rem;
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;