@vuetify/nightly 3.7.1-master.2024-09-17 → 3.7.2-dev.2024-09-18

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.1-master.2024-09-17
2
+ * Vuetify v3.7.2-dev.2024-09-18
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17994,6 +17994,18 @@ html.overflow-y-hidden {
17994
17994
  min-height: 100vh;
17995
17995
  min-height: 100dvh;
17996
17996
  position: relative;
17997
+ }.v-app-bar {
17998
+ display: flex;
17999
+ }
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));
18003
+ }
18004
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18005
+ 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
+ }
18007
+ .v-app-bar:not(.v-toolbar--absolute) {
18008
+ padding-inline-end: var(--v-scrollbar-offset);
17997
18009
  }.v-alert {
17998
18010
  display: grid;
17999
18011
  flex: 1 1;
@@ -18210,18 +18222,6 @@ html.overflow-y-hidden {
18210
18222
  text-transform: none;
18211
18223
  word-break: normal;
18212
18224
  word-wrap: break-word;
18213
- }.v-app-bar {
18214
- display: flex;
18215
- }
18216
- .v-app-bar.v-toolbar {
18217
- background: rgb(var(--v-theme-surface));
18218
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18219
- }
18220
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18221
- 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));
18222
- }
18223
- .v-app-bar:not(.v-toolbar--absolute) {
18224
- padding-inline-end: var(--v-scrollbar-offset);
18225
18225
  }.v-autocomplete .v-field .v-text-field__prefix,
18226
18226
  .v-autocomplete .v-field .v-text-field__suffix,
