@vuetify/nightly 3.7.3-master.2024-10-21 → 3.7.3-master.2024-10-24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.3-master.2024-10-21
2
+ * Vuetify v3.7.3-master.2024-10-24
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17978,6 +17978,18 @@ html.overflow-y-hidden {
17978
17978
  .v-ripple__animation--out {
17979
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17980
17980
  opacity: 0;
17981
+ }.v-app-bar {
17982
+ display: flex;
17983
+ }
17984
+ .v-app-bar.v-toolbar {
17985
+ background: rgb(var(--v-theme-surface));
17986
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17987
+ }
17988
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17989
+ 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));
17990
+ }
17991
+ .v-app-bar:not(.v-toolbar--absolute) {
17992
+ padding-inline-end: var(--v-scrollbar-offset);
17981
17993
  }.v-application {
17982
17994
  display: flex;
17983
17995
  background: rgb(var(--v-theme-background));
@@ -17994,18 +18006,91 @@ html.overflow-y-hidden {
17994
18006
  min-height: 100vh;
17995
18007
  min-height: 100dvh;
17996
18008
  position: relative;
17997
- }.v-app-bar {
17998
- display: flex;
18009
+ }.v-autocomplete .v-field .v-text-field__prefix,
18010
+ .v-autocomplete .v-field .v-text-field__suffix,
18011
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18012
+ cursor: text;
17999
18013
  }
18000
- .v-app-bar.v-toolbar {
18001
- background: rgb(var(--v-theme-surface));
18002
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18014
+ .v-autocomplete .v-field .v-field__input > input {
18015
+ flex: 1 1;
18003
18016
  }
18004
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18017
+ .v-autocomplete .v-field input {
18018
+ min-width: 64px;
18019
+ }
18020
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18021
+ min-width: 0;
18022
+ }
18023
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18024
+ margin-inline-end: 2px;
18025
+ }
18026
+ .v-autocomplete .v-autocomplete__selection-text {
18027
+ overflow: hidden;
18028
+ text-overflow: ellipsis;
18029
+ white-space: nowrap;
18030
+ }
18031
+
18032
+ .v-autocomplete__content {
18033
+ overflow: hidden;
18034
+ }
18035
+ .v-autocomplete__content {
18005
18036
  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));
18006
18037
  }
18007
- .v-app-bar:not(.v-toolbar--absolute) {
18008
- padding-inline-end: var(--v-scrollbar-offset);
18038
+ .v-autocomplete__content {
18039
+ border-radius: 4px;
18040
+ }
18041
+ .v-autocomplete__mask {
18042
+ background: rgb(var(--v-theme-surface-light));
18043
+ }
18044
+ .v-autocomplete__selection {
18045
+ display: inline-flex;
18046
+ align-items: center;
18047
+ height: 1.5rem;
18048
+ letter-spacing: inherit;
18049
+ line-height: inherit;
18050
+ max-width: calc(100% - 2px - 2px);
18051
+ }
18052
+ .v-autocomplete__selection:first-child {
18053
+ margin-inline-start: 0;
18054
+ }
18055
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18056
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18057
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18058
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18059
+ top: 0px;
18060
+ }
18061
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18062
+ opacity: var(--v-medium-emphasis-opacity);
18063
+ }
18064
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18065
+ opacity: 1;
18066
+ }
18067
+ .v-autocomplete--selecting-index .v-field__input > input {
18068
+ caret-color: transparent;
18069
+ }
18070
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18071
+ flex: 1 1;
18072
+ position: absolute;
18073
+ left: 0;
18074
+ right: 0;
18075
+ width: 100%;
18076
+ padding-inline: inherit;
18077
+ }
18078
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18079
+ transition: none;
18080
+ }
18081
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18082
+ opacity: 0;
18083
+ }
18084
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18085
+ opacity: 0;
18086
+ }
18087
+ .v-autocomplete__menu-icon {
18088
+ margin-inline-start: 4px;
18089
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18090
+ }
18091
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18092
+ opacity: var(--v-high-emphasis-opacity);
18093
+ transform: rotate(180deg);
18009
18094
  }.v-alert {
18010
18095
  display: grid;
18011
18096
  flex: 1 1;
@@ -18222,91 +18307,6 @@ html.overflow-y-hidden {
18222
18307
  text-transform: none;
18223
18308
  word-break: normal;
18224
18309
  word-wrap: break-word;
18225
- }.v-autocomplete .v-field .v-text-field__prefix,
18226
- .v-autocomplete .v-field .v-text-field__suffix,
18227
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18228
- cursor: text;
18229
- }
18230
- .v-autocomplete .v-field .v-field__input > input {
18231
- flex: 1 1;
18232
- }
18233
- .v-autocomplete .v-field input {
18234
- min-width: 64px;
18235
- }
18236
- .v-autocomplete .v-field:not(.v-field--focused) input {
18237
- min-width: 0;
18238
- }
18239
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18240
- margin-inline-end: 2px;
18241
- }
18242
- .v-autocomplete .v-autocomplete__selection-text {
18243
- overflow: hidden;
18244
- text-overflow: ellipsis;
18245
- white-space: nowrap;
18246
- }
18247
-
18248
- .v-autocomplete__content {
18249
- overflow: hidden;
18250
- }
18251
- .v-autocomplete__content {
18252
- 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));
18253
- }
18254
- .v-autocomplete__content {
18255
- border-radius: 4px;
18256
- }
18257
- .v-autocomplete__mask {
18258
- background: rgb(var(--v-theme-surface-light));
18259
- }
18260
- .v-autocomplete__selection {
18261
- display: inline-flex;
18262
- align-items: center;
18263
- height: 1.5rem;
18264
- letter-spacing: inherit;
18265
- line-height: inherit;
18266
- max-width: calc(100% - 2px - 2px);
18267
- }
18268
- .v-autocomplete__selection:first-child {
18269
- margin-inline-start: 0;
18270
- }
18271
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18272
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18273
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18274
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18275
- top: 0px;
18276
- }
18277
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18278
- opacity: var(--v-medium-emphasis-opacity);
18279
- }
18280
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18281
- opacity: 1;
18282
- }
18283
- .v-autocomplete--selecting-index .v-field__input > input {
18284
- caret-color: transparent;
18285
- }
18286
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18287
- flex: 1 1;
18288
- position: absolute;
18289
- left: 0;
18290
- right: 0;
18291
- width: 100%;
18292
- padding-inline: inherit;
18293
- }
18294
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18295
- transition: none;
18296
- }
18297
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18298
- opacity: 0;
18299
- }
18300
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18301
- opacity: 0;
18302
- }
18303
- .v-autocomplete__menu-icon {
18304
- margin-inline-start: 4px;
18305
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18306
- }
18307
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18308
- opacity: var(--v-high-emphasis-opacity);
18309
- transform: rotate(180deg);
18310
18310
  }.v-avatar {
18311
18311
  flex: none;
18312
18312
  align-items: center;
@@ -18413,111 +18413,38 @@ html.overflow-y-hidden {
18413
18413
  .v-avatar .v-img {
18414
18414
  height: 100%;
18415
18415
  width: 100%;
18416
- }.v-badge {
18417
- display: inline-block;
18418
- line-height: 1;
18416
+ }.v-banner {
18417
+ display: grid;
18418
+ flex: 1 1;
18419
+ font-size: 0.875rem;
18420
+ grid-template-areas: "prepend content actions";
18421
+ grid-template-columns: max-content auto max-content;
18422
+ grid-template-rows: max-content max-content;
18423
+ line-height: 1.6;
18424
+ overflow: hidden;
18425
+ padding-inline: 16px 8px;
18426
+ padding-top: 16px;
18427
+ padding-bottom: 16px;
18428
+ position: relative;
18429
+ width: 100%;
18419
18430
  }
18420
-
18421
- .v-badge__badge {
18422
- align-items: center;
18423
- display: inline-flex;
18424
- border-radius: 10px;
18425
- font-size: 0.75rem;
18426
- font-weight: 500;
18427
- height: 1.25rem;
18428
- justify-content: center;
18429
- min-width: 20px;
18430
- padding: 4px 6px;
18431
- pointer-events: auto;
18432
- position: absolute;
18433
- text-align: center;
18434
- text-indent: 0;
18435
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18436
- white-space: nowrap;
18431
+ .v-banner {
18432
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18433
+ border-style: solid;
18434
+ border-width: 0 0 thin 0;
18437
18435
  }
18438
- .v-badge__badge {
18439
- background: rgb(var(--v-theme-surface-variant));
18440
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18436
+ .v-banner--border {
18437
+ border-width: thin;
18438
+ box-shadow: none;
18441
18439
  }
18442
- .v-badge--bordered .v-badge__badge::after {
18443
- border-radius: inherit;
18444
- border-style: solid;
18445
- border-width: 2px;
18446
- bottom: 0;
18447
- color: rgb(var(--v-theme-background));
18448
- content: "";
18449
- left: 0;
18450
- position: absolute;
18451
- right: 0;
18452
- top: 0;
18453
- transform: scale(1.05);
18440
+ .v-banner {
18441
+ 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));
18454
18442
  }
18455
- .v-badge--dot .v-badge__badge {
18456
- border-radius: 4.5px;
18457
- height: 9px;
18458
- min-width: 0;
18459
- padding: 0;
18460
- width: 9px;
18443
+ .v-banner--absolute {
18444
+ position: absolute;
18461
18445
  }
18462
- .v-badge--dot .v-badge__badge::after {
18463
- border-width: 1.5px;
18464
- }
18465
- .v-badge--inline .v-badge__badge {
18466
- position: relative;
18467
- vertical-align: middle;
18468
- }
18469
- .v-badge__badge .v-icon {
18470
- color: inherit;
18471
- font-size: 0.75rem;
18472
- margin: 0 -2px;
18473
- }
18474
- .v-badge__badge img,
18475
- .v-badge__badge .v-img {
18476
- height: 100%;
18477
- width: 100%;
18478
- }
18479
-
18480
- .v-badge__wrapper {
18481
- display: flex;
18482
- position: relative;
18483
- }
18484
- .v-badge--inline .v-badge__wrapper {
18485
- align-items: center;
18486
- display: inline-flex;
18487
- justify-content: center;
18488
- margin: 0 4px;
18489
- }.v-banner {
18490
- display: grid;
18491
- flex: 1 1;
18492
- font-size: 0.875rem;
18493
- grid-template-areas: "prepend content actions";
18494
- grid-template-columns: max-content auto max-content;
18495
- grid-template-rows: max-content max-content;
18496
- line-height: 1.6;
18497
- overflow: hidden;
18498
- padding-inline: 16px 8px;
18499
- padding-top: 16px;
18500
- padding-bottom: 16px;
18501
- position: relative;
18502
- width: 100%;
18503
- }
18504
- .v-banner {
18505
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18506
- border-style: solid;
18507
- border-width: 0 0 thin 0;
18508
- }
18509
- .v-banner--border {
18510
- border-width: thin;
18511
- box-shadow: none;
18512
- }
18513
- .v-banner {
18514
- 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));
18515
- }
18516
- .v-banner--absolute {
18517
- position: absolute;
18518
- }
18519
- .v-banner--fixed {
18520
- position: fixed;
18446
+ .v-banner--fixed {
18447
+ position: fixed;
18521
18448
  }
18522
18449
  .v-banner--sticky {
18523
18450
  position: sticky;
@@ -18652,6 +18579,79 @@ html.overflow-y-hidden {
18652
18579
  }
18653
18580
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18654
18581
  align-self: flex-start;
18582
+ }.v-badge {
18583
+ display: inline-block;
18584
+ line-height: 1;
18585
+ }
18586
+
18587
+ .v-badge__badge {
18588
+ align-items: center;
18589
+ display: inline-flex;
18590
+ border-radius: 10px;
18591
+ font-size: 0.75rem;
18592
+ font-weight: 500;
18593
+ height: 1.25rem;
18594
+ justify-content: center;
18595
+ min-width: 20px;
18596
+ padding: 4px 6px;
18597
+ pointer-events: auto;
18598
+ position: absolute;
18599
+ text-align: center;
18600
+ text-indent: 0;
18601
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18602
+ white-space: nowrap;
18603
+ }
18604
+ .v-badge__badge {
18605
+ background: rgb(var(--v-theme-surface-variant));
18606
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18607
+ }
18608
+ .v-badge--bordered .v-badge__badge::after {
18609
+ border-radius: inherit;
18610
+ border-style: solid;
18611
+ border-width: 2px;
18612
+ bottom: 0;
18613
+ color: rgb(var(--v-theme-background));
18614
+ content: "";
18615
+ left: 0;
18616
+ position: absolute;
18617
+ right: 0;
18618
+ top: 0;
18619
+ transform: scale(1.05);
18620
+ }
18621
+ .v-badge--dot .v-badge__badge {
18622
+ border-radius: 4.5px;
18623
+ height: 9px;
18624
+ min-width: 0;
18625
+ padding: 0;
18626
+ width: 9px;
18627
+ }
18628
+ .v-badge--dot .v-badge__badge::after {
18629
+ border-width: 1.5px;
18630
+ }
18631
+ .v-badge--inline .v-badge__badge {
18632
+ position: relative;
18633
+ vertical-align: middle;
18634
+ }
18635
+ .v-badge__badge .v-icon {
18636
+ color: inherit;
18637
+ font-size: 0.75rem;
18638
+ margin: 0 -2px;
18639
+ }
18640
+ .v-badge__badge img,
18641
+ .v-badge__badge .v-img {
18642
+ height: 100%;
18643
+ width: 100%;
18644
+ }
18645
+
18646
+ .v-badge__wrapper {
18647
+ display: flex;
18648
+ position: relative;
18649
+ }
18650
+ .v-badge--inline .v-badge__wrapper {
18651
+ align-items: center;
18652
+ display: inline-flex;
18653
+ justify-content: center;
18654
+ margin: 0 4px;
18655
18655
  }.v-bottom-navigation {
18656
18656
  display: flex;
18657
18657
  max-width: 100%;
@@ -18749,6 +18749,63 @@ html.overflow-y-hidden {
18749
18749
  .v-bottom-sheet.v-bottom-sheet--inset {
18750
18750
  max-width: 70%;
18751
18751
  }
18752
+ }.v-breadcrumbs {
18753
+ display: flex;
18754
+ align-items: center;
18755
+ line-height: 1.6;
18756
+ padding: 16px 12px;
18757
+ }
18758
+ .v-breadcrumbs--rounded {
18759
+ border-radius: 4px;
18760
+ }
18761
+ .v-breadcrumbs--density-default {
18762
+ padding-top: 16px;
18763
+ padding-bottom: 16px;
18764
+ }
18765
+
18766
+ .v-breadcrumbs--density-comfortable {
18767
+ padding-top: 12px;
18768
+ padding-bottom: 12px;
18769
+ }
18770
+
18771
+ .v-breadcrumbs--density-compact {
18772
+ padding-top: 8px;
18773
+ padding-bottom: 8px;
18774
+ }
18775
+
18776
+ .v-breadcrumbs__prepend {
18777
+ align-items: center;
18778
+ display: inline-flex;
18779
+ }
18780
+
18781
+ .v-breadcrumbs-item {
18782
+ align-items: center;
18783
+ color: inherit;
18784
+ display: inline-flex;
18785
+ padding: 0 4px;
18786
+ text-decoration: none;
18787
+ vertical-align: middle;
18788
+ }
18789
+ .v-breadcrumbs-item--disabled {
18790
+ opacity: var(--v-disabled-opacity);
18791
+ pointer-events: none;
18792
+ }
18793
+ .v-breadcrumbs-item--link {
18794
+ color: inherit;
18795
+ text-decoration: none;
18796
+ }
18797
+ .v-breadcrumbs-item--link:hover {
18798
+ text-decoration: underline;
18799
+ }
18800
+ .v-breadcrumbs-item .v-icon {
18801
+ font-size: 1rem;
18802
+ margin-inline: -4px 2px;
18803
+ }
18804
+
18805
+ .v-breadcrumbs-divider {
18806
+ display: inline-block;
18807
+ padding: 0 8px;
18808
+ vertical-align: middle;
18752
18809
  }.v-btn {
18753
18810
  align-items: center;
18754
18811
  border-radius: 4px;
@@ -19558,6 +19615,11 @@ html.overflow-y-hidden {
19558
19615
  pointer-events: none;
19559
19616
  opacity: 0;
19560
19617
  transition: opacity 0.2s ease-in-out;
19618
+ }.v-checkbox.v-input {
19619
+ flex: 0 1 auto;
19620
+ }
19621
+ .v-checkbox .v-selection-control {
19622
+ min-height: var(--v-input-control-height);
19561
19623
  }.v-carousel {
19562
19624
  overflow: hidden;
19563
19625
  position: relative;
@@ -19623,11 +19685,6 @@ html.overflow-y-hidden {
19623
19685
  flex-direction: column;
19624
19686
  height: 100% !important;
19625
19687
  width: 50px;
19626
- }.v-checkbox.v-input {
19627
- flex: 0 1 auto;
19628
- }
19629
- .v-checkbox .v-selection-control {
19630
- min-height: var(--v-input-control-height);
19631
19688
  }.v-chip {
19632
19689
  align-items: center;
19633
19690
  display: inline-flex;
@@ -20046,24 +20103,6 @@ html.overflow-y-hidden {
20046
20103
 
20047
20104
  .v-chip--label {
20048
20105
  border-radius: 4px;
20049
- }.v-chip-group {
20050
- display: flex;
20051
- max-width: 100%;
20052
- min-width: 0;
20053
- overflow-x: auto;
20054
- padding: 4px 0;
20055
- }
20056
- .v-chip-group .v-chip {
20057
- margin: 4px 8px 4px 0;
20058
- }
20059
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20060
- opacity: var(--v-activated-opacity);
20061
- }
20062
-
20063
- .v-chip-group--column .v-slide-group__content {
20064
- white-space: normal;
20065
- flex-wrap: wrap;
20066
- max-width: 100%;
20067
20106
  }.v-color-picker {
20068
20107
  align-self: flex-start;
20069
20108
  contain: content;
@@ -20086,33 +20125,136 @@ html.overflow-y-hidden {
20086
20125
  }
20087
20126
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20088
20127
  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));
20089
- }.v-counter {
20090
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20091
- flex: 0 1 auto;
20092
- font-size: 12px;
20093
- transition-duration: 150ms;
20094
- }.v-data-table {
20095
- width: 100%;
20096
- }
20097
-
20098
- .v-data-table__table {
20099
- width: 100%;
20100
- border-collapse: separate;
20101
- border-spacing: 0;
20128
+ }.v-chip-group {
20129
+ display: flex;
20130
+ max-width: 100%;
20131
+ min-width: 0;
20132
+ overflow-x: auto;
20133
+ padding: 4px 0;
20102
20134
  }
20103
-
20104
- .v-data-table__tr--focus {
20105
- border: 1px dotted black;
20135
+ .v-chip-group .v-chip {
20136
+ margin: 4px 8px 4px 0;
20106
20137
  }
20107
- .v-data-table__tr--clickable {
20108
- cursor: pointer;
20138
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
20139
+ opacity: var(--v-activated-opacity);
20109
20140
  }
20110
20141
 
20111
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20112
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20113
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20114
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20115
- text-align: end;
20142
+ .v-chip-group--column .v-slide-group__content {
20143
+ white-space: normal;
20144
+ flex-wrap: wrap;
20145
+ max-width: 100%;
20146
+ }.v-combobox .v-field .v-text-field__prefix,
20147
+ .v-combobox .v-field .v-text-field__suffix,
20148
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20149
+ cursor: text;
20150
+ }
20151
+ .v-combobox .v-field .v-field__input > input {
20152
+ flex: 1 1;
20153
+ }
20154
+ .v-combobox .v-field input {
20155
+ min-width: 64px;
20156
+ }
20157
+ .v-combobox .v-field:not(.v-field--focused) input {
20158
+ min-width: 0;
20159
+ }
20160
+ .v-combobox .v-field--dirty .v-combobox__selection {
20161
+ margin-inline-end: 2px;
20162
+ }
20163
+ .v-combobox .v-combobox__selection-text {
20164
+ overflow: hidden;
20165
+ text-overflow: ellipsis;
20166
+ white-space: nowrap;
20167
+ }
20168
+
20169
+ .v-combobox__content {
20170
+ overflow: hidden;
20171
+ }
20172
+ .v-combobox__content {
20173
+ 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));
20174
+ }
20175
+ .v-combobox__content {
20176
+ border-radius: 4px;
20177
+ }
20178
+ .v-combobox__mask {
20179
+ background: rgb(var(--v-theme-surface-light));
20180
+ }
20181
+ .v-combobox__selection {
20182
+ display: inline-flex;
20183
+ align-items: center;
20184
+ height: 1.5rem;
20185
+ letter-spacing: inherit;
20186
+ line-height: inherit;
20187
+ max-width: calc(100% - 2px - 2px);
20188
+ }
20189
+ .v-combobox__selection:first-child {
20190
+ margin-inline-start: 0;
20191
+ }
20192
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20193
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20194
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20195
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20196
+ top: 0px;
20197
+ }
20198
+ .v-combobox--selecting-index .v-combobox__selection {
20199
+ opacity: var(--v-medium-emphasis-opacity);
20200
+ }
20201
+ .v-combobox--selecting-index .v-combobox__selection--selected {
20202
+ opacity: 1;
20203
+ }
20204
+ .v-combobox--selecting-index .v-field__input > input {
20205
+ caret-color: transparent;
20206
+ }
20207
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20208
+ flex: 1 1;
20209
+ position: absolute;
20210
+ left: 0;
20211
+ right: 0;
20212
+ width: 100%;
20213
+ padding-inline: inherit;
20214
+ }
20215
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20216
+ transition: none;
20217
+ }
20218
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20219
+ opacity: 0;
20220
+ }
20221
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20222
+ opacity: 0;
20223
+ }
20224
+ .v-combobox__menu-icon {
20225
+ margin-inline-start: 4px;
20226
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20227
+ }
20228
+ .v-combobox--active-menu .v-combobox__menu-icon {
20229
+ opacity: var(--v-high-emphasis-opacity);
20230
+ transform: rotate(180deg);
20231
+ }.v-counter {
20232
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
+ flex: 0 1 auto;
20234
+ font-size: 12px;
20235
+ transition-duration: 150ms;
20236
+ }.v-data-table {
20237
+ width: 100%;
20238
+ }
20239
+
20240
+ .v-data-table__table {
20241
+ width: 100%;
20242
+ border-collapse: separate;
20243
+ border-spacing: 0;
20244
+ }
20245
+
20246
+ .v-data-table__tr--focus {
20247
+ border: 1px dotted black;
20248
+ }
20249
+ .v-data-table__tr--clickable {
20250
+ cursor: pointer;
20251
+ }
20252
+
20253
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20254
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20255
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20256
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20257
+ text-align: end;
20116
20258
  }