18227
18227
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18413,6 +18413,79 @@ 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;
18419
+ }
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;
18437
+ }
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));
18441
+ }
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);
18454
+ }
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;
18461
+ }
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;
18416
18489
  }.v-banner {
18417
18490
  display: grid;
18418
18491
  flex: 1 1;
@@ -18579,79 +18652,6 @@ html.overflow-y-hidden {
18579
18652
  }
18580
18653
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18581
18654
  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;
@@ -19173,63 +19230,70 @@ html.overflow-y-hidden {
19173
19230
  }
19174
19231
  .v-pagination__item--is-active .v-btn__overlay {
19175
19232
  opacity: var(--v-border-opacity);
19176
- }.v-breadcrumbs {
19177
- display: flex;
19178
- align-items: center;
19179
- line-height: 1.6;
19180
- padding: 16px 12px;
19181
- }
19182
- .v-breadcrumbs--rounded {
19183
- border-radius: 4px;
19233
+ }.v-btn-group {
19234
+ display: inline-flex;
19235
+ flex-wrap: nowrap;
19236
+ max-width: 100%;
19237
+ min-width: 0;
19238
+ overflow: hidden;
19239
+ vertical-align: middle;
19184
19240
  }
19185
- .v-breadcrumbs--density-default {
19186
- padding-top: 16px;
19187
- padding-bottom: 16px;
19241
+ .v-btn-group {
19242
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19243
+ border-style: solid;
19244
+ border-width: 0;
19188
19245
  }
19189
-
19190
- .v-breadcrumbs--density-comfortable {
19191
- padding-top: 12px;
19192
- padding-bottom: 12px;
19246
+ .v-btn-group--border {
19247
+ border-width: thin;
19248
+ box-shadow: none;
19249
+ }
19250
+ .v-btn-group {
19251
+ 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));
19252
+ }
19253
+ .v-btn-group {
19254
+ border-radius: 4px;
19255
+ }
19256
+ .v-btn-group {
19257
+ background: transparent;
19258
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19259
+ }
19260
+ .v-btn-group--density-default.v-btn-group {
19261
+ height: 48px;
19193
19262
  }
19194
19263
 
19195
- .v-breadcrumbs--density-compact {
19196
- padding-top: 8px;
19197
- padding-bottom: 8px;
19264
+ .v-btn-group--density-comfortable.v-btn-group {
19265
+ height: 40px;
19198
19266
  }
19199
19267
 
19200
- .v-breadcrumbs__prepend {
19201
- align-items: center;
19202
- display: inline-flex;
19268
+ .v-btn-group--density-compact.v-btn-group {
19269
+ height: 36px;
19203
19270
  }
19204
19271
 
19205
- .v-breadcrumbs-item {
19206
- align-items: center;
19207
- color: inherit;
19208
- display: inline-flex;
19209
- padding: 0 4px;
19210
- text-decoration: none;
19211
- vertical-align: middle;
19272
+ .v-btn-group .v-btn {
19273
+ border-radius: 0;
19274
+ border-color: inherit;
19212
19275
  }
19213
- .v-breadcrumbs-item--disabled {
19214
- opacity: var(--v-disabled-opacity);
19215
- pointer-events: none;
19276
+ .v-btn-group .v-btn:not(:last-child) {
19277
+ border-inline-end: none;
19216
19278
  }
19217
- .v-breadcrumbs-item--link {
19218
- color: inherit;
19219
- text-decoration: none;
19279
+ .v-btn-group .v-btn:not(:first-child) {
19280
+ border-inline-start: none;
19220
19281
  }
19221
- .v-breadcrumbs-item--link:hover {
19222
- text-decoration: underline;
19282
+ .v-btn-group .v-btn:first-child {
19283
+ border-start-start-radius: inherit;
19284
+ border-end-start-radius: inherit;
19223
19285
  }
19224
- .v-breadcrumbs-item .v-icon {
19225
- font-size: 1rem;
19226
- margin-inline: -4px 2px;
19286
+ .v-btn-group .v-btn:last-child {
19287
+ border-start-end-radius: inherit;
19288
+ border-end-end-radius: inherit;
19227
19289
  }
19228
-
19229
- .v-breadcrumbs-divider {
19230
- display: inline-block;
19231
- padding: 0 8px;
19232
- vertical-align: middle;
19290
+ .v-btn-group--divided .v-btn:not(:last-child) {
19291
+ border-inline-end-width: thin;
19292
+ border-inline-end-style: solid;
19293
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19294
+ }
19295
+ .v-btn-group--tile {
19296
+ border-radius: 0;
19233
19297
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19234
19298
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19235
19299
  }
@@ -19551,70 +19615,6 @@ html.overflow-y-hidden {
19551
19615
  pointer-events: none;
19552
19616
  opacity: 0;
19553
19617
  transition: opacity 0.2s ease-in-out;
19554
- }.v-btn-group {
19555
- display: inline-flex;
19556
- flex-wrap: nowrap;
19557
- max-width: 100%;
19558
- min-width: 0;
19559
- overflow: hidden;
19560
- vertical-align: middle;
19561
- }
19562
- .v-btn-group {
19563
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19564
- border-style: solid;
19565
- border-width: 0;
19566
- }
19567
- .v-btn-group--border {
19568
- border-width: thin;
19569
- box-shadow: none;
19570
- }
19571
- .v-btn-group {
19572
- 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));
19573
- }
19574
- .v-btn-group {
19575
- border-radius: 4px;
19576
- }
19577
- .v-btn-group {
19578
- background: transparent;
19579
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19580
- }
19581
- .v-btn-group--density-default.v-btn-group {
19582
- height: 48px;
19583
- }
19584
-
19585
- .v-btn-group--density-comfortable.v-btn-group {
19586
- height: 40px;
19587
- }
19588
-
19589
- .v-btn-group--density-compact.v-btn-group {
19590
- height: 36px;
19591
- }
19592
-
19593
- .v-btn-group .v-btn {
19594
- border-radius: 0;
19595
- border-color: inherit;
19596
- }
19597
- .v-btn-group .v-btn:not(:last-child) {
19598
- border-inline-end: none;
19599
- }
19600
- .v-btn-group .v-btn:not(:first-child) {
19601
- border-inline-start: none;
19602
- }
19603
- .v-btn-group .v-btn:first-child {
19604
- border-start-start-radius: inherit;
19605
- border-end-start-radius: inherit;
19606
- }
19607
- .v-btn-group .v-btn:last-child {
19608
- border-start-end-radius: inherit;
19609
- border-end-end-radius: inherit;
19610
- }
19611
- .v-btn-group--divided .v-btn:not(:last-child) {
19612
- border-inline-end-width: thin;
19613
- border-inline-end-style: solid;
19614
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19615
- }
19616
- .v-btn-group--tile {
19617
- border-radius: 0;
19618
19618
  }.v-carousel {
19619
19619
  overflow: hidden;
19620
19620
  position: relative;
@@ -19680,983 +19680,306 @@ html.overflow-y-hidden {
19680
19680
  flex-direction: column;
19681
19681
  height: 100% !important;
19682
19682
  width: 50px;
19683
- }.v-container {
19684
- width: 100%;
19685
- padding: 16px;
19686
- margin-right: auto;
19687
- margin-left: auto;
19683
+ }.v-chip {
19684
+ align-items: center;
19685
+ display: inline-flex;
19686
+ font-weight: 400;
19687
+ max-width: 100%;
19688
+ min-width: 0;
19689
+ overflow: hidden;
19690
+ position: relative;
19691
+ text-decoration: none;
19692
+ white-space: nowrap;
19693
+ vertical-align: middle;
19688
19694
  }
19689
- @media (min-width: 960px) {
19690
- .v-container {
19691
- max-width: 900px;
19692
- }
19695
+ .v-chip .v-icon {
19696
+ --v-icon-size-multiplier: 0.8571428571;
19693
19697
  }
19694
- @media (min-width: 1280px) {
19695
- .v-container {
19696
- max-width: 1200px;
19697
- }
19698
+ .v-chip.v-chip--size-x-small {
19699
+ --v-chip-size: 0.625rem;
19700
+ --v-chip-height: 20px;
19701
+ font-size: 0.625rem;
19702
+ padding: 0 8px;
19698
19703
  }
19699
- @media (min-width: 1920px) {
19700
- .v-container {
19701
- max-width: 1800px;
19702
- }
19704
+ .v-chip.v-chip--size-x-small .v-avatar {
19705
+ --v-avatar-height: 14px;
19703
19706
  }
19704
- @media (min-width: 2560px) {
19705
- .v-container {
19706
- max-width: 2400px;
19707
- }
19707
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19708
+ --v-avatar-height: 20px;
19708
19709
  }
19709
- .v-container--fluid {
19710
- max-width: 100%;
19710
+
19711
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19712
+ margin-inline-start: -5.6px;
19713
+ margin-inline-end: 4px;
19711
19714
  }
19712
- .v-container.fill-height {
19713
- align-items: center;
19714
- display: flex;
19715
- flex-wrap: wrap;
19715
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19716
+ margin-inline-start: -8px;
19716
19717
  }
19717
19718
 
19718
- .v-row {
19719
- display: flex;
19720
- flex-wrap: wrap;
19721
- flex: 1 1 auto;
19722
- margin: -12px;
19723
- }
19724
- .v-row + .v-row {
19725
- margin-top: 12px;
19719
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19720
+ margin-inline-start: 4px;
19721
+ margin-inline-end: -5.6px;
19726
19722
  }
19727
- .v-row + .v-row--dense {
19728
- margin-top: 4px;
19723
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19724
+ margin-inline-end: -8px;
19729
19725
  }
19730
- .v-row--dense {
19731
- margin: -4px;
19726
+
19727
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19728
+ margin-inline-start: 12px;
19732
19729
  }
19733
- .v-row--dense > .v-col,
19734
- .v-row--dense > [class*=v-col-] {
19735
- padding: 4px;
19730
+
19731
+ .v-chip.v-chip--size-x-small .v-icon--start,
19732
+ .v-chip.v-chip--size-x-small .v-chip__filter {
19733
+ margin-inline-start: -4px;
19734
+ margin-inline-end: 4px;
19736
19735
  }
19737
- .v-row.v-row--no-gutters {
19738
- margin: 0;
19736
+ .v-chip.v-chip--size-x-small .v-icon--end,
19737
+ .v-chip.v-chip--size-x-small .v-chip__close {
19738
+ margin-inline-start: 4px;
19739
+ margin-inline-end: -4px;
19739
19740
  }
19740
- .v-row.v-row--no-gutters > .v-col,
19741
- .v-row.v-row--no-gutters > [class*=v-col-] {
19742
- padding: 0;
19741
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19742
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19743
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19744
+ margin-inline-start: 8px;
19743
19745
  }
19744
19746
 
19745
- .v-spacer {
19746
- flex-grow: 1;
19747
+ .v-chip.v-chip--size-small {
19748
+ --v-chip-size: 0.75rem;
19749
+ --v-chip-height: 26px;
19750
+ font-size: 0.75rem;
19751
+ padding: 0 10px;
19747
19752
  }
19748
-
19749
- .v-col-xxl,
19750
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
19751
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
19752
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
19753
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
19754
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
19755
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
19756
- width: 100%;
19757
- padding: 12px;
19753
+ .v-chip.v-chip--size-small .v-avatar {
19754
+ --v-avatar-height: 20px;
19758
19755
  }
19759
-
19760
- .v-col {
19761
- flex-basis: 0;
19762
- flex-grow: 1;
19763
- max-width: 100%;
19756
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19757
+ --v-avatar-height: 26px;
19764
19758
  }
19765
19759
 
19766
- .v-col-auto {
19767
- flex: 0 0 auto;
19768
- width: auto;
19769
- max-width: 100%;
19760
+ .v-chip.v-chip--size-small .v-avatar--start {
19761
+ margin-inline-start: -7px;
19762
+ margin-inline-end: 5px;
19770
19763
  }
19771
-
19772
- .v-col-1 {
19773
- flex: 0 0 8.3333333333%;
19774
- max-width: 8.3333333333%;
19764
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19765
+ margin-inline-start: -10px;
19775
19766
  }
19776
19767
 
19777
- .v-col-2 {
19778
- flex: 0 0 16.6666666667%;
19779
- max-width: 16.6666666667%;
19768
+ .v-chip.v-chip--size-small .v-avatar--end {
19769
+ margin-inline-start: 5px;
19770
+ margin-inline-end: -7px;
19780
19771
  }
19781
-
19782
- .v-col-3 {
19783
- flex: 0 0 25%;
19784
- max-width: 25%;
19772
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19773
+ margin-inline-end: -10px;
19785
19774
  }
19786
19775
 
19787
- .v-col-4 {
19788
- flex: 0 0 33.3333333333%;
19789
- max-width: 33.3333333333%;
19776
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19777
+ margin-inline-start: 15px;
19790
19778
  }
19791
19779
 
19792
- .v-col-5 {
19793
- flex: 0 0 41.6666666667%;
19794
- max-width: 41.6666666667%;
19780
+ .v-chip.v-chip--size-small .v-icon--start,
19781
+ .v-chip.v-chip--size-small .v-chip__filter {
19782
+ margin-inline-start: -5px;
19783
+ margin-inline-end: 5px;
19784
+ }
19785
+ .v-chip.v-chip--size-small .v-icon--end,
19786
+ .v-chip.v-chip--size-small .v-chip__close {
19787
+ margin-inline-start: 5px;
19788
+ margin-inline-end: -5px;
19789
+ }
19790
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19791
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19792
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19793
+ margin-inline-start: 10px;
19795
19794
  }
19796
19795
 
19797
- .v-col-6 {
19798
- flex: 0 0 50%;
19799
- max-width: 50%;
19796
+ .v-chip.v-chip--size-default {
19797
+ --v-chip-size: 0.875rem;
19798
+ --v-chip-height: 32px;
19799
+ font-size: 0.875rem;
19800
+ padding: 0 12px;
19801
+ }
19802
+ .v-chip.v-chip--size-default .v-avatar {
19803
+ --v-avatar-height: 26px;
19804
+ }
19805
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19806
+ --v-avatar-height: 32px;
19800
19807
  }
19801
19808
 
19802
- .v-col-7 {
19803
- flex: 0 0 58.3333333333%;
19804
- max-width: 58.3333333333%;
19809
+ .v-chip.v-chip--size-default .v-avatar--start {
19810
+ margin-inline-start: -8.4px;
19811
+ margin-inline-end: 6px;
19812
+ }
19813
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19814
+ margin-inline-start: -12px;
19805
19815
  }
19806
19816
 
19807
- .v-col-8 {
19808
- flex: 0 0 66.6666666667%;
19809
- max-width: 66.6666666667%;
19817
+ .v-chip.v-chip--size-default .v-avatar--end {
19818
+ margin-inline-start: 6px;
19819
+ margin-inline-end: -8.4px;
19820
+ }
19821
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19822
+ margin-inline-end: -12px;
19810
19823
  }
19811
19824
 
19812
- .v-col-9 {
19813
- flex: 0 0 75%;
19814
- max-width: 75%;
19825
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19826
+ margin-inline-start: 18px;
19815
19827
  }
19816
19828
 
19817
- .v-col-10 {
19818
- flex: 0 0 83.3333333333%;
19819
- max-width: 83.3333333333%;
19829
+ .v-chip.v-chip--size-default .v-icon--start,
19830
+ .v-chip.v-chip--size-default .v-chip__filter {
19831
+ margin-inline-start: -6px;
19832
+ margin-inline-end: 6px;
19833
+ }
19834
+ .v-chip.v-chip--size-default .v-icon--end,
19835
+ .v-chip.v-chip--size-default .v-chip__close {
19836
+ margin-inline-start: 6px;
19837
+ margin-inline-end: -6px;
19838
+ }
19839
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19840
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19841
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19842
+ margin-inline-start: 12px;
19820
19843
  }
19821
19844
 
19822
- .v-col-11 {
19823
- flex: 0 0 91.6666666667%;
19824
- max-width: 91.6666666667%;
19845
+ .v-chip.v-chip--size-large {
19846
+ --v-chip-size: 1rem;
19847
+ --v-chip-height: 38px;
19848
+ font-size: 1rem;
19849
+ padding: 0 14px;
19850
+ }
19851
+ .v-chip.v-chip--size-large .v-avatar {
19852
+ --v-avatar-height: 32px;
19853
+ }
19854
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19855
+ --v-avatar-height: 38px;
19825
19856
  }
19826
19857
 
19827
- .v-col-12 {
19828
- flex: 0 0 100%;
19829
- max-width: 100%;
19858
+ .v-chip.v-chip--size-large .v-avatar--start {
19859
+ margin-inline-start: -9.8px;
19860
+ margin-inline-end: 7px;
19861
+ }
19862
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19863
+ margin-inline-start: -14px;
19830
19864
  }
19831
19865
 
19832
- .offset-1 {
19833
- margin-inline-start: 8.3333333333%;
19866
+ .v-chip.v-chip--size-large .v-avatar--end {
19867
+ margin-inline-start: 7px;
19868
+ margin-inline-end: -9.8px;
19869
+ }
19870
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19871
+ margin-inline-end: -14px;
19834
19872
  }
19835
19873
 
19836
- .offset-2 {
19837
- margin-inline-start: 16.6666666667%;
19874
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19875
+ margin-inline-start: 21px;
19838
19876
  }
19839
19877
 
19840
- .offset-3 {
19841
- margin-inline-start: 25%;
19878
+ .v-chip.v-chip--size-large .v-icon--start,
19879
+ .v-chip.v-chip--size-large .v-chip__filter {
19880
+ margin-inline-start: -7px;
19881
+ margin-inline-end: 7px;
19882
+ }
19883
+ .v-chip.v-chip--size-large .v-icon--end,
19884
+ .v-chip.v-chip--size-large .v-chip__close {
19885
+ margin-inline-start: 7px;
19886
+ margin-inline-end: -7px;
19887
+ }
19888
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19889
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19890
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19891
+ margin-inline-start: 14px;
19842
19892
  }
19843
19893
 
19844
- .offset-4 {
19845
- margin-inline-start: 33.3333333333%;
19894
+ .v-chip.v-chip--size-x-large {
19895
+ --v-chip-size: 1.125rem;
19896
+ --v-chip-height: 44px;
19897
+ font-size: 1.125rem;
19898
+ padding: 0 17px;
19899
+ }
19900
+ .v-chip.v-chip--size-x-large .v-avatar {
19901
+ --v-avatar-height: 38px;
19902
+ }
19903
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19904
+ --v-avatar-height: 44px;
19846
19905
  }
19847
19906
 
19848
- .offset-5 {
19849
- margin-inline-start: 41.6666666667%;
19907
+ .v-chip.v-chip--size-x-large .v-avatar--start {
19908
+ margin-inline-start: -11.9px;
19909
+ margin-inline-end: 8.5px;
19910
+ }
19911
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19912
+ margin-inline-start: -17px;
19850
19913
  }
19851
19914
 
19852
- .offset-6 {
19853
- margin-inline-start: 50%;
19915
+ .v-chip.v-chip--size-x-large .v-avatar--end {
19916
+ margin-inline-start: 8.5px;
19917
+ margin-inline-end: -11.9px;
19918
+ }
19919
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19920
+ margin-inline-end: -17px;
19854
19921
  }
19855
19922
 
19856
- .offset-7 {
19857
- margin-inline-start: 58.3333333333%;
19923
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19924
+ margin-inline-start: 25.5px;
19858
19925
  }
19859
19926
 
19860
- .offset-8 {
19861
- margin-inline-start: 66.6666666667%;
19927
+ .v-chip.v-chip--size-x-large .v-icon--start,
19928
+ .v-chip.v-chip--size-x-large .v-chip__filter {
19929
+ margin-inline-start: -8.5px;
19930
+ margin-inline-end: 8.5px;
19931
+ }
19932
+ .v-chip.v-chip--size-x-large .v-icon--end,
19933
+ .v-chip.v-chip--size-x-large .v-chip__close {
19934
+ margin-inline-start: 8.5px;
19935
+ margin-inline-end: -8.5px;
19936
+ }
19937
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19938
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19939
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19940
+ margin-inline-start: 17px;
19862
19941
  }
19863
19942
 
19864
- .offset-9 {
19865
- margin-inline-start: 75%;
19943
+ .v-chip.v-chip--density-default {
19944
+ height: calc(var(--v-chip-height) + 0px);
19866
19945
  }
19867
19946
 
19868
- .offset-10 {
19869
- margin-inline-start: 83.3333333333%;
19947
+ .v-chip.v-chip--density-comfortable {
19948
+ height: calc(var(--v-chip-height) + -4px);
19870
19949
  }
19871
19950
 
19872
- .offset-11 {
19873
- margin-inline-start: 91.6666666667%;
19951
+ .v-chip.v-chip--density-compact {
19952
+ height: calc(var(--v-chip-height) + -8px);
19874
19953
  }
19875
19954
 
19876
- @media (min-width: 600px) {
19877
- .v-col-sm {
19878
- flex-basis: 0;
19879
- flex-grow: 1;
19880
- max-width: 100%;
19881
- }
19882
- .v-col-sm-auto {
19883
- flex: 0 0 auto;
19884
- width: auto;
19885
- max-width: 100%;
19886
- }
19887
- .v-col-sm-1 {
19888
- flex: 0 0 8.3333333333%;
19889
- max-width: 8.3333333333%;
19955
+ .v-chip {
19956
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19957
+ border-style: solid;
19958
+ border-width: 0;
19959
+ }
19960
+ .v-chip:hover > .v-chip__overlay {
19961
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19962
+ }
19963
+ .v-chip:focus-visible > .v-chip__overlay {
19964
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19965
+ }
19966
+ @supports not selector(:focus-visible) {
19967
+ .v-chip:focus > .v-chip__overlay {
19968
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19890
19969
  }
19891
- .v-col-sm-2 {
19892
- flex: 0 0 16.6666666667%;
19893
- max-width: 16.6666666667%;
19894
- }
19895
- .v-col-sm-3 {
19896
- flex: 0 0 25%;
19897
- max-width: 25%;
19898
- }
19899
- .v-col-sm-4 {
19900
- flex: 0 0 33.3333333333%;
19901
- max-width: 33.3333333333%;
19902
- }
19903
- .v-col-sm-5 {
19904
- flex: 0 0 41.6666666667%;
19905
- max-width: 41.6666666667%;
19906
- }
19907
- .v-col-sm-6 {
19908
- flex: 0 0 50%;
19909
- max-width: 50%;
19910
- }
19911
- .v-col-sm-7 {
19912
- flex: 0 0 58.3333333333%;
19913
- max-width: 58.3333333333%;
19914
- }
19915
- .v-col-sm-8 {
19916
- flex: 0 0 66.6666666667%;
19917
- max-width: 66.6666666667%;
19918
- }
19919
- .v-col-sm-9 {
19920
- flex: 0 0 75%;
19921
- max-width: 75%;
19922
- }
19923
- .v-col-sm-10 {
19924
- flex: 0 0 83.3333333333%;
19925
- max-width: 83.3333333333%;
19926
- }
19927
- .v-col-sm-11 {
19928
- flex: 0 0 91.6666666667%;
19929
- max-width: 91.6666666667%;
19930
- }
19931
- .v-col-sm-12 {
19932
- flex: 0 0 100%;
19933
- max-width: 100%;
19934
- }
19935
- .offset-sm-0 {
19936
- margin-inline-start: 0;
19937
- }
19938
- .offset-sm-1 {
19939
- margin-inline-start: 8.3333333333%;
19940
- }
19941
- .offset-sm-2 {
19942
- margin-inline-start: 16.6666666667%;
19943
- }
19944
- .offset-sm-3 {
19945
- margin-inline-start: 25%;
19946
- }
19947
- .offset-sm-4 {
19948
- margin-inline-start: 33.3333333333%;
19949
- }
19950
- .offset-sm-5 {
19951
- margin-inline-start: 41.6666666667%;
19952
- }
19953
- .offset-sm-6 {
19954
- margin-inline-start: 50%;
19955
- }
19956
- .offset-sm-7 {
19957
- margin-inline-start: 58.3333333333%;
19958
- }
19959
- .offset-sm-8 {
19960
- margin-inline-start: 66.6666666667%;
19961
- }
19962
- .offset-sm-9 {
19963
- margin-inline-start: 75%;
19964
- }
19965
- .offset-sm-10 {
19966
- margin-inline-start: 83.3333333333%;
19967
- }
19968
- .offset-sm-11 {
19969
- margin-inline-start: 91.6666666667%;
19970
- }
19971
- }
19972
- @media (min-width: 960px) {
19973
- .v-col-md {
19974
- flex-basis: 0;
19975
- flex-grow: 1;
19976
- max-width: 100%;
19977
- }
19978
- .v-col-md-auto {
19979
- flex: 0 0 auto;
19980
- width: auto;
19981
- max-width: 100%;
19982
- }
19983
- .v-col-md-1 {
19984
- flex: 0 0 8.3333333333%;
19985
- max-width: 8.3333333333%;
19986
- }
19987
- .v-col-md-2 {
19988
- flex: 0 0 16.6666666667%;
19989
- max-width: 16.6666666667%;
19990
- }
19991
- .v-col-md-3 {
19992
- flex: 0 0 25%;
19993
- max-width: 25%;
19994
- }
19995
- .v-col-md-4 {
19996
- flex: 0 0 33.3333333333%;
19997
- max-width: 33.3333333333%;
19998
- }
19999
- .v-col-md-5 {
20000
- flex: 0 0 41.6666666667%;
20001
- max-width: 41.6666666667%;
20002
- }
20003
- .v-col-md-6 {
20004
- flex: 0 0 50%;
20005
- max-width: 50%;
20006
- }
20007
- .v-col-md-7 {
20008
- flex: 0 0 58.3333333333%;
20009
- max-width: 58.3333333333%;
20010
- }
20011
- .v-col-md-8 {
20012
- flex: 0 0 66.6666666667%;
20013
- max-width: 66.6666666667%;
20014
- }
20015
- .v-col-md-9 {
20016
- flex: 0 0 75%;
20017
- max-width: 75%;
20018
- }
20019
- .v-col-md-10 {
20020
- flex: 0 0 83.3333333333%;
20021
- max-width: 83.3333333333%;
20022
- }
20023
- .v-col-md-11 {
20024
- flex: 0 0 91.6666666667%;
20025
- max-width: 91.6666666667%;
20026
- }
20027
- .v-col-md-12 {
20028
- flex: 0 0 100%;
20029
- max-width: 100%;
20030
- }
20031
- .offset-md-0 {
20032
- margin-inline-start: 0;
20033
- }
20034
- .offset-md-1 {
20035
- margin-inline-start: 8.3333333333%;
20036
- }
20037
- .offset-md-2 {
20038
- margin-inline-start: 16.6666666667%;
20039
- }
20040
- .offset-md-3 {
20041
- margin-inline-start: 25%;
20042
- }
20043
- .offset-md-4 {
20044
- margin-inline-start: 33.3333333333%;
20045
- }
20046
- .offset-md-5 {
20047
- margin-inline-start: 41.6666666667%;
20048
- }
20049
- .offset-md-6 {
20050
- margin-inline-start: 50%;
20051
- }
20052
- .offset-md-7 {
20053
- margin-inline-start: 58.3333333333%;
20054
- }
20055
- .offset-md-8 {
20056
- margin-inline-start: 66.6666666667%;
20057
- }
20058
- .offset-md-9 {
20059
- margin-inline-start: 75%;
20060
- }
20061
- .offset-md-10 {
20062
- margin-inline-start: 83.3333333333%;
20063
- }
20064
- .offset-md-11 {
20065
- margin-inline-start: 91.6666666667%;
20066
- }
20067
- }
20068
- @media (min-width: 1280px) {
20069
- .v-col-lg {
20070
- flex-basis: 0;
20071
- flex-grow: 1;
20072
- max-width: 100%;
20073
- }
20074
- .v-col-lg-auto {
20075
- flex: 0 0 auto;
20076
- width: auto;
20077
- max-width: 100%;
20078
- }
20079
- .v-col-lg-1 {
20080
- flex: 0 0 8.3333333333%;
20081
- max-width: 8.3333333333%;
20082
- }
20083
- .v-col-lg-2 {
20084
- flex: 0 0 16.6666666667%;
20085
- max-width: 16.6666666667%;
20086
- }
20087
- .v-col-lg-3 {
20088
- flex: 0 0 25%;
20089
- max-width: 25%;
20090
- }
20091
- .v-col-lg-4 {
20092
- flex: 0 0 33.3333333333%;
20093
- max-width: 33.3333333333%;
20094
- }
20095
- .v-col-lg-5 {
20096
- flex: 0 0 41.6666666667%;
20097
- max-width: 41.6666666667%;
20098
- }
20099
- .v-col-lg-6 {
20100
- flex: 0 0 50%;
20101
- max-width: 50%;
20102
- }
20103
- .v-col-lg-7 {
20104
- flex: 0 0 58.3333333333%;
20105
- max-width: 58.3333333333%;
20106
- }
20107
- .v-col-lg-8 {
20108
- flex: 0 0 66.6666666667%;
20109
- max-width: 66.6666666667%;
20110
- }
20111
- .v-col-lg-9 {
20112
- flex: 0 0 75%;
20113
- max-width: 75%;
20114
- }
20115
- .v-col-lg-10 {
20116
- flex: 0 0 83.3333333333%;
20117
- max-width: 83.3333333333%;
20118
- }
20119
- .v-col-lg-11 {
20120
- flex: 0 0 91.6666666667%;
20121
- max-width: 91.6666666667%;
20122
- }
20123
- .v-col-lg-12 {
20124
- flex: 0 0 100%;
20125
- max-width: 100%;
20126
- }
20127
- .offset-lg-0 {
20128
- margin-inline-start: 0;
20129
- }
20130
- .offset-lg-1 {
20131
- margin-inline-start: 8.3333333333%;
20132
- }
20133
- .offset-lg-2 {
20134
- margin-inline-start: 16.6666666667%;
20135
- }
20136
- .offset-lg-3 {
20137
- margin-inline-start: 25%;
20138
- }
20139
- .offset-lg-4 {
20140
- margin-inline-start: 33.3333333333%;
20141
- }
20142
- .offset-lg-5 {
20143
- margin-inline-start: 41.6666666667%;
20144
- }
20145
- .offset-lg-6 {
20146
- margin-inline-start: 50%;
20147
- }
20148
- .offset-lg-7 {
20149
- margin-inline-start: 58.3333333333%;
20150
- }
20151
- .offset-lg-8 {
20152
- margin-inline-start: 66.6666666667%;
20153
- }
20154
- .offset-lg-9 {
20155
- margin-inline-start: 75%;
20156
- }
20157
- .offset-lg-10 {
20158
- margin-inline-start: 83.3333333333%;
20159
- }
20160
- .offset-lg-11 {
20161
- margin-inline-start: 91.6666666667%;
20162
- }
20163
- }
20164
- @media (min-width: 1920px) {
20165
- .v-col-xl {
20166
- flex-basis: 0;
20167
- flex-grow: 1;
20168
- max-width: 100%;
20169
- }
20170
- .v-col-xl-auto {
20171
- flex: 0 0 auto;
20172
- width: auto;
20173
- max-width: 100%;
20174
- }
20175
- .v-col-xl-1 {
20176
- flex: 0 0 8.3333333333%;
20177
- max-width: 8.3333333333%;
20178
- }
20179
- .v-col-xl-2 {
20180
- flex: 0 0 16.6666666667%;
20181
- max-width: 16.6666666667%;
20182
- }
20183
- .v-col-xl-3 {
20184
- flex: 0 0 25%;
20185
- max-width: 25%;
20186
- }
20187
- .v-col-xl-4 {
20188
- flex: 0 0 33.3333333333%;
20189
- max-width: 33.3333333333%;
20190
- }
20191
- .v-col-xl-5 {
20192
- flex: 0 0 41.6666666667%;
20193
- max-width: 41.6666666667%;
20194
- }
20195
- .v-col-xl-6 {
20196
- flex: 0 0 50%;
20197
- max-width: 50%;
20198
- }
20199
- .v-col-xl-7 {
20200
- flex: 0 0 58.3333333333%;
20201
- max-width: 58.3333333333%;
20202
- }
20203
- .v-col-xl-8 {
20204
- flex: 0 0 66.6666666667%;
20205
- max-width: 66.6666666667%;
20206
- }
20207
- .v-col-xl-9 {
20208
- flex: 0 0 75%;
20209
- max-width: 75%;
20210
- }
20211
- .v-col-xl-10 {
20212
- flex: 0 0 83.3333333333%;
20213
- max-width: 83.3333333333%;
20214
- }
20215
- .v-col-xl-11 {
20216
- flex: 0 0 91.6666666667%;
20217
- max-width: 91.6666666667%;
20218
- }
20219
- .v-col-xl-12 {
20220
- flex: 0 0 100%;
20221
- max-width: 100%;
20222
- }
20223
- .offset-xl-0 {
20224
- margin-inline-start: 0;
20225
- }
20226
- .offset-xl-1 {
20227
- margin-inline-start: 8.3333333333%;
20228
- }
20229
- .offset-xl-2 {
20230
- margin-inline-start: 16.6666666667%;
20231
- }
20232
- .offset-xl-3 {
20233
- margin-inline-start: 25%;
20234
- }
20235
- .offset-xl-4 {
20236
- margin-inline-start: 33.3333333333%;
20237
- }
20238
- .offset-xl-5 {
20239
- margin-inline-start: 41.6666666667%;
20240
- }
20241
- .offset-xl-6 {
20242
- margin-inline-start: 50%;
20243
- }
20244
- .offset-xl-7 {
20245
- margin-inline-start: 58.3333333333%;
20246
- }
20247
- .offset-xl-8 {
20248
- margin-inline-start: 66.6666666667%;
20249
- }
20250
- .offset-xl-9 {
20251
- margin-inline-start: 75%;
20252
- }
20253
- .offset-xl-10 {
20254
- margin-inline-start: 83.3333333333%;
20255
- }
20256
- .offset-xl-11 {
20257
- margin-inline-start: 91.6666666667%;
20258
- }
20259
- }
20260
- @media (min-width: 2560px) {
20261
- .v-col-xxl {
20262
- flex-basis: 0;
20263
- flex-grow: 1;
20264
- max-width: 100%;
20265
- }
20266
- .v-col-xxl-auto {
20267
- flex: 0 0 auto;
20268
- width: auto;
20269
- max-width: 100%;
20270
- }
20271
- .v-col-xxl-1 {
20272
- flex: 0 0 8.3333333333%;
20273
- max-width: 8.3333333333%;
20274
- }
20275
- .v-col-xxl-2 {
20276
- flex: 0 0 16.6666666667%;
20277
- max-width: 16.6666666667%;
20278
- }
20279
- .v-col-xxl-3 {
20280
- flex: 0 0 25%;
20281
- max-width: 25%;
20282
- }
20283
- .v-col-xxl-4 {
20284
- flex: 0 0 33.3333333333%;
20285
- max-width: 33.3333333333%;
20286
- }
20287
- .v-col-xxl-5 {
20288
- flex: 0 0 41.6666666667%;
20289
- max-width: 41.6666666667%;
20290
- }
20291
- .v-col-xxl-6 {
20292
- flex: 0 0 50%;
20293
- max-width: 50%;
20294
- }
20295
- .v-col-xxl-7 {
20296
- flex: 0 0 58.3333333333%;
20297
- max-width: 58.3333333333%;
20298
- }
20299
- .v-col-xxl-8 {
20300
- flex: 0 0 66.6666666667%;
20301
- max-width: 66.6666666667%;
20302
- }
20303
- .v-col-xxl-9 {
20304
- flex: 0 0 75%;
20305
- max-width: 75%;
20306
- }
20307
- .v-col-xxl-10 {
20308
- flex: 0 0 83.3333333333%;
20309
- max-width: 83.3333333333%;
20310
- }
20311
- .v-col-xxl-11 {
20312
- flex: 0 0 91.6666666667%;
20313
- max-width: 91.6666666667%;
20314
- }
20315
- .v-col-xxl-12 {
20316
- flex: 0 0 100%;
20317
- max-width: 100%;
20318
- }
20319
- .offset-xxl-0 {
20320
- margin-inline-start: 0;
20321
- }
20322
- .offset-xxl-1 {
20323
- margin-inline-start: 8.3333333333%;
20324
- }
20325
- .offset-xxl-2 {
20326
- margin-inline-start: 16.6666666667%;
20327
- }
20328
- .offset-xxl-3 {
20329
- margin-inline-start: 25%;
20330
- }
20331
- .offset-xxl-4 {
20332
- margin-inline-start: 33.3333333333%;
20333
- }
20334
- .offset-xxl-5 {
20335
- margin-inline-start: 41.6666666667%;
20336
- }
20337
- .offset-xxl-6 {
20338
- margin-inline-start: 50%;
20339
- }
20340
- .offset-xxl-7 {
20341
- margin-inline-start: 58.3333333333%;
20342
- }
20343
- .offset-xxl-8 {
20344
- margin-inline-start: 66.6666666667%;
20345
- }
20346
- .offset-xxl-9 {
20347
- margin-inline-start: 75%;
20348
- }
20349
- .offset-xxl-10 {
20350
- margin-inline-start: 83.3333333333%;
20351
- }
20352
- .offset-xxl-11 {
20353
- margin-inline-start: 91.6666666667%;
20354
- }
20355
- }.v-checkbox.v-input {
20356
- flex: 0 1 auto;
20357
- }
20358
- .v-checkbox .v-selection-control {
20359
- min-height: var(--v-input-control-height);
20360
- }.v-chip {
20361
- align-items: center;
20362
- display: inline-flex;
20363
- font-weight: 400;
20364
- max-width: 100%;
20365
- min-width: 0;
20366
- overflow: hidden;
20367
- position: relative;
20368
- text-decoration: none;
20369
- white-space: nowrap;
20370
- vertical-align: middle;
20371
- }
20372
- .v-chip .v-icon {
20373
- --v-icon-size-multiplier: 0.8571428571;
20374
- }
20375
- .v-chip.v-chip--size-x-small {
20376
- --v-chip-size: 0.625rem;
20377
- --v-chip-height: 20px;
20378
- font-size: 0.625rem;
20379
- padding: 0 8px;
20380
- }
20381
- .v-chip.v-chip--size-x-small .v-avatar {
20382
- --v-avatar-height: 14px;
20383
- }
20384
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
20385
- --v-avatar-height: 20px;
20386
- }
20387
-
20388
- .v-chip.v-chip--size-x-small .v-avatar--start {
20389
- margin-inline-start: -5.6px;
20390
- margin-inline-end: 4px;
20391
- }
20392
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
20393
- margin-inline-start: -8px;
20394
- }
20395
-
20396
- .v-chip.v-chip--size-x-small .v-avatar--end {
20397
- margin-inline-start: 4px;
20398
- margin-inline-end: -5.6px;
20399
- }
20400
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
20401
- margin-inline-end: -8px;
20402
- }
20403
-
20404
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
20405
- margin-inline-start: 12px;
20406
- }
20407
-
20408
- .v-chip.v-chip--size-x-small .v-icon--start,
20409
- .v-chip.v-chip--size-x-small .v-chip__filter {
20410
- margin-inline-start: -4px;
20411
- margin-inline-end: 4px;
20412
- }
20413
- .v-chip.v-chip--size-x-small .v-icon--end,
20414
- .v-chip.v-chip--size-x-small .v-chip__close {
20415
- margin-inline-start: 4px;
20416
- margin-inline-end: -4px;
20417
- }
20418
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
20419
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
20420
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
20421
- margin-inline-start: 8px;
20422
- }
20423
-
20424
- .v-chip.v-chip--size-small {
20425
- --v-chip-size: 0.75rem;
20426
- --v-chip-height: 26px;
20427
- font-size: 0.75rem;
20428
- padding: 0 10px;
20429
- }
20430
- .v-chip.v-chip--size-small .v-avatar {
20431
- --v-avatar-height: 20px;
20432
- }
20433
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
20434
- --v-avatar-height: 26px;
20435
- }
20436
-
20437
- .v-chip.v-chip--size-small .v-avatar--start {
20438
- margin-inline-start: -7px;
20439
- margin-inline-end: 5px;
20440
- }
20441
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
20442
- margin-inline-start: -10px;
20443
- }
20444
-
20445
- .v-chip.v-chip--size-small .v-avatar--end {
20446
- margin-inline-start: 5px;
20447
- margin-inline-end: -7px;
20448
- }
20449
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
20450
- margin-inline-end: -10px;
20451
- }
20452
-
20453
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
20454
- margin-inline-start: 15px;
20455
- }
20456
-
20457
- .v-chip.v-chip--size-small .v-icon--start,
20458
- .v-chip.v-chip--size-small .v-chip__filter {
20459
- margin-inline-start: -5px;
20460
- margin-inline-end: 5px;
20461
- }
20462
- .v-chip.v-chip--size-small .v-icon--end,
20463
- .v-chip.v-chip--size-small .v-chip__close {
20464
- margin-inline-start: 5px;
20465
- margin-inline-end: -5px;
20466
- }
20467
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
20468
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
20469
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
20470
- margin-inline-start: 10px;
20471
- }
20472
-
20473
- .v-chip.v-chip--size-default {
20474
- --v-chip-size: 0.875rem;
20475
- --v-chip-height: 32px;
20476
- font-size: 0.875rem;
20477
- padding: 0 12px;
20478
- }
20479
- .v-chip.v-chip--size-default .v-avatar {
20480
- --v-avatar-height: 26px;
20481
- }
20482
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
20483
- --v-avatar-height: 32px;
20484
- }
20485
-
20486
- .v-chip.v-chip--size-default .v-avatar--start {
20487
- margin-inline-start: -8.4px;
20488
- margin-inline-end: 6px;
20489
- }
20490
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
20491
- margin-inline-start: -12px;
20492
- }
20493
-
20494
- .v-chip.v-chip--size-default .v-avatar--end {
20495
- margin-inline-start: 6px;
20496
- margin-inline-end: -8.4px;
20497
- }
20498
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
20499
- margin-inline-end: -12px;
20500
- }
20501
-
20502
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
20503
- margin-inline-start: 18px;
20504
- }
20505
-
20506
- .v-chip.v-chip--size-default .v-icon--start,
20507
- .v-chip.v-chip--size-default .v-chip__filter {
20508
- margin-inline-start: -6px;
20509
- margin-inline-end: 6px;
20510
- }
20511
- .v-chip.v-chip--size-default .v-icon--end,
20512
- .v-chip.v-chip--size-default .v-chip__close {
20513
- margin-inline-start: 6px;
20514
- margin-inline-end: -6px;
20515
- }
20516
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
20517
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
20518
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
20519
- margin-inline-start: 12px;
20520
- }
20521
-
20522
- .v-chip.v-chip--size-large {
20523
- --v-chip-size: 1rem;
20524
- --v-chip-height: 38px;
20525
- font-size: 1rem;
20526
- padding: 0 14px;
20527
- }
20528
- .v-chip.v-chip--size-large .v-avatar {
20529
- --v-avatar-height: 32px;
20530
- }
20531
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
20532
- --v-avatar-height: 38px;
20533
- }
20534
-
20535
- .v-chip.v-chip--size-large .v-avatar--start {
20536
- margin-inline-start: -9.8px;
20537
- margin-inline-end: 7px;
20538
- }
20539
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
20540
- margin-inline-start: -14px;
20541
- }
20542
-
20543
- .v-chip.v-chip--size-large .v-avatar--end {
20544
- margin-inline-start: 7px;
20545
- margin-inline-end: -9.8px;
20546
- }
20547
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
20548
- margin-inline-end: -14px;
20549
- }
20550
-
20551
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
20552
- margin-inline-start: 21px;
20553
- }
20554
-
20555
- .v-chip.v-chip--size-large .v-icon--start,
20556
- .v-chip.v-chip--size-large .v-chip__filter {
20557
- margin-inline-start: -7px;
20558
- margin-inline-end: 7px;
20559
- }
20560
- .v-chip.v-chip--size-large .v-icon--end,
20561
- .v-chip.v-chip--size-large .v-chip__close {
20562
- margin-inline-start: 7px;
20563
- margin-inline-end: -7px;
20564
- }
20565
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
20566
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
20567
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
20568
- margin-inline-start: 14px;
20569
- }
20570
-
20571
- .v-chip.v-chip--size-x-large {
20572
- --v-chip-size: 1.125rem;
20573
- --v-chip-height: 44px;
20574
- font-size: 1.125rem;
20575
- padding: 0 17px;
20576
- }
20577
- .v-chip.v-chip--size-x-large .v-avatar {
20578
- --v-avatar-height: 38px;
20579
- }
20580
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
20581
- --v-avatar-height: 44px;
20582
- }
20583
-
20584
- .v-chip.v-chip--size-x-large .v-avatar--start {
20585
- margin-inline-start: -11.9px;
20586
- margin-inline-end: 8.5px;
20587
- }
20588
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
20589
- margin-inline-start: -17px;
20590
- }
20591
-
20592
- .v-chip.v-chip--size-x-large .v-avatar--end {
20593
- margin-inline-start: 8.5px;
20594
- margin-inline-end: -11.9px;
20595
- }
20596
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
20597
- margin-inline-end: -17px;
20598
- }
20599
-
20600
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
20601
- margin-inline-start: 25.5px;
20602
- }
20603
-
20604
- .v-chip.v-chip--size-x-large .v-icon--start,
20605
- .v-chip.v-chip--size-x-large .v-chip__filter {
20606
- margin-inline-start: -8.5px;
20607
- margin-inline-end: 8.5px;
20608
- }
20609
- .v-chip.v-chip--size-x-large .v-icon--end,
20610
- .v-chip.v-chip--size-x-large .v-chip__close {
20611
- margin-inline-start: 8.5px;
20612
- margin-inline-end: -8.5px;
20613
- }
20614
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
20615
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
20616
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
20617
- margin-inline-start: 17px;
20618
- }
20619
-
20620
- .v-chip.v-chip--density-default {
20621
- height: calc(var(--v-chip-height) + 0px);
20622
- }
20623
-
20624
- .v-chip.v-chip--density-comfortable {
20625
- height: calc(var(--v-chip-height) + -4px);
20626
- }
20627
-
20628
- .v-chip.v-chip--density-compact {
20629
- height: calc(var(--v-chip-height) + -8px);
20630
- }
20631
-
20632
- .v-chip {
20633
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20634
- border-style: solid;
20635
- border-width: 0;
20636
- }
20637
- .v-chip:hover > .v-chip__overlay {
20638
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20639
- }
20640
- .v-chip:focus-visible > .v-chip__overlay {
20641
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20642
- }
20643
- @supports not selector(:focus-visible) {
20644
- .v-chip:focus > .v-chip__overlay {
20645
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20646
- }
20647
- }
20648
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
20649
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20650
- }
20651
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
20652
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20653
- }
20654
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
20655
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20656
- }
20657
- @supports not selector(:focus-visible) {
20658
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
20659
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19970
+ }
19971
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19972
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19973
+ }
19974
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19975
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19976
+ }
19977
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19978
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19979
+ }
19980
+ @supports not selector(:focus-visible) {
19981
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19982
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20660
19983
  }
20661
19984
  }
20662
19985
  .v-chip {
@@ -20775,6 +20098,11 @@ html.overflow-y-hidden {
20775
20098
 
20776
20099
  .v-chip--label {
20777
20100
  border-radius: 4px;
20101
+ }.v-checkbox.v-input {
20102
+ flex: 0 1 auto;
20103
+ }
20104
+ .v-checkbox .v-selection-control {
20105
+ min-height: var(--v-input-control-height);
20778
20106
  }.v-chip-group {
20779
20107
  display: flex;
20780
20108
  max-width: 100%;
@@ -20793,28 +20121,6 @@ html.overflow-y-hidden {
20793
20121
  white-space: normal;
20794
20122
  flex-wrap: wrap;
20795
20123
  max-width: 100%;
20796
- }.v-color-picker {
20797
- align-self: flex-start;
20798
- contain: content;
20799
- }
20800
- .v-color-picker.v-sheet {
20801
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20802
- }
20803
- .v-color-picker.v-sheet {
20804
- border-radius: 4px;
20805
- }
20806
-
20807
- .v-color-picker__controls {
20808
- display: flex;
20809
- flex-direction: column;
20810
- padding: 16px;
20811
- }
20812
-
20813
- .v-color-picker--flat {
20814
- 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));
20815
- }
20816
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20817
- 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));
20818
20124
  }.v-combobox .v-field .v-text-field__prefix,
20819
20125
  .v-combobox .v-field .v-text-field__suffix,