20117
20259
  .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20118
20260
  .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
@@ -20309,72 +20451,67 @@ html.overflow-y-hidden {
20309
20451
  }
20310
20452
  .v-data-table-footer__page {
20311
20453
  padding: 0 8px;
20312
- }.v-date-picker {
20313
- overflow: hidden;
20314
- width: 328px;
20454
+ }.v-date-picker-month {
20455
+ display: flex;
20456
+ justify-content: center;
20457
+ padding: 0 12px 8px;
20458
+ --v-date-picker-month-day-diff: 4px;
20315
20459
  }
20316
- .v-date-picker--show-week {
20317
- width: 368px;
20318
- }.v-date-picker-header {
20319
- align-items: flex-end;
20320
- height: 70px;
20460
+
20461
+ .v-date-picker-month__weeks {
20321
20462
  display: grid;
20322
- grid-template-areas: "prepend content append";
20323
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20324
- overflow: hidden;
20325
- padding-inline: 24px 12px;
20326
- padding-bottom: 12px;
20463
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20464
+ column-gap: 4px;
20465
+ font-size: 0.85rem;
20466
+ }
20467
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20468
+ grid-row-gap: 0;
20327
20469
  }
20328
20470
 
20329
- .v-date-picker-header__append {
20330
- grid-area: append;
20471
+ .v-date-picker-month__weekday {
20472
+ font-size: 0.85rem;
20331
20473
  }
20332
20474
 
20333
- .v-date-picker-header__prepend {
20334
- grid-area: prepend;
20335
- padding-inline-start: 8px;
20475
+ .v-date-picker-month__days {
20476
+ display: grid;
20477
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20478
+ column-gap: 4px;
20479
+ flex: 1 1;
20480
+ justify-content: space-around;
20336
20481
  }
20337
20482
 
20338
- .v-date-picker-header__content {
20483
+ .v-date-picker-month__day {
20339
20484
  align-items: center;
20340
- display: inline-flex;
20341
- font-size: 32px;
20342
- line-height: 40px;
20343
- grid-area: content;
20344
- justify-content: space-between;
20345
- }
20346
- .v-date-picker-header--clickable .v-date-picker-header__content {
20347
- cursor: pointer;
20485
+ display: flex;
20486
+ justify-content: center;
20487
+ position: relative;
20488
+ height: 40px;
20489
+ width: 40px;
20348
20490
  }
20349
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20350
- opacity: 0.7;
20491
+ .v-date-picker-month__day--selected .v-btn {
20492
+ background-color: rgb(var(--v-theme-surface-variant));
20493
+ color: rgb(var(--v-theme-on-surface-variant));
20351
20494
  }
20352
-
20353
- .date-picker-header-transition-enter-active,
20354
- .date-picker-header-reverse-transition-enter-active {
20355
- transition-duration: 0.3s;
20356
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20495
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20496
+ --v-btn-height: 24px;
20497
+ --v-btn-size: 0.85rem;
20357
20498
  }
20358
- .date-picker-header-transition-leave-active,
20359
- .date-picker-header-reverse-transition-leave-active {
20360
- transition-duration: 0.3s;
20361
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20499
+ .v-date-picker-month__day--week {
20500
+ font-size: var(--v-btn-size);
20362
20501
  }
20363
20502
 
20364
- .date-picker-header-transition-enter-from {
20365
- transform: translate(0, 100%);
20366
- }
20367
- .date-picker-header-transition-leave-to {
20368
- opacity: 0;
20369
- transform: translate(0, -100%);
20503
+ .v-date-picker-month__day--adjacent {
20504
+ opacity: 0.5;
20370
20505
  }
20371
20506
 
20372
- .date-picker-header-reverse-transition-enter-from {
20373
- transform: translate(0, -100%);
20374
- }
20375
- .date-picker-header-reverse-transition-leave-to {
20507
+ .v-date-picker-month__day--hide-adjacent {
20376
20508
  opacity: 0;
20377
- transform: translate(0, 100%);
20509
+ }.v-date-picker {
20510
+ overflow: hidden;
20511
+ width: 328px;
20512
+ }
20513
+ .v-date-picker--show-week {
20514
+ width: 368px;
20378
20515
  }.v-date-picker-controls {
20379
20516
  display: flex;
20380
20517
  align-items: center;
@@ -20431,61 +20568,66 @@ html.overflow-y-hidden {
20431
20568
 
20432
20569
  .v-date-picker__title {
20433
20570
  display: inline-block;
20434
- }.v-date-picker-month {
20435
- display: flex;
20436
- justify-content: center;
20437
- padding: 0 12px 8px;
20438
- --v-date-picker-month-day-diff: 4px;
20439
- }
20440
-
20441
- .v-date-picker-month__weeks {
20571
+ }.v-date-picker-header {
20572
+ align-items: flex-end;
20573
+ height: 70px;
20442
20574
  display: grid;
20443
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20444
- column-gap: 4px;
20445
- font-size: 0.85rem;
20446
- }
20447
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20448
- grid-row-gap: 0;
20575
+ grid-template-areas: "prepend content append";
20576
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20577
+ overflow: hidden;
20578
+ padding-inline: 24px 12px;
20579
+ padding-bottom: 12px;
20449
20580
  }
20450
20581
 
20451
- .v-date-picker-month__weekday {
20452
- font-size: 0.85rem;
20582
+ .v-date-picker-header__append {
20583
+ grid-area: append;
20453
20584
  }
20454
20585
 
20455
- .v-date-picker-month__days {
20456
- display: grid;
20457
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20458
- column-gap: 4px;
20459
- flex: 1 1;
20460
- justify-content: space-around;
20586
+ .v-date-picker-header__prepend {
20587
+ grid-area: prepend;
20588
+ padding-inline-start: 8px;
20461
20589
  }
20462
20590
 
20463
- .v-date-picker-month__day {
20591
+ .v-date-picker-header__content {
20464
20592
  align-items: center;
20465
- display: flex;
20466
- justify-content: center;
20467
- position: relative;
20468
- height: 40px;
20469
- width: 40px;
20593
+ display: inline-flex;
20594
+ font-size: 32px;
20595
+ line-height: 40px;
20596
+ grid-area: content;
20597
+ justify-content: space-between;
20470
20598
  }
20471
- .v-date-picker-month__day--selected .v-btn {
20472
- background-color: rgb(var(--v-theme-surface-variant));
20473
- color: rgb(var(--v-theme-on-surface-variant));
20599
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20600
+ cursor: pointer;
20474
20601
  }
20475
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20476
- --v-btn-height: 24px;
20477
- --v-btn-size: 0.85rem;
20602
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20603
+ opacity: 0.7;
20478
20604
  }
20479
- .v-date-picker-month__day--week {
20480
- font-size: var(--v-btn-size);
20605
+
20606
+ .date-picker-header-transition-enter-active,
20607
+ .date-picker-header-reverse-transition-enter-active {
20608
+ transition-duration: 0.3s;
20609
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20610
+ }
20611
+ .date-picker-header-transition-leave-active,
20612
+ .date-picker-header-reverse-transition-leave-active {
20613
+ transition-duration: 0.3s;
20614
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20481
20615
  }
20482
20616
 
20483
- .v-date-picker-month__day--adjacent {
20484
- opacity: 0.5;
20617
+ .date-picker-header-transition-enter-from {
20618
+ transform: translate(0, 100%);
20619
+ }
20620
+ .date-picker-header-transition-leave-to {
20621
+ opacity: 0;
20622
+ transform: translate(0, -100%);
20485
20623
  }
20486
20624
 
20487
- .v-date-picker-month__day--hide-adjacent {
20625
+ .date-picker-header-reverse-transition-enter-from {
20626
+ transform: translate(0, -100%);
20627
+ }
20628
+ .date-picker-header-reverse-transition-leave-to {
20488
20629
  opacity: 0;
20630
+ transform: translate(0, 100%);
20489
20631
  }.v-date-picker-months {
20490
20632
  height: 288px;
20491
20633
  }
@@ -20505,21 +20647,6 @@ html.overflow-y-hidden {
20505
20647
  text-transform: none;
20506
20648
  padding-inline-start: 8px;
20507
20649
  padding-inline-end: 8px;
20508
- }.v-date-picker-years {
20509
- height: 288px;
20510
- overflow-y: scroll;
20511
- }
20512
-
20513
- .v-date-picker-years__content {
20514
- display: grid;
20515
- flex: 1 1;
20516
- justify-content: space-around;
20517
- grid-template-columns: repeat(3, 1fr);
20518
- gap: 8px 24px;
20519
- padding-inline: 32px;
20520
- }
20521
- .v-date-picker-years__content .v-btn {
20522
- padding-inline: 8px;
20523
20650
  }.v-dialog {
20524
20651
  align-items: center;
20525
20652
  justify-content: center;
@@ -20620,6 +20747,21 @@ html.overflow-y-hidden {
20620
20747
  -webkit-backface-visibility: hidden;
20621
20748
  backface-visibility: hidden;
20622
20749
  overflow-y: auto;
20750
+ }.v-date-picker-years {
20751
+ height: 288px;
20752
+ overflow-y: scroll;
20753
+ }
20754
+
20755
+ .v-date-picker-years__content {
20756
+ display: grid;
20757
+ flex: 1 1;
20758
+ justify-content: space-around;
20759
+ grid-template-columns: repeat(3, 1fr);
20760
+ gap: 8px 24px;
20761
+ padding-inline: 32px;
20762
+ }
20763
+ .v-date-picker-years__content .v-btn {
20764
+ padding-inline: 8px;
20623
20765
  }.v-divider {
20624
20766
  display: block;
20625
20767
  flex: 1 1 100%;
@@ -20955,75 +21097,6 @@ html.overflow-y-hidden {
20955
21097
  }
20956
21098
  .v-expansion-panels--tile > .v-expansion-panel {
20957
21099
  border-radius: 0;
20958
- }.v-fab {
20959
- align-items: center;
20960
- display: inline-flex;
20961
- flex: 1 1 auto;
20962
- pointer-events: none;
20963
- position: relative;
20964
- transition-duration: 0.2s;
20965
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20966
- vertical-align: middle;
20967
- }
20968
- .v-fab .v-btn {
20969
- pointer-events: auto;
20970
- }
20971
- .v-fab .v-btn--variant-elevated {
20972
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20973
- }
20974
- .v-fab--app, .v-fab--absolute {
20975
- display: flex;
20976
- }
20977
- .v-fab--start, .v-fab--left {
20978
- justify-content: flex-start;
20979
- }
20980
- .v-fab--center {
20981
- align-items: center;
20982
- justify-content: center;
20983
- }
20984
- .v-fab--end, .v-fab--right {
20985
- justify-content: flex-end;
20986
- }
20987
- .v-fab--bottom {
20988
- align-items: flex-end;
20989
- }
20990
- .v-fab--top {
20991
- align-items: flex-start;
20992
- }
20993
- .v-fab--extended .v-btn {
20994
- border-radius: 9999px !important;
20995
- }
20996
-
20997
- .v-fab__container {
20998
- align-self: center;
20999
- display: inline-flex;
21000
- position: absolute;
21001
- vertical-align: middle;
21002
- }
21003
- .v-fab--app .v-fab__container {
21004
- margin: 12px;
21005
- }
21006
- .v-fab--absolute .v-fab__container {
21007
- position: absolute;
21008
- z-index: 4;
21009
- }
21010
- .v-fab--offset.v-fab--top .v-fab__container {
21011
- transform: translateY(-50%);
21012
- }
21013
- .v-fab--offset.v-fab--bottom .v-fab__container {
21014
- transform: translateY(50%);
21015
- }
21016
- .v-fab--top .v-fab__container {
21017
- top: 0;
21018
- }
21019
- .v-fab--bottom .v-fab__container {
21020
- bottom: 0;
21021
- }
21022
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21023
- left: 0;
21024
- }
21025
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21026
- right: 0;
21027
21100
  }/* region INPUT */
21028
21101
  .v-field {
21029
21102
  display: grid;
@@ -21607,7 +21680,76 @@ textarea.v-field__input::placeholder {
21607
21680
  opacity: 0;
21608
21681
  }
21609
21682
 
21610
- /* endregion */.v-file-input--hide.v-input .v-field,
21683
+ /* endregion */.v-fab {
21684
+ align-items: center;
21685
+ display: inline-flex;
21686
+ flex: 1 1 auto;
21687
+ pointer-events: none;
21688
+ position: relative;
21689
+ transition-duration: 0.2s;
21690
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21691
+ vertical-align: middle;
21692
+ }
21693
+ .v-fab .v-btn {
21694
+ pointer-events: auto;
21695
+ }
21696
+ .v-fab .v-btn--variant-elevated {
21697
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21698
+ }
21699
+ .v-fab--app, .v-fab--absolute {
21700
+ display: flex;
21701
+ }
21702
+ .v-fab--start, .v-fab--left {
21703
+ justify-content: flex-start;
21704
+ }
21705
+ .v-fab--center {
21706
+ align-items: center;
21707
+ justify-content: center;
21708
+ }
21709
+ .v-fab--end, .v-fab--right {
21710
+ justify-content: flex-end;
21711
+ }
21712
+ .v-fab--bottom {
21713
+ align-items: flex-end;
21714
+ }
21715
+ .v-fab--top {
21716
+ align-items: flex-start;
21717
+ }
21718
+ .v-fab--extended .v-btn {
21719
+ border-radius: 9999px !important;
21720
+ }
21721
+
21722
+ .v-fab__container {
21723
+ align-self: center;
21724
+ display: inline-flex;
21725
+ position: absolute;
21726
+ vertical-align: middle;
21727
+ }
21728
+ .v-fab--app .v-fab__container {
21729
+ margin: 12px;
21730
+ }
21731
+ .v-fab--absolute .v-fab__container {
21732
+ position: absolute;
21733
+ z-index: 4;
21734
+ }
21735
+ .v-fab--offset.v-fab--top .v-fab__container {
21736
+ transform: translateY(-50%);
21737
+ }
21738
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21739
+ transform: translateY(50%);
21740
+ }
21741
+ .v-fab--top .v-fab__container {
21742
+ top: 0;
21743
+ }
21744
+ .v-fab--bottom .v-fab__container {
21745
+ bottom: 0;
21746
+ }
21747
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21748
+ left: 0;
21749
+ }
21750
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21751
+ right: 0;
21752
+ }.v-file-input--hide.v-input .v-field,
21611
21753
  .v-file-input--hide.v-input .v-input__control,
21612
21754
  .v-file-input--hide.v-input .v-input__details {
21613
21755
  display: none;
@@ -21636,135 +21778,46 @@ textarea.v-field__input::placeholder {
21636
21778
  }
21637
21779
  .v-input--plain-underlined.v-file-input .v-input__details {
21638
21780
  padding-inline: 0;
21639
- }.v-footer {
21640
- align-items: center;
21641
- display: flex;
21642
- flex: 1 1 auto;
21643
- padding: 8px 16px;
21644
- position: relative;
21645
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21646
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21781
+ }.v-container {
21782
+ width: 100%;
21783
+ padding: 16px;
21784
+ margin-right: auto;
21785
+ margin-left: auto;
21647
21786
  }
21648
- .v-footer {
21649
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21650
- border-style: solid;
21651
- border-width: 0;
21787
+ @media (min-width: 960px) {
21788
+ .v-container {
21789
+ max-width: 900px;
21790
+ }
21652
21791
  }
21653
- .v-footer--border {
21654
- border-width: thin;
21655
- box-shadow: none;
21792
+ @media (min-width: 1280px) {
21793
+ .v-container {
21794
+ max-width: 1200px;
21795
+ }
21656
21796
  }
21657
- .v-footer {
21658
- 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));
21797
+ @media (min-width: 1920px) {
21798
+ .v-container {
21799
+ max-width: 1800px;
21800
+ }
21659
21801
  }
21660
- .v-footer--absolute {
21661
- position: absolute;
21802
+ @media (min-width: 2560px) {
21803
+ .v-container {
21804
+ max-width: 2400px;
21805
+ }
21662
21806
  }
21663
- .v-footer--fixed {
21664
- position: fixed;
21807
+ .v-container--fluid {
21808
+ max-width: 100%;
21665
21809
  }
21666
- .v-footer {
21667
- border-radius: 0;
21810
+ .v-container.fill-height {
21811
+ align-items: center;
21812
+ display: flex;
21813
+ flex-wrap: wrap;
21668
21814
  }
21669
- .v-footer {
21670
- background: rgb(var(--v-theme-surface));
21671
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21672
- }
21673
- .v-footer--rounded {
21674
- border-radius: 4px;
21675
- }.v-icon {
21676
- --v-icon-size-multiplier: 1;
21677
- align-items: center;
21678
- display: inline-flex;
21679
- font-feature-settings: "liga";
21680
- height: 1em;
21681
- justify-content: center;
21682
- letter-spacing: normal;
21683
- line-height: 1;
21684
- position: relative;
21685
- text-indent: 0;
21686
- text-align: center;
21687
- -webkit-user-select: none;
21688
- user-select: none;
21689
- vertical-align: middle;
21690
- width: 1em;
21691
- min-width: 1em;
21692
- }
21693
- .v-icon--clickable {
21694
- cursor: pointer;
21695
- }
21696
- .v-icon--disabled {
21697
- pointer-events: none;
21698
- opacity: 0.38;
21699
- }
21700
- .v-icon--size-x-small {
21701
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
21702
- }
21703
- .v-icon--size-small {
21704
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21705
- }
21706
- .v-icon--size-default {
21707
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
21708
- }
21709
- .v-icon--size-large {
21710
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
21711
- }
21712
- .v-icon--size-x-large {
21713
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
21714
- }
21715
-
21716
- .v-icon__svg {
21717
- fill: currentColor;
21718
- width: 100%;
21719
- height: 100%;
21720
- }
21721
-
21722
- .v-icon--start {
21723
- margin-inline-end: 8px;
21724
- }
21725
-
21726
- .v-icon--end {
21727
- margin-inline-start: 8px;
21728
- }.v-container {
21729
- width: 100%;
21730
- padding: 16px;
21731
- margin-right: auto;
21732
- margin-left: auto;
21733
- }
21734
- @media (min-width: 960px) {
21735
- .v-container {
21736
- max-width: 900px;
21737
- }
21738
- }
21739
- @media (min-width: 1280px) {
21740
- .v-container {
21741
- max-width: 1200px;
21742
- }
21743
- }
21744
- @media (min-width: 1920px) {
21745
- .v-container {
21746
- max-width: 1800px;
21747
- }
21748
- }
21749
- @media (min-width: 2560px) {
21750
- .v-container {
21751
- max-width: 2400px;
21752
- }
21753
- }
21754
- .v-container--fluid {
21755
- max-width: 100%;
21756
- }
21757
- .v-container.fill-height {
21758
- align-items: center;
21759
- display: flex;
21760
- flex-wrap: wrap;
21761
- }
21762
-
21763
- .v-row {
21764
- display: flex;
21765
- flex-wrap: wrap;
21766
- flex: 1 1 auto;
21767
- margin: -12px;
21815
+
21816
+ .v-row {
21817
+ display: flex;
21818
+ flex-wrap: wrap;
21819
+ flex: 1 1 auto;
21820
+ margin: -12px;
21768
21821
  }
21769
21822
  .v-row + .v-row {
21770
21823
  margin-top: 12px;
@@ -22397,6 +22450,95 @@ textarea.v-field__input::placeholder {
22397
22450
  .offset-xxl-11 {
22398
22451
  margin-inline-start: 91.6666666667%;
22399
22452
  }
22453
+ }.v-footer {
22454
+ align-items: center;
22455
+ display: flex;
22456
+ flex: 1 1 auto;
22457
+ padding: 8px 16px;
22458
+ position: relative;
22459
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22460
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22461
+ }
22462
+ .v-footer {
22463
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22464
+ border-style: solid;
22465
+ border-width: 0;
22466
+ }
22467
+ .v-footer--border {
22468
+ border-width: thin;
22469
+ box-shadow: none;
22470
+ }
22471
+ .v-footer {
22472
+ 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));
22473
+ }
22474
+ .v-footer--absolute {
22475
+ position: absolute;
22476
+ }
22477
+ .v-footer--fixed {
22478
+ position: fixed;
22479
+ }
22480
+ .v-footer {
22481
+ border-radius: 0;
22482
+ }
22483
+ .v-footer {
22484
+ background: rgb(var(--v-theme-surface));
22485
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22486
+ }
22487
+ .v-footer--rounded {
22488
+ border-radius: 4px;
22489
+ }.v-icon {
22490
+ --v-icon-size-multiplier: 1;
22491
+ align-items: center;
22492
+ display: inline-flex;
22493
+ font-feature-settings: "liga";
22494
+ height: 1em;
22495
+ justify-content: center;
22496
+ letter-spacing: normal;
22497
+ line-height: 1;
22498
+ position: relative;
22499
+ text-indent: 0;
22500
+ text-align: center;
22501
+ -webkit-user-select: none;
22502
+ user-select: none;
22503
+ vertical-align: middle;
22504
+ width: 1em;
22505
+ min-width: 1em;
22506
+ }
22507
+ .v-icon--clickable {
22508
+ cursor: pointer;
22509
+ }
22510
+ .v-icon--disabled {
22511
+ pointer-events: none;
22512
+ opacity: 0.38;
22513
+ }
22514
+ .v-icon--size-x-small {
22515
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
22516
+ }
22517
+ .v-icon--size-small {
22518
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
22519
+ }
22520
+ .v-icon--size-default {
22521
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
22522
+ }
22523
+ .v-icon--size-large {
22524
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
22525
+ }
22526
+ .v-icon--size-x-large {
22527
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
22528
+ }
22529
+
22530
+ .v-icon__svg {
22531
+ fill: currentColor;
22532
+ width: 100%;
22533
+ height: 100%;
22534
+ }
22535
+
22536
+ .v-icon--start {
22537
+ margin-inline-end: 8px;
22538
+ }
22539
+
22540
+ .v-icon--end {
22541
+ margin-inline-start: 8px;
22400
22542
  }.v-img {
22401
22543
  --v-theme-overlay-multiplier: 3;
22402
22544
  z-index: 0;
@@ -22647,13 +22789,6 @@ textarea.v-field__input::placeholder {
22647
22789
 
22648
22790
  .v-label--clickable {
22649
22791
  cursor: pointer;
22650
- }.v-layout-item {
22651
- position: absolute;
22652
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22653
- }
22654
-
22655
- .v-layout-item--absolute {
22656
- position: absolute;
22657
22792
  }.v-layout {
22658
22793
  --v-scrollbar-offset: 0px;
22659
22794
  display: flex;
@@ -22662,6 +22797,13 @@ textarea.v-field__input::placeholder {
22662
22797
  .v-layout--full-height {
22663
22798
  --v-scrollbar-offset: inherit;
22664
22799
  height: 100%;
22800
+ }.v-layout-item {
22801
+ position: absolute;
22802
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22803
+ }
22804
+
22805
+ .v-layout-item--absolute {
22806
+ position: absolute;
22665
22807
  }.v-list {
22666
22808
  overflow: auto;
22667
22809
  padding: 8px 0;
@@ -23288,22 +23430,6 @@ textarea.v-field__input::placeholder {
23288
23430
  .v-menu > .v-overlay__content > .v-sheet,
23289
23431
  .v-menu > .v-overlay__content > .v-list {
23290
23432
  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));
23291
- }.v-messages {
23292
- flex: 1 1 auto;
23293
- font-size: 12px;
23294
- min-height: 14px;
23295
- min-width: 1px;
23296
- opacity: var(--v-medium-emphasis-opacity);
23297
- position: relative;
23298
- }
23299
- .v-messages__message {
23300
- line-height: 12px;
23301
- word-break: break-word;
23302
- overflow-wrap: break-word;
23303
- word-wrap: break-word;
23304
- -webkit-hyphens: auto;
23305
- hyphens: auto;
23306
- transition-duration: 150ms;
23307
23433
  }.v-navigation-drawer {
23308
23434
  -webkit-overflow-scrolling: touch;
23309
23435
  background: rgb(var(--v-theme-surface));
@@ -23412,6 +23538,22 @@ textarea.v-field__input::placeholder {
23412
23538
  .v-navigation-drawer__append {
23413
23539
  flex: none;
23414
23540
  overflow: hidden;
23541
+ }.v-messages {
23542
+ flex: 1 1 auto;
23543
+ font-size: 12px;
23544
+ min-height: 14px;
23545
+ min-width: 1px;
23546
+ opacity: var(--v-medium-emphasis-opacity);
23547
+ position: relative;
23548
+ }
23549
+ .v-messages__message {
23550
+ line-height: 12px;
23551
+ word-break: break-word;
23552
+ overflow-wrap: break-word;
23553
+ word-wrap: break-word;
23554
+ -webkit-hyphens: auto;
23555
+ hyphens: auto;
23556
+ transition-duration: 150ms;
23415
23557
  }.v-overlay-container {
23416
23558
  contain: layout;
23417
23559
  left: 0;
@@ -23541,24 +23683,126 @@ html.v-overlay-scroll-blocked {
23541
23683
  }
23542
23684
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23543
23685
  margin: 0.3rem;
23544
- }.v-parallax {
23686
+ }.v-progress-circular {
23687
+ align-items: center;
23688
+ display: inline-flex;
23689
+ justify-content: center;
23545
23690
  position: relative;
23546
- overflow: hidden;
23691
+ vertical-align: middle;
23547
23692
  }
23548
- .v-parallax--active > .v-img__img {
23549
- will-change: transform;
23550
- }.v-progress-linear {
23551
- background: transparent;
23552
- overflow: hidden;
23553
- position: relative;
23554
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23693
+ .v-progress-circular > svg {
23555
23694
  width: 100%;
23695
+ height: 100%;
23696
+ margin: auto;
23697
+ position: absolute;
23698
+ top: 0;
23699
+ bottom: 0;
23700
+ left: 0;
23701
+ right: 0;
23702
+ z-index: 0;
23556
23703
  }
23557
- .v-progress-linear--rounded {
23558
- border-radius: 9999px;
23559
- }
23560
- @media (forced-colors: active) {
23561
- .v-progress-linear {
23704
+
23705
+ .v-progress-circular__content {
23706
+ align-items: center;
23707
+ display: flex;
23708
+ justify-content: center;
23709
+ }
23710
+
23711
+ .v-progress-circular__underlay {
23712
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23713
+ stroke: currentColor;
23714
+ z-index: 1;
23715
+ }
23716
+
23717
+ .v-progress-circular__overlay {
23718
+ stroke: currentColor;
23719
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23720
+ z-index: 2;
23721
+ }
23722
+
23723
+ .v-progress-circular--size-x-small {
23724
+ height: 16px;
23725
+ width: 16px;
23726
+ }
23727
+ .v-progress-circular--size-small {
23728
+ height: 24px;
23729
+ width: 24px;
23730
+ }
23731
+ .v-progress-circular--size-default {
23732
+ height: 32px;
23733
+ width: 32px;
23734
+ }
23735
+ .v-progress-circular--size-large {
23736
+ height: 48px;
23737
+ width: 48px;
23738
+ }
23739
+ .v-progress-circular--size-x-large {
23740
+ height: 64px;
23741
+ width: 64px;
23742
+ }
23743
+
23744
+ .v-progress-circular--indeterminate > svg {
23745
+ animation: progress-circular-rotate 1.4s linear infinite;
23746
+ transform-origin: center center;
23747
+ transition: all 0.2s ease-in-out;
23748
+ }
23749
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23750
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23751
+ stroke-dasharray: 25, 200;
23752
+ stroke-dashoffset: 0;
23753
+ stroke-linecap: round;
23754
+ transform-origin: center center;
23755
+ transform: rotate(-90deg);
23756
+ }
23757
+
23758
+ .v-progress-circular--disable-shrink > svg {
23759
+ animation-duration: 0.7s;
23760
+ }
23761
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23762
+ animation: none;
23763
+ }
23764
+
23765
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23766
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23767
+ animation-play-state: paused !important;
23768
+ }
23769
+
23770
+ @keyframes progress-circular-dash {
23771
+ 0% {
23772
+ stroke-dasharray: 1, 200;
23773
+ stroke-dashoffset: 0px;
23774
+ }
23775
+ 50% {
23776
+ stroke-dasharray: 100, 200;
23777
+ stroke-dashoffset: -15px;
23778
+ }
23779
+ 100% {
23780
+ stroke-dasharray: 100, 200;
23781
+ stroke-dashoffset: -124px;
23782
+ }
23783
+ }
23784
+ @keyframes progress-circular-rotate {
23785
+ 100% {
23786
+ transform: rotate(270deg);
23787
+ }
23788
+ }.v-parallax {
23789
+ position: relative;
23790
+ overflow: hidden;
23791
+ }
23792
+ .v-parallax--active > .v-img__img {
23793
+ will-change: transform;
23794
+ }.v-progress-linear {
23795
+ background: transparent;
23796
+ overflow: hidden;
23797
+ position: relative;
23798
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23799
+ width: 100%;
23800
+ }
23801
+ .v-progress-linear--rounded {
23802
+ border-radius: 9999px;
23803
+ }
23804
+ @media (forced-colors: active) {
23805
+ .v-progress-linear {
23562
23806
  border: thin solid buttontext;
23563
23807
  }
23564
23808
  }
@@ -23775,108 +24019,59 @@ html.v-overlay-scroll-blocked {
23775
24019
  0% {
23776
24020
  background-position-x: var(--v-progress-linear-height);
23777
24021
  }
23778
- }.v-progress-circular {
23779
- align-items: center;
24022
+ }.v-rating {
24023
+ max-width: 100%;
23780
24024
  display: inline-flex;
23781
- justify-content: center;
23782
- position: relative;
23783
- vertical-align: middle;
24025
+ white-space: nowrap;
23784
24026
  }
23785
- .v-progress-circular > svg {
23786
- width: 100%;
23787
- height: 100%;
23788
- margin: auto;
23789
- position: absolute;
23790
- top: 0;
23791
- bottom: 0;
23792
- left: 0;
23793
- right: 0;
23794
- z-index: 0;
24027
+ .v-rating--readonly {
24028
+ pointer-events: none;
23795
24029
  }
23796
24030
 
23797
- .v-progress-circular__content {
24031
+ .v-rating__wrapper {
23798
24032
  align-items: center;
23799
- display: flex;
23800
- justify-content: center;
23801
- }
23802
-
23803
- .v-progress-circular__underlay {
23804
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23805
- stroke: currentColor;
23806
- z-index: 1;
24033
+ display: inline-flex;
24034
+ flex-direction: column;
23807
24035
  }
23808
-
23809
- .v-progress-circular__overlay {
23810
- stroke: currentColor;
23811
- transition: all 0.2s ease-in-out, stroke-width 0s;
23812
- z-index: 2;
24036
+ .v-rating__wrapper--bottom {
24037
+ flex-direction: column-reverse;
23813
24038
  }
23814
24039
 
23815
- .v-progress-circular--size-x-small {
23816
- height: 16px;
23817
- width: 16px;
23818
- }
23819
- .v-progress-circular--size-small {
23820
- height: 24px;
23821
- width: 24px;
23822
- }
23823
- .v-progress-circular--size-default {
23824
- height: 32px;
23825
- width: 32px;
24040
+ .v-rating__item {
24041
+ display: inline-flex;
24042
+ position: relative;
23826
24043
  }
23827
- .v-progress-circular--size-large {
23828
- height: 48px;
23829
- width: 48px;
24044
+ .v-rating__item label {
24045
+ cursor: pointer;
23830
24046
  }
23831
- .v-progress-circular--size-x-large {
23832
- height: 64px;
23833
- width: 64px;
24047
+ .v-rating__item .v-btn--variant-plain {
24048
+ opacity: 1;
23834
24049
  }
23835
-
23836
- .v-progress-circular--indeterminate > svg {
23837
- animation: progress-circular-rotate 1.4s linear infinite;
23838
- transform-origin: center center;
23839
- transition: all 0.2s ease-in-out;
24050
+ .v-rating__item .v-btn {
24051
+ transition-property: transform;
23840
24052
  }
23841
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23842
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23843
- stroke-dasharray: 25, 200;
23844
- stroke-dashoffset: 0;
23845
- stroke-linecap: round;
23846
- transform-origin: center center;
23847
- transform: rotate(-90deg);
24053
+ .v-rating__item .v-btn .v-icon {
24054
+ transition: inherit;
24055
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23848
24056
  }
23849
-
23850
- .v-progress-circular--disable-shrink > svg {
23851
- animation-duration: 0.7s;
24057
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24058
+ transform: scale(1.25);
23852
24059
  }
23853
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23854
- animation: none;
24060
+ .v-rating__item--half {
24061
+ overflow: hidden;
24062
+ position: absolute;
24063
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24064
+ z-index: 1;
23855
24065
  }
23856
-
23857
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23858
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23859
- animation-play-state: paused !important;
24066
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24067
+ opacity: 0;
23860
24068
  }
23861
24069
 
23862
- @keyframes progress-circular-dash {
23863
- 0% {
23864
- stroke-dasharray: 1, 200;
23865
- stroke-dashoffset: 0px;
23866
- }
23867
- 50% {
23868
- stroke-dasharray: 100, 200;
23869
- stroke-dashoffset: -15px;
23870
- }
23871
- 100% {
23872
- stroke-dasharray: 100, 200;
23873
- stroke-dashoffset: -124px;
23874
- }
23875
- }
23876
- @keyframes progress-circular-rotate {
23877
- 100% {
23878
- transform: rotate(270deg);
23879
- }
24070
+ .v-rating__hidden {
24071
+ height: 0;
24072
+ opacity: 0;
24073
+ position: absolute;
24074
+ width: 0;
23880
24075
  }.v-radio-group > .v-input__control {
23881
24076
  flex-direction: column;
23882
24077
  }
@@ -23946,79 +24141,26 @@ html.v-overlay-scroll-blocked {
23946
24141
 
23947
24142
  .v-slider__label {
23948
24143
  margin-inline-end: 12px;
23949
- }.v-rating {
24144
+ }.v-responsive {
24145
+ display: flex;
24146
+ flex: 1 0 auto;
24147
+ max-height: 100%;
23950
24148
  max-width: 100%;
23951
- display: inline-flex;
23952
- white-space: nowrap;
23953
- }
23954
- .v-rating--readonly {
23955
- pointer-events: none;
24149
+ overflow: hidden;
24150
+ position: relative;
23956
24151
  }
23957
-
23958
- .v-rating__wrapper {
23959
- align-items: center;
24152
+ .v-responsive--inline {
23960
24153
  display: inline-flex;
23961
- flex-direction: column;
23962
- }
23963
- .v-rating__wrapper--bottom {
23964
- flex-direction: column-reverse;
24154
+ flex: 0 0 auto;
23965
24155
  }
23966
24156
 
23967
- .v-rating__item {
23968
- display: inline-flex;
23969
- position: relative;
24157
+ .v-responsive__content {
24158
+ flex: 1 0 0px;
24159
+ max-width: 100%;
23970
24160
  }
23971
- .v-rating__item label {
23972
- cursor: pointer;
23973
- }
23974
- .v-rating__item .v-btn--variant-plain {
23975
- opacity: 1;
23976
- }
23977
- .v-rating__item .v-btn {
23978
- transition-property: transform;
23979
- }
23980
- .v-rating__item .v-btn .v-icon {
23981
- transition: inherit;
23982
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23983
- }
23984
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23985
- transform: scale(1.25);
23986
- }
23987
- .v-rating__item--half {
23988
- overflow: hidden;
23989
- position: absolute;
23990
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23991
- z-index: 1;
23992
- }
23993
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23994
- opacity: 0;
23995
- }
23996
-
23997
- .v-rating__hidden {
23998
- height: 0;
23999
- opacity: 0;
24000
- position: absolute;
24001
- width: 0;
24002
- }.v-responsive {
24003
- display: flex;
24004
- flex: 1 0 auto;
24005
- max-height: 100%;
24006
- max-width: 100%;
24007
- overflow: hidden;
24008
- position: relative;
24009
- }
24010
- .v-responsive--inline {
24011
- display: inline-flex;
24012
- flex: 0 0 auto;
24013
- }
24014
-
24015
- .v-responsive__content {
24016
- flex: 1 0 0px;
24017
- max-width: 100%;
24018
- }
24019
-
24020
- .v-responsive__sizer ~ .v-responsive__content {
24021
- margin-inline-start: -100%;
24161
+
24162
+ .v-responsive__sizer ~ .v-responsive__content {
24163
+ margin-inline-start: -100%;
24022
24164
  }
24023
24165
 
24024
24166
  .v-responsive__sizer {
@@ -24188,6 +24330,61 @@ html.v-overlay-scroll-blocked {
24188
24330
  .v-selection-control-group--inline {
24189
24331
  flex-direction: row;
24190
24332
  flex-wrap: wrap;
24333
+ }.v-slide-group {
24334
+ display: flex;
24335
+ overflow: hidden;
24336
+ }
24337
+
24338
+ .v-slide-group__next,
24339
+ .v-slide-group__prev {
24340
+ align-items: center;
24341
+ display: flex;
24342
+ flex: 0 1 52px;
24343
+ justify-content: center;
24344
+ min-width: 52px;
24345
+ cursor: pointer;
24346
+ }
24347
+ .v-slide-group__next--disabled,
24348
+ .v-slide-group__prev--disabled {
24349
+ pointer-events: none;
24350
+ opacity: var(--v-disabled-opacity);
24351
+ }
24352
+
24353
+ .v-slide-group__content {
24354
+ display: flex;
24355
+ flex: 1 0 auto;
24356
+ position: relative;
24357
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24358
+ white-space: nowrap;
24359
+ }
24360
+ .v-slide-group__content > * {
24361
+ white-space: initial;
24362
+ }
24363
+
24364
+ .v-slide-group__container {
24365
+ contain: content;
24366
+ display: flex;
24367
+ flex: 1 1 auto;
24368
+ overflow-x: auto;
24369
+ overflow-y: hidden;
24370
+ scrollbar-width: none;
24371
+ scrollbar-color: rgba(0, 0, 0, 0);
24372
+ }
24373
+ .v-slide-group__container::-webkit-scrollbar {
24374
+ display: none;
24375
+ }
24376
+
24377
+ .v-slide-group--vertical {
24378
+ max-height: inherit;
24379
+ }
24380
+ .v-slide-group--vertical,
24381
+ .v-slide-group--vertical .v-slide-group__container,
24382
+ .v-slide-group--vertical .v-slide-group__content {
24383
+ flex-direction: column;
24384
+ }
24385
+ .v-slide-group--vertical .v-slide-group__container {
24386
+ overflow-x: hidden;
24387
+ overflow-y: auto;
24191
24388
  }.v-sheet {
24192
24389
  display: block;
24193
24390
  }
@@ -24449,61 +24646,6 @@ html.v-overlay-scroll-blocked {
24449
24646
  100% {
24450
24647
  transform: translateX(100%);
24451
24648
  }
24452
- }.v-slide-group {
24453
- display: flex;
24454
- overflow: hidden;
24455
- }
24456
-
24457
- .v-slide-group__next,
24458
- .v-slide-group__prev {
24459
- align-items: center;
24460
- display: flex;
24461
- flex: 0 1 52px;
24462
- justify-content: center;
24463
- min-width: 52px;
24464
- cursor: pointer;
24465
- }
24466
- .v-slide-group__next--disabled,
24467
- .v-slide-group__prev--disabled {
24468
- pointer-events: none;
24469
- opacity: var(--v-disabled-opacity);
24470
- }
24471
-
24472
- .v-slide-group__content {
24473
- display: flex;
24474
- flex: 1 0 auto;
24475
- position: relative;
24476
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24477
- white-space: nowrap;
24478
- }
24479
- .v-slide-group__content > * {
24480
- white-space: initial;
24481
- }
24482
-
24483
- .v-slide-group__container {
24484
- contain: content;
24485
- display: flex;
24486
- flex: 1 1 auto;
24487
- overflow-x: auto;
24488
- overflow-y: hidden;
24489
- scrollbar-width: none;
24490
- scrollbar-color: rgba(0, 0, 0, 0);
24491
- }
24492
- .v-slide-group__container::-webkit-scrollbar {
24493
- display: none;
24494
- }
24495
-
24496
- .v-slide-group--vertical {
24497
- max-height: inherit;
24498
- }
24499
- .v-slide-group--vertical,
24500
- .v-slide-group--vertical .v-slide-group__container,
24501
- .v-slide-group--vertical .v-slide-group__content {
24502
- flex-direction: column;
24503
- }
24504
- .v-slide-group--vertical .v-slide-group__container {
24505
- overflow-x: hidden;
24506
- overflow-y: auto;
24507
24649
  }.v-snackbar {
24508
24650
  justify-content: center;
24509
24651
  z-index: 10000;
@@ -24903,85 +25045,238 @@ html.v-overlay-scroll-blocked {
24903
25045
  }
24904
25046
  .v-system-bar:not(.v-system-bar--absolute) {
24905
25047
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24906
- }.v-tab.v-tab.v-btn {
24907
- height: var(--v-tabs-height);
24908
- border-radius: 0;
24909
- min-width: 90px;
24910
- }
24911
- .v-slide-group--horizontal .v-tab {
24912
- max-width: 360px;
24913
- }
24914
- .v-slide-group--vertical .v-tab {
24915
- justify-content: start;
25048
+ }.v-switch .v-label {
25049
+ padding-inline-start: 10px;
24916
25050
  }
24917
25051
 
24918
- .v-tab__slider {
24919
- position: absolute;
24920
- bottom: 0;
24921
- left: 0;
24922
- height: 2px;
24923
- width: 100%;
24924
- background: currentColor;
24925
- pointer-events: none;
24926
- opacity: 0;
24927
- }
24928
- .v-tab--selected .v-tab__slider {
24929
- opacity: 1;
24930
- }
24931
- .v-slide-group--vertical .v-tab__slider {
24932
- top: 0;
24933
- height: 100%;
24934
- width: 2px;
24935
- }.v-tabs {
25052
+ .v-switch__loader {
24936
25053
  display: flex;
24937
- height: var(--v-tabs-height);
24938
- }
24939
- .v-tabs--density-default {
24940
- --v-tabs-height: 48px;
24941
25054
  }
24942
- .v-tabs--density-default.v-tabs--stacked {
24943
- --v-tabs-height: 72px;
25055
+ .v-switch__loader .v-progress-circular {
25056
+ color: rgb(var(--v-theme-surface));
24944
25057
  }
24945
25058
 
24946
- .v-tabs--density-comfortable {
24947
- --v-tabs-height: 44px;
25059
+ .v-switch__track,
25060
+ .v-switch__thumb {
25061
+ transition: none;
24948
25062
  }
24949
- .v-tabs--density-comfortable.v-tabs--stacked {
24950
- --v-tabs-height: 68px;
25063
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
25064
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
25065
+ background-color: rgb(var(--v-theme-error));
25066
+ color: rgb(var(--v-theme-on-error));
24951
25067
  }
24952
25068
 
24953
- .v-tabs--density-compact {
24954
- --v-tabs-height: 36px;
25069
+ .v-switch__track-true {
25070
+ margin-inline-end: auto;
24955
25071
  }
24956
- .v-tabs--density-compact.v-tabs--stacked {
24957
- --v-tabs-height: 60px;
25072
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25073
+ opacity: 0;
24958
25074
  }
24959
25075
 
24960
- .v-tabs.v-slide-group--vertical {
24961
- height: auto;
24962
- flex: none;
24963
- --v-tabs-height: 48px;
25076
+ .v-switch__track-false {
25077
+ margin-inline-start: auto;
24964
25078
  }
24965
-
24966
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24967
- margin-inline-start: 42px;
25079
+ .v-selection-control--dirty .v-switch__track-false {
25080
+ opacity: 0;
24968
25081
  }
24969
25082
 
24970
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24971
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24972
- margin-inline-end: auto;
25083
+ .v-switch__track {
25084
+ display: inline-flex;
25085
+ align-items: center;
25086
+ font-size: 0.5rem;
25087
+ padding: 0 5px;
25088
+ background-color: rgb(var(--v-theme-surface-variant));
25089
+ border-radius: 9999px;
25090
+ height: 14px;
25091
+ opacity: 0.6;
25092
+ min-width: 36px;
25093
+ cursor: pointer;
25094
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
24973
25095
  }
24974
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24975
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24976
- margin-inline-start: auto;
25096
+ .v-switch--inset .v-switch__track {
25097
+ border-radius: 9999px;
25098
+ font-size: 0.75rem;
25099
+ height: 32px;
25100
+ min-width: 52px;
24977
25101
  }
24978
25102
 
24979
- .v-tabs--grow {
24980
- flex-grow: 1;
24981
- }
24982
- .v-tabs--grow .v-tab {
24983
- flex: 1 0 auto;
24984
- max-width: none;
25103
+ .v-switch__thumb {
25104
+ align-items: center;
25105
+ background-color: rgb(var(--v-theme-surface-bright));
25106
+ color: rgb(var(--v-theme-on-surface-bright));
25107
+ border-radius: 50%;
25108
+ display: flex;
25109
+ font-size: 0.75rem;
25110
+ height: 20px;
25111
+ justify-content: center;
25112
+ width: 20px;
25113
+ pointer-events: none;
25114
+ 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);
25115
+ position: relative;
25116
+ overflow: hidden;
25117
+ }
25118
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
25119
+ 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));
25120
+ }
25121
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25122
+ background: rgb(var(--v-theme-surface-variant));
25123
+ color: rgb(var(--v-theme-on-surface-variant));
25124
+ }
25125
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25126
+ 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));
25127
+ }
25128
+ .v-switch--inset .v-switch__thumb {
25129
+ height: 24px;
25130
+ width: 24px;
25131
+ transform: scale(0.6666666667);
25132
+ }
25133
+ .v-switch--inset .v-switch__thumb--filled {
25134
+ transform: none;
25135
+ }
25136
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25137
+ transform: none;
25138
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25139
+ }
25140
+
25141
+ .v-switch.v-input {
25142
+ flex: 0 1 auto;
25143
+ }
25144
+ .v-switch .v-selection-control {
25145
+ min-height: var(--v-input-control-height);
25146
+ }
25147
+ .v-switch .v-selection-control__input {
25148
+ border-radius: 50%;
25149
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25150
+ position: absolute;
25151
+ }
25152
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25153
+ transform: translateX(-10px);
25154
+ }
25155
+
25156
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25157
+ transform: translateX(10px);
25158
+ }
25159
+
25160
+ .v-switch .v-selection-control__input .v-icon {
25161
+ position: absolute;
25162
+ }
25163
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25164
+ transform: translateX(10px);
25165
+ }
25166
+
25167
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25168
+ transform: translateX(-10px);
25169
+ }
25170
+
25171
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
25172
+ transform: scale(0.8);
25173
+ }
25174
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
25175
+ transform: scale(0.75);
25176
+ box-shadow: none;
25177
+ }
25178
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
25179
+ width: auto;
25180
+ }
25181
+ .v-switch.v-input--vertical .v-label {
25182
+ min-width: max-content;
25183
+ }
25184
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
25185
+ transform: rotate(-90deg);
25186
+ }
25187
+
25188
+ @media (forced-colors: active) {
25189
+ .v-switch .v-switch__loader .v-progress-circular {
25190
+ color: currentColor;
25191
+ }
25192
+ .v-switch .v-switch__thumb {
25193
+ background-color: buttontext;
25194
+ }
25195
+ .v-switch .v-switch__track,
25196
+ .v-switch .v-switch__thumb {
25197
+ border: 1px solid;
25198
+ color: buttontext;
25199
+ }
25200
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25201
+ background-color: highlight;
25202
+ }
25203
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25204
+ background-color: highlight;
25205
+ }
25206
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25207
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25208
+ color: highlight;
25209
+ }
25210
+ .v-switch.v-switch--inset .v-switch__track {
25211
+ border-width: 2px;
25212
+ }
25213
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25214
+ background-color: highlighttext;
25215
+ color: highlighttext;
25216
+ }
25217
+ .v-switch.v-input--disabled .v-switch__thumb {
25218
+ background-color: graytext;
25219
+ }
25220
+ .v-switch.v-input--disabled .v-switch__track,
25221
+ .v-switch.v-input--disabled .v-switch__thumb {
25222
+ color: graytext;
25223
+ }
25224
+ .v-switch.v-switch--loading .v-switch__thumb {
25225
+ background-color: canvas;
25226
+ }
25227
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25228
+ border-width: 0;
25229
+ }
25230
+ }.v-tabs {
25231
+ display: flex;
25232
+ height: var(--v-tabs-height);
25233
+ }
25234
+ .v-tabs--density-default {
25235
+ --v-tabs-height: 48px;
25236
+ }
25237
+ .v-tabs--density-default.v-tabs--stacked {
25238
+ --v-tabs-height: 72px;
25239
+ }
25240
+
25241
+ .v-tabs--density-comfortable {
25242
+ --v-tabs-height: 44px;
25243
+ }
25244
+ .v-tabs--density-comfortable.v-tabs--stacked {
25245
+ --v-tabs-height: 68px;
25246
+ }
25247
+
25248
+ .v-tabs--density-compact {
25249
+ --v-tabs-height: 36px;
25250
+ }
25251
+ .v-tabs--density-compact.v-tabs--stacked {
25252
+ --v-tabs-height: 60px;
25253
+ }
25254
+
25255
+ .v-tabs.v-slide-group--vertical {
25256
+ height: auto;
25257
+ flex: none;
25258
+ --v-tabs-height: 48px;
25259
+ }
25260
+
25261
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25262
+ margin-inline-start: 42px;
25263
+ }
25264
+
25265
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25266
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25267
+ margin-inline-end: auto;
25268
+ }
25269
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25270
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25271
+ margin-inline-start: auto;
25272
+ }
25273
+
25274
+ .v-tabs--grow {
25275
+ flex-grow: 1;
25276
+ }
25277
+ .v-tabs--grow .v-tab {
25278
+ flex: 1 0 auto;
25279
+ max-width: none;
24985
25280
  }
24986
25281
 
24987
25282
  .v-tabs--align-tabs-end .v-tab:first-child {
@@ -24998,6 +25293,35 @@ html.v-overlay-scroll-blocked {
24998
25293
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24999
25294
  margin-inline-end: 52px;
25000
25295
  }
25296
+ }.v-tab.v-tab.v-btn {
25297
+ height: var(--v-tabs-height);
25298
+ border-radius: 0;
25299
+ min-width: 90px;
25300
+ }
25301
+ .v-slide-group--horizontal .v-tab {
25302
+ max-width: 360px;
25303
+ }
25304
+ .v-slide-group--vertical .v-tab {
25305
+ justify-content: start;
25306
+ }
25307
+
25308
+ .v-tab__slider {
25309
+ position: absolute;
25310
+ bottom: 0;
25311
+ left: 0;
25312
+ height: 2px;
25313
+ width: 100%;
25314
+ background: currentColor;
25315
+ pointer-events: none;
25316
+ opacity: 0;
25317
+ }
25318
+ .v-tab--selected .v-tab__slider {
25319
+ opacity: 1;
25320
+ }
25321
+ .v-slide-group--vertical .v-tab__slider {
25322
+ top: 0;
25323
+ height: 100%;
25324
+ width: 2px;
25001
25325
  }.v-table {
25002
25326
  font-size: 0.875rem;
25003
25327
  transition-duration: 0.28s;
@@ -25140,45 +25464,6 @@ html.v-overlay-scroll-blocked {
25140
25464
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25141
25465
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25142
25466
  border-top: 0px !important;
25143
- }.v-textarea .v-field {
25144
- --v-textarea-control-height: var(--v-input-control-height);
25145
- }
25146
- .v-textarea .v-field__field {
25147
- --v-input-control-height: var(--v-textarea-control-height);
25148
- }
25149
- .v-textarea .v-field__input {
25150
- flex: 1 1 auto;
25151
- outline: none;
25152
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25153
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25154
- }
25155
- .v-textarea .v-field__input.v-textarea__sizer {
25156
- visibility: hidden;
25157
- position: absolute;
25158
- top: 0;
25159
- left: 0;
25160
- height: 0 !important;
25161
- min-height: 0 !important;
25162
- pointer-events: none;
25163
- }
25164
- .v-textarea--no-resize .v-field__input {
25165
- resize: none;
25166
- }
25167
- .v-textarea .v-field--no-label textarea,
25168
- .v-textarea .v-field--active textarea {
25169
- opacity: 1;
25170
- }
25171
- .v-textarea textarea {
25172
- opacity: 0;
25173
- flex: 1;
25174
- min-width: 0;
25175
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25176
- }
25177
- .v-textarea textarea:focus, .v-textarea textarea:active {
25178
- outline: none;
25179
- }
25180
- .v-textarea textarea:invalid {
25181
- box-shadow: none;
25182
25467
  }/* region BLOCK */
25183
25468
  .v-text-field input {
25184
25469
  color: inherit;
@@ -25246,18 +25531,57 @@ html.v-overlay-scroll-blocked {
25246
25531
  padding-inline-end: var(--v-field-padding-end);
25247
25532
  }
25248
25533
 
25249
- /* endregion */.v-theme-provider {
25250
- background: rgb(var(--v-theme-background));
25251
- color: rgb(var(--v-theme-on-background));
25252
- }.v-timeline .v-timeline-divider__dot {
25253
- background: rgb(var(--v-theme-surface-light));
25534
+ /* endregion */.v-textarea .v-field {
25535
+ --v-textarea-control-height: var(--v-input-control-height);
25254
25536
  }
25255
- .v-timeline .v-timeline-divider__inner-dot {
25256
- background: rgb(var(--v-theme-on-surface));
25537
+ .v-textarea .v-field__field {
25538
+ --v-input-control-height: var(--v-textarea-control-height);
25257
25539
  }
25258
-
25259
- .v-timeline {
25260
- display: grid;
25540
+ .v-textarea .v-field__input {
25541
+ flex: 1 1 auto;
25542
+ outline: none;
25543
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25544
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25545
+ }
25546
+ .v-textarea .v-field__input.v-textarea__sizer {
25547
+ visibility: hidden;
25548
+ position: absolute;
25549
+ top: 0;
25550
+ left: 0;
25551
+ height: 0 !important;
25552
+ min-height: 0 !important;
25553
+ pointer-events: none;
25554
+ }
25555
+ .v-textarea--no-resize .v-field__input {
25556
+ resize: none;
25557
+ }
25558
+ .v-textarea .v-field--no-label textarea,
25559
+ .v-textarea .v-field--active textarea {
25560
+ opacity: 1;
25561
+ }
25562
+ .v-textarea textarea {
25563
+ opacity: 0;
25564
+ flex: 1;
25565
+ min-width: 0;
25566
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25567
+ }
25568
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25569
+ outline: none;
25570
+ }
25571
+ .v-textarea textarea:invalid {
25572
+ box-shadow: none;
25573
+ }.v-theme-provider {
25574
+ background: rgb(var(--v-theme-background));
25575
+ color: rgb(var(--v-theme-on-background));
25576
+ }.v-timeline .v-timeline-divider__dot {
25577
+ background: rgb(var(--v-theme-surface-light));
25578
+ }
25579
+ .v-timeline .v-timeline-divider__inner-dot {
25580
+ background: rgb(var(--v-theme-on-surface));
25581
+ }
25582
+
25583
+ .v-timeline {
25584
+ display: grid;
25261
25585
  grid-auto-flow: dense;
25262
25586
  position: relative;
25263
25587
  }
@@ -25667,6 +25991,28 @@ html.v-overlay-scroll-blocked {
25667
25991
 
25668
25992
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25669
25993
  padding-inline-end: 0;
25994
+ }.v-tooltip > .v-overlay__content {
25995
+ background: rgb(var(--v-theme-surface-variant));
25996
+ color: rgb(var(--v-theme-on-surface-variant));
25997
+ border-radius: 4px;
25998
+ font-size: 0.875rem;
25999
+ line-height: 1.6;
26000
+ display: inline-block;
26001
+ padding: 5px 16px;
26002
+ text-transform: initial;
26003
+ width: auto;
26004
+ opacity: 1;
26005
+ pointer-events: none;
26006
+ transition-property: opacity, transform;
26007
+ overflow-wrap: break-word;
26008
+ }
26009
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
26010
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26011
+ transition-duration: 150ms;
26012
+ }
26013
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
26014
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26015
+ transition-duration: 75ms;
25670
26016
  }.v-toolbar {
25671
26017
  align-items: flex-start;
25672
26018
  display: flex;
@@ -25810,28 +26156,6 @@ html.v-overlay-scroll-blocked {
25810
26156
  }
25811
26157
  .v-toolbar-items > .v-btn {
25812
26158
  border-radius: 0;
25813
- }.v-tooltip > .v-overlay__content {
25814
- background: rgb(var(--v-theme-surface-variant));
25815
- color: rgb(var(--v-theme-on-surface-variant));
25816
- border-radius: 4px;
25817
- font-size: 0.875rem;
25818
- line-height: 1.6;
25819
- display: inline-block;
25820
- padding: 5px 16px;
25821
- text-transform: initial;
25822
- width: auto;
25823
- opacity: 1;
25824
- pointer-events: none;
25825
- transition-property: opacity, transform;
25826
- overflow-wrap: break-word;
25827
- }
25828
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25829
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25830
- transition-duration: 150ms;
25831
- }
25832
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25833
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25834
- transition-duration: 75ms;
25835
26159
  }.v-virtual-scroll {
25836
26160
  display: block;
25837
26161
  flex: 1 1 auto;
@@ -25911,542 +26235,377 @@ html.v-overlay-scroll-blocked {
25911
26235
  }
25912
26236
  .v-window-y-reverse-transition-leave-to {
25913
26237
  transform: translateY(100%);
25914
- }.v-switch .v-label {
25915
- padding-inline-start: 10px;
25916
- }
25917
-
25918
- .v-switch__loader {
26238
+ }.v-color-picker-canvas {
25919
26239
  display: flex;
26240
+ position: relative;
26241
+ overflow: hidden;
26242
+ contain: content;
26243
+ touch-action: none;
25920
26244
  }
25921
- .v-switch__loader .v-progress-circular {
25922
- color: rgb(var(--v-theme-surface));
26245
+ .v-color-picker-canvas__dot {
26246
+ position: absolute;
26247
+ top: 0;
26248
+ left: 0;
26249
+ width: 15px;
26250
+ height: 15px;
26251
+ background: transparent;
26252
+ border-radius: 50%;
26253
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25923
26254
  }
25924
-
25925
- .v-switch__track,
25926
- .v-switch__thumb {
25927
- transition: none;
26255
+ .v-color-picker-canvas__dot--disabled {
26256
+ 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);
25928
26257
  }
25929
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
25930
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
25931
- background-color: rgb(var(--v-theme-error));
25932
- color: rgb(var(--v-theme-on-error));
26258
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26259
+ will-change: transform;
26260
+ }.v-color-picker-edit {
26261
+ display: flex;
26262
+ margin-top: 24px;
25933
26263
  }
25934
26264
 
25935
- .v-switch__track-true {
25936
- margin-inline-end: auto;
26265
+ .v-color-picker-edit__input {
26266
+ width: 100%;
26267
+ display: flex;
26268
+ flex-wrap: wrap;
26269
+ justify-content: center;
26270
+ text-align: center;
25937
26271
  }
25938
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
25939
- opacity: 0;
26272
+ .v-color-picker-edit__input:not(:last-child) {
26273
+ margin-inline-end: 8px;
25940
26274
  }
25941
-
25942
- .v-switch__track-false {
25943
- margin-inline-start: auto;
26275
+ .v-color-picker-edit__input input {
26276
+ border-radius: 4px;
26277
+ margin-bottom: 8px;
26278
+ min-width: 0;
26279
+ outline: none;
26280
+ text-align: center;
26281
+ width: 100%;
26282
+ height: 32px;
26283
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26284
+ color: rgba(var(--v-theme-on-surface));
25944
26285
  }
25945
- .v-selection-control--dirty .v-switch__track-false {
25946
- opacity: 0;
26286
+ .v-color-picker-edit__input span {
26287
+ font-size: 0.75rem;
26288
+ }.v-color-picker-preview__alpha .v-slider-track__background {
26289
+ background-color: transparent !important;
26290
+ }
26291
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
26292
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25947
26293
  }
25948
26294
 
25949
- .v-switch__track {
25950
- display: inline-flex;
25951
- align-items: center;
25952
- font-size: 0.5rem;
25953
- padding: 0 5px;
25954
- background-color: rgb(var(--v-theme-surface-variant));
25955
- border-radius: 9999px;
25956
- height: 14px;
25957
- opacity: 0.6;
25958
- min-width: 36px;
25959
- cursor: pointer;
25960
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
26295
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
26296
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25961
26297
  }
25962
- .v-switch--inset .v-switch__track {
25963
- border-radius: 9999px;
25964
- font-size: 0.75rem;
25965
- height: 32px;
25966
- min-width: 52px;
26298
+
26299
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
26300
+ content: "";
26301
+ z-index: -1;
26302
+ left: 0;
26303
+ top: 0;
26304
+ width: 100%;
26305
+ height: 100%;
26306
+ position: absolute;
26307
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26308
+ border-radius: inherit;
25967
26309
  }
25968
26310
 
25969
- .v-switch__thumb {
25970
- align-items: center;
25971
- background-color: rgb(var(--v-theme-surface-bright));
25972
- color: rgb(var(--v-theme-on-surface-bright));
25973
- border-radius: 50%;
26311
+ .v-color-picker-preview__sliders {
25974
26312
  display: flex;
25975
- font-size: 0.75rem;
25976
- height: 20px;
25977
- justify-content: center;
25978
- width: 20px;
25979
- pointer-events: none;
25980
- 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);
26313
+ flex: 1 0 auto;
26314
+ flex-direction: column;
26315
+ padding-inline-end: 16px;
26316
+ }
26317
+
26318
+ .v-color-picker-preview__dot {
25981
26319
  position: relative;
26320
+ height: 30px;
26321
+ width: 30px;
26322
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26323
+ border-radius: 50%;
25982
26324
  overflow: hidden;
26325
+ margin-inline-end: 24px;
25983
26326
  }
25984
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
25985
- 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));
26327
+ .v-color-picker-preview__dot > div {
26328
+ width: 100%;
26329
+ height: 100%;
25986
26330
  }
25987
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25988
- background: rgb(var(--v-theme-surface-variant));
25989
- color: rgb(var(--v-theme-on-surface-variant));
26331
+
26332
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26333
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25990
26334
  }
25991
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
25992
- 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));
26335
+
26336
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26337
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25993
26338
  }
25994
- .v-switch--inset .v-switch__thumb {
25995
- height: 24px;
25996
- width: 24px;
25997
- transform: scale(0.6666666667);
26339
+
26340
+ .v-color-picker-preview__track {
26341
+ position: relative;
26342
+ width: 100%;
26343
+ margin: 0 !important;
25998
26344
  }
25999
- .v-switch--inset .v-switch__thumb--filled {
26000
- transform: none;
26345
+ .v-color-picker-preview__track .v-slider-track__fill {
26346
+ display: none;
26001
26347
  }
26002
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
26003
- transform: none;
26004
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
26348
+
26349
+ .v-color-picker-preview {
26350
+ align-items: center;
26351
+ display: flex;
26352
+ margin-bottom: 0;
26005
26353
  }
26006
26354
 
26007
- .v-switch.v-input {
26008
- flex: 0 1 auto;
26355
+ .v-color-picker-preview__eye-dropper {
26356
+ position: relative;
26357
+ margin-right: 12px;
26358
+ }.v-color-picker-swatches {
26359
+ overflow-y: auto;
26009
26360
  }
26010
- .v-switch .v-selection-control {
26011
- min-height: var(--v-input-control-height);
26012
- }
26013
- .v-switch .v-selection-control__input {
26014
- border-radius: 50%;
26015
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
26016
- position: absolute;
26017
- }
26018
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
26019
- transform: translateX(-10px);
26020
- }
26021
-
26022
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
26023
- transform: translateX(10px);
26024
- }
26025
-
26026
- .v-switch .v-selection-control__input .v-icon {
26027
- position: absolute;
26028
- }
26029
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
26030
- transform: translateX(10px);
26031
- }
26032
-
26033
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
26034
- transform: translateX(-10px);
26035
- }
26036
-
26037
- .v-switch.v-switch--indeterminate .v-selection-control__input {
26038
- transform: scale(0.8);
26039
- }
26040
- .v-switch.v-switch--indeterminate .v-switch__thumb {
26041
- transform: scale(0.75);
26042
- box-shadow: none;
26043
- }
26044
- .v-switch.v-switch--inset .v-selection-control__wrapper {
26045
- width: auto;
26046
- }
26047
- .v-switch.v-input--vertical .v-label {
26048
- min-width: max-content;
26049
- }
26050
- .v-switch.v-input--vertical .v-selection-control__wrapper {
26051
- transform: rotate(-90deg);
26361
+ .v-color-picker-swatches > div {
26362
+ display: flex;
26363
+ flex-wrap: wrap;
26364
+ justify-content: center;
26365
+ padding: 8px;
26052
26366
  }
26053
26367
 
26054
- @media (forced-colors: active) {
26055
- .v-switch .v-switch__loader .v-progress-circular {
26056
- color: currentColor;
26057
- }
26058
- .v-switch .v-switch__thumb {
26059
- background-color: buttontext;
26060
- }
26061
- .v-switch .v-switch__track,
26062
- .v-switch .v-switch__thumb {
26063
- border: 1px solid;
26064
- color: buttontext;
26065
- }
26066
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
26067
- background-color: highlight;
26068
- }
26069
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
26070
- background-color: highlight;
26071
- }
26072
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
26073
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
26074
- color: highlight;
26075
- }
26076
- .v-switch.v-switch--inset .v-switch__track {
26077
- border-width: 2px;
26078
- }
26079
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
26080
- background-color: highlighttext;
26081
- color: highlighttext;
26082
- }
26083
- .v-switch.v-input--disabled .v-switch__thumb {
26084
- background-color: graytext;
26085
- }
26086
- .v-switch.v-input--disabled .v-switch__track,
26087
- .v-switch.v-input--disabled .v-switch__thumb {
26088
- color: graytext;
26089
- }
26090
- .v-switch.v-switch--loading .v-switch__thumb {
26091
- background-color: canvas;
26092
- }
26093
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
26094
- border-width: 0;
26095
- }
26096
- }.v-combobox .v-field .v-text-field__prefix,
26097
- .v-combobox .v-field .v-text-field__suffix,
26098
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
26099
- cursor: text;
26100
- }
26101
- .v-combobox .v-field .v-field__input > input {
26102
- flex: 1 1;
26103
- }
26104
- .v-combobox .v-field input {
26105
- min-width: 64px;
26106
- }
26107
- .v-combobox .v-field:not(.v-field--focused) input {
26108
- min-width: 0;
26109
- }
26110
- .v-combobox .v-field--dirty .v-combobox__selection {
26111
- margin-inline-end: 2px;
26112
- }
26113
- .v-combobox .v-combobox__selection-text {
26114
- overflow: hidden;
26115
- text-overflow: ellipsis;
26116
- white-space: nowrap;
26368
+ .v-color-picker-swatches__swatch {
26369
+ display: flex;
26370
+ flex-direction: column;
26371
+ margin-bottom: 10px;
26117
26372
  }
26118
26373
 
26119
- .v-combobox__content {
26374
+ .v-color-picker-swatches__color {
26375
+ position: relative;
26376
+ height: 18px;
26377
+ max-height: 18px;
26378
+ width: 45px;
26379
+ margin: 2px 4px;
26380
+ border-radius: 2px;
26381
+ -webkit-user-select: none;
26382
+ user-select: none;
26120
26383
  overflow: hidden;
26384
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26385
+ cursor: pointer;
26121
26386
  }
26122
- .v-combobox__content {
26123
- 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));
26124
- }
26125
- .v-combobox__content {
26126
- border-radius: 4px;
26127
- }
26128
- .v-combobox__mask {
26129
- background: rgb(var(--v-theme-surface-light));
26130
- }
26131
- .v-combobox__selection {
26132
- display: inline-flex;
26387
+ .v-color-picker-swatches__color > div {
26388
+ display: flex;
26133
26389
  align-items: center;
26134
- height: 1.5rem;
26135
- letter-spacing: inherit;
26136
- line-height: inherit;
26137
- max-width: calc(100% - 2px - 2px);
26138
- }
26139
- .v-combobox__selection:first-child {
26140
- margin-inline-start: 0;
26141
- }
26142
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
26143
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
26144
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
26145
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
26146
- top: 0px;
26147
- }
26148
- .v-combobox--selecting-index .v-combobox__selection {
26149
- opacity: var(--v-medium-emphasis-opacity);
26150
- }
26151
- .v-combobox--selecting-index .v-combobox__selection--selected {
26152
- opacity: 1;
26153
- }
26154
- .v-combobox--selecting-index .v-field__input > input {
26155
- caret-color: transparent;
26156
- }
26157
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
26158
- flex: 1 1;
26159
- position: absolute;
26160
- left: 0;
26161
- right: 0;
26390
+ justify-content: center;
26162
26391
  width: 100%;
26163
- padding-inline: inherit;
26164
- }
26165
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
26166
- transition: none;
26167
- }
26168
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
26169
- opacity: 0;
26170
- }
26171
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
26172
- opacity: 0;
26173
- }
26174
- .v-combobox__menu-icon {
26175
- margin-inline-start: 4px;
26176
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
26392
+ height: 100%;
26393
+ }.v-picker.v-sheet {
26394
+ display: grid;
26395
+ grid-auto-rows: min-content;
26396
+ grid-template-areas: "title" "header" "body";
26397
+ overflow: hidden;
26177
26398
  }
26178
- .v-combobox--active-menu .v-combobox__menu-icon {
26179
- opacity: var(--v-high-emphasis-opacity);
26180
- transform: rotate(180deg);
26181
- }.v-breadcrumbs {
26182
- display: flex;
26183
- align-items: center;
26184
- line-height: 1.6;
26185
- padding: 16px 12px;
26399
+ .v-picker.v-sheet {
26400
+ 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));
26186
26401
  }
26187
- .v-breadcrumbs--rounded {
26402
+ .v-picker.v-sheet {
26188
26403
  border-radius: 4px;
26189
26404
  }
26190
- .v-breadcrumbs--density-default {
26191
- padding-top: 16px;
26192
- padding-bottom: 16px;
26193
- }
26194
-
26195
- .v-breadcrumbs--density-comfortable {
26196
- padding-top: 12px;
26197
- padding-bottom: 12px;
26405
+ .v-picker.v-sheet.v-picker--with-actions {
26406
+ grid-template-areas: "title" "header" "body" "actions";
26198
26407
  }
26199
26408
 
26200
- .v-breadcrumbs--density-compact {
26201
- padding-top: 8px;
26202
- padding-bottom: 8px;
26409
+ .v-picker__body {
26410
+ grid-area: body;
26411
+ overflow: hidden;
26412
+ position: relative;
26203
26413
  }
26204
26414
 
26205
- .v-breadcrumbs__prepend {
26206
- align-items: center;
26207
- display: inline-flex;
26415
+ .v-picker__header {
26416
+ grid-area: header;
26208
26417
  }
26209
26418
 
26210
- .v-breadcrumbs-item {
26419
+ .v-picker__actions {
26420
+ grid-area: actions;
26421
+ padding: 0 12px 12px;
26422
+ display: flex;
26211
26423
  align-items: center;
26212
- color: inherit;
26213
- display: inline-flex;
26214
- padding: 0 4px;
26215
- text-decoration: none;
26216
- vertical-align: middle;
26217
- }
26218
- .v-breadcrumbs-item--disabled {
26219
- opacity: var(--v-disabled-opacity);
26220
- pointer-events: none;
26221
- }
26222
- .v-breadcrumbs-item--link {
26223
- color: inherit;
26224
- text-decoration: none;
26225
- }
26226
- .v-breadcrumbs-item--link:hover {
26227
- text-decoration: underline;
26228
- }
26229
- .v-breadcrumbs-item .v-icon {
26230
- font-size: 1rem;
26231
- margin-inline: -4px 2px;
26232
- }
26233
-
26234
- .v-breadcrumbs-divider {
26235
- display: inline-block;
26236
- padding: 0 8px;
26237
- vertical-align: middle;
26238
- }.v-color-picker-preview__alpha .v-slider-track__background {
26239
- background-color: transparent !important;
26424
+ justify-content: flex-end;
26240
26425
  }
26241
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
26242
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
26426
+ .v-picker__actions .v-btn {
26427
+ min-width: 48px;
26243
26428
  }
26244
-
26245
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
26246
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
26429
+ .v-picker__actions .v-btn:not(:last-child) {
26430
+ margin-inline-end: 8px;
26247
26431
  }
26248
26432
 
26249
- .v-color-picker-preview__alpha .v-slider-track__background::after {
26250
- content: "";
26251
- z-index: -1;
26252
- left: 0;
26253
- top: 0;
26254
- width: 100%;
26255
- height: 100%;
26256
- position: absolute;
26257
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26258
- border-radius: inherit;
26433
+ .v-picker--landscape {
26434
+ grid-template-areas: "title" "header body" "header body";
26259
26435
  }
26260
26436
 
26261
- .v-color-picker-preview__sliders {
26262
- display: flex;
26263
- flex: 1 0 auto;
26264
- flex-direction: column;
26265
- padding-inline-end: 16px;
26437
+ .v-picker--landscape.v-picker--with-actions {
26438
+ grid-template-areas: "title" "header body" "header actions";
26266
26439
  }
26267
26440
 
26268
- .v-color-picker-preview__dot {
26269
- position: relative;
26270
- height: 30px;
26271
- width: 30px;
26272
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26273
- border-radius: 50%;
26274
- overflow: hidden;
26275
- margin-inline-end: 24px;
26441
+ .v-picker-title {
26442
+ text-transform: uppercase;
26443
+ font-size: 0.75rem;
26444
+ grid-area: title;
26445
+ padding-inline: 24px 12px;
26446
+ padding-top: 16px;
26447
+ padding-bottom: 16px;
26448
+ font-weight: 400;
26449
+ letter-spacing: 0.1666666667em;
26450
+ }.v-slider-thumb {
26451
+ touch-action: none;
26452
+ color: rgb(var(--v-theme-surface-variant));
26276
26453
  }
26277
- .v-color-picker-preview__dot > div {
26278
- width: 100%;
26279
- height: 100%;
26454
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26455
+ color: inherit;
26280
26456
  }
26281
26457
 
26282
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26283
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26458
+ .v-slider-thumb__label {
26459
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26460
+ color: rgb(var(--v-theme-on-surface-variant));
26284
26461
  }
26285
-
26286
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
26287
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
26462
+ .v-slider-thumb__label::before {
26463
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26288
26464
  }
26289
26465
 
26290
- .v-color-picker-preview__track {
26291
- position: relative;
26292
- width: 100%;
26293
- margin: 0 !important;
26294
- }
26295
- .v-color-picker-preview__track .v-slider-track__fill {
26296
- display: none;
26466
+ .v-slider-thumb {
26467
+ outline: none;
26468
+ position: absolute;
26469
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26297
26470
  }
26298
26471
 
26299
- .v-color-picker-preview {
26300
- align-items: center;
26301
- display: flex;
26302
- margin-bottom: 0;
26472
+ .v-slider-thumb__surface {
26473
+ cursor: pointer;
26474
+ width: var(--v-slider-thumb-size);
26475
+ height: var(--v-slider-thumb-size);
26476
+ border-radius: 50%;
26477
+ -webkit-user-select: none;
26478
+ user-select: none;
26479
+ background-color: currentColor;
26303
26480
  }
26304
-
26305
- .v-color-picker-preview__eye-dropper {
26306
- position: relative;
26307
- margin-right: 12px;
26308
- }.v-color-picker-canvas {
26309
- display: flex;
26310
- position: relative;
26311
- overflow: hidden;
26312
- contain: content;
26313
- touch-action: none;
26481
+ @media (forced-colors: active) {
26482
+ .v-slider-thumb__surface {
26483
+ background-color: highlight;
26484
+ }
26314
26485
  }
26315
- .v-color-picker-canvas__dot {
26316
- position: absolute;
26486
+ .v-slider-thumb__surface::before {
26487
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26488
+ content: "";
26489
+ color: inherit;
26317
26490
  top: 0;
26318
26491
  left: 0;
26319
- width: 15px;
26320
- height: 15px;
26321
- background: transparent;
26492
+ width: 100%;
26493
+ height: 100%;
26322
26494
  border-radius: 50%;
26323
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26495
+ background: currentColor;
26496
+ position: absolute;
26497
+ pointer-events: none;
26498
+ opacity: 0;
26324
26499
  }
26325
- .v-color-picker-canvas__dot--disabled {
26326
- 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);
26500
+ .v-slider-thumb__surface::after {
26501
+ content: "";
26502
+ width: 42px;
26503
+ height: 42px;
26504
+ position: absolute;
26505
+ top: 50%;
26506
+ left: 50%;
26507
+ transform: translate(-50%, -50%);
26327
26508
  }
26328
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26329
- will-change: transform;
26330
- }.v-color-picker-edit {
26331
- display: flex;
26332
- margin-top: 24px;
26509
+
26510
+ .v-slider-thumb__label-container {
26511
+ position: absolute;
26512
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26333
26513
  }
26334
26514
 
26335
- .v-color-picker-edit__input {
26336
- width: 100%;
26515
+ .v-slider-thumb__label {
26337
26516
  display: flex;
26338
- flex-wrap: wrap;
26517
+ align-items: center;
26339
26518
  justify-content: center;
26340
- text-align: center;
26341
- }
26342
- .v-color-picker-edit__input:not(:last-child) {
26343
- margin-inline-end: 8px;
26344
- }
26345
- .v-color-picker-edit__input input {
26346
- border-radius: 4px;
26347
- margin-bottom: 8px;
26348
- min-width: 0;
26349
- outline: none;
26350
- text-align: center;
26351
- width: 100%;
26352
- height: 32px;
26353
- background: rgba(var(--v-theme-surface-variant), 0.2);
26354
- color: rgba(var(--v-theme-on-surface));
26355
- }
26356
- .v-color-picker-edit__input span {
26357
26519
  font-size: 0.75rem;
26358
- }.v-color-picker-swatches {
26359
- overflow-y: auto;
26360
- }
26361
- .v-color-picker-swatches > div {
26362
- display: flex;
26363
- flex-wrap: wrap;
26364
- justify-content: center;
26365
- padding: 8px;
26520
+ min-width: 35px;
26521
+ height: 25px;
26522
+ border-radius: 4px;
26523
+ padding: 6px;
26524
+ position: absolute;
26525
+ -webkit-user-select: none;
26526
+ user-select: none;
26527
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26366
26528
  }
26367
-
26368
- .v-color-picker-swatches__swatch {
26369
- display: flex;
26370
- flex-direction: column;
26371
- margin-bottom: 10px;
26529
+ .v-slider-thumb__label::before {
26530
+ content: "";
26531
+ width: 0;
26532
+ height: 0;
26533
+ position: absolute;
26372
26534
  }
26373
26535
 
26374
- .v-color-picker-swatches__color {
26375
- position: relative;
26376
- height: 18px;
26377
- max-height: 18px;
26378
- width: 45px;
26379
- margin: 2px 4px;
26380
- border-radius: 2px;
26381
- -webkit-user-select: none;
26382
- user-select: none;
26383
- overflow: hidden;
26384
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26385
- cursor: pointer;
26536
+ .v-slider-thumb__ripple {
26537
+ position: absolute;
26538
+ left: calc(var(--v-slider-thumb-size) / -2);
26539
+ top: calc(var(--v-slider-thumb-size) / -2);
26540
+ width: calc(var(--v-slider-thumb-size) * 2);
26541
+ height: calc(var(--v-slider-thumb-size) * 2);
26542
+ background: inherit;
26386
26543
  }
26387
- .v-color-picker-swatches__color > div {
26388
- display: flex;
26389
- align-items: center;
26390
- justify-content: center;
26391
- width: 100%;
26392
- height: 100%;
26393
- }.v-picker.v-sheet {
26394
- display: grid;
26395
- grid-auto-rows: min-content;
26396
- grid-template-areas: "title" "header" "body";
26397
- overflow: hidden;
26544
+
26545
+ .v-slider.v-input--horizontal .v-slider-thumb {
26546
+ top: 50%;
26547
+ transform: translateY(-50%);
26548
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26398
26549
  }
26399
- .v-picker.v-sheet {
26400
- 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));
26550
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26551
+ left: calc(var(--v-slider-thumb-size) / 2);
26552
+ top: 0;
26401
26553
  }
26402
- .v-picker.v-sheet {
26403
- border-radius: 4px;
26554
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26555
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26404
26556
  }
26405
- .v-picker.v-sheet.v-picker--with-actions {
26406
- grid-template-areas: "title" "header" "body" "actions";
26557
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26558
+ transform: translateX(-50%);
26407
26559
  }
26408
26560
 
26409
- .v-picker__body {
26410
- grid-area: body;
26411
- overflow: hidden;
26412
- position: relative;
26561
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26562
+ transform: translateX(50%);
26413
26563
  }
26414
26564
 
26415
- .v-picker__header {
26416
- grid-area: header;
26565
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26566
+ border-left: 6px solid transparent;
26567
+ border-right: 6px solid transparent;
26568
+ border-top: 6px solid currentColor;
26569
+ bottom: -6px;
26417
26570
  }
26418
26571
 
26419
- .v-picker__actions {
26420
- grid-area: actions;
26421
- padding: 0 12px 12px;
26422
- display: flex;
26423
- align-items: center;
26424
- justify-content: flex-end;
26572
+ .v-slider.v-input--vertical .v-slider-thumb {
26573
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26425
26574
  }
26426
- .v-picker__actions .v-btn {
26427
- min-width: 48px;
26575
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26576
+ top: calc(var(--v-slider-thumb-size) / 2);
26577
+ right: 0;
26428
26578
  }
26429
- .v-picker__actions .v-btn:not(:last-child) {
26430
- margin-inline-end: 8px;
26579
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26580
+ top: -12.5px;
26581
+ left: calc(var(--v-slider-thumb-size) / 2);
26582
+ }
26583
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26584
+ border-right: 6px solid currentColor;
26585
+ border-top: 6px solid transparent;
26586
+ border-bottom: 6px solid transparent;
26587
+ left: -6px;
26431
26588
  }
26432
26589
 
26433
- .v-picker--landscape {
26434
- grid-template-areas: "title" "header body" "header body";
26590
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26591
+ transform: scale(2);
26592
+ opacity: var(--v-focus-opacity);
26435
26593
  }
26436
26594
 
26437
- .v-picker--landscape.v-picker--with-actions {
26438
- grid-template-areas: "title" "header body" "header actions";
26595
+ .v-slider-thumb--pressed {
26596
+ transition: none;
26597
+ }
26598
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26599
+ opacity: var(--v-pressed-opacity);
26439
26600
  }
26440
26601
 
26441
- .v-picker-title {
26442
- text-transform: uppercase;
26443
- font-size: 0.75rem;
26444
- grid-area: title;
26445
- padding-inline: 24px 12px;
26446
- padding-top: 16px;
26447
- padding-bottom: 16px;
26448
- font-weight: 400;
26449
- letter-spacing: 0.1666666667em;
26602
+ @media (hover: hover) {
26603
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26604
+ transform: scale(2);
26605
+ }
26606
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26607
+ opacity: var(--v-hover-opacity);
26608
+ }
26450
26609
  }.v-slider-track__background {
26451
26610
  background-color: rgb(var(--v-theme-surface-variant));
26452
26611
  }
@@ -26625,163 +26784,4 @@ html.v-overlay-scroll-blocked {
26625
26784
 
26626
26785
  .v-slider-track__background--opacity {
26627
26786
  opacity: 0.38;
26628
- }.v-slider-thumb {
26629
- touch-action: none;
26630
- color: rgb(var(--v-theme-surface-variant));
26631
- }
26632
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26633
- color: inherit;
26634
- }
26635
-
26636
- .v-slider-thumb__label {
26637
- background: rgba(var(--v-theme-surface-variant), 0.7);
26638
- color: rgb(var(--v-theme-on-surface-variant));
26639
- }
26640
- .v-slider-thumb__label::before {
26641
- color: rgba(var(--v-theme-surface-variant), 0.7);
26642
- }
26643
-
26644
- .v-slider-thumb {
26645
- outline: none;
26646
- position: absolute;
26647
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26648
- }
26649
-
26650
- .v-slider-thumb__surface {
26651
- cursor: pointer;
26652
- width: var(--v-slider-thumb-size);
26653
- height: var(--v-slider-thumb-size);
26654
- border-radius: 50%;
26655
- -webkit-user-select: none;
26656
- user-select: none;
26657
- background-color: currentColor;
26658
- }
26659
- @media (forced-colors: active) {
26660
- .v-slider-thumb__surface {
26661
- background-color: highlight;
26662
- }
26663
- }
26664
- .v-slider-thumb__surface::before {
26665
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26666
- content: "";
26667
- color: inherit;
26668
- top: 0;
26669
- left: 0;
26670
- width: 100%;
26671
- height: 100%;
26672
- border-radius: 50%;
26673
- background: currentColor;
26674
- position: absolute;
26675
- pointer-events: none;
26676
- opacity: 0;
26677
- }
26678
- .v-slider-thumb__surface::after {
26679
- content: "";
26680
- width: 42px;
26681
- height: 42px;
26682
- position: absolute;
26683
- top: 50%;
26684
- left: 50%;
26685
- transform: translate(-50%, -50%);
26686
- }
26687
-
26688
- .v-slider-thumb__label-container {
26689
- position: absolute;
26690
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26691
- }
26692
-
26693
- .v-slider-thumb__label {
26694
- display: flex;
26695
- align-items: center;
26696
- justify-content: center;
26697
- font-size: 0.75rem;
26698
- min-width: 35px;
26699
- height: 25px;
26700
- border-radius: 4px;
26701
- padding: 6px;
26702
- position: absolute;
26703
- -webkit-user-select: none;
26704
- user-select: none;
26705
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26706
- }
26707
- .v-slider-thumb__label::before {
26708
- content: "";
26709
- width: 0;
26710
- height: 0;
26711
- position: absolute;
26712
- }
26713
-
26714
- .v-slider-thumb__ripple {
26715
- position: absolute;
26716
- left: calc(var(--v-slider-thumb-size) / -2);
26717
- top: calc(var(--v-slider-thumb-size) / -2);
26718
- width: calc(var(--v-slider-thumb-size) * 2);
26719
- height: calc(var(--v-slider-thumb-size) * 2);
26720
- background: inherit;
26721
- }
26722
-
26723
- .v-slider.v-input--horizontal .v-slider-thumb {
26724
- top: 50%;
26725
- transform: translateY(-50%);
26726
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26727
- }
26728
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26729
- left: calc(var(--v-slider-thumb-size) / 2);
26730
- top: 0;
26731
- }
26732
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26733
- bottom: calc(var(--v-slider-thumb-size) / 2);
26734
- }
26735
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26736
- transform: translateX(-50%);
26737
- }
26738
-
26739
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26740
- transform: translateX(50%);
26741
- }
26742
-
26743
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26744
- border-left: 6px solid transparent;
26745
- border-right: 6px solid transparent;
26746
- border-top: 6px solid currentColor;
26747
- bottom: -6px;
26748
- }
26749
-
26750
- .v-slider.v-input--vertical .v-slider-thumb {
26751
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26752
- }
26753
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26754
- top: calc(var(--v-slider-thumb-size) / 2);
26755
- right: 0;
26756
- }
26757
- .v-slider.v-input--vertical .v-slider-thumb__label {
26758
- top: -12.5px;
26759
- left: calc(var(--v-slider-thumb-size) / 2);
26760
- }
26761
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26762
- border-right: 6px solid currentColor;
26763
- border-top: 6px solid transparent;
26764
- border-bottom: 6px solid transparent;
26765
- left: -6px;
26766
- }
26767
-
26768
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26769
- transform: scale(2);
26770
- opacity: var(--v-focus-opacity);
26771
- }
26772
-
26773
- .v-slider-thumb--pressed {
26774
- transition: none;
26775
- }
26776
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26777
- opacity: var(--v-pressed-opacity);
26778
- }
26779
-
26780
- @media (hover: hover) {
26781
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26782
- transform: scale(2);
26783
- }
26784
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26785
- opacity: var(--v-hover-opacity);
26786
- }
26787
26787
  }