20820
20126
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20900,6 +20206,28 @@ html.overflow-y-hidden {
20900
20206
  .v-combobox--active-menu .v-combobox__menu-icon {
20901
20207
  opacity: var(--v-high-emphasis-opacity);
20902
20208
  transform: rotate(180deg);
20209
+ }.v-color-picker {
20210
+ align-self: flex-start;
20211
+ contain: content;
20212
+ }
20213
+ .v-color-picker.v-sheet {
20214
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20215
+ }
20216
+ .v-color-picker.v-sheet {
20217
+ border-radius: 4px;
20218
+ }
20219
+
20220
+ .v-color-picker__controls {
20221
+ display: flex;
20222
+ flex-direction: column;
20223
+ padding: 16px;
20224
+ }
20225
+
20226
+ .v-color-picker--flat {
20227
+ 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));
20228
+ }
20229
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20230
+ 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));
20903
20231
  }.v-counter {
20904
20232
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20905
20233
  flex: 0 1 auto;
@@ -21123,6 +20451,12 @@ html.overflow-y-hidden {
21123
20451
  }
21124
20452
  .v-data-table-footer__page {
21125
20453
  padding: 0 8px;
20454
+ }.v-date-picker {
20455
+ overflow: hidden;
20456
+ width: 328px;
20457
+ }
20458
+ .v-date-picker--show-week {
20459
+ width: 368px;
21126
20460
  }.v-date-picker-controls {
21127
20461
  display: flex;
21128
20462
  align-items: center;
@@ -21179,12 +20513,6 @@ html.overflow-y-hidden {
21179
20513
 
21180
20514
  .v-date-picker__title {
21181
20515
  display: inline-block;
21182
- }.v-date-picker {
21183
- overflow: hidden;
21184
- width: 328px;
21185
- }
21186
- .v-date-picker--show-week {
21187
- width: 368px;
21188
20516
  }.v-date-picker-header {
21189
20517
  align-items: flex-end;
21190
20518
  height: 70px;
@@ -21300,21 +20628,6 @@ html.overflow-y-hidden {
21300
20628
 
21301
20629
  .v-date-picker-month__day--hide-adjacent {
21302
20630
  opacity: 0;
21303
- }.v-date-picker-years {
21304
- height: 288px;
21305
- overflow-y: scroll;
21306
- }
21307
-
21308
- .v-date-picker-years__content {
21309
- display: grid;
21310
- flex: 1 1;
21311
- justify-content: space-around;
21312
- grid-template-columns: repeat(3, 1fr);
21313
- gap: 8px 24px;
21314
- padding-inline: 32px;
21315
- }
21316
- .v-date-picker-years__content .v-btn {
21317
- padding-inline: 8px;
21318
20631
  }.v-date-picker-months {
21319
20632
  height: 288px;
21320
20633
  }
@@ -21334,6 +20647,21 @@ html.overflow-y-hidden {
21334
20647
  text-transform: none;
21335
20648
  padding-inline-start: 8px;
21336
20649
  padding-inline-end: 8px;
20650
+ }.v-date-picker-years {
20651
+ height: 288px;
20652
+ overflow-y: scroll;
20653
+ }
20654
+
20655
+ .v-date-picker-years__content {
20656
+ display: grid;
20657
+ flex: 1 1;
20658
+ justify-content: space-around;
20659
+ grid-template-columns: repeat(3, 1fr);
20660
+ gap: 8px 24px;
20661
+ padding-inline: 32px;
20662
+ }
20663
+ .v-date-picker-years__content .v-btn {
20664
+ padding-inline: 8px;
21337
20665
  }.v-dialog {
21338
20666
  align-items: center;
21339
20667
  justify-content: center;
@@ -21421,19 +20749,138 @@ html.overflow-y-hidden {
21421
20749
  .v-dialog--scrollable > .v-overlay__content > form {
21422
20750
  display: flex;
21423
20751
  }
21424
- .v-dialog--scrollable > .v-overlay__content > .v-card,
21425
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20752
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20753
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20754
+ display: flex;
20755
+ flex: 1 1 100%;
20756
+ flex-direction: column;
20757
+ max-height: 100%;
20758
+ max-width: 100%;
20759
+ }
20760
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20761
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20762
+ -webkit-backface-visibility: hidden;
20763
+ backface-visibility: hidden;
20764
+ overflow-y: auto;
20765
+ }.v-divider {
20766
+ display: block;
20767
+ flex: 1 1 100%;
20768
+ height: 0px;
20769
+ max-height: 0px;
20770
+ opacity: var(--v-border-opacity);
20771
+ transition: inherit;
20772
+ }
20773
+ .v-divider {
20774
+ border-style: solid;
20775
+ border-width: thin 0 0 0;
20776
+ }
20777
+ .v-divider--vertical {
20778
+ align-self: stretch;
20779
+ border-width: 0 thin 0 0;
20780
+ display: inline-flex;
20781
+ height: auto;
20782
+ margin-left: -1px;
20783
+ max-height: 100%;
20784
+ max-width: 0px;
20785
+ vertical-align: text-bottom;
20786
+ width: 0px;
20787
+ }
20788
+ .v-divider--inset:not(.v-divider--vertical) {
20789
+ max-width: calc(100% - 72px);
20790
+ margin-inline-start: 72px;
20791
+ }
20792
+ .v-divider--inset.v-divider--vertical {
20793
+ margin-bottom: 8px;
20794
+ margin-top: 8px;
20795
+ max-height: calc(100% - 16px);
20796
+ }
20797
+
20798
+ .v-divider__content {
20799
+ padding: 0 16px;
20800
+ text-wrap: nowrap;
20801
+ }
20802
+ .v-divider__wrapper--vertical .v-divider__content {
20803
+ padding: 4px 0;
20804
+ }
20805
+
20806
+ .v-divider__wrapper {
20807
+ display: flex;
20808
+ align-items: center;
20809
+ justify-content: center;
20810
+ }
20811
+ .v-divider__wrapper--vertical {
20812
+ flex-direction: column;
20813
+ height: 100%;
20814
+ }
20815
+ .v-divider__wrapper--vertical .v-divider {
20816
+ margin: 0 auto;
20817
+ }.v-empty-state {
20818
+ align-items: center;
20819
+ display: flex;
20820
+ flex-direction: column;
20821
+ justify-content: center;
20822
+ min-height: 100%;
20823
+ padding: 16px;
20824
+ }
20825
+ .v-empty-state--start {
20826
+ align-items: flex-start;
20827
+ }
20828
+ .v-empty-state--center {
20829
+ align-items: center;
20830
+ }
20831
+ .v-empty-state--end {
20832
+ align-items: flex-end;
20833
+ }
20834
+
20835
+ .v-empty-state__media {
20836
+ text-align: center;
20837
+ width: 100%;
20838
+ }
20839
+ .v-empty-state__media .v-icon {
20840
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20841
+ }
20842
+
20843
+ .v-empty-state__headline {
20844
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20845
+ font-size: 3.75rem;
20846
+ font-weight: 300;
20847
+ line-height: 1;
20848
+ text-align: center;
20849
+ margin-bottom: 8px;
20850
+ }
20851
+ .v-empty-state--mobile .v-empty-state__headline {
20852
+ font-size: 2.125rem;
20853
+ }
20854
+
20855
+ .v-empty-state__title {
20856
+ font-size: 1.25rem;
20857
+ font-weight: 500;
20858
+ line-height: 1.6;
20859
+ margin-bottom: 4px;
20860
+ text-align: center;
20861
+ }
20862
+
20863
+ .v-empty-state__text {
20864
+ font-size: 0.875rem;
20865
+ font-weight: 400;
20866
+ line-height: 1.425;
20867
+ padding: 0 16px;
20868
+ text-align: center;
20869
+ }
20870
+
20871
+ .v-empty-state__content {
20872
+ padding: 24px 0;
20873
+ }
20874
+
20875
+ .v-empty-state__actions {
21426
20876
  display: flex;
21427
- flex: 1 1 100%;
21428
- flex-direction: column;
21429
- max-height: 100%;
21430
- max-width: 100%;
20877
+ gap: 8px;
20878
+ padding: 16px;
21431
20879
  }
21432
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21433
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21434
- -webkit-backface-visibility: hidden;
21435
- backface-visibility: hidden;
21436
- overflow-y: auto;
20880
+
20881
+ .v-empty-state__action-btn.v-btn {
20882
+ background-color: initial;
20883
+ color: initial;
21437
20884
  }.v-expansion-panel {
21438
20885
  background-color: rgb(var(--v-theme-surface));
21439
20886
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21599,841 +21046,1446 @@ html.overflow-y-hidden {
21599
21046
  height: 100%;
21600
21047
  }
21601
21048
 
21602
- .v-expansion-panel-title__icon {
21603
- display: inline-flex;
21604
- margin-bottom: -4px;
21605
- margin-top: -4px;
21606
- -webkit-user-select: none;
21607
- user-select: none;
21608
- margin-inline-start: auto;
21049
+ .v-expansion-panel-title__icon {
21050
+ display: inline-flex;
21051
+ margin-bottom: -4px;
21052
+ margin-top: -4px;
21053
+ -webkit-user-select: none;
21054
+ user-select: none;
21055
+ margin-inline-start: auto;
21056
+ }
21057
+
21058
+ .v-expansion-panel-text {
21059
+ display: flex;
21060
+ }
21061
+ .v-expansion-panel-text__wrapper {
21062
+ padding: 8px 24px 16px;
21063
+ flex: 1 1 auto;
21064
+ max-width: 100%;
21065
+ }
21066
+
21067
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21068
+ margin-top: 0;
21069
+ }
21070
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21071
+ opacity: 1;
21072
+ }
21073
+
21074
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21075
+ max-width: calc(100% - 32px);
21076
+ }
21077
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21078
+ max-width: calc(100% + 16px);
21079
+ }
21080
+
21081
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21082
+ max-width: 100%;
21083
+ }
21084
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21085
+ max-width: calc(100% - 32px);
21086
+ }
21087
+
21088
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21089
+ border-top: none;
21090
+ }
21091
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21092
+ display: none;
21093
+ }
21094
+
21095
+ .v-expansion-panels--tile {
21096
+ border-radius: 0;
21097
+ }
21098
+ .v-expansion-panels--tile > .v-expansion-panel {
21099
+ border-radius: 0;
21100
+ }.v-fab {
21101
+ align-items: center;
21102
+ display: inline-flex;
21103
+ flex: 1 1 auto;
21104
+ pointer-events: none;
21105
+ position: relative;
21106
+ transition-duration: 0.2s;
21107
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21108
+ vertical-align: middle;
21109
+ }
21110
+ .v-fab .v-btn {
21111
+ pointer-events: auto;
21112
+ }
21113
+ .v-fab .v-btn--variant-elevated {
21114
+ 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));
21115
+ }
21116
+ .v-fab--app, .v-fab--absolute {
21117
+ display: flex;
21118
+ }
21119
+ .v-fab--start, .v-fab--left {
21120
+ justify-content: flex-start;
21121
+ }
21122
+ .v-fab--center {
21123
+ align-items: center;
21124
+ justify-content: center;
21125
+ }
21126
+ .v-fab--end, .v-fab--right {
21127
+ justify-content: flex-end;
21128
+ }
21129
+ .v-fab--bottom {
21130
+ align-items: flex-end;
21131
+ }
21132
+ .v-fab--top {
21133
+ align-items: flex-start;
21134
+ }
21135
+ .v-fab--extended .v-btn {
21136
+ border-radius: 9999px !important;
21137
+ }
21138
+
21139
+ .v-fab__container {
21140
+ align-self: center;
21141
+ display: inline-flex;
21142
+ position: absolute;
21143
+ vertical-align: middle;
21144
+ }
21145
+ .v-fab--app .v-fab__container {
21146
+ margin: 12px;
21147
+ }
21148
+ .v-fab--absolute .v-fab__container {
21149
+ position: absolute;
21150
+ z-index: 4;
21151
+ }
21152
+ .v-fab--offset.v-fab--top .v-fab__container {
21153
+ transform: translateY(-50%);
21154
+ }
21155
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21156
+ transform: translateY(50%);
21157
+ }
21158
+ .v-fab--top .v-fab__container {
21159
+ top: 0;
21160
+ }
21161
+ .v-fab--bottom .v-fab__container {
21162
+ bottom: 0;
21163
+ }
21164
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21165
+ left: 0;
21166
+ }
21167
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21168
+ right: 0;
21169
+ }/* region INPUT */
21170
+ .v-field {
21171
+ display: grid;
21172
+ grid-template-areas: "prepend-inner field clear append-inner";
21173
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21174
+ font-size: 16px;
21175
+ letter-spacing: 0.009375em;
21176
+ max-width: 100%;
21177
+ border-radius: 4px;
21178
+ contain: layout;
21179
+ flex: 1 0;
21180
+ grid-area: control;
21181
+ position: relative;
21182
+ --v-theme-overlay-multiplier: 1;
21183
+ --v-field-padding-start: 16px;
21184
+ --v-field-padding-end: 16px;
21185
+ --v-field-padding-top: 8px;
21186
+ --v-field-padding-bottom: 4px;
21187
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21188
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21189
+ }
21190
+ .v-field--disabled {
21191
+ opacity: var(--v-disabled-opacity);
21192
+ pointer-events: none;
21193
+ }
21194
+ .v-field .v-chip {
21195
+ --v-chip-height: 24px;
21196
+ }
21197
+
21198
+ /* endregion */
21199
+ /* region MODIFIERS */
21200
+ .v-field--prepended {
21201
+ padding-inline-start: 12px;
21202
+ }
21203
+ .v-field--appended {
21204
+ padding-inline-end: 12px;
21205
+ }
21206
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21207
+ background: rgb(var(--v-theme-surface));
21208
+ border-color: transparent;
21209
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21210
+ }
21211
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21212
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21213
+ }
21214
+ .v-field--variant-solo-inverted {
21215
+ background: rgb(var(--v-theme-surface));
21216
+ border-color: transparent;
21217
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21218
+ }
21219
+ .v-field--variant-solo-inverted {
21220
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21221
+ }
21222
+ .v-field--variant-solo-inverted.v-field--focused {
21223
+ color: rgb(var(--v-theme-on-surface-variant));
21224
+ }
21225
+ .v-field--variant-filled {
21226
+ border-bottom-left-radius: 0;
21227
+ border-bottom-right-radius: 0;
21228
+ }
21229
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21230
+ --v-input-control-height: 56px;
21231
+ --v-field-padding-bottom: 4px;
21232
+ }
21233
+
21234
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21235
+ --v-input-control-height: 48px;
21236
+ --v-field-padding-bottom: 0px;
21237
+ }
21238
+
21239
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21240
+ --v-input-control-height: 40px;
21241
+ --v-field-padding-bottom: 0px;
21242
+ }
21243
+
21244
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21245
+ --v-field-padding-top: 0px;
21246
+ }
21247
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21248
+ --v-field-padding-bottom: 16px;
21249
+ }
21250
+
21251
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21252
+ --v-field-padding-bottom: 12px;
21253
+ }
21254
+
21255
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21256
+ --v-field-padding-bottom: 8px;
21257
+ }
21258
+
21259
+ .v-field--variant-plain, .v-field--variant-underlined {
21260
+ border-radius: 0;
21261
+ padding: 0;
21262
+ }
21263
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21264
+ --v-field-padding-start: 0px;
21265
+ --v-field-padding-end: 0px;
21266
+ }
21267
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21268
+ --v-input-control-height: 48px;
21269
+ --v-field-padding-top: 4px;
21270
+ --v-field-padding-bottom: 4px;
21271
+ }
21272
+
21273
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21274
+ --v-input-control-height: 40px;
21275
+ --v-field-padding-top: 2px;
21276
+ --v-field-padding-bottom: 0px;
21277
+ }
21278
+
21279
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21280
+ --v-input-control-height: 32px;
21281
+ --v-field-padding-top: 0px;
21282
+ --v-field-padding-bottom: 0px;
21283
+ }
21284
+
21285
+ .v-field--flat {
21286
+ box-shadow: none;
21287
+ }
21288
+ .v-field--rounded {
21289
+ border-radius: 24px;
21290
+ }
21291
+ .v-field.v-field--prepended {
21292
+ --v-field-padding-start: 6px;
21293
+ }
21294
+ .v-field.v-field--appended {
21295
+ --v-field-padding-end: 6px;
21609
21296
  }
21610
21297
 
21611
- .v-expansion-panel-text {
21298
+ /* endregion */
21299
+ /* region ELEMENTS */
21300
+ .v-field__input {
21301
+ align-items: center;
21302
+ color: inherit;
21303
+ column-gap: 2px;
21612
21304
  display: flex;
21305
+ flex-wrap: wrap;
21306
+ letter-spacing: 0.009375em;
21307
+ opacity: var(--v-high-emphasis-opacity);
21308
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21309
+ min-width: 0;
21310
+ padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21311
+ padding-top: var(--v-field-input-padding-top);
21312
+ padding-bottom: var(--v-field-input-padding-bottom);
21313
+ position: relative;
21314
+ width: 100%;
21613
21315
  }
21614
- .v-expansion-panel-text__wrapper {
21615
- padding: 8px 24px 16px;
21616
- flex: 1 1 auto;
21617
- max-width: 100%;
21316
+ .v-input--density-default .v-field__input {
21317
+ row-gap: 8px;
21618
21318
  }
21619
21319
 
21620
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21621
- margin-top: 0;
21320
+ .v-input--density-comfortable .v-field__input {
21321
+ row-gap: 6px;
21622
21322
  }
21623
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21624
- opacity: 1;
21323
+
21324
+ .v-input--density-compact .v-field__input {
21325
+ row-gap: 4px;
21625
21326
  }
21626
21327
 
21627
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21628
- max-width: calc(100% - 32px);
21328
+ .v-field__input input {
21329
+ letter-spacing: inherit;
21629
21330
  }
21630
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21631
- max-width: calc(100% + 16px);
21331
+ .v-field__input input::placeholder,
21332
+ input.v-field__input::placeholder,
21333
+ textarea.v-field__input::placeholder {
21334
+ color: currentColor;
21335
+ opacity: var(--v-disabled-opacity);
21632
21336
  }
21633
21337
 
21634
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21635
- max-width: 100%;
21338
+ .v-field__input:focus, .v-field__input:active {
21339
+ outline: none;
21636
21340
  }
21637
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21638
- max-width: calc(100% - 32px);
21341
+ .v-field__input:invalid {
21342
+ box-shadow: none;
21639
21343
  }
21640
21344
 
21641
- .v-expansion-panels--flat > .v-expansion-panel::after {
21642
- border-top: none;
21345
+ .v-field__field {
21346
+ flex: 1 0;
21347
+ grid-area: field;
21348
+ position: relative;
21349
+ align-items: flex-start;
21350
+ display: flex;
21643
21351
  }
21644
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21645
- display: none;
21352
+
21353
+ /* endregion */
21354
+ /* region AFFIXES */
21355
+ .v-field__prepend-inner {
21356
+ grid-area: prepend-inner;
21357
+ padding-inline-end: var(--v-field-padding-after);
21646
21358
  }
21647
21359
 
21648
- .v-expansion-panels--tile {
21649
- border-radius: 0;
21360
+ .v-field__clearable {
21361
+ grid-area: clear;
21650
21362
  }
21651
- .v-expansion-panels--tile > .v-expansion-panel {
21652
- border-radius: 0;
21653
- }.v-empty-state {
21654
- align-items: center;
21655
- display: flex;
21656
- flex-direction: column;
21657
- justify-content: center;
21658
- min-height: 100%;
21659
- padding: 16px;
21363
+
21364
+ .v-field__append-inner {
21365
+ grid-area: append-inner;
21366
+ padding-inline-start: var(--v-field-padding-after);
21660
21367
  }
21661
- .v-empty-state--start {
21368
+
21369
+ .v-field__append-inner,
21370
+ .v-field__clearable,
21371
+ .v-field__prepend-inner {
21372
+ display: flex;
21662
21373
  align-items: flex-start;
21374
+ padding-top: var(--v-input-padding-top, 8px);
21663
21375
  }
21664
- .v-empty-state--center {
21376
+ .v-field--center-affix .v-field__append-inner,
21377
+ .v-field--center-affix .v-field__clearable,
21378
+ .v-field--center-affix .v-field__prepend-inner {
21665
21379
  align-items: center;
21666
- }
21667
- .v-empty-state--end {
21668
- align-items: flex-end;
21380
+ padding-top: 0;
21669
21381
  }
21670
21382
 
21671
- .v-empty-state__media {
21672
- text-align: center;
21673
- width: 100%;
21383
+ .v-field.v-field--variant-underlined .v-field__append-inner,
21384
+ .v-field.v-field--variant-underlined .v-field__clearable,
21385
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
21386
+ .v-field.v-field--variant-plain .v-field__append-inner,
21387
+ .v-field.v-field--variant-plain .v-field__clearable,
21388
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
21389
+ align-items: flex-start;
21390
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21391
+ padding-bottom: var(--v-field-padding-bottom, 4px);
21674
21392
  }
21675
- .v-empty-state__media .v-icon {
21676
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21393
+
21394
+ .v-field--focused .v-field__prepend-inner,
21395
+ .v-field--focused .v-field__append-inner {
21396
+ opacity: 1;
21677
21397
  }
21678
21398
 
21679
- .v-empty-state__headline {
21680
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21681
- font-size: 3.75rem;
21682
- font-weight: 300;
21683
- line-height: 1;
21684
- text-align: center;
21685
- margin-bottom: 8px;
21399
+ .v-field__prepend-inner > .v-icon,
21400
+ .v-field__append-inner > .v-icon,
21401
+ .v-field__clearable > .v-icon {
21402
+ opacity: var(--v-medium-emphasis-opacity);
21686
21403
  }
21687
- .v-empty-state--mobile .v-empty-state__headline {
21688
- font-size: 2.125rem;
21404
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
21405
+ .v-field--disabled .v-field__append-inner > .v-icon,
21406
+ .v-field--error .v-field__append-inner > .v-icon,
21407
+ .v-field--disabled .v-field__clearable > .v-icon,
21408
+ .v-field--error .v-field__clearable > .v-icon {
21409
+ opacity: 1;
21689
21410
  }
21690
-
21691
- .v-empty-state__title {
21692
- font-size: 1.25rem;
21693
- font-weight: 500;
21694
- line-height: 1.6;
21695
- margin-bottom: 4px;
21696
- text-align: center;
21411
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
21412
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
21413
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
21414
+ color: rgb(var(--v-theme-error));
21697
21415
  }
21698
21416
 
21699
- .v-empty-state__text {
21700
- font-size: 0.875rem;
21701
- font-weight: 400;
21702
- line-height: 1.425;
21703
- padding: 0 16px;
21704
- text-align: center;
21417
+ .v-field__clearable {
21418
+ cursor: pointer;
21419
+ opacity: 0;
21420
+ overflow: hidden;
21421
+ margin-inline: 4px;
21422
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21423
+ transition-property: opacity, transform, width;
21705
21424
  }
21706
-
21707
- .v-empty-state__content {
21708
- padding: 24px 0;
21425
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
21426
+ opacity: 1;
21709
21427
  }
21710
-
21711
- .v-empty-state__actions {
21712
- display: flex;
21713
- gap: 8px;
21714
- padding: 16px;
21428
+ @media (hover: hover) {
21429
+ .v-field:hover .v-field__clearable {
21430
+ opacity: 1;
21431
+ }
21432
+ }
21433
+ @media (hover: none) {
21434
+ .v-field__clearable {
21435
+ opacity: 1;
21436
+ }
21715
21437
  }
21716
21438
 
21717
- .v-empty-state__action-btn.v-btn {
21718
- background-color: initial;
21719
- color: initial;
21720
- }/* region INPUT */
21721
- .v-field {
21722
- display: grid;
21723
- grid-template-areas: "prepend-inner field clear append-inner";
21724
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21725
- font-size: 16px;
21726
- letter-spacing: 0.009375em;
21727
- max-width: 100%;
21728
- border-radius: 4px;
21729
- contain: layout;
21730
- flex: 1 0;
21731
- grid-area: control;
21732
- position: relative;
21733
- --v-theme-overlay-multiplier: 1;
21734
- --v-field-padding-start: 16px;
21735
- --v-field-padding-end: 16px;
21736
- --v-field-padding-top: 8px;
21737
- --v-field-padding-bottom: 4px;
21738
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21739
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21439
+ /* endregion */
21440
+ /* region LABEL */
21441
+ .v-label.v-field-label {
21442
+ contain: layout paint;
21443
+ display: block;
21444
+ margin-inline-start: var(--v-field-padding-start);
21445
+ margin-inline-end: var(--v-field-padding-end);
21446
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21447
+ pointer-events: none;
21448
+ position: absolute;
21449
+ top: var(--v-input-padding-top);
21450
+ transform-origin: left center;
21451
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21452
+ transition-property: opacity, transform;
21453
+ z-index: 1;
21454
+ }
21455
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
21456
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21457
+ }
21458
+ .v-field--center-affix .v-label.v-field-label {
21459
+ top: 50%;
21460
+ transform: translateY(-50%);
21461
+ }
21462
+ .v-field--active .v-label.v-field-label {
21463
+ visibility: hidden;
21464
+ }
21465
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
21466
+ opacity: 1;
21467
+ }
21468
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
21469
+ color: rgb(var(--v-theme-error));
21470
+ }
21471
+ .v-label.v-field-label--floating {
21472
+ --v-field-label-scale: 0.75em;
21473
+ font-size: var(--v-field-label-scale);
21474
+ visibility: hidden;
21475
+ max-width: 100%;
21740
21476
  }
21741
- .v-field--disabled {
21742
- opacity: var(--v-disabled-opacity);
21743
- pointer-events: none;
21477
+ .v-field--center-affix .v-label.v-field-label--floating {
21478
+ transform: none;
21744
21479
  }
21745
- .v-field .v-chip {
21746
- --v-chip-height: 24px;
21480
+ .v-field.v-field--active .v-label.v-field-label--floating {
21481
+ visibility: unset;
21482
+ }
21483
+ .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
21484
+ top: 7px;
21485
+ }
21486
+
21487
+ .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
21488
+ top: 5px;
21489
+ }
21490
+
21491
+ .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21492
+ top: 3px;
21493
+ }
21494
+
21495
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
21496
+ transform: translateY(-16px);
21497
+ margin: 0;
21498
+ top: var(--v-input-padding-top);
21499
+ }
21500
+ .v-field--variant-outlined .v-label.v-field-label--floating {
21501
+ transform: translateY(-50%);
21502
+ transform-origin: center;
21503
+ position: static;
21504
+ margin: 0 4px;
21747
21505
  }
21748
21506
 
21749
21507
  /* endregion */
21750
- /* region MODIFIERS */
21751
- .v-field--prepended {
21752
- padding-inline-start: 12px;
21508
+ /* region OUTLINE */
21509
+ .v-field__outline {
21510
+ --v-field-border-width: 1px;
21511
+ --v-field-border-opacity: 0.38;
21512
+ align-items: stretch;
21513
+ contain: layout;
21514
+ display: flex;
21515
+ height: 100%;
21516
+ left: 0;
21517
+ pointer-events: none;
21518
+ position: absolute;
21519
+ right: 0;
21520
+ width: 100%;
21753
21521
  }
21754
- .v-field--appended {
21755
- padding-inline-end: 12px;
21522
+ @media (hover: hover) {
21523
+ .v-field:hover .v-field__outline {
21524
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
21525
+ }
21756
21526
  }
21757
- .v-field--variant-solo, .v-field--variant-solo-filled {
21758
- background: rgb(var(--v-theme-surface));
21759
- border-color: transparent;
21760
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21527
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
21528
+ color: rgb(var(--v-theme-error));
21761
21529
  }
21762
- .v-field--variant-solo, .v-field--variant-solo-filled {
21763
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21530
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
21531
+ --v-field-border-opacity: 1;
21764
21532
  }
21765
- .v-field--variant-solo-inverted {
21766
- background: rgb(var(--v-theme-surface));
21767
- border-color: transparent;
21768
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21533
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
21534
+ --v-field-border-width: 2px;
21769
21535
  }
21770
- .v-field--variant-solo-inverted {
21771
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21536
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21537
+ border-color: currentColor;
21538
+ border-style: solid;
21539
+ border-width: 0 0 var(--v-field-border-width);
21540
+ opacity: var(--v-field-border-opacity);
21541
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21772
21542
  }
21773
- .v-field--variant-solo-inverted.v-field--focused {
21774
- color: rgb(var(--v-theme-on-surface-variant));
21543
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21544
+ content: "";
21545
+ position: absolute;
21546
+ top: 0;
21547
+ left: 0;
21548
+ width: 100%;
21549
+ height: 100%;
21775
21550
  }
21776
- .v-field--variant-filled {
21777
- border-bottom-left-radius: 0;
21778
- border-bottom-right-radius: 0;
21551
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21552
+ border-color: currentColor;
21553
+ border-style: solid;
21554
+ border-width: 0 0 2px;
21555
+ transform: scaleX(0);
21556
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21779
21557
  }
21780
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21781
- --v-input-control-height: 56px;
21782
- --v-field-padding-bottom: 4px;
21558
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21559
+ content: "";
21560
+ position: absolute;
21561
+ top: 0;
21562
+ left: 0;
21563
+ width: 100%;
21564
+ height: 100%;
21783
21565
  }
21784
-
21785
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21786
- --v-input-control-height: 48px;
21787
- --v-field-padding-bottom: 0px;
21566
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
21567
+ transform: scaleX(1);
21788
21568
  }
21789
21569
 
21790
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21791
- --v-input-control-height: 40px;
21792
- --v-field-padding-bottom: 0px;
21570
+ .v-field--variant-outlined .v-field__outline {
21571
+ border-radius: inherit;
21793
21572
  }
21794
-
21795
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21796
- --v-field-padding-top: 0px;
21573
+ .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
21574
+ border: 0 solid currentColor;
21575
+ opacity: var(--v-field-border-opacity);
21576
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21797
21577
  }
21798
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21799
- --v-field-padding-bottom: 16px;
21578
+ .v-field--variant-outlined .v-field__outline__start {
21579
+ flex: 0 0 12px;
21580
+ border-top-width: var(--v-field-border-width);
21581
+ border-bottom-width: var(--v-field-border-width);
21582
+ border-inline-start-width: var(--v-field-border-width);
21583
+ border-start-start-radius: inherit;
21584
+ border-start-end-radius: 0;
21585
+ border-end-end-radius: 0;
21586
+ border-end-start-radius: inherit;
21800
21587
  }
21801
-
21802
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21803
- --v-field-padding-bottom: 12px;
21588
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
21589
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
21590
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
21591
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21804
21592
  }
21805
21593
 
21806
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21807
- --v-field-padding-bottom: 8px;
21594
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
21595
+ border-start-start-radius: 0;
21596
+ border-start-end-radius: inherit;
21597
+ border-end-end-radius: inherit;
21598
+ border-end-start-radius: 0;
21599
+ border-inline-end-width: var(--v-field-border-width);
21600
+ border-inline-start-width: 0;
21808
21601
  }
21809
21602
 
21810
- .v-field--variant-plain, .v-field--variant-underlined {
21811
- border-radius: 0;
21812
- padding: 0;
21603
+ .v-field--variant-outlined .v-field__outline__notch {
21604
+ flex: none;
21605
+ position: relative;
21606
+ max-width: calc(100% - 12px);
21813
21607
  }
21814
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21815
- --v-field-padding-start: 0px;
21816
- --v-field-padding-end: 0px;
21608
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21609
+ opacity: var(--v-field-border-opacity);
21610
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21817
21611
  }
21818
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21819
- --v-input-control-height: 48px;
21820
- --v-field-padding-top: 4px;
21821
- --v-field-padding-bottom: 4px;
21612
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21613
+ content: "";
21614
+ position: absolute;
21615
+ top: 0;
21616
+ left: 0;
21617
+ width: 100%;
21618
+ height: 100%;
21822
21619
  }
21823
-
21824
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21825
- --v-input-control-height: 40px;
21826
- --v-field-padding-top: 2px;
21827
- --v-field-padding-bottom: 0px;
21620
+ .v-field--variant-outlined .v-field__outline__notch::before {
21621
+ border-width: var(--v-field-border-width) 0 0;
21828
21622
  }
21829
-
21830
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21831
- --v-input-control-height: 32px;
21832
- --v-field-padding-top: 0px;
21833
- --v-field-padding-bottom: 0px;
21623
+ .v-field--variant-outlined .v-field__outline__notch::after {
21624
+ bottom: 0;
21625
+ border-width: 0 0 var(--v-field-border-width);
21626
+ }
21627
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21628
+ opacity: 0;
21834
21629
  }
21835
21630
 
21836
- .v-field--flat {
21837
- box-shadow: none;
21631
+ .v-field--variant-outlined .v-field__outline__end {
21632
+ flex: 1;
21633
+ border-top-width: var(--v-field-border-width);
21634
+ border-bottom-width: var(--v-field-border-width);
21635
+ border-inline-end-width: var(--v-field-border-width);
21636
+ border-start-start-radius: 0;
21637
+ border-start-end-radius: inherit;
21638
+ border-end-end-radius: inherit;
21639
+ border-end-start-radius: 0;
21838
21640
  }
21839
- .v-field--rounded {
21840
- border-radius: 24px;
21641
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21642
+ border-start-start-radius: inherit;
21643
+ border-start-end-radius: 0;
21644
+ border-end-end-radius: 0;
21645
+ border-end-start-radius: inherit;
21646
+ border-inline-end-width: 0;
21647
+ border-inline-start-width: var(--v-field-border-width);
21841
21648
  }
21842
- .v-field.v-field--prepended {
21843
- --v-field-padding-start: 6px;
21649
+
21650
+ /* endregion */
21651
+ /* region LOADER */
21652
+ .v-field__loader {
21653
+ top: calc(100% - 2px);
21654
+ left: 0;
21655
+ position: absolute;
21656
+ right: 0;
21657
+ width: 100%;
21658
+ border-top-left-radius: 0;
21659
+ border-top-right-radius: 0;
21660
+ border-bottom-left-radius: inherit;
21661
+ border-bottom-right-radius: inherit;
21662
+ overflow: hidden;
21844
21663
  }
21845
- .v-field.v-field--appended {
21846
- --v-field-padding-end: 6px;
21664
+ .v-field--variant-outlined .v-field__loader {
21665
+ top: calc(100% - 3px);
21666
+ width: calc(100% - 1px * 2);
21667
+ left: 1px;
21847
21668
  }
21848
21669
 
21849
21670
  /* endregion */
21850
- /* region ELEMENTS */
21851
- .v-field__input {
21852
- align-items: center;
21853
- color: inherit;
21854
- column-gap: 2px;
21855
- display: flex;
21856
- flex-wrap: wrap;
21857
- letter-spacing: 0.009375em;
21858
- opacity: var(--v-high-emphasis-opacity);
21859
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21860
- min-width: 0;
21861
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21862
- padding-top: var(--v-field-input-padding-top);
21863
- padding-bottom: var(--v-field-input-padding-bottom);
21864
- position: relative;
21865
- width: 100%;
21671
+ /* region OVERLAY */
21672
+ .v-field__overlay {
21673
+ border-radius: inherit;
21674
+ pointer-events: none;
21866
21675
  }
21867
- .v-input--density-default .v-field__input {
21868
- row-gap: 8px;
21676
+ .v-field__overlay {
21677
+ position: absolute;
21678
+ top: 0;
21679
+ left: 0;
21680
+ width: 100%;
21681
+ height: 100%;
21869
21682
  }
21870
21683
 
21871
- .v-input--density-comfortable .v-field__input {
21872
- row-gap: 6px;
21684
+ .v-field--variant-filled .v-field__overlay {
21685
+ background-color: currentColor;
21686
+ opacity: 0.04;
21687
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21873
21688
  }
21874
-
21875
- .v-input--density-compact .v-field__input {
21876
- row-gap: 4px;
21689
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
21690
+ opacity: 0;
21877
21691
  }
21878
-
21879
- .v-field__input input {
21880
- letter-spacing: inherit;
21692
+ @media (hover: hover) {
21693
+ .v-field--variant-filled:hover .v-field__overlay {
21694
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21695
+ }
21881
21696
  }
21882
- .v-field__input input::placeholder,
21883
- input.v-field__input::placeholder,
21884
- textarea.v-field__input::placeholder {
21885
- color: currentColor;
21886
- opacity: var(--v-disabled-opacity);
21697
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
21698
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21887
21699
  }
21888
21700
 
21889
- .v-field__input:focus, .v-field__input:active {
21890
- outline: none;
21701
+ .v-field--variant-solo-filled .v-field__overlay {
21702
+ background-color: currentColor;
21703
+ opacity: 0.04;
21704
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21891
21705
  }
21892
- .v-field__input:invalid {
21893
- box-shadow: none;
21706
+ @media (hover: hover) {
21707
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21708
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21709
+ }
21894
21710
  }
21895
-
21896
- .v-field__field {
21897
- flex: 1 0;
21898
- grid-area: field;
21899
- position: relative;
21900
- align-items: flex-start;
21901
- display: flex;
21711
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21712
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21902
21713
  }
21903
21714
 
21904
- /* endregion */
21905
- /* region AFFIXES */
21906
- .v-field__prepend-inner {
21907
- grid-area: prepend-inner;
21908
- padding-inline-end: var(--v-field-padding-after);
21715
+ .v-field--variant-solo-inverted .v-field__overlay {
21716
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21909
21717
  }
21910
-
21911
- .v-field__clearable {
21912
- grid-area: clear;
21718
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21719
+ opacity: 0;
21913
21720
  }
21914
-
21915
- .v-field__append-inner {
21916
- grid-area: append-inner;
21917
- padding-inline-start: var(--v-field-padding-after);
21721
+ @media (hover: hover) {
21722
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21723
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21724
+ }
21725
+ }
21726
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21727
+ background-color: rgb(var(--v-theme-surface-variant));
21728
+ opacity: 1;
21918
21729
  }
21919
21730
 
21920
- .v-field__append-inner,
21921
- .v-field__clearable,
21922
- .v-field__prepend-inner {
21923
- display: flex;
21924
- align-items: flex-start;
21925
- padding-top: var(--v-input-padding-top, 8px);
21731
+ /* endregion */
21732
+ /* region MODIFIERS */
21733
+ .v-field--reverse .v-field__field,
21734
+ .v-field--reverse .v-field__input,
21735
+ .v-field--reverse .v-field__outline {
21736
+ flex-direction: row-reverse;
21926
21737
  }
21927
- .v-field--center-affix .v-field__append-inner,
21928
- .v-field--center-affix .v-field__clearable,
21929
- .v-field--center-affix .v-field__prepend-inner {
21930
- align-items: center;
21931
- padding-top: 0;
21738
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21739
+ text-align: end;
21932
21740
  }
21933
21741
 
21934
- .v-field.v-field--variant-underlined .v-field__append-inner,
21935
- .v-field.v-field--variant-underlined .v-field__clearable,
21936
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
21937
- .v-field.v-field--variant-plain .v-field__append-inner,
21938
- .v-field.v-field--variant-plain .v-field__clearable,
21939
- .v-field.v-field--variant-plain .v-field__prepend-inner {
21940
- align-items: flex-start;
21941
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21942
- padding-bottom: var(--v-field-padding-bottom, 4px);
21742
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21743
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21744
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21943
21745
  }
21944
21746
 
21945
- .v-field--focused .v-field__prepend-inner,
21946
- .v-field--focused .v-field__append-inner {
21947
- opacity: 1;
21747
+ .v-field--loading .v-field__outline::after,
21748
+ .v-field--loading .v-field__outline::before {
21749
+ opacity: 0;
21948
21750
  }
21949
21751
 
21950
- .v-field__prepend-inner > .v-icon,
21951
- .v-field__append-inner > .v-icon,
21952
- .v-field__clearable > .v-icon {
21953
- opacity: var(--v-medium-emphasis-opacity);
21752
+ /* endregion */.v-file-input--hide.v-input .v-field,
21753
+ .v-file-input--hide.v-input .v-input__control,
21754
+ .v-file-input--hide.v-input .v-input__details {
21755
+ display: none;
21954
21756
  }
21955
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
21956
- .v-field--disabled .v-field__append-inner > .v-icon,
21957
- .v-field--error .v-field__append-inner > .v-icon,
21958
- .v-field--disabled .v-field__clearable > .v-icon,
21959
- .v-field--error .v-field__clearable > .v-icon {
21960
- opacity: 1;
21757
+ .v-file-input--hide.v-input .v-input__prepend {
21758
+ grid-area: control;
21759
+ margin: 0 auto;
21961
21760
  }
21962
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
21963
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
21964
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
21965
- color: rgb(var(--v-theme-error));
21761
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21762
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21763
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21764
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21765
+ top: 0px;
21966
21766
  }
21967
-
21968
- .v-field__clearable {
21969
- cursor: pointer;
21767
+ .v-file-input input[type=file] {
21768
+ height: 100%;
21769
+ left: 0;
21970
21770
  opacity: 0;
21971
- overflow: hidden;
21972
- margin-inline: 4px;
21973
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21974
- transition-property: opacity, transform, width;
21771
+ position: absolute;
21772
+ top: 0;
21773
+ width: 100%;
21774
+ z-index: 1;
21975
21775
  }
21976
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
21977
- opacity: 1;
21776
+ .v-file-input .v-input__details {
21777
+ padding-inline: 16px;
21978
21778
  }
21979
- @media (hover: hover) {
21980
- .v-field:hover .v-field__clearable {
21981
- opacity: 1;
21982
- }
21779
+ .v-input--plain-underlined.v-file-input .v-input__details {
21780
+ padding-inline: 0;
21781
+ }.v-footer {
21782
+ align-items: center;
21783
+ display: flex;
21784
+ flex: 1 1 auto;
21785
+ padding: 8px 16px;
21786
+ position: relative;
21787
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21788
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21983
21789
  }
21984
- @media (hover: none) {
21985
- .v-field__clearable {
21986
- opacity: 1;
21987
- }
21790
+ .v-footer {
21791
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21792
+ border-style: solid;
21793
+ border-width: 0;
21988
21794
  }
21989
-
21990
- /* endregion */
21991
- /* region LABEL */
21992
- .v-label.v-field-label {
21993
- contain: layout paint;
21994
- display: block;
21995
- margin-inline-start: var(--v-field-padding-start);
21996
- margin-inline-end: var(--v-field-padding-end);
21997
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21998
- pointer-events: none;
21795
+ .v-footer--border {
21796
+ border-width: thin;
21797
+ box-shadow: none;
21798
+ }
21799
+ .v-footer {
21800
+ 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));
21801
+ }
21802
+ .v-footer--absolute {
21999
21803
  position: absolute;
22000
- top: var(--v-input-padding-top);
22001
- transform-origin: left center;
22002
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22003
- transition-property: opacity, transform;
22004
- z-index: 1;
22005
21804
  }
22006
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
22007
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21805
+ .v-footer--fixed {
21806
+ position: fixed;
22008
21807
  }
22009
- .v-field--center-affix .v-label.v-field-label {
22010
- top: 50%;
22011
- transform: translateY(-50%);
21808
+ .v-footer {
21809
+ border-radius: 0;
22012
21810
  }
22013
- .v-field--active .v-label.v-field-label {
22014
- visibility: hidden;
21811
+ .v-footer {
21812
+ background: rgb(var(--v-theme-surface));
21813
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22015
21814
  }
22016
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
22017
- opacity: 1;
21815
+ .v-footer--rounded {
21816
+ border-radius: 4px;
21817
+ }.v-container {
21818
+ width: 100%;
21819
+ padding: 16px;
21820
+ margin-right: auto;
21821
+ margin-left: auto;
22018
21822
  }
22019
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
22020
- color: rgb(var(--v-theme-error));
21823
+ @media (min-width: 960px) {
21824
+ .v-container {
21825
+ max-width: 900px;
21826
+ }
22021
21827
  }
22022
- .v-label.v-field-label--floating {
22023
- --v-field-label-scale: 0.75em;
22024
- font-size: var(--v-field-label-scale);
22025
- visibility: hidden;
21828
+ @media (min-width: 1280px) {
21829
+ .v-container {
21830
+ max-width: 1200px;
21831
+ }
21832
+ }
21833
+ @media (min-width: 1920px) {
21834
+ .v-container {
21835
+ max-width: 1800px;
21836
+ }
21837
+ }
21838
+ @media (min-width: 2560px) {
21839
+ .v-container {
21840
+ max-width: 2400px;
21841
+ }
21842
+ }
21843
+ .v-container--fluid {
22026
21844
  max-width: 100%;
22027
21845
  }
22028
- .v-field--center-affix .v-label.v-field-label--floating {
22029
- transform: none;
21846
+ .v-container.fill-height {
21847
+ align-items: center;
21848
+ display: flex;
21849
+ flex-wrap: wrap;
21850
+ }
21851
+
21852
+ .v-row {
21853
+ display: flex;
21854
+ flex-wrap: wrap;
21855
+ flex: 1 1 auto;
21856
+ margin: -12px;
22030
21857
  }
22031
- .v-field.v-field--active .v-label.v-field-label--floating {
22032
- visibility: unset;
21858
+ .v-row + .v-row {
21859
+ margin-top: 12px;
22033
21860
  }
22034
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
22035
- top: 7px;
21861
+ .v-row + .v-row--dense {
21862
+ margin-top: 4px;
22036
21863
  }
22037
-
22038
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
22039
- top: 5px;
21864
+ .v-row--dense {
21865
+ margin: -4px;
22040
21866
  }
22041
-
22042
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22043
- top: 3px;
21867
+ .v-row--dense > .v-col,
21868
+ .v-row--dense > [class*=v-col-] {
21869
+ padding: 4px;
22044
21870
  }
22045
-
22046
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22047
- transform: translateY(-16px);
21871
+ .v-row.v-row--no-gutters {
22048
21872
  margin: 0;
22049
- top: var(--v-input-padding-top);
22050
21873
  }
22051
- .v-field--variant-outlined .v-label.v-field-label--floating {
22052
- transform: translateY(-50%);
22053
- transform-origin: center;
22054
- position: static;
22055
- margin: 0 4px;
21874
+ .v-row.v-row--no-gutters > .v-col,
21875
+ .v-row.v-row--no-gutters > [class*=v-col-] {
21876
+ padding: 0;
22056
21877
  }
22057
21878
 
22058
- /* endregion */
22059
- /* region OUTLINE */
22060
- .v-field__outline {
22061
- --v-field-border-width: 1px;
22062
- --v-field-border-opacity: 0.38;
22063
- align-items: stretch;
22064
- contain: layout;
22065
- display: flex;
22066
- height: 100%;
22067
- left: 0;
22068
- pointer-events: none;
22069
- position: absolute;
22070
- right: 0;
22071
- width: 100%;
22072
- }
22073
- @media (hover: hover) {
22074
- .v-field:hover .v-field__outline {
22075
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
22076
- }
21879
+ .v-spacer {
21880
+ flex-grow: 1;
22077
21881
  }
22078
- .v-field--error:not(.v-field--disabled) .v-field__outline {
22079
- color: rgb(var(--v-theme-error));
21882
+
21883
+ .v-col-xxl,
21884
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
21885
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
21886
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
21887
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
21888
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
21889
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
21890
+ width: 100%;
21891
+ padding: 12px;
22080
21892
  }
22081
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22082
- --v-field-border-opacity: 1;
21893
+
21894
+ .v-col {
21895
+ flex-basis: 0;
21896
+ flex-grow: 1;
21897
+ max-width: 100%;
22083
21898
  }
22084
- .v-field--variant-outlined.v-field--focused .v-field__outline {
22085
- --v-field-border-width: 2px;
21899
+
21900
+ .v-col-auto {
21901
+ flex: 0 0 auto;
21902
+ width: auto;
21903
+ max-width: 100%;
22086
21904
  }
22087
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22088
- border-color: currentColor;
22089
- border-style: solid;
22090
- border-width: 0 0 var(--v-field-border-width);
22091
- opacity: var(--v-field-border-opacity);
22092
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21905
+
21906
+ .v-col-1 {
21907
+ flex: 0 0 8.3333333333%;
21908
+ max-width: 8.3333333333%;
22093
21909
  }
22094
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22095
- content: "";
22096
- position: absolute;
22097
- top: 0;
22098
- left: 0;
22099
- width: 100%;
22100
- height: 100%;
21910
+
21911
+ .v-col-2 {
21912
+ flex: 0 0 16.6666666667%;
21913
+ max-width: 16.6666666667%;
22101
21914
  }
22102
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22103
- border-color: currentColor;
22104
- border-style: solid;
22105
- border-width: 0 0 2px;
22106
- transform: scaleX(0);
22107
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21915
+
21916
+ .v-col-3 {
21917
+ flex: 0 0 25%;
21918
+ max-width: 25%;
22108
21919
  }
22109
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22110
- content: "";
22111
- position: absolute;
22112
- top: 0;
22113
- left: 0;
22114
- width: 100%;
22115
- height: 100%;
21920
+
21921
+ .v-col-4 {
21922
+ flex: 0 0 33.3333333333%;
21923
+ max-width: 33.3333333333%;
22116
21924
  }
22117
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22118
- transform: scaleX(1);
21925
+
21926
+ .v-col-5 {
21927
+ flex: 0 0 41.6666666667%;
21928
+ max-width: 41.6666666667%;
22119
21929
  }
22120
21930
 
22121
- .v-field--variant-outlined .v-field__outline {
22122
- border-radius: inherit;
21931
+ .v-col-6 {
21932
+ flex: 0 0 50%;
21933
+ max-width: 50%;
22123
21934
  }
22124
- .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
22125
- border: 0 solid currentColor;
22126
- opacity: var(--v-field-border-opacity);
22127
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21935
+
21936
+ .v-col-7 {
21937
+ flex: 0 0 58.3333333333%;
21938
+ max-width: 58.3333333333%;
22128
21939
  }
22129
- .v-field--variant-outlined .v-field__outline__start {
22130
- flex: 0 0 12px;
22131
- border-top-width: var(--v-field-border-width);
22132
- border-bottom-width: var(--v-field-border-width);
22133
- border-inline-start-width: var(--v-field-border-width);
22134
- border-start-start-radius: inherit;
22135
- border-start-end-radius: 0;
22136
- border-end-end-radius: 0;
22137
- border-end-start-radius: inherit;
21940
+
21941
+ .v-col-8 {
21942
+ flex: 0 0 66.6666666667%;
21943
+ max-width: 66.6666666667%;
22138
21944
  }
22139
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
22140
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
22141
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
22142
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21945
+
21946
+ .v-col-9 {
21947
+ flex: 0 0 75%;
21948
+ max-width: 75%;
22143
21949
  }
22144
21950
 
22145
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
22146
- border-start-start-radius: 0;
22147
- border-start-end-radius: inherit;
22148
- border-end-end-radius: inherit;
22149
- border-end-start-radius: 0;
22150
- border-inline-end-width: var(--v-field-border-width);
22151
- border-inline-start-width: 0;
21951
+ .v-col-10 {
21952
+ flex: 0 0 83.3333333333%;
21953
+ max-width: 83.3333333333%;
22152
21954
  }
22153
21955
 
22154
- .v-field--variant-outlined .v-field__outline__notch {
22155
- flex: none;
22156
- position: relative;
22157
- max-width: calc(100% - 12px);
21956
+ .v-col-11 {
21957
+ flex: 0 0 91.6666666667%;
21958
+ max-width: 91.6666666667%;
22158
21959
  }
22159
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22160
- opacity: var(--v-field-border-opacity);
22161
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21960
+
21961
+ .v-col-12 {
21962
+ flex: 0 0 100%;
21963
+ max-width: 100%;
22162
21964
  }
22163
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22164
- content: "";
22165
- position: absolute;
22166
- top: 0;
22167
- left: 0;
22168
- width: 100%;
22169
- height: 100%;
21965
+
21966
+ .offset-1 {
21967
+ margin-inline-start: 8.3333333333%;
22170
21968
  }
22171
- .v-field--variant-outlined .v-field__outline__notch::before {
22172
- border-width: var(--v-field-border-width) 0 0;
21969
+
21970
+ .offset-2 {
21971
+ margin-inline-start: 16.6666666667%;
22173
21972
  }
22174
- .v-field--variant-outlined .v-field__outline__notch::after {
22175
- bottom: 0;
22176
- border-width: 0 0 var(--v-field-border-width);
21973
+
21974
+ .offset-3 {
21975
+ margin-inline-start: 25%;
22177
21976
  }
22178
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22179
- opacity: 0;
21977
+
21978
+ .offset-4 {
21979
+ margin-inline-start: 33.3333333333%;
22180
21980
  }
22181
21981
 
22182
- .v-field--variant-outlined .v-field__outline__end {
22183
- flex: 1;
22184
- border-top-width: var(--v-field-border-width);
22185
- border-bottom-width: var(--v-field-border-width);
22186
- border-inline-end-width: var(--v-field-border-width);
22187
- border-start-start-radius: 0;
22188
- border-start-end-radius: inherit;
22189
- border-end-end-radius: inherit;
22190
- border-end-start-radius: 0;
21982
+ .offset-5 {
21983
+ margin-inline-start: 41.6666666667%;
22191
21984
  }
22192
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22193
- border-start-start-radius: inherit;
22194
- border-start-end-radius: 0;
22195
- border-end-end-radius: 0;
22196
- border-end-start-radius: inherit;
22197
- border-inline-end-width: 0;
22198
- border-inline-start-width: var(--v-field-border-width);
21985
+
21986
+ .offset-6 {
21987
+ margin-inline-start: 50%;
22199
21988
  }
22200
21989
 
22201
- /* endregion */
22202
- /* region LOADER */
22203
- .v-field__loader {
22204
- top: calc(100% - 2px);
22205
- left: 0;
22206
- position: absolute;
22207
- right: 0;
22208
- width: 100%;
22209
- border-top-left-radius: 0;
22210
- border-top-right-radius: 0;
22211
- border-bottom-left-radius: inherit;
22212
- border-bottom-right-radius: inherit;
22213
- overflow: hidden;
21990
+ .offset-7 {
21991
+ margin-inline-start: 58.3333333333%;
22214
21992
  }
22215
- .v-field--variant-outlined .v-field__loader {
22216
- top: calc(100% - 3px);
22217
- width: calc(100% - 1px * 2);
22218
- left: 1px;
21993
+
21994
+ .offset-8 {
21995
+ margin-inline-start: 66.6666666667%;
22219
21996
  }
22220
21997
 
22221
- /* endregion */
22222
- /* region OVERLAY */
22223
- .v-field__overlay {
22224
- border-radius: inherit;
22225
- pointer-events: none;
21998
+ .offset-9 {
21999
+ margin-inline-start: 75%;
22226
22000
  }
22227
- .v-field__overlay {
22228
- position: absolute;
22229
- top: 0;
22230
- left: 0;
22231
- width: 100%;
22232
- height: 100%;
22001
+
22002
+ .offset-10 {
22003
+ margin-inline-start: 83.3333333333%;
22233
22004
  }
22234
22005
 
22235
- .v-field--variant-filled .v-field__overlay {
22236
- background-color: currentColor;
22237
- opacity: 0.04;
22238
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22006
+ .offset-11 {
22007
+ margin-inline-start: 91.6666666667%;
22239
22008
  }
22240
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
22241
- opacity: 0;
22009
+
22010
+ @media (min-width: 600px) {
22011
+ .v-col-sm {
22012
+ flex-basis: 0;
22013
+ flex-grow: 1;
22014
+ max-width: 100%;
22015
+ }
22016
+ .v-col-sm-auto {
22017
+ flex: 0 0 auto;
22018
+ width: auto;
22019
+ max-width: 100%;
22020
+ }
22021
+ .v-col-sm-1 {
22022
+ flex: 0 0 8.3333333333%;
22023
+ max-width: 8.3333333333%;
22024
+ }
22025
+ .v-col-sm-2 {
22026
+ flex: 0 0 16.6666666667%;
22027
+ max-width: 16.6666666667%;
22028
+ }
22029
+ .v-col-sm-3 {
22030
+ flex: 0 0 25%;
22031
+ max-width: 25%;
22032
+ }
22033
+ .v-col-sm-4 {
22034
+ flex: 0 0 33.3333333333%;
22035
+ max-width: 33.3333333333%;
22036
+ }
22037
+ .v-col-sm-5 {
22038
+ flex: 0 0 41.6666666667%;
22039
+ max-width: 41.6666666667%;
22040
+ }
22041
+ .v-col-sm-6 {
22042
+ flex: 0 0 50%;
22043
+ max-width: 50%;
22044
+ }
22045
+ .v-col-sm-7 {
22046
+ flex: 0 0 58.3333333333%;
22047
+ max-width: 58.3333333333%;
22048
+ }
22049
+ .v-col-sm-8 {
22050
+ flex: 0 0 66.6666666667%;
22051
+ max-width: 66.6666666667%;
22052
+ }
22053
+ .v-col-sm-9 {
22054
+ flex: 0 0 75%;
22055
+ max-width: 75%;
22056
+ }
22057
+ .v-col-sm-10 {
22058
+ flex: 0 0 83.3333333333%;
22059
+ max-width: 83.3333333333%;
22060
+ }
22061
+ .v-col-sm-11 {
22062
+ flex: 0 0 91.6666666667%;
22063
+ max-width: 91.6666666667%;
22064
+ }
22065
+ .v-col-sm-12 {
22066
+ flex: 0 0 100%;
22067
+ max-width: 100%;
22068
+ }
22069
+ .offset-sm-0 {
22070
+ margin-inline-start: 0;
22071
+ }
22072
+ .offset-sm-1 {
22073
+ margin-inline-start: 8.3333333333%;
22074
+ }
22075
+ .offset-sm-2 {
22076
+ margin-inline-start: 16.6666666667%;
22077
+ }
22078
+ .offset-sm-3 {
22079
+ margin-inline-start: 25%;
22080
+ }
22081
+ .offset-sm-4 {
22082
+ margin-inline-start: 33.3333333333%;
22083
+ }
22084
+ .offset-sm-5 {
22085
+ margin-inline-start: 41.6666666667%;
22086
+ }
22087
+ .offset-sm-6 {
22088
+ margin-inline-start: 50%;
22089
+ }
22090
+ .offset-sm-7 {
22091
+ margin-inline-start: 58.3333333333%;
22092
+ }
22093
+ .offset-sm-8 {
22094
+ margin-inline-start: 66.6666666667%;
22095
+ }
22096
+ .offset-sm-9 {
22097
+ margin-inline-start: 75%;
22098
+ }
22099
+ .offset-sm-10 {
22100
+ margin-inline-start: 83.3333333333%;
22101
+ }
22102
+ .offset-sm-11 {
22103
+ margin-inline-start: 91.6666666667%;
22104
+ }
22242
22105
  }
22243
- @media (hover: hover) {
22244
- .v-field--variant-filled:hover .v-field__overlay {
22245
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22106
+ @media (min-width: 960px) {
22107
+ .v-col-md {
22108
+ flex-basis: 0;
22109
+ flex-grow: 1;
22110
+ max-width: 100%;
22111
+ }
22112
+ .v-col-md-auto {
22113
+ flex: 0 0 auto;
22114
+ width: auto;
22115
+ max-width: 100%;
22116
+ }
22117
+ .v-col-md-1 {
22118
+ flex: 0 0 8.3333333333%;
22119
+ max-width: 8.3333333333%;
22120
+ }
22121
+ .v-col-md-2 {
22122
+ flex: 0 0 16.6666666667%;
22123
+ max-width: 16.6666666667%;
22124
+ }
22125
+ .v-col-md-3 {
22126
+ flex: 0 0 25%;
22127
+ max-width: 25%;
22128
+ }
22129
+ .v-col-md-4 {
22130
+ flex: 0 0 33.3333333333%;
22131
+ max-width: 33.3333333333%;
22132
+ }
22133
+ .v-col-md-5 {
22134
+ flex: 0 0 41.6666666667%;
22135
+ max-width: 41.6666666667%;
22136
+ }
22137
+ .v-col-md-6 {
22138
+ flex: 0 0 50%;
22139
+ max-width: 50%;
22140
+ }
22141
+ .v-col-md-7 {
22142
+ flex: 0 0 58.3333333333%;
22143
+ max-width: 58.3333333333%;
22144
+ }
22145
+ .v-col-md-8 {
22146
+ flex: 0 0 66.6666666667%;
22147
+ max-width: 66.6666666667%;
22148
+ }
22149
+ .v-col-md-9 {
22150
+ flex: 0 0 75%;
22151
+ max-width: 75%;
22152
+ }
22153
+ .v-col-md-10 {
22154
+ flex: 0 0 83.3333333333%;
22155
+ max-width: 83.3333333333%;
22156
+ }
22157
+ .v-col-md-11 {
22158
+ flex: 0 0 91.6666666667%;
22159
+ max-width: 91.6666666667%;
22160
+ }
22161
+ .v-col-md-12 {
22162
+ flex: 0 0 100%;
22163
+ max-width: 100%;
22164
+ }
22165
+ .offset-md-0 {
22166
+ margin-inline-start: 0;
22167
+ }
22168
+ .offset-md-1 {
22169
+ margin-inline-start: 8.3333333333%;
22170
+ }
22171
+ .offset-md-2 {
22172
+ margin-inline-start: 16.6666666667%;
22173
+ }
22174
+ .offset-md-3 {
22175
+ margin-inline-start: 25%;
22176
+ }
22177
+ .offset-md-4 {
22178
+ margin-inline-start: 33.3333333333%;
22179
+ }
22180
+ .offset-md-5 {
22181
+ margin-inline-start: 41.6666666667%;
22182
+ }
22183
+ .offset-md-6 {
22184
+ margin-inline-start: 50%;
22185
+ }
22186
+ .offset-md-7 {
22187
+ margin-inline-start: 58.3333333333%;
22188
+ }
22189
+ .offset-md-8 {
22190
+ margin-inline-start: 66.6666666667%;
22191
+ }
22192
+ .offset-md-9 {
22193
+ margin-inline-start: 75%;
22194
+ }
22195
+ .offset-md-10 {
22196
+ margin-inline-start: 83.3333333333%;
22197
+ }
22198
+ .offset-md-11 {
22199
+ margin-inline-start: 91.6666666667%;
22200
+ }
22201
+ }
22202
+ @media (min-width: 1280px) {
22203
+ .v-col-lg {
22204
+ flex-basis: 0;
22205
+ flex-grow: 1;
22206
+ max-width: 100%;
22207
+ }
22208
+ .v-col-lg-auto {
22209
+ flex: 0 0 auto;
22210
+ width: auto;
22211
+ max-width: 100%;
22212
+ }
22213
+ .v-col-lg-1 {
22214
+ flex: 0 0 8.3333333333%;
22215
+ max-width: 8.3333333333%;
22216
+ }
22217
+ .v-col-lg-2 {
22218
+ flex: 0 0 16.6666666667%;
22219
+ max-width: 16.6666666667%;
22220
+ }
22221
+ .v-col-lg-3 {
22222
+ flex: 0 0 25%;
22223
+ max-width: 25%;
22224
+ }
22225
+ .v-col-lg-4 {
22226
+ flex: 0 0 33.3333333333%;
22227
+ max-width: 33.3333333333%;
22228
+ }
22229
+ .v-col-lg-5 {
22230
+ flex: 0 0 41.6666666667%;
22231
+ max-width: 41.6666666667%;
22232
+ }
22233
+ .v-col-lg-6 {
22234
+ flex: 0 0 50%;
22235
+ max-width: 50%;
22236
+ }
22237
+ .v-col-lg-7 {
22238
+ flex: 0 0 58.3333333333%;
22239
+ max-width: 58.3333333333%;
22240
+ }
22241
+ .v-col-lg-8 {
22242
+ flex: 0 0 66.6666666667%;
22243
+ max-width: 66.6666666667%;
22244
+ }
22245
+ .v-col-lg-9 {
22246
+ flex: 0 0 75%;
22247
+ max-width: 75%;
22248
+ }
22249
+ .v-col-lg-10 {
22250
+ flex: 0 0 83.3333333333%;
22251
+ max-width: 83.3333333333%;
22252
+ }
22253
+ .v-col-lg-11 {
22254
+ flex: 0 0 91.6666666667%;
22255
+ max-width: 91.6666666667%;
22256
+ }
22257
+ .v-col-lg-12 {
22258
+ flex: 0 0 100%;
22259
+ max-width: 100%;
22260
+ }
22261
+ .offset-lg-0 {
22262
+ margin-inline-start: 0;
22263
+ }
22264
+ .offset-lg-1 {
22265
+ margin-inline-start: 8.3333333333%;
22266
+ }
22267
+ .offset-lg-2 {
22268
+ margin-inline-start: 16.6666666667%;
22269
+ }
22270
+ .offset-lg-3 {
22271
+ margin-inline-start: 25%;
22272
+ }
22273
+ .offset-lg-4 {
22274
+ margin-inline-start: 33.3333333333%;
22275
+ }
22276
+ .offset-lg-5 {
22277
+ margin-inline-start: 41.6666666667%;
22278
+ }
22279
+ .offset-lg-6 {
22280
+ margin-inline-start: 50%;
22281
+ }
22282
+ .offset-lg-7 {
22283
+ margin-inline-start: 58.3333333333%;
22284
+ }
22285
+ .offset-lg-8 {
22286
+ margin-inline-start: 66.6666666667%;
22287
+ }
22288
+ .offset-lg-9 {
22289
+ margin-inline-start: 75%;
22290
+ }
22291
+ .offset-lg-10 {
22292
+ margin-inline-start: 83.3333333333%;
22293
+ }
22294
+ .offset-lg-11 {
22295
+ margin-inline-start: 91.6666666667%;
22246
22296
  }
22247
22297
  }
22248
- .v-field--variant-filled.v-field--focused .v-field__overlay {
22249
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22250
- }
22251
-
22252
- .v-field--variant-solo-filled .v-field__overlay {
22253
- background-color: currentColor;
22254
- opacity: 0.04;
22255
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22298
+ @media (min-width: 1920px) {
22299
+ .v-col-xl {
22300
+ flex-basis: 0;
22301
+ flex-grow: 1;
22302
+ max-width: 100%;
22303
+ }
22304
+ .v-col-xl-auto {
22305
+ flex: 0 0 auto;
22306
+ width: auto;
22307
+ max-width: 100%;
22308
+ }
22309
+ .v-col-xl-1 {
22310
+ flex: 0 0 8.3333333333%;
22311
+ max-width: 8.3333333333%;
22312
+ }
22313
+ .v-col-xl-2 {
22314
+ flex: 0 0 16.6666666667%;
22315
+ max-width: 16.6666666667%;
22316
+ }
22317
+ .v-col-xl-3 {
22318
+ flex: 0 0 25%;
22319
+ max-width: 25%;
22320
+ }
22321
+ .v-col-xl-4 {
22322
+ flex: 0 0 33.3333333333%;
22323
+ max-width: 33.3333333333%;
22324
+ }
22325
+ .v-col-xl-5 {
22326
+ flex: 0 0 41.6666666667%;
22327
+ max-width: 41.6666666667%;
22328
+ }
22329
+ .v-col-xl-6 {
22330
+ flex: 0 0 50%;
22331
+ max-width: 50%;
22332
+ }
22333
+ .v-col-xl-7 {
22334
+ flex: 0 0 58.3333333333%;
22335
+ max-width: 58.3333333333%;
22336
+ }
22337
+ .v-col-xl-8 {
22338
+ flex: 0 0 66.6666666667%;
22339
+ max-width: 66.6666666667%;
22340
+ }
22341
+ .v-col-xl-9 {
22342
+ flex: 0 0 75%;
22343
+ max-width: 75%;
22344
+ }
22345
+ .v-col-xl-10 {
22346
+ flex: 0 0 83.3333333333%;
22347
+ max-width: 83.3333333333%;
22348
+ }
22349
+ .v-col-xl-11 {
22350
+ flex: 0 0 91.6666666667%;
22351
+ max-width: 91.6666666667%;
22352
+ }
22353
+ .v-col-xl-12 {
22354
+ flex: 0 0 100%;
22355
+ max-width: 100%;
22356
+ }
22357
+ .offset-xl-0 {
22358
+ margin-inline-start: 0;
22359
+ }
22360
+ .offset-xl-1 {
22361
+ margin-inline-start: 8.3333333333%;
22362
+ }
22363
+ .offset-xl-2 {
22364
+ margin-inline-start: 16.6666666667%;
22365
+ }
22366
+ .offset-xl-3 {
22367
+ margin-inline-start: 25%;
22368
+ }
22369
+ .offset-xl-4 {
22370
+ margin-inline-start: 33.3333333333%;
22371
+ }
22372
+ .offset-xl-5 {
22373
+ margin-inline-start: 41.6666666667%;
22374
+ }
22375
+ .offset-xl-6 {
22376
+ margin-inline-start: 50%;
22377
+ }
22378
+ .offset-xl-7 {
22379
+ margin-inline-start: 58.3333333333%;
22380
+ }
22381
+ .offset-xl-8 {
22382
+ margin-inline-start: 66.6666666667%;
22383
+ }
22384
+ .offset-xl-9 {
22385
+ margin-inline-start: 75%;
22386
+ }
22387
+ .offset-xl-10 {
22388
+ margin-inline-start: 83.3333333333%;
22389
+ }
22390
+ .offset-xl-11 {
22391
+ margin-inline-start: 91.6666666667%;
22392
+ }
22256
22393
  }
22257
- @media (hover: hover) {
22258
- .v-field--variant-solo-filled:hover .v-field__overlay {
22259
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22394
+ @media (min-width: 2560px) {
22395
+ .v-col-xxl {
22396
+ flex-basis: 0;
22397
+ flex-grow: 1;
22398
+ max-width: 100%;
22399
+ }
22400
+ .v-col-xxl-auto {
22401
+ flex: 0 0 auto;
22402
+ width: auto;
22403
+ max-width: 100%;
22404
+ }
22405
+ .v-col-xxl-1 {
22406
+ flex: 0 0 8.3333333333%;
22407
+ max-width: 8.3333333333%;
22408
+ }
22409
+ .v-col-xxl-2 {
22410
+ flex: 0 0 16.6666666667%;
22411
+ max-width: 16.6666666667%;
22412
+ }
22413
+ .v-col-xxl-3 {
22414
+ flex: 0 0 25%;
22415
+ max-width: 25%;
22416
+ }
22417
+ .v-col-xxl-4 {
22418
+ flex: 0 0 33.3333333333%;
22419
+ max-width: 33.3333333333%;
22420
+ }
22421
+ .v-col-xxl-5 {
22422
+ flex: 0 0 41.6666666667%;
22423
+ max-width: 41.6666666667%;
22424
+ }
22425
+ .v-col-xxl-6 {
22426
+ flex: 0 0 50%;
22427
+ max-width: 50%;
22428
+ }
22429
+ .v-col-xxl-7 {
22430
+ flex: 0 0 58.3333333333%;
22431
+ max-width: 58.3333333333%;
22432
+ }
22433
+ .v-col-xxl-8 {
22434
+ flex: 0 0 66.6666666667%;
22435
+ max-width: 66.6666666667%;
22436
+ }
22437
+ .v-col-xxl-9 {
22438
+ flex: 0 0 75%;
22439
+ max-width: 75%;
22440
+ }
22441
+ .v-col-xxl-10 {
22442
+ flex: 0 0 83.3333333333%;
22443
+ max-width: 83.3333333333%;
22444
+ }
22445
+ .v-col-xxl-11 {
22446
+ flex: 0 0 91.6666666667%;
22447
+ max-width: 91.6666666667%;
22448
+ }
22449
+ .v-col-xxl-12 {
22450
+ flex: 0 0 100%;
22451
+ max-width: 100%;
22452
+ }
22453
+ .offset-xxl-0 {
22454
+ margin-inline-start: 0;
22455
+ }
22456
+ .offset-xxl-1 {
22457
+ margin-inline-start: 8.3333333333%;
22458
+ }
22459
+ .offset-xxl-2 {
22460
+ margin-inline-start: 16.6666666667%;
22461
+ }
22462
+ .offset-xxl-3 {
22463
+ margin-inline-start: 25%;
22464
+ }
22465
+ .offset-xxl-4 {
22466
+ margin-inline-start: 33.3333333333%;
22467
+ }
22468
+ .offset-xxl-5 {
22469
+ margin-inline-start: 41.6666666667%;
22470
+ }
22471
+ .offset-xxl-6 {
22472
+ margin-inline-start: 50%;
22473
+ }
22474
+ .offset-xxl-7 {
22475
+ margin-inline-start: 58.3333333333%;
22476
+ }
22477
+ .offset-xxl-8 {
22478
+ margin-inline-start: 66.6666666667%;
22479
+ }
22480
+ .offset-xxl-9 {
22481
+ margin-inline-start: 75%;
22260
22482
  }
22261
- }
22262
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22263
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22264
- }
22265
-
22266
- .v-field--variant-solo-inverted .v-field__overlay {
22267
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22268
- }
22269
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22270
- opacity: 0;
22271
- }
22272
- @media (hover: hover) {
22273
- .v-field--variant-solo-inverted:hover .v-field__overlay {
22274
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22483
+ .offset-xxl-10 {
22484
+ margin-inline-start: 83.3333333333%;
22485
+ }
22486
+ .offset-xxl-11 {
22487
+ margin-inline-start: 91.6666666667%;
22275
22488
  }
22276
- }
22277
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22278
- background-color: rgb(var(--v-theme-surface-variant));
22279
- opacity: 1;
22280
- }
22281
-
22282
- /* endregion */
22283
- /* region MODIFIERS */
22284
- .v-field--reverse .v-field__field,
22285
- .v-field--reverse .v-field__input,
22286
- .v-field--reverse .v-field__outline {
22287
- flex-direction: row-reverse;
22288
- }
22289
- .v-field--reverse .v-field__input, .v-field--reverse input {
22290
- text-align: end;
22291
- }
22292
-
22293
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22294
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22295
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
22296
- }
22297
-
22298
- .v-field--loading .v-field__outline::after,
22299
- .v-field--loading .v-field__outline::before {
22300
- opacity: 0;
22301
- }
22302
-
22303
- /* endregion */.v-fab {
22304
- align-items: center;
22305
- display: inline-flex;
22306
- flex: 1 1 auto;
22307
- pointer-events: none;
22308
- position: relative;
22309
- transition-duration: 0.2s;
22310
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22311
- vertical-align: middle;
22312
- }
22313
- .v-fab .v-btn {
22314
- pointer-events: auto;
22315
- }
22316
- .v-fab .v-btn--variant-elevated {
22317
- 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));
22318
- }
22319
- .v-fab--app, .v-fab--absolute {
22320
- display: flex;
22321
- }
22322
- .v-fab--start, .v-fab--left {
22323
- justify-content: flex-start;
22324
- }
22325
- .v-fab--center {
22326
- align-items: center;
22327
- justify-content: center;
22328
- }
22329
- .v-fab--end, .v-fab--right {
22330
- justify-content: flex-end;
22331
- }
22332
- .v-fab--bottom {
22333
- align-items: flex-end;
22334
- }
22335
- .v-fab--top {
22336
- align-items: flex-start;
22337
- }
22338
- .v-fab--extended .v-btn {
22339
- border-radius: 9999px !important;
22340
- }
22341
-
22342
- .v-fab__container {
22343
- align-self: center;
22344
- display: inline-flex;
22345
- position: absolute;
22346
- vertical-align: middle;
22347
- }
22348
- .v-fab--app .v-fab__container {
22349
- margin: 12px;
22350
- }
22351
- .v-fab--absolute .v-fab__container {
22352
- position: absolute;
22353
- z-index: 4;
22354
- }
22355
- .v-fab--offset.v-fab--top .v-fab__container {
22356
- transform: translateY(-50%);
22357
- }
22358
- .v-fab--offset.v-fab--bottom .v-fab__container {
22359
- transform: translateY(50%);
22360
- }
22361
- .v-fab--top .v-fab__container {
22362
- top: 0;
22363
- }
22364
- .v-fab--bottom .v-fab__container {
22365
- bottom: 0;
22366
- }
22367
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
22368
- left: 0;
22369
- }
22370
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
22371
- right: 0;
22372
- }.v-file-input--hide.v-input .v-field,
22373
- .v-file-input--hide.v-input .v-input__control,
22374
- .v-file-input--hide.v-input .v-input__details {
22375
- display: none;
22376
- }
22377
- .v-file-input--hide.v-input .v-input__prepend {
22378
- grid-area: control;
22379
- margin: 0 auto;
22380
- }
22381
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22382
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22383
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22384
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22385
- top: 0px;
22386
- }
22387
- .v-file-input input[type=file] {
22388
- height: 100%;
22389
- left: 0;
22390
- opacity: 0;
22391
- position: absolute;
22392
- top: 0;
22393
- width: 100%;
22394
- z-index: 1;
22395
- }
22396
- .v-file-input .v-input__details {
22397
- padding-inline: 16px;
22398
- }
22399
- .v-input--plain-underlined.v-file-input .v-input__details {
22400
- padding-inline: 0;
22401
- }.v-footer {
22402
- align-items: center;
22403
- display: flex;
22404
- flex: 1 1 auto;
22405
- padding: 8px 16px;
22406
- position: relative;
22407
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22408
- transition-property: height, width, transform, max-width, left, right, top, bottom;
22409
- }
22410
- .v-footer {
22411
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22412
- border-style: solid;
22413
- border-width: 0;
22414
- }
22415
- .v-footer--border {
22416
- border-width: thin;
22417
- box-shadow: none;
22418
- }
22419
- .v-footer {
22420
- 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));
22421
- }
22422
- .v-footer--absolute {
22423
- position: absolute;
22424
- }
22425
- .v-footer--fixed {
22426
- position: fixed;
22427
- }
22428
- .v-footer {
22429
- border-radius: 0;
22430
- }
22431
- .v-footer {
22432
- background: rgb(var(--v-theme-surface));
22433
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22434
- }
22435
- .v-footer--rounded {
22436
- border-radius: 4px;
22437
22489
  }.v-icon {
22438
22490
  --v-icon-size-multiplier: 1;
22439
22491
  align-items: center;
@@ -22538,6 +22590,43 @@ textarea.v-field__input::placeholder {
22538
22590
 
22539
22591
  .v-img__gradient {
22540
22592
  background-repeat: no-repeat;
22593
+ }.v-infinite-scroll--horizontal {
22594
+ display: flex;
22595
+ flex-direction: row;
22596
+ overflow-x: auto;
22597
+ }
22598
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22599
+ height: 100%;
22600
+ width: var(--v-infinite-margin-size, 1px);
22601
+ }
22602
+
22603
+ .v-infinite-scroll--vertical {
22604
+ display: flex;
22605
+ flex-direction: column;
22606
+ overflow-y: auto;
22607
+ }
22608
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22609
+ height: 1px;
22610
+ width: 100%;
22611
+ }
22612
+
22613
+ .v-infinite-scroll-intersect {
22614
+ pointer-events: none;
22615
+ margin-top: var(--v-infinite-margin);
22616
+ margin-bottom: calc(var(--v-infinite-margin) * -1);
22617
+ }
22618
+ .v-infinite-scroll-intersect:nth-child(2) {
22619
+ --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22620
+ }
22621
+ .v-infinite-scroll-intersect:nth-last-child(2) {
22622
+ --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22623
+ }
22624
+
22625
+ .v-infinite-scroll__side {
22626
+ align-items: center;
22627
+ display: flex;
22628
+ justify-content: center;
22629
+ padding: 8px;
22541
22630
  }.v-input {
22542
22631
  display: grid;
22543
22632
  flex: 1 1 auto;
@@ -22685,21 +22774,6 @@ textarea.v-field__input::placeholder {
22685
22774
  max-width: 100%;
22686
22775
  position: relative;
22687
22776
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22688
- }.v-layout {
22689
- --v-scrollbar-offset: 0px;
22690
- display: flex;
22691
- flex: 1 1 auto;
22692
- }
22693
- .v-layout--full-height {
22694
- --v-scrollbar-offset: inherit;
22695
- height: 100%;
22696
- }.v-layout-item {
22697
- position: absolute;
22698
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22699
- }
22700
-
22701
- .v-layout-item--absolute {
22702
- position: absolute;
22703
22777
  }.v-label {
22704
22778
  align-items: center;
22705
22779
  color: inherit;
@@ -22715,6 +22789,21 @@ textarea.v-field__input::placeholder {
22715
22789
 
22716
22790
  .v-label--clickable {
22717
22791
  cursor: pointer;
22792
+ }.v-layout {
22793
+ --v-scrollbar-offset: 0px;
22794
+ display: flex;
22795
+ flex: 1 1 auto;
22796
+ }
22797
+ .v-layout--full-height {
22798
+ --v-scrollbar-offset: inherit;
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;
22718
22807
  }.v-list {
22719
22808
  overflow: auto;
22720
22809
  padding: 8px 0;
@@ -23337,10 +23426,26 @@ textarea.v-field__input::placeholder {
23337
23426
  overflow: auto;
23338
23427
  height: 100%;
23339
23428
  }
23340
- .v-menu > .v-overlay__content > .v-card,
23341
- .v-menu > .v-overlay__content > .v-sheet,
23342
- .v-menu > .v-overlay__content > .v-list {
23343
- 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));
23429
+ .v-menu > .v-overlay__content > .v-card,
23430
+ .v-menu > .v-overlay__content > .v-sheet,
23431
+ .v-menu > .v-overlay__content > .v-list {
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));
23433
+ }.v-messages {
23434
+ flex: 1 1 auto;
23435
+ font-size: 12px;
23436
+ min-height: 14px;
23437
+ min-width: 1px;
23438
+ opacity: var(--v-medium-emphasis-opacity);
23439
+ position: relative;
23440
+ }
23441
+ .v-messages__message {
23442
+ line-height: 12px;
23443
+ word-break: break-word;
23444
+ overflow-wrap: break-word;
23445
+ word-wrap: break-word;
23446
+ -webkit-hyphens: auto;
23447
+ hyphens: auto;
23448
+ transition-duration: 150ms;
23344
23449
  }.v-navigation-drawer {
23345
23450
  -webkit-overflow-scrolling: touch;
23346
23451
  background: rgb(var(--v-theme-surface));
@@ -23449,86 +23554,6 @@ textarea.v-field__input::placeholder {
23449
23554
  .v-navigation-drawer__append {
23450
23555
  flex: none;
23451
23556
  overflow: hidden;
23452
- }.v-messages {
23453
- flex: 1 1 auto;
23454
- font-size: 12px;
23455
- min-height: 14px;
23456
- min-width: 1px;
23457
- opacity: var(--v-medium-emphasis-opacity);
23458
- position: relative;
23459
- }
23460
- .v-messages__message {
23461
- line-height: 12px;
23462
- word-break: break-word;
23463
- overflow-wrap: break-word;
23464
- word-wrap: break-word;
23465
- -webkit-hyphens: auto;
23466
- hyphens: auto;
23467
- transition-duration: 150ms;
23468
- }.v-otp-input {
23469
- align-items: center;
23470
- display: flex;
23471
- justify-content: center;
23472
- padding: 0.5rem 0;
23473
- position: relative;
23474
- }
23475
- .v-otp-input {
23476
- border-radius: 4px;
23477
- }
23478
- .v-otp-input .v-field {
23479
- height: 100%;
23480
- }
23481
-
23482
- .v-otp-input__divider {
23483
- margin: 0 8px;
23484
- }
23485
-
23486
- .v-otp-input__content {
23487
- align-items: center;
23488
- display: flex;
23489
- gap: 0.5rem;
23490
- height: 64px;
23491
- padding: 0.5rem;
23492
- justify-content: center;
23493
- max-width: 320px;
23494
- position: relative;
23495
- border-radius: inherit;
23496
- }
23497
- .v-otp-input--divided .v-otp-input__content {
23498
- max-width: 360px;
23499
- }
23500
-
23501
- .v-otp-input__field {
23502
- color: inherit;
23503
- font-size: 1.25rem;
23504
- height: 100%;
23505
- outline: none;
23506
- text-align: center;
23507
- width: 100%;
23508
- }
23509
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23510
- -webkit-appearance: none;
23511
- margin: 0;
23512
- }
23513
- .v-otp-input__field[type=number] {
23514
- -moz-appearance: textfield;
23515
- }
23516
-
23517
- .v-otp-input__loader {
23518
- align-items: center;
23519
- display: flex;
23520
- height: 100%;
23521
- justify-content: center;
23522
- width: 100%;
23523
- }
23524
- .v-otp-input__loader .v-progress-linear {
23525
- position: absolute;
23526
- }.v-parallax {
23527
- position: relative;
23528
- overflow: hidden;
23529
- }
23530
- .v-parallax--active > .v-img__img {
23531
- will-change: transform;
23532
23557
  }.v-overlay-container {
23533
23558
  contain: layout;
23534
23559
  left: 0;
@@ -23592,14 +23617,64 @@ html.v-overlay-scroll-blocked {
23592
23617
 
23593
23618
  .v-overlay--scroll-blocked {
23594
23619
  padding-inline-end: var(--v-scrollbar-offset);
23595
- }.v-pagination__list {
23596
- display: inline-flex;
23597
- list-style-type: none;
23620
+ }.v-otp-input {
23621
+ align-items: center;
23622
+ display: flex;
23623
+ justify-content: center;
23624
+ padding: 0.5rem 0;
23625
+ position: relative;
23626
+ }
23627
+ .v-otp-input {
23628
+ border-radius: 4px;
23629
+ }
23630
+ .v-otp-input .v-field {
23631
+ height: 100%;
23632
+ }
23633
+
23634
+ .v-otp-input__divider {
23635
+ margin: 0 8px;
23636
+ }
23637
+
23638
+ .v-otp-input__content {
23639
+ align-items: center;
23640
+ display: flex;
23641
+ gap: 0.5rem;
23642
+ height: 64px;
23643
+ padding: 0.5rem;
23644
+ justify-content: center;
23645
+ max-width: 320px;
23646
+ position: relative;
23647
+ border-radius: inherit;
23648
+ }
23649
+ .v-otp-input--divided .v-otp-input__content {
23650
+ max-width: 360px;
23651
+ }
23652
+
23653
+ .v-otp-input__field {
23654
+ color: inherit;
23655
+ font-size: 1.25rem;
23656
+ height: 100%;
23657
+ outline: none;
23658
+ text-align: center;
23659
+ width: 100%;
23660
+ }
23661
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23662
+ -webkit-appearance: none;
23663
+ margin: 0;
23664
+ }
23665
+ .v-otp-input__field[type=number] {
23666
+ -moz-appearance: textfield;
23667
+ }
23668
+
23669
+ .v-otp-input__loader {
23670
+ align-items: center;
23671
+ display: flex;
23672
+ height: 100%;
23598
23673
  justify-content: center;
23599
23674
  width: 100%;
23600
23675
  }
23601
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23602
- margin: 0.3rem;
23676
+ .v-otp-input__loader .v-progress-linear {
23677
+ position: absolute;
23603
23678
  }.v-progress-circular {
23604
23679
  align-items: center;
23605
23680
  display: inline-flex;
@@ -23702,6 +23777,14 @@ html.v-overlay-scroll-blocked {
23702
23777
  100% {
23703
23778
  transform: rotate(270deg);
23704
23779
  }
23780
+ }.v-pagination__list {
23781
+ display: inline-flex;
23782
+ list-style-type: none;
23783
+ justify-content: center;
23784
+ width: 100%;
23785
+ }
23786
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23787
+ margin: 0.3rem;
23705
23788
  }.v-progress-linear {
23706
23789
  background: transparent;
23707
23790
  overflow: hidden;
@@ -24130,58 +24213,14 @@ html.v-overlay-scroll-blocked {
24130
24213
  .v-select--active-menu .v-select__menu-icon {
24131
24214
  opacity: var(--v-high-emphasis-opacity);
24132
24215
  transform: rotate(180deg);
24133
- }.v-divider {
24134
- display: block;
24135
- flex: 1 1 100%;
24136
- height: 0px;
24137
- max-height: 0px;
24138
- opacity: var(--v-border-opacity);
24139
- transition: inherit;
24140
- }
24141
- .v-divider {
24142
- border-style: solid;
24143
- border-width: thin 0 0 0;
24144
- }
24145
- .v-divider--vertical {
24146
- align-self: stretch;
24147
- border-width: 0 thin 0 0;
24148
- display: inline-flex;
24149
- height: auto;
24150
- margin-left: -1px;
24151
- max-height: 100%;
24152
- max-width: 0px;
24153
- vertical-align: text-bottom;
24154
- width: 0px;
24155
- }
24156
- .v-divider--inset:not(.v-divider--vertical) {
24157
- max-width: calc(100% - 72px);
24158
- margin-inline-start: 72px;
24159
- }
24160
- .v-divider--inset.v-divider--vertical {
24161
- margin-bottom: 8px;
24162
- margin-top: 8px;
24163
- max-height: calc(100% - 16px);
24164
- }
24165
-
24166
- .v-divider__content {
24167
- padding: 0 16px;
24168
- text-wrap: nowrap;
24169
- }
24170
- .v-divider__wrapper--vertical .v-divider__content {
24171
- padding: 4px 0;
24172
- }
24173
-
24174
- .v-divider__wrapper {
24216
+ }.v-selection-control-group {
24217
+ grid-area: control;
24175
24218
  display: flex;
24176
- align-items: center;
24177
- justify-content: center;
24178
- }
24179
- .v-divider__wrapper--vertical {
24180
24219
  flex-direction: column;
24181
- height: 100%;
24182
24220
  }
24183
- .v-divider__wrapper--vertical .v-divider {
24184
- margin: 0 auto;
24221
+ .v-selection-control-group--inline {
24222
+ flex-direction: row;
24223
+ flex-wrap: wrap;
24185
24224
  }.v-selection-control {
24186
24225
  align-items: center;
24187
24226
  contain: layout;
@@ -24957,14 +24996,6 @@ html.v-overlay-scroll-blocked {
24957
24996
  left: 0;
24958
24997
  width: 100%;
24959
24998
  height: 100%;
24960
- }.v-selection-control-group {
24961
- grid-area: control;
24962
- display: flex;
24963
- flex-direction: column;
24964
- }
24965
- .v-selection-control-group--inline {
24966
- flex-direction: row;
24967
- flex-wrap: wrap;
24968
24999
  }.v-switch .v-label {
24969
25000
  padding-inline-start: 10px;
24970
25001
  }
@@ -25147,35 +25178,49 @@ html.v-overlay-scroll-blocked {
25147
25178
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25148
25179
  border-width: 0;
25149
25180
  }
25150
- }.v-tab.v-tab.v-btn {
25151
- height: var(--v-tabs-height);
25152
- border-radius: 0;
25153
- min-width: 90px;
25181
+ }.v-system-bar {
25182
+ align-items: center;
25183
+ display: flex;
25184
+ flex: 1 1 auto;
25185
+ height: 24px;
25186
+ justify-content: flex-end;
25187
+ max-width: 100%;
25188
+ padding-inline: 8px;
25189
+ position: relative;
25190
+ text-align: end;
25191
+ width: 100%;
25154
25192
  }
25155
- .v-slide-group--horizontal .v-tab {
25156
- max-width: 360px;
25193
+ .v-system-bar .v-icon {
25194
+ opacity: var(--v-medium-emphasis-opacity);
25195
+ }
25196
+ .v-system-bar {
25197
+ 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));
25198
+ }
25199
+ .v-system-bar--absolute {
25200
+ position: absolute;
25201
+ }
25202
+ .v-system-bar--fixed {
25203
+ position: fixed;
25204
+ }
25205
+ .v-system-bar {
25206
+ background: rgba(var(--v-theme-surface-light));
25207
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25157
25208
  }
25158
- .v-slide-group--vertical .v-tab {
25159
- justify-content: start;
25209
+ .v-system-bar {
25210
+ font-size: 0.75rem;
25211
+ font-weight: 400;
25212
+ letter-spacing: 0.0333333333em;
25213
+ line-height: 1.667;
25214
+ text-transform: none;
25160
25215
  }
25161
-
25162
- .v-tab__slider {
25163
- position: absolute;
25164
- bottom: 0;
25165
- left: 0;
25166
- height: 2px;
25167
- width: 100%;
25168
- background: currentColor;
25169
- pointer-events: none;
25170
- opacity: 0;
25216
+ .v-system-bar--rounded {
25217
+ border-radius: 0;
25171
25218
  }
25172
- .v-tab--selected .v-tab__slider {
25173
- opacity: 1;
25219
+ .v-system-bar--window {
25220
+ height: 32px;
25174
25221
  }
25175
- .v-slide-group--vertical .v-tab__slider {
25176
- top: 0;
25177
- height: 100%;
25178
- width: 2px;
25222
+ .v-system-bar:not(.v-system-bar--absolute) {
25223
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25179
25224
  }.v-tabs {
25180
25225
  display: flex;
25181
25226
  height: var(--v-tabs-height);
@@ -25242,6 +25287,35 @@ html.v-overlay-scroll-blocked {
25242
25287
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25243
25288
  margin-inline-end: 52px;
25244
25289
  }
25290
+ }.v-tab.v-tab.v-btn {
25291
+ height: var(--v-tabs-height);
25292
+ border-radius: 0;
25293
+ min-width: 90px;
25294
+ }
25295
+ .v-slide-group--horizontal .v-tab {
25296
+ max-width: 360px;
25297
+ }
25298
+ .v-slide-group--vertical .v-tab {
25299
+ justify-content: start;
25300
+ }
25301
+
25302
+ .v-tab__slider {
25303
+ position: absolute;
25304
+ bottom: 0;
25305
+ left: 0;
25306
+ height: 2px;
25307
+ width: 100%;
25308
+ background: currentColor;
25309
+ pointer-events: none;
25310
+ opacity: 0;
25311
+ }
25312
+ .v-tab--selected .v-tab__slider {
25313
+ opacity: 1;
25314
+ }
25315
+ .v-slide-group--vertical .v-tab__slider {
25316
+ top: 0;
25317
+ height: 100%;
25318
+ width: 2px;
25245
25319
  }.v-table {
25246
25320
  font-size: 0.875rem;
25247
25321
  transition-duration: 0.28s;
@@ -26155,86 +26229,12 @@ html.v-overlay-scroll-blocked {
26155
26229
  }
26156
26230
  .v-window-y-reverse-transition-leave-to {
26157
26231
  transform: translateY(100%);
26158
- }.v-system-bar {
26159
- align-items: center;
26160
- display: flex;
26161
- flex: 1 1 auto;
26162
- height: 24px;
26163
- justify-content: flex-end;
26164
- max-width: 100%;
26165
- padding-inline: 8px;
26232
+ }.v-parallax {
26166
26233
  position: relative;
26167
- text-align: end;
26168
- width: 100%;
26169
- }
26170
- .v-system-bar .v-icon {
26171
- opacity: var(--v-medium-emphasis-opacity);
26172
- }
26173
- .v-system-bar {
26174
- 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));
26175
- }
26176
- .v-system-bar--absolute {
26177
- position: absolute;
26178
- }
26179
- .v-system-bar--fixed {
26180
- position: fixed;
26181
- }
26182
- .v-system-bar {
26183
- background: rgba(var(--v-theme-surface-light));
26184
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
26185
- }
26186
- .v-system-bar {
26187
- font-size: 0.75rem;
26188
- font-weight: 400;
26189
- letter-spacing: 0.0333333333em;
26190
- line-height: 1.667;
26191
- text-transform: none;
26192
- }
26193
- .v-system-bar--rounded {
26194
- border-radius: 0;
26195
- }
26196
- .v-system-bar--window {
26197
- height: 32px;
26198
- }
26199
- .v-system-bar:not(.v-system-bar--absolute) {
26200
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
26201
- }.v-infinite-scroll--horizontal {
26202
- display: flex;
26203
- flex-direction: row;
26204
- overflow-x: auto;
26205
- }
26206
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
26207
- height: 100%;
26208
- width: var(--v-infinite-margin-size, 1px);
26209
- }
26210
-
26211
- .v-infinite-scroll--vertical {
26212
- display: flex;
26213
- flex-direction: column;
26214
- overflow-y: auto;
26215
- }
26216
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
26217
- height: 1px;
26218
- width: 100%;
26219
- }
26220
-
26221
- .v-infinite-scroll-intersect {
26222
- pointer-events: none;
26223
- margin-top: var(--v-infinite-margin);
26224
- margin-bottom: calc(var(--v-infinite-margin) * -1);
26225
- }
26226
- .v-infinite-scroll-intersect:nth-child(2) {
26227
- --v-infinite-margin: var(--v-infinite-margin-size, 1px);
26228
- }
26229
- .v-infinite-scroll-intersect:nth-last-child(2) {
26230
- --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
26234
+ overflow: hidden;
26231
26235
  }
26232
-
26233
- .v-infinite-scroll__side {
26234
- align-items: center;
26235
- display: flex;
26236
- justify-content: center;
26237
- padding: 8px;
26236
+ .v-parallax--active > .v-img__img {
26237
+ will-change: transform;
26238
26238
  }.v-color-picker-edit {
26239
26239
  display: flex;
26240
26240
  margin-top: 24px;
@@ -26263,63 +26263,6 @@ html.v-overlay-scroll-blocked {
26263
26263
  }
26264
26264
  .v-color-picker-edit__input span {
26265
26265
  font-size: 0.75rem;
26266
- }.v-color-picker-canvas {
26267
- display: flex;
26268
- position: relative;
26269
- overflow: hidden;
26270
- contain: content;
26271
- touch-action: none;
26272
- }
26273
- .v-color-picker-canvas__dot {
26274
- position: absolute;
26275
- top: 0;
26276
- left: 0;
26277
- width: 15px;
26278
- height: 15px;
26279
- background: transparent;
26280
- border-radius: 50%;
26281
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26282
- }
26283
- .v-color-picker-canvas__dot--disabled {
26284
- 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);
26285
- }
26286
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26287
- will-change: transform;
26288
- }.v-color-picker-swatches {
26289
- overflow-y: auto;
26290
- }
26291
- .v-color-picker-swatches > div {
26292
- display: flex;
26293
- flex-wrap: wrap;
26294
- justify-content: center;
26295
- padding: 8px;
26296
- }
26297
-
26298
- .v-color-picker-swatches__swatch {
26299
- display: flex;
26300
- flex-direction: column;
26301
- margin-bottom: 10px;
26302
- }
26303
-
26304
- .v-color-picker-swatches__color {
26305
- position: relative;
26306
- height: 18px;
26307
- max-height: 18px;
26308
- width: 45px;
26309
- margin: 2px 4px;
26310
- border-radius: 2px;
26311
- -webkit-user-select: none;
26312
- user-select: none;
26313
- overflow: hidden;
26314
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26315
- cursor: pointer;
26316
- }
26317
- .v-color-picker-swatches__color > div {
26318
- display: flex;
26319
- align-items: center;
26320
- justify-content: center;
26321
- width: 100%;
26322
- height: 100%;
26323
26266
  }.v-color-picker-preview__alpha .v-slider-track__background {
26324
26267
  background-color: transparent !important;
26325
26268
  }
@@ -26390,6 +26333,63 @@ html.v-overlay-scroll-blocked {
26390
26333
  .v-color-picker-preview__eye-dropper {
26391
26334
  position: relative;
26392
26335
  margin-right: 12px;
26336
+ }.v-color-picker-swatches {
26337
+ overflow-y: auto;
26338
+ }
26339
+ .v-color-picker-swatches > div {
26340
+ display: flex;
26341
+ flex-wrap: wrap;
26342
+ justify-content: center;
26343
+ padding: 8px;
26344
+ }
26345
+
26346
+ .v-color-picker-swatches__swatch {
26347
+ display: flex;
26348
+ flex-direction: column;
26349
+ margin-bottom: 10px;
26350
+ }
26351
+
26352
+ .v-color-picker-swatches__color {
26353
+ position: relative;
26354
+ height: 18px;
26355
+ max-height: 18px;
26356
+ width: 45px;
26357
+ margin: 2px 4px;
26358
+ border-radius: 2px;
26359
+ -webkit-user-select: none;
26360
+ user-select: none;
26361
+ overflow: hidden;
26362
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26363
+ cursor: pointer;
26364
+ }
26365
+ .v-color-picker-swatches__color > div {
26366
+ display: flex;
26367
+ align-items: center;
26368
+ justify-content: center;
26369
+ width: 100%;
26370
+ height: 100%;
26371
+ }.v-color-picker-canvas {
26372
+ display: flex;
26373
+ position: relative;
26374
+ overflow: hidden;
26375
+ contain: content;
26376
+ touch-action: none;
26377
+ }
26378
+ .v-color-picker-canvas__dot {
26379
+ position: absolute;
26380
+ top: 0;
26381
+ left: 0;
26382
+ width: 15px;
26383
+ height: 15px;
26384
+ background: transparent;
26385
+ border-radius: 50%;
26386
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26387
+ }
26388
+ .v-color-picker-canvas__dot--disabled {
26389
+ 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);
26390
+ }
26391
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26392
+ will-change: transform;
26393
26393
  }.v-picker.v-sheet {
26394
26394
  display: grid;
26395
26395
  grid-auto-rows: min-content;