@vuetify/nightly 3.6.3-master.2024-05-03 → 3.6.3-master.2024-05-05

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.
Files changed (18) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/dist/json/importMap-labs.json +16 -16
  3. package/dist/json/importMap.json +138 -138
  4. package/dist/json/web-types.json +1 -1
  5. package/dist/vuetify-labs.css +2191 -2191
  6. package/dist/vuetify-labs.esm.js +3 -3
  7. package/dist/vuetify-labs.js +3 -3
  8. package/dist/vuetify-labs.min.css +2 -2
  9. package/dist/vuetify.css +2153 -2153
  10. package/dist/vuetify.d.ts +47 -47
  11. package/dist/vuetify.esm.js +3 -3
  12. package/dist/vuetify.js +3 -3
  13. package/dist/vuetify.min.css +2 -2
  14. package/dist/vuetify.min.js +3 -3
  15. package/lib/entry-bundler.mjs +1 -1
  16. package/lib/framework.mjs +1 -1
  17. package/lib/index.d.mts +47 -47
  18. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-master.2024-05-03
2
+ * Vuetify v3.6.3-master.2024-05-05
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17327,23 +17327,6 @@ html.overflow-y-hidden {
17327
17327
  .v-locale--is-ltr .float-print-start {
17328
17328
  float: left !important;
17329
17329
  }
17330
- }.v-code {
17331
- background-color: rgb(var(--v-theme-code));
17332
- color: rgb(var(--v-theme-on-code));
17333
- border-radius: 4px;
17334
- line-height: 1.8;
17335
- font-size: 0.9em;
17336
- font-weight: normal;
17337
- padding: 0.2em 0.4em;
17338
- }.v-kbd {
17339
- background: rgb(var(--v-theme-kbd));
17340
- color: rgb(var(--v-theme-on-kbd));
17341
- border-radius: 3px;
17342
- display: inline;
17343
- font-size: 85%;
17344
- font-weight: normal;
17345
- padding: 0.2em 0.4rem;
17346
- 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));
17347
17330
  }.v-ripple__container {
17348
17331
  color: inherit;
17349
17332
  border-radius: inherit;
@@ -17380,6 +17363,23 @@ html.overflow-y-hidden {
17380
17363
  .v-ripple__animation--out {
17381
17364
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17382
17365
  opacity: 0;
17366
+ }.v-code {
17367
+ background-color: rgb(var(--v-theme-code));
17368
+ color: rgb(var(--v-theme-on-code));
17369
+ border-radius: 4px;
17370
+ line-height: 1.8;
17371
+ font-size: 0.9em;
17372
+ font-weight: normal;
17373
+ padding: 0.2em 0.4em;
17374
+ }.v-kbd {
17375
+ background: rgb(var(--v-theme-kbd));
17376
+ color: rgb(var(--v-theme-on-kbd));
17377
+ border-radius: 3px;
17378
+ display: inline;
17379
+ font-size: 85%;
17380
+ font-weight: normal;
17381
+ padding: 0.2em 0.4rem;
17382
+ 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));
17383
17383
  }.v-application {
17384
17384
  display: flex;
17385
17385
  background: rgb(var(--v-theme-background));
@@ -17396,6 +17396,18 @@ html.overflow-y-hidden {
17396
17396
  min-height: 100vh;
17397
17397
  min-height: 100dvh;
17398
17398
  position: relative;
17399
+ }.v-app-bar {
17400
+ display: flex;
17401
+ }
17402
+ .v-app-bar.v-toolbar {
17403
+ background: rgb(var(--v-theme-surface));
17404
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17405
+ }
17406
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17407
+ 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));
17408
+ }
17409
+ .v-app-bar:not(.v-toolbar--absolute) {
17410
+ padding-inline-end: var(--v-scrollbar-offset);
17399
17411
  }.v-alert {
17400
17412
  display: grid;
17401
17413
  flex: 1 1;
@@ -17608,18 +17620,6 @@ html.overflow-y-hidden {
17608
17620
  text-transform: none;
17609
17621
  word-break: normal;
17610
17622
  word-wrap: break-word;
17611
- }.v-app-bar {
17612
- display: flex;
17613
- }
17614
- .v-app-bar.v-toolbar {
17615
- background: rgb(var(--v-theme-surface));
17616
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17617
- }
17618
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17619
- 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));
17620
- }
17621
- .v-app-bar:not(.v-toolbar--absolute) {
17622
- padding-inline-end: var(--v-scrollbar-offset);
17623
17623
  }.v-autocomplete .v-field .v-text-field__prefix,
17624
17624
  .v-autocomplete .v-field .v-text-field__suffix,
17625
17625
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17796,6 +17796,77 @@ html.overflow-y-hidden {
17796
17796
  .v-avatar .v-img {
17797
17797
  height: 100%;
17798
17798
  width: 100%;
17799
+ }.v-badge {
17800
+ display: inline-block;
17801
+ line-height: 1;
17802
+ }
17803
+
17804
+ .v-badge__badge {
17805
+ align-items: center;
17806
+ display: inline-flex;
17807
+ border-radius: 10px;
17808
+ font-size: 0.75rem;
17809
+ font-weight: 500;
17810
+ height: 1.25rem;
17811
+ justify-content: center;
17812
+ min-width: 20px;
17813
+ padding: 4px 6px;
17814
+ pointer-events: auto;
17815
+ position: absolute;
17816
+ text-align: center;
17817
+ text-indent: 0;
17818
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17819
+ white-space: nowrap;
17820
+ background: rgb(var(--v-theme-surface-variant));
17821
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17822
+ }
17823
+ .v-badge--bordered .v-badge__badge::after {
17824
+ border-radius: inherit;
17825
+ border-style: solid;
17826
+ border-width: 2px;
17827
+ bottom: 0;
17828
+ color: rgb(var(--v-theme-background));
17829
+ content: "";
17830
+ left: 0;
17831
+ position: absolute;
17832
+ right: 0;
17833
+ top: 0;
17834
+ transform: scale(1.05);
17835
+ }
17836
+ .v-badge--dot .v-badge__badge {
17837
+ border-radius: 4.5px;
17838
+ height: 9px;
17839
+ min-width: 0;
17840
+ padding: 0;
17841
+ width: 9px;
17842
+ }
17843
+ .v-badge--dot .v-badge__badge::after {
17844
+ border-width: 1.5px;
17845
+ }
17846
+ .v-badge--inline .v-badge__badge {
17847
+ position: relative;
17848
+ vertical-align: middle;
17849
+ }
17850
+ .v-badge__badge .v-icon {
17851
+ color: inherit;
17852
+ font-size: 0.75rem;
17853
+ margin: 0 -2px;
17854
+ }
17855
+ .v-badge__badge img,
17856
+ .v-badge__badge .v-img {
17857
+ height: 100%;
17858
+ width: 100%;
17859
+ }
17860
+
17861
+ .v-badge__wrapper {
17862
+ display: flex;
17863
+ position: relative;
17864
+ }
17865
+ .v-badge--inline .v-badge__wrapper {
17866
+ align-items: center;
17867
+ display: inline-flex;
17868
+ justify-content: center;
17869
+ margin: 0 4px;
17799
17870
  }.v-banner {
17800
17871
  display: grid;
17801
17872
  flex: 1 1;
@@ -17953,77 +18024,38 @@ html.overflow-y-hidden {
17953
18024
  }
17954
18025
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17955
18026
  align-self: flex-start;
17956
- }.v-badge {
17957
- display: inline-block;
17958
- line-height: 1;
18027
+ }.bottom-sheet-transition-enter-from {
18028
+ transform: translateY(100%);
17959
18029
  }
17960
-
17961
- .v-badge__badge {
17962
- align-items: center;
17963
- display: inline-flex;
17964
- border-radius: 10px;
17965
- font-size: 0.75rem;
17966
- font-weight: 500;
17967
- height: 1.25rem;
17968
- justify-content: center;
17969
- min-width: 20px;
17970
- padding: 4px 6px;
17971
- pointer-events: auto;
17972
- position: absolute;
17973
- text-align: center;
17974
- text-indent: 0;
17975
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17976
- white-space: nowrap;
17977
- background: rgb(var(--v-theme-surface-variant));
17978
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18030
+ .bottom-sheet-transition-leave-to {
18031
+ transform: translateY(100%);
17979
18032
  }
17980
- .v-badge--bordered .v-badge__badge::after {
17981
- border-radius: inherit;
17982
- border-style: solid;
17983
- border-width: 2px;
17984
- bottom: 0;
17985
- color: rgb(var(--v-theme-background));
17986
- content: "";
18033
+
18034
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18035
+ align-self: flex-end;
18036
+ border-radius: 0;
18037
+ flex: 0 1 auto;
17987
18038
  left: 0;
17988
- position: absolute;
17989
18039
  right: 0;
17990
- top: 0;
17991
- transform: scale(1.05);
17992
- }
17993
- .v-badge--dot .v-badge__badge {
17994
- border-radius: 4.5px;
17995
- height: 9px;
17996
- min-width: 0;
17997
- padding: 0;
17998
- width: 9px;
17999
- }
18000
- .v-badge--dot .v-badge__badge::after {
18001
- border-width: 1.5px;
18002
- }
18003
- .v-badge--inline .v-badge__badge {
18004
- position: relative;
18005
- vertical-align: middle;
18006
- }
18007
- .v-badge__badge .v-icon {
18008
- color: inherit;
18009
- font-size: 0.75rem;
18010
- margin: 0 -2px;
18011
- }
18012
- .v-badge__badge img,
18013
- .v-badge__badge .v-img {
18014
- height: 100%;
18040
+ margin-inline: 0;
18041
+ margin-bottom: 0;
18042
+ transition-duration: 0.2s;
18015
18043
  width: 100%;
18044
+ max-width: 100%;
18045
+ overflow: visible;
18046
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18016
18047
  }
18017
-
18018
- .v-badge__wrapper {
18019
- display: flex;
18020
- position: relative;
18048
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18049
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18050
+ border-radius: 0;
18021
18051
  }
18022
- .v-badge--inline .v-badge__wrapper {
18023
- align-items: center;
18024
- display: inline-flex;
18025
- justify-content: center;
18026
- margin: 0 4px;
18052
+ .v-bottom-sheet.v-bottom-sheet--inset {
18053
+ max-width: none;
18054
+ }
18055
+ @media (min-width: 600px) {
18056
+ .v-bottom-sheet.v-bottom-sheet--inset {
18057
+ max-width: 70%;
18058
+ }
18027
18059
  }.v-bottom-navigation {
18028
18060
  display: flex;
18029
18061
  max-width: 100%;
@@ -18079,38 +18111,6 @@ html.overflow-y-hidden {
18079
18111
  }
18080
18112
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18081
18113
  transform: translateY(0.5rem);
18082
- }.bottom-sheet-transition-enter-from {
18083
- transform: translateY(100%);
18084
- }
18085
- .bottom-sheet-transition-leave-to {
18086
- transform: translateY(100%);
18087
- }
18088
-
18089
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18090
- align-self: flex-end;
18091
- border-radius: 0;
18092
- flex: 0 1 auto;
18093
- left: 0;
18094
- right: 0;
18095
- margin-inline: 0;
18096
- margin-bottom: 0;
18097
- transition-duration: 0.2s;
18098
- width: 100%;
18099
- max-width: 100%;
18100
- overflow: visible;
18101
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18102
- }
18103
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18104
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18105
- border-radius: 0;
18106
- }
18107
- .v-bottom-sheet.v-bottom-sheet--inset {
18108
- max-width: none;
18109
- }
18110
- @media (min-width: 600px) {
18111
- .v-bottom-sheet.v-bottom-sheet--inset {
18112
- max-width: 70%;
18113
- }
18114
18114
  }.v-breadcrumbs {
18115
18115
  display: flex;
18116
18116
  align-items: center;
@@ -18636,19 +18636,6 @@ html.overflow-y-hidden {
18636
18636
  }
18637
18637
  .v-btn-group--tile {
18638
18638
  border-radius: 0;
18639
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18640
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18641
- }
18642
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18643
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18644
- }
18645
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18646
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18647
- }
18648
- @supports not selector(:focus-visible) {
18649
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18650
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18651
- }
18652
18639
  }.v-card {
18653
18640
  display: block;
18654
18641
  overflow: hidden;
@@ -18948,6 +18935,19 @@ html.overflow-y-hidden {
18948
18935
  pointer-events: none;
18949
18936
  opacity: 0;
18950
18937
  transition: opacity 0.2s ease-in-out;
18938
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18939
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18940
+ }
18941
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18942
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18943
+ }
18944
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18945
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18946
+ }
18947
+ @supports not selector(:focus-visible) {
18948
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18949
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18950
+ }
18951
18951
  }.v-carousel {
18952
18952
  overflow: hidden;
18953
18953
  position: relative;
@@ -19011,11 +19011,6 @@ html.overflow-y-hidden {
19011
19011
  flex-direction: column;
19012
19012
  height: 100% !important;
19013
19013
  width: 50px;
19014
- }.v-checkbox.v-input {
19015
- flex: 0 1 auto;
19016
- }
19017
- .v-checkbox .v-selection-control {
19018
- min-height: var(--v-input-control-height);
19019
19014
  }.v-chip {
19020
19015
  align-items: center;
19021
19016
  display: inline-flex;
@@ -19446,1626 +19441,1631 @@ html.overflow-y-hidden {
19446
19441
  white-space: normal;
19447
19442
  flex-wrap: wrap;
19448
19443
  max-width: 100%;
19449
- }.v-container {
19450
- width: 100%;
19451
- padding: 16px;
19452
- margin-right: auto;
19453
- margin-left: auto;
19454
- }
19455
- @media (min-width: 960px) {
19456
- .v-container {
19457
- max-width: 900px;
19458
- }
19459
- }
19460
- @media (min-width: 1280px) {
19461
- .v-container {
19462
- max-width: 1200px;
19463
- }
19464
- }
19465
- @media (min-width: 1920px) {
19466
- .v-container {
19467
- max-width: 1800px;
19468
- }
19444
+ }.v-checkbox.v-input {
19445
+ flex: 0 1 auto;
19469
19446
  }
19470
- @media (min-width: 2560px) {
19471
- .v-container {
19472
- max-width: 2400px;
19473
- }
19447
+ .v-checkbox .v-selection-control {
19448
+ min-height: var(--v-input-control-height);
19449
+ }.v-color-picker {
19450
+ align-self: flex-start;
19451
+ contain: content;
19474
19452
  }
19475
- .v-container--fluid {
19476
- max-width: 100%;
19453
+ .v-color-picker.v-sheet {
19454
+ 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));
19455
+ border-radius: 4px;
19477
19456
  }
19478
- .v-container.fill-height {
19479
- align-items: center;
19457
+
19458
+ .v-color-picker__controls {
19480
19459
  display: flex;
19481
- flex-wrap: wrap;
19460
+ flex-direction: column;
19461
+ padding: 16px;
19482
19462
  }
19483
19463
 
19484
- .v-row {
19485
- display: flex;
19486
- flex-wrap: wrap;
19487
- flex: 1 1 auto;
19488
- margin: -12px;
19464
+ .v-color-picker--flat {
19465
+ 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));
19489
19466
  }
19490
- .v-row + .v-row {
19491
- margin-top: 12px;
19467
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19468
+ 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));
19469
+ }.v-combobox .v-field .v-text-field__prefix,
19470
+ .v-combobox .v-field .v-text-field__suffix,
19471
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19472
+ cursor: text;
19492
19473
  }
19493
- .v-row + .v-row--dense {
19494
- margin-top: 4px;
19474
+ .v-combobox .v-field .v-field__input > input {
19475
+ flex: 1 1;
19495
19476
  }
19496
- .v-row--dense {
19497
- margin: -4px;
19477
+ .v-combobox .v-field input {
19478
+ min-width: 64px;
19498
19479
  }
19499
- .v-row--dense > .v-col,
19500
- .v-row--dense > [class*=v-col-] {
19501
- padding: 4px;
19480
+ .v-combobox .v-field:not(.v-field--focused) input {
19481
+ min-width: 0;
19502
19482
  }
19503
- .v-row.v-row--no-gutters {
19504
- margin: 0;
19483
+ .v-combobox .v-field--dirty .v-combobox__selection {
19484
+ margin-inline-end: 2px;
19505
19485
  }
19506
- .v-row.v-row--no-gutters > .v-col,
19507
- .v-row.v-row--no-gutters > [class*=v-col-] {
19508
- padding: 0;
19486
+ .v-combobox .v-combobox__selection-text {
19487
+ overflow: hidden;
19488
+ text-overflow: ellipsis;
19489
+ white-space: nowrap;
19509
19490
  }
19510
19491
 
19511
- .v-spacer {
19512
- flex-grow: 1;
19492
+ .v-combobox__content {
19493
+ overflow: hidden;
19494
+ 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));
19495
+ border-radius: 4px;
19513
19496
  }
19514
-
19515
- .v-col-xxl,
19516
- .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,
19517
- .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,
19518
- .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,
19519
- .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,
19520
- .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,
19521
- .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 {
19522
- width: 100%;
19523
- padding: 12px;
19497
+ .v-combobox__mask {
19498
+ background: rgb(var(--v-theme-surface-light));
19524
19499
  }
19525
-
19526
- .v-col {
19527
- flex-basis: 0;
19528
- flex-grow: 1;
19529
- max-width: 100%;
19500
+ .v-combobox__selection {
19501
+ display: inline-flex;
19502
+ align-items: center;
19503
+ height: 1.5rem;
19504
+ letter-spacing: inherit;
19505
+ line-height: inherit;
19506
+ max-width: calc(100% - 2px - 2px);
19530
19507
  }
19531
-
19532
- .v-col-auto {
19533
- flex: 0 0 auto;
19534
- width: auto;
19535
- max-width: 100%;
19508
+ .v-combobox__selection:first-child {
19509
+ margin-inline-start: 0;
19536
19510
  }
19537
-
19538
- .v-col-1 {
19539
- flex: 0 0 8.3333333333%;
19540
- max-width: 8.3333333333%;
19511
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19512
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19513
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19514
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19515
+ top: 0px;
19541
19516
  }
19542
-
19543
- .v-col-2 {
19544
- flex: 0 0 16.6666666667%;
19545
- max-width: 16.6666666667%;
19517
+ .v-combobox--selecting-index .v-combobox__selection {
19518
+ opacity: var(--v-medium-emphasis-opacity);
19546
19519
  }
19547
-
19548
- .v-col-3 {
19549
- flex: 0 0 25%;
19550
- max-width: 25%;
19520
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19521
+ opacity: 1;
19551
19522
  }
19552
-
19553
- .v-col-4 {
19554
- flex: 0 0 33.3333333333%;
19555
- max-width: 33.3333333333%;
19523
+ .v-combobox--selecting-index .v-field__input > input {
19524
+ caret-color: transparent;
19556
19525
  }
19557
-
19558
- .v-col-5 {
19559
- flex: 0 0 41.6666666667%;
19560
- max-width: 41.6666666667%;
19526
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19527
+ flex: 1 1;
19528
+ position: absolute;
19529
+ left: 0;
19530
+ right: 0;
19531
+ width: 100%;
19532
+ padding-inline: inherit;
19561
19533
  }
19562
-
19563
- .v-col-6 {
19564
- flex: 0 0 50%;
19565
- max-width: 50%;
19534
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19535
+ transition: none;
19566
19536
  }
19567
-
19568
- .v-col-7 {
19569
- flex: 0 0 58.3333333333%;
19570
- max-width: 58.3333333333%;
19537
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19538
+ opacity: 0;
19571
19539
  }
19572
-
19573
- .v-col-8 {
19574
- flex: 0 0 66.6666666667%;
19575
- max-width: 66.6666666667%;
19540
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19541
+ opacity: 0;
19576
19542
  }
19577
-
19578
- .v-col-9 {
19579
- flex: 0 0 75%;
19580
- max-width: 75%;
19543
+ .v-combobox__menu-icon {
19544
+ margin-inline-start: 4px;
19545
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19581
19546
  }
19582
-
19583
- .v-col-10 {
19584
- flex: 0 0 83.3333333333%;
19585
- max-width: 83.3333333333%;
19547
+ .v-combobox--active-menu .v-combobox__menu-icon {
19548
+ opacity: var(--v-high-emphasis-opacity);
19549
+ transform: rotate(180deg);
19550
+ }.v-counter {
19551
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19552
+ flex: 0 1 auto;
19553
+ font-size: 12px;
19554
+ transition-duration: 150ms;
19555
+ }.v-data-table {
19556
+ width: 100%;
19586
19557
  }
19587
19558
 
19588
- .v-col-11 {
19589
- flex: 0 0 91.6666666667%;
19590
- max-width: 91.6666666667%;
19559
+ .v-data-table__table {
19560
+ width: 100%;
19561
+ border-collapse: separate;
19562
+ border-spacing: 0;
19591
19563
  }
19592
19564
 
19593
- .v-col-12 {
19594
- flex: 0 0 100%;
19595
- max-width: 100%;
19565
+ .v-data-table__tr--focus {
19566
+ border: 1px dotted black;
19596
19567
  }
19597
-
19598
- .offset-1 {
19599
- margin-inline-start: 8.3333333333%;
19568
+ .v-data-table__tr--clickable {
19569
+ cursor: pointer;
19600
19570
  }
19601
19571
 
19602
- .offset-2 {
19603
- margin-inline-start: 16.6666666667%;
19572
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19573
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19574
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
19575
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
19576
+ text-align: end;
19604
19577
  }
19605
-
19606
- .offset-3 {
19607
- margin-inline-start: 25%;
19578
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19579
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
19580
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
19581
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19582
+ flex-direction: row-reverse;
19608
19583
  }
19609
-
19610
- .offset-4 {
19611
- margin-inline-start: 33.3333333333%;
19584
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
19585
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
19586
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
19587
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
19588
+ text-align: center;
19589
+ }
19590
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19591
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
19592
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
19593
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19594
+ justify-content: center;
19595
+ }
19596
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
19597
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
19598
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
19599
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
19600
+ padding: 0 8px;
19601
+ }
19602
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
19603
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
19604
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
19605
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
19606
+ text-overflow: ellipsis;
19607
+ text-wrap: nowrap;
19608
+ overflow: hidden;
19609
+ }
19610
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19611
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
19612
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
19613
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
19614
+ display: contents;
19615
+ }
19616
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
19617
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
19618
+ align-items: center;
19619
+ }
19620
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
19621
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
19622
+ position: sticky;
19623
+ }
19624
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
19625
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
19626
+ cursor: pointer;
19627
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19628
+ }
19629
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
19630
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
19631
+ opacity: 0;
19632
+ }
19633
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
19634
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
19635
+ opacity: 0.5;
19612
19636
  }
19613
19637
 
19614
- .offset-5 {
19615
- margin-inline-start: 41.6666666667%;
19638
+ .v-data-table-column--fixed,
19639
+ .v-data-table__th--sticky {
19640
+ background: rgb(var(--v-theme-surface));
19641
+ position: sticky !important;
19642
+ left: 0;
19643
+ z-index: 1;
19616
19644
  }
19617
19645
 
19618
- .offset-6 {
19619
- margin-inline-start: 50%;
19646
+ .v-data-table-column--last-fixed {
19647
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19620
19648
  }
19621
19649
 
19622
- .offset-7 {
19623
- margin-inline-start: 58.3333333333%;
19650
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
19651
+ z-index: 2;
19624
19652
  }
19625
19653
 
19626
- .offset-8 {
19627
- margin-inline-start: 66.6666666667%;
19654
+ .v-data-table-group-header-row td {
19655
+ background: rgba(var(--v-theme-surface));
19656
+ color: rgba(var(--v-theme-on-surface));
19657
+ }
19658
+ .v-data-table-group-header-row td > span {
19659
+ padding-left: 5px;
19628
19660
  }
19629
19661
 
19630
- .offset-9 {
19631
- margin-inline-start: 75%;
19662
+ .v-data-table--loading .v-data-table__td {
19663
+ opacity: var(--v-disabled-opacity);
19632
19664
  }
19633
19665
 
19634
- .offset-10 {
19635
- margin-inline-start: 83.3333333333%;
19666
+ .v-data-table-group-header-row__column {
19667
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
19636
19668
  }
19637
19669
 
19638
- .offset-11 {
19639
- margin-inline-start: 91.6666666667%;
19670
+ .v-data-table-header__content {
19671
+ display: flex;
19672
+ align-items: center;
19640
19673
  }
19641
19674
 
19642
- @media (min-width: 600px) {
19643
- .v-col-sm {
19644
- flex-basis: 0;
19645
- flex-grow: 1;
19646
- max-width: 100%;
19647
- }
19648
- .v-col-sm-auto {
19649
- flex: 0 0 auto;
19650
- width: auto;
19651
- max-width: 100%;
19652
- }
19653
- .v-col-sm-1 {
19654
- flex: 0 0 8.3333333333%;
19655
- max-width: 8.3333333333%;
19656
- }
19657
- .v-col-sm-2 {
19658
- flex: 0 0 16.6666666667%;
19659
- max-width: 16.6666666667%;
19660
- }
19661
- .v-col-sm-3 {
19662
- flex: 0 0 25%;
19663
- max-width: 25%;
19664
- }
19665
- .v-col-sm-4 {
19666
- flex: 0 0 33.3333333333%;
19667
- max-width: 33.3333333333%;
19668
- }
19669
- .v-col-sm-5 {
19670
- flex: 0 0 41.6666666667%;
19671
- max-width: 41.6666666667%;
19672
- }
19673
- .v-col-sm-6 {
19674
- flex: 0 0 50%;
19675
- max-width: 50%;
19676
- }
19677
- .v-col-sm-7 {
19678
- flex: 0 0 58.3333333333%;
19679
- max-width: 58.3333333333%;
19680
- }
19681
- .v-col-sm-8 {
19682
- flex: 0 0 66.6666666667%;
19683
- max-width: 66.6666666667%;
19684
- }
19685
- .v-col-sm-9 {
19686
- flex: 0 0 75%;
19687
- max-width: 75%;
19688
- }
19689
- .v-col-sm-10 {
19690
- flex: 0 0 83.3333333333%;
19691
- max-width: 83.3333333333%;
19692
- }
19693
- .v-col-sm-11 {
19694
- flex: 0 0 91.6666666667%;
19695
- max-width: 91.6666666667%;
19696
- }
19697
- .v-col-sm-12 {
19698
- flex: 0 0 100%;
19699
- max-width: 100%;
19700
- }
19701
- .offset-sm-0 {
19702
- margin-inline-start: 0;
19703
- }
19704
- .offset-sm-1 {
19705
- margin-inline-start: 8.3333333333%;
19706
- }
19707
- .offset-sm-2 {
19708
- margin-inline-start: 16.6666666667%;
19709
- }
19710
- .offset-sm-3 {
19711
- margin-inline-start: 25%;
19712
- }
19713
- .offset-sm-4 {
19714
- margin-inline-start: 33.3333333333%;
19715
- }
19716
- .offset-sm-5 {
19717
- margin-inline-start: 41.6666666667%;
19718
- }
19719
- .offset-sm-6 {
19720
- margin-inline-start: 50%;
19721
- }
19722
- .offset-sm-7 {
19723
- margin-inline-start: 58.3333333333%;
19724
- }
19725
- .offset-sm-8 {
19726
- margin-inline-start: 66.6666666667%;
19727
- }
19728
- .offset-sm-9 {
19729
- margin-inline-start: 75%;
19730
- }
19731
- .offset-sm-10 {
19732
- margin-inline-start: 83.3333333333%;
19733
- }
19734
- .offset-sm-11 {
19735
- margin-inline-start: 91.6666666667%;
19736
- }
19675
+ .v-data-table-header__sort-badge {
19676
+ display: inline-flex;
19677
+ justify-content: center;
19678
+ align-items: center;
19679
+ font-size: 0.875rem;
19680
+ padding: 4px;
19681
+ border-radius: 50%;
19682
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
19683
+ min-width: 20px;
19684
+ min-height: 20px;
19685
+ width: 20px;
19686
+ height: 20px;
19737
19687
  }
19738
- @media (min-width: 960px) {
19739
- .v-col-md {
19740
- flex-basis: 0;
19741
- flex-grow: 1;
19742
- max-width: 100%;
19743
- }
19744
- .v-col-md-auto {
19745
- flex: 0 0 auto;
19746
- width: auto;
19747
- max-width: 100%;
19748
- }
19749
- .v-col-md-1 {
19750
- flex: 0 0 8.3333333333%;
19751
- max-width: 8.3333333333%;
19752
- }
19753
- .v-col-md-2 {
19754
- flex: 0 0 16.6666666667%;
19755
- max-width: 16.6666666667%;
19756
- }
19757
- .v-col-md-3 {
19758
- flex: 0 0 25%;
19759
- max-width: 25%;
19760
- }
19761
- .v-col-md-4 {
19762
- flex: 0 0 33.3333333333%;
19763
- max-width: 33.3333333333%;
19764
- }
19765
- .v-col-md-5 {
19766
- flex: 0 0 41.6666666667%;
19767
- max-width: 41.6666666667%;
19768
- }
19769
- .v-col-md-6 {
19770
- flex: 0 0 50%;
19771
- max-width: 50%;
19772
- }
19773
- .v-col-md-7 {
19774
- flex: 0 0 58.3333333333%;
19775
- max-width: 58.3333333333%;
19776
- }
19777
- .v-col-md-8 {
19778
- flex: 0 0 66.6666666667%;
19779
- max-width: 66.6666666667%;
19780
- }
19781
- .v-col-md-9 {
19782
- flex: 0 0 75%;
19783
- max-width: 75%;
19784
- }
19785
- .v-col-md-10 {
19786
- flex: 0 0 83.3333333333%;
19787
- max-width: 83.3333333333%;
19788
- }
19789
- .v-col-md-11 {
19790
- flex: 0 0 91.6666666667%;
19791
- max-width: 91.6666666667%;
19792
- }
19793
- .v-col-md-12 {
19794
- flex: 0 0 100%;
19795
- max-width: 100%;
19796
- }
19797
- .offset-md-0 {
19798
- margin-inline-start: 0;
19799
- }
19800
- .offset-md-1 {
19801
- margin-inline-start: 8.3333333333%;
19802
- }
19803
- .offset-md-2 {
19804
- margin-inline-start: 16.6666666667%;
19805
- }
19806
- .offset-md-3 {
19807
- margin-inline-start: 25%;
19808
- }
19809
- .offset-md-4 {
19810
- margin-inline-start: 33.3333333333%;
19811
- }
19812
- .offset-md-5 {
19813
- margin-inline-start: 41.6666666667%;
19814
- }
19815
- .offset-md-6 {
19816
- margin-inline-start: 50%;
19817
- }
19818
- .offset-md-7 {
19819
- margin-inline-start: 58.3333333333%;
19820
- }
19821
- .offset-md-8 {
19822
- margin-inline-start: 66.6666666667%;
19823
- }
19824
- .offset-md-9 {
19825
- margin-inline-start: 75%;
19826
- }
19827
- .offset-md-10 {
19828
- margin-inline-start: 83.3333333333%;
19829
- }
19830
- .offset-md-11 {
19831
- margin-inline-start: 91.6666666667%;
19832
- }
19688
+
19689
+ .v-data-table-progress > th {
19690
+ border: none !important;
19691
+ height: auto !important;
19692
+ padding: 0 !important;
19833
19693
  }
19834
- @media (min-width: 1280px) {
19835
- .v-col-lg {
19836
- flex-basis: 0;
19837
- flex-grow: 1;
19838
- max-width: 100%;
19839
- }
19840
- .v-col-lg-auto {
19841
- flex: 0 0 auto;
19842
- width: auto;
19843
- max-width: 100%;
19844
- }
19845
- .v-col-lg-1 {
19846
- flex: 0 0 8.3333333333%;
19847
- max-width: 8.3333333333%;
19848
- }
19849
- .v-col-lg-2 {
19850
- flex: 0 0 16.6666666667%;
19851
- max-width: 16.6666666667%;
19852
- }
19853
- .v-col-lg-3 {
19854
- flex: 0 0 25%;
19855
- max-width: 25%;
19856
- }
19857
- .v-col-lg-4 {
19858
- flex: 0 0 33.3333333333%;
19859
- max-width: 33.3333333333%;
19860
- }
19861
- .v-col-lg-5 {
19862
- flex: 0 0 41.6666666667%;
19863
- max-width: 41.6666666667%;
19864
- }
19865
- .v-col-lg-6 {
19866
- flex: 0 0 50%;
19867
- max-width: 50%;
19868
- }
19869
- .v-col-lg-7 {
19870
- flex: 0 0 58.3333333333%;
19871
- max-width: 58.3333333333%;
19872
- }
19873
- .v-col-lg-8 {
19874
- flex: 0 0 66.6666666667%;
19875
- max-width: 66.6666666667%;
19876
- }
19877
- .v-col-lg-9 {
19878
- flex: 0 0 75%;
19879
- max-width: 75%;
19880
- }
19881
- .v-col-lg-10 {
19882
- flex: 0 0 83.3333333333%;
19883
- max-width: 83.3333333333%;
19884
- }
19885
- .v-col-lg-11 {
19886
- flex: 0 0 91.6666666667%;
19887
- max-width: 91.6666666667%;
19888
- }
19889
- .v-col-lg-12 {
19890
- flex: 0 0 100%;
19891
- max-width: 100%;
19892
- }
19893
- .offset-lg-0 {
19894
- margin-inline-start: 0;
19895
- }
19896
- .offset-lg-1 {
19897
- margin-inline-start: 8.3333333333%;
19898
- }
19899
- .offset-lg-2 {
19900
- margin-inline-start: 16.6666666667%;
19901
- }
19902
- .offset-lg-3 {
19903
- margin-inline-start: 25%;
19904
- }
19905
- .offset-lg-4 {
19906
- margin-inline-start: 33.3333333333%;
19907
- }
19908
- .offset-lg-5 {
19909
- margin-inline-start: 41.6666666667%;
19910
- }
19911
- .offset-lg-6 {
19912
- margin-inline-start: 50%;
19913
- }
19914
- .offset-lg-7 {
19915
- margin-inline-start: 58.3333333333%;
19916
- }
19917
- .offset-lg-8 {
19918
- margin-inline-start: 66.6666666667%;
19919
- }
19920
- .offset-lg-9 {
19921
- margin-inline-start: 75%;
19922
- }
19923
- .offset-lg-10 {
19924
- margin-inline-start: 83.3333333333%;
19925
- }
19926
- .offset-lg-11 {
19927
- margin-inline-start: 91.6666666667%;
19928
- }
19694
+
19695
+ .v-data-table-progress__loader {
19696
+ position: relative;
19929
19697
  }
19930
- @media (min-width: 1920px) {
19931
- .v-col-xl {
19932
- flex-basis: 0;
19933
- flex-grow: 1;
19934
- max-width: 100%;
19935
- }
19936
- .v-col-xl-auto {
19937
- flex: 0 0 auto;
19938
- width: auto;
19939
- max-width: 100%;
19940
- }
19941
- .v-col-xl-1 {
19942
- flex: 0 0 8.3333333333%;
19943
- max-width: 8.3333333333%;
19944
- }
19945
- .v-col-xl-2 {
19946
- flex: 0 0 16.6666666667%;
19947
- max-width: 16.6666666667%;
19948
- }
19949
- .v-col-xl-3 {
19950
- flex: 0 0 25%;
19951
- max-width: 25%;
19952
- }
19953
- .v-col-xl-4 {
19954
- flex: 0 0 33.3333333333%;
19955
- max-width: 33.3333333333%;
19956
- }
19957
- .v-col-xl-5 {
19958
- flex: 0 0 41.6666666667%;
19959
- max-width: 41.6666666667%;
19960
- }
19961
- .v-col-xl-6 {
19962
- flex: 0 0 50%;
19963
- max-width: 50%;
19964
- }
19965
- .v-col-xl-7 {
19966
- flex: 0 0 58.3333333333%;
19967
- max-width: 58.3333333333%;
19968
- }
19969
- .v-col-xl-8 {
19970
- flex: 0 0 66.6666666667%;
19971
- max-width: 66.6666666667%;
19972
- }
19973
- .v-col-xl-9 {
19974
- flex: 0 0 75%;
19975
- max-width: 75%;
19976
- }
19977
- .v-col-xl-10 {
19978
- flex: 0 0 83.3333333333%;
19979
- max-width: 83.3333333333%;
19980
- }
19981
- .v-col-xl-11 {
19982
- flex: 0 0 91.6666666667%;
19983
- max-width: 91.6666666667%;
19984
- }
19985
- .v-col-xl-12 {
19986
- flex: 0 0 100%;
19987
- max-width: 100%;
19988
- }
19989
- .offset-xl-0 {
19990
- margin-inline-start: 0;
19991
- }
19992
- .offset-xl-1 {
19993
- margin-inline-start: 8.3333333333%;
19994
- }
19995
- .offset-xl-2 {
19996
- margin-inline-start: 16.6666666667%;
19997
- }
19998
- .offset-xl-3 {
19999
- margin-inline-start: 25%;
20000
- }
20001
- .offset-xl-4 {
20002
- margin-inline-start: 33.3333333333%;
20003
- }
20004
- .offset-xl-5 {
20005
- margin-inline-start: 41.6666666667%;
20006
- }
20007
- .offset-xl-6 {
20008
- margin-inline-start: 50%;
20009
- }
20010
- .offset-xl-7 {
20011
- margin-inline-start: 58.3333333333%;
20012
- }
20013
- .offset-xl-8 {
20014
- margin-inline-start: 66.6666666667%;
20015
- }
20016
- .offset-xl-9 {
20017
- margin-inline-start: 75%;
20018
- }
20019
- .offset-xl-10 {
20020
- margin-inline-start: 83.3333333333%;
20021
- }
20022
- .offset-xl-11 {
20023
- margin-inline-start: 91.6666666667%;
20024
- }
19698
+
19699
+ .v-data-table-rows-loading,
19700
+ .v-data-table-rows-no-data {
19701
+ text-align: center;
20025
19702
  }
20026
- @media (min-width: 2560px) {
20027
- .v-col-xxl {
20028
- flex-basis: 0;
20029
- flex-grow: 1;
20030
- max-width: 100%;
20031
- }
20032
- .v-col-xxl-auto {
20033
- flex: 0 0 auto;
20034
- width: auto;
20035
- max-width: 100%;
20036
- }
20037
- .v-col-xxl-1 {
20038
- flex: 0 0 8.3333333333%;
20039
- max-width: 8.3333333333%;
20040
- }
20041
- .v-col-xxl-2 {
20042
- flex: 0 0 16.6666666667%;
20043
- max-width: 16.6666666667%;
20044
- }
20045
- .v-col-xxl-3 {
20046
- flex: 0 0 25%;
20047
- max-width: 25%;
20048
- }
20049
- .v-col-xxl-4 {
20050
- flex: 0 0 33.3333333333%;
20051
- max-width: 33.3333333333%;
20052
- }
20053
- .v-col-xxl-5 {
20054
- flex: 0 0 41.6666666667%;
20055
- max-width: 41.6666666667%;
20056
- }
20057
- .v-col-xxl-6 {
20058
- flex: 0 0 50%;
20059
- max-width: 50%;
20060
- }
20061
- .v-col-xxl-7 {
20062
- flex: 0 0 58.3333333333%;
20063
- max-width: 58.3333333333%;
20064
- }
20065
- .v-col-xxl-8 {
20066
- flex: 0 0 66.6666666667%;
20067
- max-width: 66.6666666667%;
20068
- }
20069
- .v-col-xxl-9 {
20070
- flex: 0 0 75%;
20071
- max-width: 75%;
20072
- }
20073
- .v-col-xxl-10 {
20074
- flex: 0 0 83.3333333333%;
20075
- max-width: 83.3333333333%;
20076
- }
20077
- .v-col-xxl-11 {
20078
- flex: 0 0 91.6666666667%;
20079
- max-width: 91.6666666667%;
20080
- }
20081
- .v-col-xxl-12 {
20082
- flex: 0 0 100%;
20083
- max-width: 100%;
20084
- }
20085
- .offset-xxl-0 {
20086
- margin-inline-start: 0;
20087
- }
20088
- .offset-xxl-1 {
20089
- margin-inline-start: 8.3333333333%;
20090
- }
20091
- .offset-xxl-2 {
20092
- margin-inline-start: 16.6666666667%;
20093
- }
20094
- .offset-xxl-3 {
20095
- margin-inline-start: 25%;
20096
- }
20097
- .offset-xxl-4 {
20098
- margin-inline-start: 33.3333333333%;
20099
- }
20100
- .offset-xxl-5 {
20101
- margin-inline-start: 41.6666666667%;
20102
- }
20103
- .offset-xxl-6 {
20104
- margin-inline-start: 50%;
20105
- }
20106
- .offset-xxl-7 {
20107
- margin-inline-start: 58.3333333333%;
20108
- }
20109
- .offset-xxl-8 {
20110
- margin-inline-start: 66.6666666667%;
20111
- }
20112
- .offset-xxl-9 {
20113
- margin-inline-start: 75%;
20114
- }
20115
- .offset-xxl-10 {
20116
- margin-inline-start: 83.3333333333%;
20117
- }
20118
- .offset-xxl-11 {
20119
- margin-inline-start: 91.6666666667%;
20120
- }
20121
- }.v-color-picker {
20122
- align-self: flex-start;
20123
- contain: content;
19703
+
19704
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
19705
+ grid-template-columns: 0;
19706
+ justify-content: center;
20124
19707
  }
20125
- .v-color-picker.v-sheet {
20126
- 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));
20127
- border-radius: 4px;
19708
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
19709
+ grid-template-columns: 0;
19710
+ justify-content: end;
19711
+ }
19712
+ .v-data-table__tr--mobile > td {
19713
+ align-items: center;
19714
+ column-gap: 4px;
19715
+ display: grid;
19716
+ grid-template-columns: repeat(2, 1fr);
19717
+ min-height: var(--v-table-row-height);
19718
+ }
19719
+ .v-data-table__tr--mobile > td:not(:last-child) {
19720
+ border-bottom: 0 !important;
20128
19721
  }
20129
19722
 
20130
- .v-color-picker__controls {
20131
- display: flex;
20132
- flex-direction: column;
20133
- padding: 16px;
19723
+ .v-data-table__td-title {
19724
+ font-weight: bold;
19725
+ text-align: left;
20134
19726
  }
20135
19727
 
20136
- .v-color-picker--flat {
20137
- 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));
19728
+ .v-data-table__td-value {
19729
+ text-align: right;
20138
19730
  }
20139
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20140
- 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));
20141
- }.v-combobox .v-field .v-text-field__prefix,
20142
- .v-combobox .v-field .v-text-field__suffix,
20143
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20144
- cursor: text;
19731
+
19732
+ .v-data-table__td-sort-icon {
19733
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20145
19734
  }
20146
- .v-combobox .v-field .v-field__input > input {
20147
- flex: 1 1;
19735
+ .v-data-table__td-sort-icon-active {
19736
+ color: rgba(var(--v-theme-on-surface));
19737
+ }.v-data-table-footer {
19738
+ align-items: center;
19739
+ display: flex;
19740
+ flex-wrap: wrap;
19741
+ justify-content: flex-end;
19742
+ padding: 8px 4px;
20148
19743
  }
20149
- .v-combobox .v-field input {
20150
- min-width: 64px;
19744
+ .v-data-table-footer__items-per-page {
19745
+ align-items: center;
19746
+ display: flex;
19747
+ justify-content: center;
20151
19748
  }
20152
- .v-combobox .v-field:not(.v-field--focused) input {
20153
- min-width: 0;
19749
+ .v-data-table-footer__items-per-page > span {
19750
+ padding-inline-end: 8px;
20154
19751
  }
20155
- .v-combobox .v-field--dirty .v-combobox__selection {
20156
- margin-inline-end: 2px;
19752
+ .v-data-table-footer__items-per-page > .v-select {
19753
+ width: 90px;
20157
19754
  }
20158
- .v-combobox .v-combobox__selection-text {
19755
+ .v-data-table-footer__info {
19756
+ display: flex;
19757
+ justify-content: flex-end;
19758
+ min-width: 116px;
19759
+ padding: 0 16px;
19760
+ }
19761
+ .v-data-table-footer__paginationz {
19762
+ align-items: center;
19763
+ display: flex;
19764
+ margin-inline-start: 16px;
19765
+ }
19766
+ .v-data-table-footer__page {
19767
+ padding: 0 8px;
19768
+ }.v-date-picker-header {
19769
+ align-items: flex-end;
19770
+ height: 70px;
19771
+ display: grid;
19772
+ grid-template-areas: "prepend content append";
19773
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20159
19774
  overflow: hidden;
20160
- text-overflow: ellipsis;
20161
- white-space: nowrap;
19775
+ padding-inline: 24px 12px;
19776
+ padding-bottom: 12px;
20162
19777
  }
20163
19778
 
20164
- .v-combobox__content {
20165
- overflow: hidden;
20166
- 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));
20167
- border-radius: 4px;
19779
+ .v-date-picker-header__append {
19780
+ grid-area: append;
20168
19781
  }
20169
- .v-combobox__mask {
20170
- background: rgb(var(--v-theme-surface-light));
19782
+
19783
+ .v-date-picker-header__prepend {
19784
+ grid-area: prepend;
19785
+ padding-inline-start: 8px;
19786
+ }
19787
+
19788
+ .v-date-picker-header__content {
19789
+ align-items: center;
19790
+ display: inline-flex;
19791
+ font-size: 32px;
19792
+ line-height: 40px;
19793
+ grid-area: content;
19794
+ justify-content: space-between;
19795
+ }
19796
+ .v-date-picker-header--clickable .v-date-picker-header__content {
19797
+ cursor: pointer;
19798
+ }
19799
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19800
+ opacity: 0.7;
19801
+ }
19802
+
19803
+ .date-picker-header-transition-enter-active,
19804
+ .date-picker-header-reverse-transition-enter-active {
19805
+ transition-duration: 0.3s;
19806
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19807
+ }
19808
+ .date-picker-header-transition-leave-active,
19809
+ .date-picker-header-reverse-transition-leave-active {
19810
+ transition-duration: 0.3s;
19811
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20171
19812
  }
20172
- .v-combobox__selection {
20173
- display: inline-flex;
20174
- align-items: center;
20175
- height: 1.5rem;
20176
- letter-spacing: inherit;
20177
- line-height: inherit;
20178
- max-width: calc(100% - 2px - 2px);
19813
+
19814
+ .date-picker-header-transition-enter-from {
19815
+ transform: translate(0, 100%);
20179
19816
  }
20180
- .v-combobox__selection:first-child {
20181
- margin-inline-start: 0;
19817
+ .date-picker-header-transition-leave-to {
19818
+ opacity: 0;
19819
+ transform: translate(0, -100%);
20182
19820
  }
20183
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20184
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20185
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20186
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20187
- top: 0px;
19821
+
19822
+ .date-picker-header-reverse-transition-enter-from {
19823
+ transform: translate(0, -100%);
20188
19824
  }
20189
- .v-combobox--selecting-index .v-combobox__selection {
20190
- opacity: var(--v-medium-emphasis-opacity);
19825
+ .date-picker-header-reverse-transition-leave-to {
19826
+ opacity: 0;
19827
+ transform: translate(0, 100%);
19828
+ }.v-date-picker {
19829
+ overflow: hidden;
19830
+ width: 328px;
20191
19831
  }
20192
- .v-combobox--selecting-index .v-combobox__selection--selected {
20193
- opacity: 1;
19832
+ .v-date-picker--show-week {
19833
+ width: 368px;
19834
+ }.v-date-picker-controls {
19835
+ display: flex;
19836
+ align-items: center;
19837
+ justify-content: space-between;
19838
+ font-size: 0.875rem;
19839
+ padding-top: 4px;
19840
+ padding-bottom: 4px;
19841
+ padding-inline-start: 6px;
19842
+ padding-inline-end: 12px;
20194
19843
  }
20195
- .v-combobox--selecting-index .v-field__input > input {
20196
- caret-color: transparent;
19844
+ .v-date-picker-controls > .v-btn:first-child {
19845
+ text-transform: none;
19846
+ font-weight: 400;
19847
+ line-height: initial;
19848
+ letter-spacing: initial;
20197
19849
  }
20198
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20199
- flex: 1 1;
20200
- position: absolute;
20201
- left: 0;
20202
- right: 0;
20203
- width: 100%;
20204
- padding-inline: inherit;
19850
+ .v-date-picker-controls--variant-classic {
19851
+ padding-inline-start: 12px;
20205
19852
  }
20206
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20207
- transition: none;
19853
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19854
+ opacity: 0.7;
20208
19855
  }
20209
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20210
- opacity: 0;
19856
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19857
+ cursor: pointer;
20211
19858
  }
20212
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20213
- opacity: 0;
19859
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19860
+ opacity: 1;
20214
19861
  }
20215
- .v-combobox__menu-icon {
19862
+ .v-date-picker-controls .v-btn:last-child {
20216
19863
  margin-inline-start: 4px;
20217
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20218
19864
  }
20219
- .v-combobox--active-menu .v-combobox__menu-icon {
20220
- opacity: var(--v-high-emphasis-opacity);
19865
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20221
19866
  transform: rotate(180deg);
20222
- }.v-counter {
20223
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20224
- flex: 0 1 auto;
20225
- font-size: 12px;
20226
- transition-duration: 150ms;
20227
- }.v-data-table {
20228
- width: 100%;
20229
- }
20230
-
20231
- .v-data-table__table {
20232
- width: 100%;
20233
- border-collapse: separate;
20234
- border-spacing: 0;
20235
19867
  }
20236
19868
 
20237
- .v-data-table__tr--focus {
20238
- border: 1px dotted black;
19869
+ .v-date-picker-controls__date {
19870
+ margin-inline-end: 4px;
20239
19871
  }
20240
- .v-data-table__tr--clickable {
20241
- cursor: pointer;
19872
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19873
+ margin: auto;
19874
+ text-align: center;
20242
19875
  }
20243
19876
 
20244
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20245
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20246
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20247
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20248
- text-align: end;
19877
+ .v-date-picker-controls__month {
19878
+ display: flex;
20249
19879
  }
20250
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20251
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20252
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20253
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
19880
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20254
19881
  flex-direction: row-reverse;
20255
19882
  }
20256
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20257
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20258
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20259
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20260
- text-align: center;
19883
+
19884
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19885
+ flex: 1 0 auto;
20261
19886
  }
20262
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20263
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20264
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20265
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
19887
+
19888
+ .v-date-picker__title {
19889
+ display: inline-block;
19890
+ }.v-date-picker-month {
19891
+ display: flex;
20266
19892
  justify-content: center;
19893
+ padding: 0 12px 8px;
19894
+ --v-date-picker-month-day-diff: 4px;
20267
19895
  }
20268
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20269
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20270
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20271
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20272
- padding: 0 8px;
19896
+
19897
+ .v-date-picker-month__weeks {
19898
+ display: grid;
19899
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19900
+ column-gap: 4px;
19901
+ font-size: 0.85rem;
20273
19902
  }
20274
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20275
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20276
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20277
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20278
- text-overflow: ellipsis;
20279
- text-wrap: nowrap;
20280
- overflow: hidden;
19903
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19904
+ grid-row-gap: 0;
20281
19905
  }
20282
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20283
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20284
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20285
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20286
- display: contents;
19906
+
19907
+ .v-date-picker-month__weekday {
19908
+ font-size: 0.85rem;
20287
19909
  }
20288
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20289
- .v-data-table .v-table__wrapper > table tbody > tr > th {
19910
+
19911
+ .v-date-picker-month__days {
19912
+ display: grid;
19913
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19914
+ column-gap: 4px;
19915
+ flex: 1 1;
19916
+ justify-content: space-around;
19917
+ }
19918
+
19919
+ .v-date-picker-month__day {
20290
19920
  align-items: center;
19921
+ display: flex;
19922
+ justify-content: center;
19923
+ position: relative;
19924
+ height: 40px;
19925
+ width: 40px;
20291
19926
  }
20292
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20293
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20294
- position: sticky;
19927
+ .v-date-picker-month__day--selected .v-btn {
19928
+ background-color: rgb(var(--v-theme-surface-variant));
19929
+ color: rgb(var(--v-theme-on-surface-variant));
20295
19930
  }
20296
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20297
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20298
- cursor: pointer;
20299
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19931
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19932
+ --v-btn-height: 24px;
19933
+ --v-btn-size: 0.85rem;
20300
19934
  }
20301
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20302
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20303
- opacity: 0;
19935
+ .v-date-picker-month__day--week {
19936
+ font-size: var(--v-btn-size);
20304
19937
  }
20305
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20306
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
19938
+
19939
+ .v-date-picker-month__day--adjacent {
20307
19940
  opacity: 0.5;
20308
19941
  }
20309
19942
 
20310
- .v-data-table-column--fixed,
20311
- .v-data-table__th--sticky {
20312
- background: rgb(var(--v-theme-surface));
20313
- position: sticky !important;
20314
- left: 0;
20315
- z-index: 1;
19943
+ .v-date-picker-month__day--hide-adjacent {
19944
+ opacity: 0;
19945
+ }.v-date-picker-months {
19946
+ height: 288px;
20316
19947
  }
20317
19948
 
20318
- .v-data-table-column--last-fixed {
20319
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
19949
+ .v-date-picker-months__content {
19950
+ align-items: center;
19951
+ display: grid;
19952
+ flex: 1 1;
19953
+ height: inherit;
19954
+ justify-content: space-around;
19955
+ grid-template-columns: repeat(2, 1fr);
19956
+ grid-gap: 0px 24px;
19957
+ padding-inline-start: 36px;
19958
+ padding-inline-end: 36px;
19959
+ }
19960
+ .v-date-picker-months__content .v-btn {
19961
+ text-transform: none;
19962
+ padding-inline-start: 8px;
19963
+ padding-inline-end: 8px;
19964
+ }.v-date-picker-years {
19965
+ height: 288px;
19966
+ overflow-y: scroll;
19967
+ }
19968
+
19969
+ .v-date-picker-years__content {
19970
+ display: grid;
19971
+ flex: 1 1;
19972
+ justify-content: space-around;
19973
+ grid-template-columns: repeat(3, 1fr);
19974
+ gap: 8px 24px;
19975
+ padding-inline: 32px;
19976
+ }
19977
+ .v-date-picker-years__content .v-btn {
19978
+ padding-inline: 8px;
19979
+ }.v-dialog {
19980
+ align-items: center;
19981
+ justify-content: center;
19982
+ margin: auto;
19983
+ }
19984
+ .v-dialog > .v-overlay__content {
19985
+ max-height: calc(100% - 48px);
19986
+ width: calc(100% - 48px);
19987
+ max-width: calc(100% - 48px);
19988
+ margin: 24px;
19989
+ }
19990
+ .v-dialog > .v-overlay__content,
19991
+ .v-dialog > .v-overlay__content > form {
19992
+ display: flex;
19993
+ flex-direction: column;
19994
+ min-height: 0;
20320
19995
  }
20321
-
20322
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20323
- z-index: 2;
19996
+ .v-dialog > .v-overlay__content > .v-card,
19997
+ .v-dialog > .v-overlay__content > .v-sheet,
19998
+ .v-dialog > .v-overlay__content > form > .v-card,
19999
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20000
+ --v-scrollbar-offset: 0px;
20001
+ border-radius: 4px;
20002
+ overflow-y: auto;
20003
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20324
20004
  }
20325
-
20326
- .v-data-table-group-header-row td {
20327
- background: rgba(var(--v-theme-surface));
20328
- color: rgba(var(--v-theme-on-surface));
20005
+ .v-dialog > .v-overlay__content > .v-card,
20006
+ .v-dialog > .v-overlay__content > form > .v-card {
20007
+ display: flex;
20008
+ flex-direction: column;
20329
20009
  }
20330
- .v-data-table-group-header-row td > span {
20331
- padding-left: 5px;
20010
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20011
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20012
+ padding: 16px 24px;
20332
20013
  }
20333
-
20334
- .v-data-table--loading .v-data-table__td {
20335
- opacity: var(--v-disabled-opacity);
20014
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20015
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20016
+ padding-top: 0;
20336
20017
  }
20337
-
20338
- .v-data-table-group-header-row__column {
20339
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20018
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20019
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20020
+ font-size: inherit;
20021
+ letter-spacing: 0.03125em;
20022
+ line-height: inherit;
20023
+ padding: 16px 24px 24px;
20340
20024
  }
20341
-
20342
- .v-data-table-header__content {
20343
- display: flex;
20344
- align-items: center;
20025
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20026
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20027
+ justify-content: flex-end;
20345
20028
  }
20346
20029
 
20347
- .v-data-table-header__sort-badge {
20348
- display: inline-flex;
20349
- justify-content: center;
20350
- align-items: center;
20351
- font-size: 0.875rem;
20352
- padding: 4px;
20353
- border-radius: 50%;
20354
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20355
- min-width: 20px;
20356
- min-height: 20px;
20357
- width: 20px;
20358
- height: 20px;
20030
+ .v-dialog--fullscreen {
20031
+ --v-scrollbar-offset: 0px;
20359
20032
  }
20360
-
20361
- .v-data-table-progress > th {
20362
- border: none !important;
20363
- height: auto !important;
20364
- padding: 0 !important;
20033
+ .v-dialog--fullscreen > .v-overlay__content {
20034
+ border-radius: 0;
20035
+ margin: 0;
20036
+ padding: 0;
20037
+ width: 100%;
20038
+ height: 100%;
20039
+ max-width: 100%;
20040
+ max-height: 100%;
20041
+ overflow-y: auto;
20042
+ top: 0;
20043
+ left: 0;
20365
20044
  }
20366
-
20367
- .v-data-table-progress__loader {
20368
- position: relative;
20045
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20046
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20047
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20048
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20049
+ min-height: 100%;
20050
+ min-width: 100%;
20051
+ border-radius: 0;
20369
20052
  }
20370
20053
 
20371
- .v-data-table-rows-loading,
20372
- .v-data-table-rows-no-data {
20373
- text-align: center;
20054
+ .v-dialog--scrollable > .v-overlay__content,
20055
+ .v-dialog--scrollable > .v-overlay__content > form {
20056
+ display: flex;
20374
20057
  }
20375
-
20376
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20377
- grid-template-columns: 0;
20378
- justify-content: center;
20058
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20059
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20060
+ display: flex;
20061
+ flex: 1 1 100%;
20062
+ flex-direction: column;
20063
+ max-height: 100%;
20064
+ max-width: 100%;
20379
20065
  }
20380
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20381
- grid-template-columns: 0;
20382
- justify-content: end;
20066
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20067
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20068
+ -webkit-backface-visibility: hidden;
20069
+ backface-visibility: hidden;
20070
+ overflow-y: auto;
20071
+ }.v-divider {
20072
+ display: block;
20073
+ flex: 1 1 100%;
20074
+ height: 0px;
20075
+ max-height: 0px;
20076
+ opacity: var(--v-border-opacity);
20077
+ transition: inherit;
20078
+ border-style: solid;
20079
+ border-width: thin 0 0 0;
20383
20080
  }
20384
- .v-data-table__tr--mobile > td {
20385
- align-items: center;
20386
- column-gap: 4px;
20387
- display: grid;
20388
- grid-template-columns: repeat(2, 1fr);
20389
- min-height: var(--v-table-row-height);
20081
+ .v-divider--vertical {
20082
+ align-self: stretch;
20083
+ border-width: 0 thin 0 0;
20084
+ display: inline-flex;
20085
+ height: 100%;
20086
+ margin-left: -1px;
20087
+ max-height: 100%;
20088
+ max-width: 0px;
20089
+ vertical-align: text-bottom;
20090
+ width: 0px;
20390
20091
  }
20391
- .v-data-table__tr--mobile > td:not(:last-child) {
20392
- border-bottom: 0 !important;
20092
+ .v-divider--inset:not(.v-divider--vertical) {
20093
+ max-width: calc(100% - 72px);
20094
+ margin-inline-start: 72px;
20393
20095
  }
20394
-
20395
- .v-data-table__td-title {
20396
- font-weight: bold;
20397
- text-align: left;
20096
+ .v-divider--inset.v-divider--vertical {
20097
+ margin-bottom: 8px;
20098
+ margin-top: 8px;
20099
+ max-height: calc(100% - 16px);
20398
20100
  }
20399
20101
 
20400
- .v-data-table__td-value {
20401
- text-align: right;
20102
+ .v-divider__content {
20103
+ padding: 0 16px;
20402
20104
  }
20403
-
20404
- .v-data-table__td-sort-icon {
20405
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20105
+ .v-divider__wrapper--vertical .v-divider__content {
20106
+ padding: 4px 0;
20406
20107
  }
20407
- .v-data-table__td-sort-icon-active {
20408
- color: rgba(var(--v-theme-on-surface));
20409
- }.v-data-table-footer {
20410
- align-items: center;
20108
+
20109
+ .v-divider__wrapper {
20411
20110
  display: flex;
20412
- flex-wrap: wrap;
20413
- justify-content: flex-end;
20414
- padding: 8px 4px;
20415
- }
20416
- .v-data-table-footer__items-per-page {
20417
20111
  align-items: center;
20418
- display: flex;
20419
20112
  justify-content: center;
20420
20113
  }
20421
- .v-data-table-footer__items-per-page > span {
20422
- padding-inline-end: 8px;
20423
- }
20424
- .v-data-table-footer__items-per-page > .v-select {
20425
- width: 90px;
20426
- }
20427
- .v-data-table-footer__info {
20428
- display: flex;
20429
- justify-content: flex-end;
20430
- min-width: 116px;
20431
- padding: 0 16px;
20114
+ .v-divider__wrapper--vertical {
20115
+ flex-direction: column;
20116
+ height: 100%;
20432
20117
  }
20433
- .v-data-table-footer__paginationz {
20118
+ .v-divider__wrapper--vertical .v-divider {
20119
+ margin: 0 auto;
20120
+ }.v-empty-state {
20434
20121
  align-items: center;
20435
20122
  display: flex;
20436
- margin-inline-start: 16px;
20123
+ flex-direction: column;
20124
+ justify-content: center;
20125
+ min-height: 100%;
20126
+ padding: 16px;
20437
20127
  }
20438
- .v-data-table-footer__page {
20439
- padding: 0 8px;
20440
- }.v-date-picker {
20441
- overflow: hidden;
20442
- width: 328px;
20128
+ .v-empty-state--start {
20129
+ align-items: flex-start;
20443
20130
  }
20444
- .v-date-picker--show-week {
20445
- width: 368px;
20446
- }.v-date-picker-controls {
20447
- display: flex;
20131
+ .v-empty-state--center {
20448
20132
  align-items: center;
20449
- justify-content: space-between;
20450
- font-size: 0.875rem;
20451
- padding-top: 4px;
20452
- padding-bottom: 4px;
20453
- padding-inline-start: 6px;
20454
- padding-inline-end: 12px;
20455
- }
20456
- .v-date-picker-controls > .v-btn:first-child {
20457
- text-transform: none;
20458
- font-weight: 400;
20459
- line-height: initial;
20460
- letter-spacing: initial;
20461
- }
20462
- .v-date-picker-controls--variant-classic {
20463
- padding-inline-start: 12px;
20464
20133
  }
20465
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20466
- opacity: 0.7;
20134
+ .v-empty-state--end {
20135
+ align-items: flex-end;
20467
20136
  }
20468
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20469
- cursor: pointer;
20137
+
20138
+ .v-empty-state__media {
20139
+ text-align: center;
20140
+ width: 100%;
20470
20141
  }
20471
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20472
- opacity: 1;
20142
+ .v-empty-state__media .v-icon {
20143
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20473
20144
  }
20474
- .v-date-picker-controls .v-btn:last-child {
20475
- margin-inline-start: 4px;
20145
+
20146
+ .v-empty-state__headline {
20147
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20148
+ font-size: 3.75rem;
20149
+ font-weight: 300;
20150
+ line-height: 1;
20151
+ text-align: center;
20152
+ margin-bottom: 8px;
20476
20153
  }
20477
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20478
- transform: rotate(180deg);
20154
+ .v-empty-state--mobile .v-empty-state__headline {
20155
+ font-size: 2.125rem;
20479
20156
  }
20480
20157
 
20481
- .v-date-picker-controls__date {
20482
- margin-inline-end: 4px;
20483
- }
20484
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20485
- margin: auto;
20158
+ .v-empty-state__title {
20159
+ font-size: 1.25rem;
20160
+ font-weight: 500;
20161
+ line-height: 1.6;
20162
+ margin-bottom: 4px;
20486
20163
  text-align: center;
20487
20164
  }
20488
20165
 
20489
- .v-date-picker-controls__month {
20490
- display: flex;
20491
- }
20492
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20493
- flex-direction: row-reverse;
20166
+ .v-empty-state__text {
20167
+ font-size: 0.875rem;
20168
+ font-weight: 400;
20169
+ line-height: 1.425;
20170
+ padding: 0 16px;
20171
+ text-align: center;
20494
20172
  }
20495
20173
 
20496
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20497
- flex: 1 0 auto;
20174
+ .v-empty-state__content {
20175
+ padding: 24px 0;
20498
20176
  }
20499
20177
 
20500
- .v-date-picker__title {
20501
- display: inline-block;
20502
- }.v-date-picker-month {
20178
+ .v-empty-state__actions {
20503
20179
  display: flex;
20504
- justify-content: center;
20505
- padding: 0 12px 8px;
20506
- --v-date-picker-month-day-diff: 4px;
20180
+ gap: 8px;
20181
+ padding: 16px;
20507
20182
  }
20508
20183
 
20509
- .v-date-picker-month__weeks {
20510
- display: grid;
20511
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20512
- column-gap: 4px;
20513
- font-size: 0.85rem;
20184
+ .v-empty-state__action-btn.v-btn {
20185
+ background-color: rgb(var(--v-theme-surface-variant));
20186
+ color: rgb(var(--v-theme-on-surface-variant));
20187
+ }.v-expansion-panel {
20188
+ background-color: rgb(var(--v-theme-surface));
20189
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20514
20190
  }
20515
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20516
- grid-row-gap: 0;
20191
+ .v-expansion-panel:not(:first-child)::after {
20192
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20517
20193
  }
20518
-
20519
- .v-date-picker-month__weekday {
20520
- font-size: 0.85rem;
20194
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20195
+ color: rgba(var(--v-theme-on-surface), 0.26);
20521
20196
  }
20522
-
20523
- .v-date-picker-month__days {
20524
- display: grid;
20525
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20526
- column-gap: 4px;
20527
- flex: 1 1;
20528
- justify-content: space-around;
20197
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20198
+ opacity: 0.4615384615;
20529
20199
  }
20530
20200
 
20531
- .v-date-picker-month__day {
20532
- align-items: center;
20201
+ .v-expansion-panels {
20533
20202
  display: flex;
20203
+ flex-wrap: wrap;
20534
20204
  justify-content: center;
20205
+ list-style-type: none;
20206
+ padding: 0;
20207
+ width: 100%;
20535
20208
  position: relative;
20536
- height: 40px;
20537
- width: 40px;
20538
- }
20539
- .v-date-picker-month__day--selected .v-btn {
20540
- background-color: rgb(var(--v-theme-surface-variant));
20541
- color: rgb(var(--v-theme-on-surface-variant));
20209
+ z-index: 1;
20542
20210
  }
20543
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20544
- --v-btn-height: 24px;
20545
- --v-btn-size: 0.85rem;
20211
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20212
+ border-bottom-left-radius: 0 !important;
20213
+ border-bottom-right-radius: 0 !important;
20546
20214
  }
20547
- .v-date-picker-month__day--week {
20548
- font-size: var(--v-btn-size);
20215
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20216
+ border-top-left-radius: 0 !important;
20217
+ border-top-right-radius: 0 !important;
20549
20218
  }
20550
-
20551
- .v-date-picker-month__day--adjacent {
20552
- opacity: 0.5;
20219
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20220
+ border-bottom-left-radius: 0 !important;
20221
+ border-bottom-right-radius: 0 !important;
20553
20222
  }
20554
-
20555
- .v-date-picker-month__day--hide-adjacent {
20556
- opacity: 0;
20557
- }.v-date-picker-header {
20558
- align-items: flex-end;
20559
- height: 70px;
20560
- display: grid;
20561
- grid-template-areas: "prepend content append";
20562
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20563
- overflow: hidden;
20564
- padding-inline: 24px 12px;
20565
- padding-bottom: 12px;
20223
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20224
+ border-top-left-radius: 0 !important;
20225
+ border-top-right-radius: 0 !important;
20566
20226
  }
20567
-
20568
- .v-date-picker-header__append {
20569
- grid-area: append;
20227
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20228
+ border-bottom-left-radius: 0 !important;
20229
+ border-bottom-right-radius: 0 !important;
20570
20230
  }
20571
-
20572
- .v-date-picker-header__prepend {
20573
- grid-area: prepend;
20574
- padding-inline-start: 8px;
20231
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20232
+ border-top-left-radius: 0 !important;
20233
+ border-top-right-radius: 0 !important;
20575
20234
  }
20576
-
20577
- .v-date-picker-header__content {
20578
- align-items: center;
20579
- display: inline-flex;
20580
- font-size: 32px;
20581
- line-height: 40px;
20582
- grid-area: content;
20583
- justify-content: space-between;
20235
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20236
+ border-bottom-left-radius: initial;
20237
+ border-bottom-right-radius: initial;
20584
20238
  }
20585
- .v-date-picker-header--clickable .v-date-picker-header__content {
20586
- cursor: pointer;
20239
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20240
+ border-radius: 0 !important;
20587
20241
  }
20588
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20589
- opacity: 0.7;
20242
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20243
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20590
20244
  }
20591
20245
 
20592
- .date-picker-header-transition-enter-active,
20593
- .date-picker-header-reverse-transition-enter-active {
20594
- transition-duration: 0.3s;
20595
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20596
- }
20597
- .date-picker-header-transition-leave-active,
20598
- .date-picker-header-reverse-transition-leave-active {
20599
- transition-duration: 0.3s;
20600
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20246
+ .v-expansion-panel {
20247
+ flex: 1 0 100%;
20248
+ max-width: 100%;
20249
+ position: relative;
20250
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20251
+ transition-property: margin-top, border-radius, border, max-width;
20252
+ border-radius: 4px;
20601
20253
  }
20602
-
20603
- .date-picker-header-transition-enter-from {
20604
- transform: translate(0, 100%);
20254
+ .v-expansion-panel:not(:first-child)::after {
20255
+ border-top-style: solid;
20256
+ border-top-width: thin;
20257
+ content: "";
20258
+ left: 0;
20259
+ position: absolute;
20260
+ right: 0;
20261
+ top: 0;
20262
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20605
20263
  }
20606
- .date-picker-header-transition-leave-to {
20607
- opacity: 0;
20608
- transform: translate(0, -100%);
20264
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20265
+ pointer-events: none;
20609
20266
  }
20610
-
20611
- .date-picker-header-reverse-transition-enter-from {
20612
- transform: translate(0, -100%);
20267
+ .v-expansion-panel--active:not(:first-child),
20268
+ .v-expansion-panel--active + .v-expansion-panel {
20269
+ margin-top: 16px;
20613
20270
  }
20614
- .date-picker-header-reverse-transition-leave-to {
20271
+ .v-expansion-panel--active:not(:first-child)::after,
20272
+ .v-expansion-panel--active + .v-expansion-panel::after {
20615
20273
  opacity: 0;
20616
- transform: translate(0, 100%);
20617
- }.v-date-picker-months {
20618
- height: 288px;
20619
20274
  }
20620
-
20621
- .v-date-picker-months__content {
20622
- align-items: center;
20623
- display: grid;
20624
- flex: 1 1;
20625
- height: inherit;
20626
- justify-content: space-around;
20627
- grid-template-columns: repeat(2, 1fr);
20628
- grid-gap: 0px 24px;
20629
- padding-inline-start: 36px;
20630
- padding-inline-end: 36px;
20275
+ .v-expansion-panel--active > .v-expansion-panel-title {
20276
+ border-bottom-left-radius: 0;
20277
+ border-bottom-right-radius: 0;
20631
20278
  }
20632
- .v-date-picker-months__content .v-btn {
20633
- text-transform: none;
20634
- padding-inline-start: 8px;
20635
- padding-inline-end: 8px;
20636
- }.v-date-picker-years {
20637
- height: 288px;
20638
- overflow-y: scroll;
20279
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20280
+ min-height: 64px;
20639
20281
  }
20640
20282
 
20641
- .v-date-picker-years__content {
20642
- display: grid;
20643
- flex: 1 1;
20644
- justify-content: space-around;
20645
- grid-template-columns: repeat(3, 1fr);
20646
- gap: 8px 24px;
20647
- padding-inline: 32px;
20283
+ .v-expansion-panel__shadow {
20284
+ position: absolute;
20285
+ top: 0;
20286
+ left: 0;
20287
+ width: 100%;
20288
+ height: 100%;
20289
+ 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));
20290
+ border-radius: inherit;
20291
+ z-index: -1;
20648
20292
  }
20649
- .v-date-picker-years__content .v-btn {
20650
- padding-inline: 8px;
20651
- }.v-dialog {
20293
+
20294
+ .v-expansion-panel-title {
20652
20295
  align-items: center;
20653
- justify-content: center;
20654
- margin: auto;
20655
- }
20656
- .v-dialog > .v-overlay__content {
20657
- max-height: calc(100% - 48px);
20658
- width: calc(100% - 48px);
20659
- max-width: calc(100% - 48px);
20660
- margin: 24px;
20661
- }
20662
- .v-dialog > .v-overlay__content,
20663
- .v-dialog > .v-overlay__content > form {
20296
+ text-align: start;
20297
+ border-radius: inherit;
20664
20298
  display: flex;
20665
- flex-direction: column;
20666
- min-height: 0;
20667
- }
20668
- .v-dialog > .v-overlay__content > .v-card,
20669
- .v-dialog > .v-overlay__content > .v-sheet,
20670
- .v-dialog > .v-overlay__content > form > .v-card,
20671
- .v-dialog > .v-overlay__content > form > .v-sheet {
20672
- --v-scrollbar-offset: 0px;
20673
- border-radius: 4px;
20674
- overflow-y: auto;
20675
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20299
+ font-size: 0.9375rem;
20300
+ line-height: 1;
20301
+ min-height: 48px;
20302
+ outline: none;
20303
+ padding: 16px 24px;
20304
+ position: relative;
20305
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20306
+ width: 100%;
20307
+ justify-content: space-between;
20676
20308
  }
20677
- .v-dialog > .v-overlay__content > .v-card,
20678
- .v-dialog > .v-overlay__content > form > .v-card {
20679
- display: flex;
20680
- flex-direction: column;
20309
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20310
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20681
20311
  }
20682
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20683
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20684
- padding: 16px 24px;
20312
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20313
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20685
20314
  }
20686
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20687
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20688
- padding-top: 0;
20315
+ @supports not selector(:focus-visible) {
20316
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20317
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20318
+ }
20689
20319
  }
20690
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20691
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20692
- font-size: inherit;
20693
- letter-spacing: 0.03125em;
20694
- line-height: inherit;
20695
- padding: 16px 24px 24px;
20320
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20321
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20696
20322
  }
20697
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20698
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20699
- justify-content: flex-end;
20323
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20324
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20700
20325
  }
20701
-
20702
- .v-dialog--fullscreen {
20703
- --v-scrollbar-offset: 0px;
20326
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20327
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20704
20328
  }
20705
- .v-dialog--fullscreen > .v-overlay__content {
20706
- border-radius: 0;
20707
- margin: 0;
20708
- padding: 0;
20709
- width: 100%;
20710
- height: 100%;
20711
- max-width: 100%;
20712
- max-height: 100%;
20713
- overflow-y: auto;
20329
+ @supports not selector(:focus-visible) {
20330
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20331
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20332
+ }
20333
+ }
20334
+
20335
+ .v-expansion-panel-title__overlay {
20336
+ position: absolute;
20714
20337
  top: 0;
20715
20338
  left: 0;
20339
+ width: 100%;
20340
+ height: 100%;
20341
+ background-color: currentColor;
20342
+ border-radius: inherit;
20343
+ opacity: 0;
20716
20344
  }
20717
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20718
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20719
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20720
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20721
- min-height: 100%;
20722
- min-width: 100%;
20723
- border-radius: 0;
20345
+
20346
+ .v-expansion-panel-title__icon {
20347
+ display: inline-flex;
20348
+ margin-bottom: -4px;
20349
+ margin-top: -4px;
20350
+ -webkit-user-select: none;
20351
+ user-select: none;
20352
+ margin-inline-start: auto;
20724
20353
  }
20725
20354
 
20726
- .v-dialog--scrollable > .v-overlay__content,
20727
- .v-dialog--scrollable > .v-overlay__content > form {
20355
+ .v-expansion-panel-text {
20728
20356
  display: flex;
20729
20357
  }
20730
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20731
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20732
- display: flex;
20733
- flex: 1 1 100%;
20734
- flex-direction: column;
20735
- max-height: 100%;
20358
+ .v-expansion-panel-text__wrapper {
20359
+ padding: 8px 24px 16px;
20360
+ flex: 1 1 auto;
20736
20361
  max-width: 100%;
20737
20362
  }
20738
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20739
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20740
- -webkit-backface-visibility: hidden;
20741
- backface-visibility: hidden;
20742
- overflow-y: auto;
20743
- }.v-divider {
20744
- display: block;
20745
- flex: 1 1 100%;
20746
- height: 0px;
20747
- max-height: 0px;
20748
- opacity: var(--v-border-opacity);
20749
- transition: inherit;
20750
- border-style: solid;
20751
- border-width: thin 0 0 0;
20363
+
20364
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20365
+ margin-top: 0;
20752
20366
  }
20753
- .v-divider--vertical {
20754
- align-self: stretch;
20755
- border-width: 0 thin 0 0;
20756
- display: inline-flex;
20757
- height: 100%;
20758
- margin-left: -1px;
20759
- max-height: 100%;
20760
- max-width: 0px;
20761
- vertical-align: text-bottom;
20762
- width: 0px;
20367
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20368
+ opacity: 1;
20763
20369
  }
20764
- .v-divider--inset:not(.v-divider--vertical) {
20765
- max-width: calc(100% - 72px);
20766
- margin-inline-start: 72px;
20370
+
20371
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20372
+ max-width: calc(100% - 32px);
20767
20373
  }
20768
- .v-divider--inset.v-divider--vertical {
20769
- margin-bottom: 8px;
20770
- margin-top: 8px;
20771
- max-height: calc(100% - 16px);
20374
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20375
+ max-width: calc(100% + 16px);
20772
20376
  }
20773
20377
 
20774
- .v-divider__content {
20775
- padding: 0 16px;
20378
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20379
+ max-width: 100%;
20776
20380
  }
20777
- .v-divider__wrapper--vertical .v-divider__content {
20778
- padding: 4px 0;
20381
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20382
+ max-width: calc(100% - 32px);
20779
20383
  }
20780
20384
 
20781
- .v-divider__wrapper {
20782
- display: flex;
20783
- align-items: center;
20784
- justify-content: center;
20385
+ .v-expansion-panels--flat > .v-expansion-panel::after {
20386
+ border-top: none;
20785
20387
  }
20786
- .v-divider__wrapper--vertical {
20787
- flex-direction: column;
20788
- height: 100%;
20388
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20389
+ display: none;
20789
20390
  }
20790
- .v-divider__wrapper--vertical .v-divider {
20791
- margin: 0 auto;
20792
- }.v-empty-state {
20793
- align-items: center;
20794
- display: flex;
20795
- flex-direction: column;
20796
- justify-content: center;
20797
- min-height: 100%;
20391
+
20392
+ .v-expansion-panels--tile {
20393
+ border-radius: 0;
20394
+ }
20395
+ .v-expansion-panels--tile > .v-expansion-panel {
20396
+ border-radius: 0;
20397
+ }.v-container {
20398
+ width: 100%;
20798
20399
  padding: 16px;
20400
+ margin-right: auto;
20401
+ margin-left: auto;
20799
20402
  }
20800
- .v-empty-state--start {
20801
- align-items: flex-start;
20403
+ @media (min-width: 960px) {
20404
+ .v-container {
20405
+ max-width: 900px;
20406
+ }
20802
20407
  }
20803
- .v-empty-state--center {
20804
- align-items: center;
20408
+ @media (min-width: 1280px) {
20409
+ .v-container {
20410
+ max-width: 1200px;
20411
+ }
20805
20412
  }
20806
- .v-empty-state--end {
20807
- align-items: flex-end;
20413
+ @media (min-width: 1920px) {
20414
+ .v-container {
20415
+ max-width: 1800px;
20416
+ }
20808
20417
  }
20809
-
20810
- .v-empty-state__media {
20811
- text-align: center;
20812
- width: 100%;
20418
+ @media (min-width: 2560px) {
20419
+ .v-container {
20420
+ max-width: 2400px;
20421
+ }
20813
20422
  }
20814
- .v-empty-state__media .v-icon {
20815
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20423
+ .v-container--fluid {
20424
+ max-width: 100%;
20425
+ }
20426
+ .v-container.fill-height {
20427
+ align-items: center;
20428
+ display: flex;
20429
+ flex-wrap: wrap;
20816
20430
  }
20817
20431
 
20818
- .v-empty-state__headline {
20819
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20820
- font-size: 3.75rem;
20821
- font-weight: 300;
20822
- line-height: 1;
20823
- text-align: center;
20824
- margin-bottom: 8px;
20432
+ .v-row {
20433
+ display: flex;
20434
+ flex-wrap: wrap;
20435
+ flex: 1 1 auto;
20436
+ margin: -12px;
20825
20437
  }
20826
- .v-empty-state--mobile .v-empty-state__headline {
20827
- font-size: 2.125rem;
20438
+ .v-row + .v-row {
20439
+ margin-top: 12px;
20440
+ }
20441
+ .v-row + .v-row--dense {
20442
+ margin-top: 4px;
20443
+ }
20444
+ .v-row--dense {
20445
+ margin: -4px;
20446
+ }
20447
+ .v-row--dense > .v-col,
20448
+ .v-row--dense > [class*=v-col-] {
20449
+ padding: 4px;
20450
+ }
20451
+ .v-row.v-row--no-gutters {
20452
+ margin: 0;
20453
+ }
20454
+ .v-row.v-row--no-gutters > .v-col,
20455
+ .v-row.v-row--no-gutters > [class*=v-col-] {
20456
+ padding: 0;
20828
20457
  }
20829
20458
 
20830
- .v-empty-state__title {
20831
- font-size: 1.25rem;
20832
- font-weight: 500;
20833
- line-height: 1.6;
20834
- margin-bottom: 4px;
20835
- text-align: center;
20459
+ .v-spacer {
20460
+ flex-grow: 1;
20836
20461
  }
20837
20462
 
20838
- .v-empty-state__text {
20839
- font-size: 0.875rem;
20840
- font-weight: 400;
20841
- line-height: 1.425;
20842
- padding: 0 16px;
20843
- text-align: center;
20463
+ .v-col-xxl,
20464
+ .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,
20465
+ .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,
20466
+ .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,
20467
+ .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,
20468
+ .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,
20469
+ .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 {
20470
+ width: 100%;
20471
+ padding: 12px;
20472
+ }
20473
+
20474
+ .v-col {
20475
+ flex-basis: 0;
20476
+ flex-grow: 1;
20477
+ max-width: 100%;
20844
20478
  }
20845
20479
 
20846
- .v-empty-state__content {
20847
- padding: 24px 0;
20480
+ .v-col-auto {
20481
+ flex: 0 0 auto;
20482
+ width: auto;
20483
+ max-width: 100%;
20848
20484
  }
20849
20485
 
20850
- .v-empty-state__actions {
20851
- display: flex;
20852
- gap: 8px;
20853
- padding: 16px;
20486
+ .v-col-1 {
20487
+ flex: 0 0 8.3333333333%;
20488
+ max-width: 8.3333333333%;
20854
20489
  }
20855
20490
 
20856
- .v-empty-state__action-btn.v-btn {
20857
- background-color: rgb(var(--v-theme-surface-variant));
20858
- color: rgb(var(--v-theme-on-surface-variant));
20859
- }.v-expansion-panel {
20860
- background-color: rgb(var(--v-theme-surface));
20861
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20491
+ .v-col-2 {
20492
+ flex: 0 0 16.6666666667%;
20493
+ max-width: 16.6666666667%;
20862
20494
  }
20863
- .v-expansion-panel:not(:first-child)::after {
20864
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20495
+
20496
+ .v-col-3 {
20497
+ flex: 0 0 25%;
20498
+ max-width: 25%;
20865
20499
  }
20866
- .v-expansion-panel--disabled .v-expansion-panel-title {
20867
- color: rgba(var(--v-theme-on-surface), 0.26);
20500
+
20501
+ .v-col-4 {
20502
+ flex: 0 0 33.3333333333%;
20503
+ max-width: 33.3333333333%;
20868
20504
  }
20869
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20870
- opacity: 0.4615384615;
20505
+
20506
+ .v-col-5 {
20507
+ flex: 0 0 41.6666666667%;
20508
+ max-width: 41.6666666667%;
20871
20509
  }
20872
20510
 
20873
- .v-expansion-panels {
20874
- display: flex;
20875
- flex-wrap: wrap;
20876
- justify-content: center;
20877
- list-style-type: none;
20878
- padding: 0;
20879
- width: 100%;
20880
- position: relative;
20881
- z-index: 1;
20511
+ .v-col-6 {
20512
+ flex: 0 0 50%;
20513
+ max-width: 50%;
20882
20514
  }
20883
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20884
- border-bottom-left-radius: 0 !important;
20885
- border-bottom-right-radius: 0 !important;
20515
+
20516
+ .v-col-7 {
20517
+ flex: 0 0 58.3333333333%;
20518
+ max-width: 58.3333333333%;
20886
20519
  }
20887
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20888
- border-top-left-radius: 0 !important;
20889
- border-top-right-radius: 0 !important;
20520
+
20521
+ .v-col-8 {
20522
+ flex: 0 0 66.6666666667%;
20523
+ max-width: 66.6666666667%;
20890
20524
  }
20891
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20892
- border-bottom-left-radius: 0 !important;
20893
- border-bottom-right-radius: 0 !important;
20525
+
20526
+ .v-col-9 {
20527
+ flex: 0 0 75%;
20528
+ max-width: 75%;
20894
20529
  }
20895
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20896
- border-top-left-radius: 0 !important;
20897
- border-top-right-radius: 0 !important;
20530
+
20531
+ .v-col-10 {
20532
+ flex: 0 0 83.3333333333%;
20533
+ max-width: 83.3333333333%;
20898
20534
  }
20899
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20900
- border-bottom-left-radius: 0 !important;
20901
- border-bottom-right-radius: 0 !important;
20535
+
20536
+ .v-col-11 {
20537
+ flex: 0 0 91.6666666667%;
20538
+ max-width: 91.6666666667%;
20902
20539
  }
20903
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20904
- border-top-left-radius: 0 !important;
20905
- border-top-right-radius: 0 !important;
20540
+
20541
+ .v-col-12 {
20542
+ flex: 0 0 100%;
20543
+ max-width: 100%;
20906
20544
  }
20907
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20908
- border-bottom-left-radius: initial;
20909
- border-bottom-right-radius: initial;
20545
+
20546
+ .offset-1 {
20547
+ margin-inline-start: 8.3333333333%;
20910
20548
  }
20911
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20912
- border-radius: 0 !important;
20549
+
20550
+ .offset-2 {
20551
+ margin-inline-start: 16.6666666667%;
20913
20552
  }
20914
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20915
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20553
+
20554
+ .offset-3 {
20555
+ margin-inline-start: 25%;
20916
20556
  }
20917
20557
 
20918
- .v-expansion-panel {
20919
- flex: 1 0 100%;
20920
- max-width: 100%;
20921
- position: relative;
20922
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20923
- transition-property: margin-top, border-radius, border, max-width;
20924
- border-radius: 4px;
20558
+ .offset-4 {
20559
+ margin-inline-start: 33.3333333333%;
20925
20560
  }
20926
- .v-expansion-panel:not(:first-child)::after {
20927
- border-top-style: solid;
20928
- border-top-width: thin;
20929
- content: "";
20930
- left: 0;
20931
- position: absolute;
20932
- right: 0;
20933
- top: 0;
20934
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20561
+
20562
+ .offset-5 {
20563
+ margin-inline-start: 41.6666666667%;
20935
20564
  }
20936
- .v-expansion-panel--disabled .v-expansion-panel-title {
20937
- pointer-events: none;
20565
+
20566
+ .offset-6 {
20567
+ margin-inline-start: 50%;
20938
20568
  }
20939
- .v-expansion-panel--active:not(:first-child),
20940
- .v-expansion-panel--active + .v-expansion-panel {
20941
- margin-top: 16px;
20569
+
20570
+ .offset-7 {
20571
+ margin-inline-start: 58.3333333333%;
20942
20572
  }
20943
- .v-expansion-panel--active:not(:first-child)::after,
20944
- .v-expansion-panel--active + .v-expansion-panel::after {
20945
- opacity: 0;
20573
+
20574
+ .offset-8 {
20575
+ margin-inline-start: 66.6666666667%;
20946
20576
  }
20947
- .v-expansion-panel--active > .v-expansion-panel-title {
20948
- border-bottom-left-radius: 0;
20949
- border-bottom-right-radius: 0;
20577
+
20578
+ .offset-9 {
20579
+ margin-inline-start: 75%;
20950
20580
  }
20951
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20952
- min-height: 64px;
20581
+
20582
+ .offset-10 {
20583
+ margin-inline-start: 83.3333333333%;
20953
20584
  }
20954
20585
 
20955
- .v-expansion-panel__shadow {
20956
- position: absolute;
20957
- top: 0;
20958
- left: 0;
20959
- width: 100%;
20960
- height: 100%;
20961
- 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));
20962
- border-radius: inherit;
20963
- z-index: -1;
20586
+ .offset-11 {
20587
+ margin-inline-start: 91.6666666667%;
20964
20588
  }
20965
20589
 
20966
- .v-expansion-panel-title {
20967
- align-items: center;
20968
- text-align: start;
20969
- border-radius: inherit;
20970
- display: flex;
20971
- font-size: 0.9375rem;
20972
- line-height: 1;
20973
- min-height: 48px;
20974
- outline: none;
20975
- padding: 16px 24px;
20976
- position: relative;
20977
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20978
- width: 100%;
20979
- justify-content: space-between;
20590
+ @media (min-width: 600px) {
20591
+ .v-col-sm {
20592
+ flex-basis: 0;
20593
+ flex-grow: 1;
20594
+ max-width: 100%;
20595
+ }
20596
+ .v-col-sm-auto {
20597
+ flex: 0 0 auto;
20598
+ width: auto;
20599
+ max-width: 100%;
20600
+ }
20601
+ .v-col-sm-1 {
20602
+ flex: 0 0 8.3333333333%;
20603
+ max-width: 8.3333333333%;
20604
+ }
20605
+ .v-col-sm-2 {
20606
+ flex: 0 0 16.6666666667%;
20607
+ max-width: 16.6666666667%;
20608
+ }
20609
+ .v-col-sm-3 {
20610
+ flex: 0 0 25%;
20611
+ max-width: 25%;
20612
+ }
20613
+ .v-col-sm-4 {
20614
+ flex: 0 0 33.3333333333%;
20615
+ max-width: 33.3333333333%;
20616
+ }
20617
+ .v-col-sm-5 {
20618
+ flex: 0 0 41.6666666667%;
20619
+ max-width: 41.6666666667%;
20620
+ }
20621
+ .v-col-sm-6 {
20622
+ flex: 0 0 50%;
20623
+ max-width: 50%;
20624
+ }
20625
+ .v-col-sm-7 {
20626
+ flex: 0 0 58.3333333333%;
20627
+ max-width: 58.3333333333%;
20628
+ }
20629
+ .v-col-sm-8 {
20630
+ flex: 0 0 66.6666666667%;
20631
+ max-width: 66.6666666667%;
20632
+ }
20633
+ .v-col-sm-9 {
20634
+ flex: 0 0 75%;
20635
+ max-width: 75%;
20636
+ }
20637
+ .v-col-sm-10 {
20638
+ flex: 0 0 83.3333333333%;
20639
+ max-width: 83.3333333333%;
20640
+ }
20641
+ .v-col-sm-11 {
20642
+ flex: 0 0 91.6666666667%;
20643
+ max-width: 91.6666666667%;
20644
+ }
20645
+ .v-col-sm-12 {
20646
+ flex: 0 0 100%;
20647
+ max-width: 100%;
20648
+ }
20649
+ .offset-sm-0 {
20650
+ margin-inline-start: 0;
20651
+ }
20652
+ .offset-sm-1 {
20653
+ margin-inline-start: 8.3333333333%;
20654
+ }
20655
+ .offset-sm-2 {
20656
+ margin-inline-start: 16.6666666667%;
20657
+ }
20658
+ .offset-sm-3 {
20659
+ margin-inline-start: 25%;
20660
+ }
20661
+ .offset-sm-4 {
20662
+ margin-inline-start: 33.3333333333%;
20663
+ }
20664
+ .offset-sm-5 {
20665
+ margin-inline-start: 41.6666666667%;
20666
+ }
20667
+ .offset-sm-6 {
20668
+ margin-inline-start: 50%;
20669
+ }
20670
+ .offset-sm-7 {
20671
+ margin-inline-start: 58.3333333333%;
20672
+ }
20673
+ .offset-sm-8 {
20674
+ margin-inline-start: 66.6666666667%;
20675
+ }
20676
+ .offset-sm-9 {
20677
+ margin-inline-start: 75%;
20678
+ }
20679
+ .offset-sm-10 {
20680
+ margin-inline-start: 83.3333333333%;
20681
+ }
20682
+ .offset-sm-11 {
20683
+ margin-inline-start: 91.6666666667%;
20684
+ }
20980
20685
  }
20981
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20982
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20686
+ @media (min-width: 960px) {
20687
+ .v-col-md {
20688
+ flex-basis: 0;
20689
+ flex-grow: 1;
20690
+ max-width: 100%;
20691
+ }
20692
+ .v-col-md-auto {
20693
+ flex: 0 0 auto;
20694
+ width: auto;
20695
+ max-width: 100%;
20696
+ }
20697
+ .v-col-md-1 {
20698
+ flex: 0 0 8.3333333333%;
20699
+ max-width: 8.3333333333%;
20700
+ }
20701
+ .v-col-md-2 {
20702
+ flex: 0 0 16.6666666667%;
20703
+ max-width: 16.6666666667%;
20704
+ }
20705
+ .v-col-md-3 {
20706
+ flex: 0 0 25%;
20707
+ max-width: 25%;
20708
+ }
20709
+ .v-col-md-4 {
20710
+ flex: 0 0 33.3333333333%;
20711
+ max-width: 33.3333333333%;
20712
+ }
20713
+ .v-col-md-5 {
20714
+ flex: 0 0 41.6666666667%;
20715
+ max-width: 41.6666666667%;
20716
+ }
20717
+ .v-col-md-6 {
20718
+ flex: 0 0 50%;
20719
+ max-width: 50%;
20720
+ }
20721
+ .v-col-md-7 {
20722
+ flex: 0 0 58.3333333333%;
20723
+ max-width: 58.3333333333%;
20724
+ }
20725
+ .v-col-md-8 {
20726
+ flex: 0 0 66.6666666667%;
20727
+ max-width: 66.6666666667%;
20728
+ }
20729
+ .v-col-md-9 {
20730
+ flex: 0 0 75%;
20731
+ max-width: 75%;
20732
+ }
20733
+ .v-col-md-10 {
20734
+ flex: 0 0 83.3333333333%;
20735
+ max-width: 83.3333333333%;
20736
+ }
20737
+ .v-col-md-11 {
20738
+ flex: 0 0 91.6666666667%;
20739
+ max-width: 91.6666666667%;
20740
+ }
20741
+ .v-col-md-12 {
20742
+ flex: 0 0 100%;
20743
+ max-width: 100%;
20744
+ }
20745
+ .offset-md-0 {
20746
+ margin-inline-start: 0;
20747
+ }
20748
+ .offset-md-1 {
20749
+ margin-inline-start: 8.3333333333%;
20750
+ }
20751
+ .offset-md-2 {
20752
+ margin-inline-start: 16.6666666667%;
20753
+ }
20754
+ .offset-md-3 {
20755
+ margin-inline-start: 25%;
20756
+ }
20757
+ .offset-md-4 {
20758
+ margin-inline-start: 33.3333333333%;
20759
+ }
20760
+ .offset-md-5 {
20761
+ margin-inline-start: 41.6666666667%;
20762
+ }
20763
+ .offset-md-6 {
20764
+ margin-inline-start: 50%;
20765
+ }
20766
+ .offset-md-7 {
20767
+ margin-inline-start: 58.3333333333%;
20768
+ }
20769
+ .offset-md-8 {
20770
+ margin-inline-start: 66.6666666667%;
20771
+ }
20772
+ .offset-md-9 {
20773
+ margin-inline-start: 75%;
20774
+ }
20775
+ .offset-md-10 {
20776
+ margin-inline-start: 83.3333333333%;
20777
+ }
20778
+ .offset-md-11 {
20779
+ margin-inline-start: 91.6666666667%;
20780
+ }
20983
20781
  }
20984
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20985
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20782
+ @media (min-width: 1280px) {
20783
+ .v-col-lg {
20784
+ flex-basis: 0;
20785
+ flex-grow: 1;
20786
+ max-width: 100%;
20787
+ }
20788
+ .v-col-lg-auto {
20789
+ flex: 0 0 auto;
20790
+ width: auto;
20791
+ max-width: 100%;
20792
+ }
20793
+ .v-col-lg-1 {
20794
+ flex: 0 0 8.3333333333%;
20795
+ max-width: 8.3333333333%;
20796
+ }
20797
+ .v-col-lg-2 {
20798
+ flex: 0 0 16.6666666667%;
20799
+ max-width: 16.6666666667%;
20800
+ }
20801
+ .v-col-lg-3 {
20802
+ flex: 0 0 25%;
20803
+ max-width: 25%;
20804
+ }
20805
+ .v-col-lg-4 {
20806
+ flex: 0 0 33.3333333333%;
20807
+ max-width: 33.3333333333%;
20808
+ }
20809
+ .v-col-lg-5 {
20810
+ flex: 0 0 41.6666666667%;
20811
+ max-width: 41.6666666667%;
20812
+ }
20813
+ .v-col-lg-6 {
20814
+ flex: 0 0 50%;
20815
+ max-width: 50%;
20816
+ }
20817
+ .v-col-lg-7 {
20818
+ flex: 0 0 58.3333333333%;
20819
+ max-width: 58.3333333333%;
20820
+ }
20821
+ .v-col-lg-8 {
20822
+ flex: 0 0 66.6666666667%;
20823
+ max-width: 66.6666666667%;
20824
+ }
20825
+ .v-col-lg-9 {
20826
+ flex: 0 0 75%;
20827
+ max-width: 75%;
20828
+ }
20829
+ .v-col-lg-10 {
20830
+ flex: 0 0 83.3333333333%;
20831
+ max-width: 83.3333333333%;
20832
+ }
20833
+ .v-col-lg-11 {
20834
+ flex: 0 0 91.6666666667%;
20835
+ max-width: 91.6666666667%;
20836
+ }
20837
+ .v-col-lg-12 {
20838
+ flex: 0 0 100%;
20839
+ max-width: 100%;
20840
+ }
20841
+ .offset-lg-0 {
20842
+ margin-inline-start: 0;
20843
+ }
20844
+ .offset-lg-1 {
20845
+ margin-inline-start: 8.3333333333%;
20846
+ }
20847
+ .offset-lg-2 {
20848
+ margin-inline-start: 16.6666666667%;
20849
+ }
20850
+ .offset-lg-3 {
20851
+ margin-inline-start: 25%;
20852
+ }
20853
+ .offset-lg-4 {
20854
+ margin-inline-start: 33.3333333333%;
20855
+ }
20856
+ .offset-lg-5 {
20857
+ margin-inline-start: 41.6666666667%;
20858
+ }
20859
+ .offset-lg-6 {
20860
+ margin-inline-start: 50%;
20861
+ }
20862
+ .offset-lg-7 {
20863
+ margin-inline-start: 58.3333333333%;
20864
+ }
20865
+ .offset-lg-8 {
20866
+ margin-inline-start: 66.6666666667%;
20867
+ }
20868
+ .offset-lg-9 {
20869
+ margin-inline-start: 75%;
20870
+ }
20871
+ .offset-lg-10 {
20872
+ margin-inline-start: 83.3333333333%;
20873
+ }
20874
+ .offset-lg-11 {
20875
+ margin-inline-start: 91.6666666667%;
20876
+ }
20986
20877
  }
20987
- @supports not selector(:focus-visible) {
20988
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20989
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20878
+ @media (min-width: 1920px) {
20879
+ .v-col-xl {
20880
+ flex-basis: 0;
20881
+ flex-grow: 1;
20882
+ max-width: 100%;
20883
+ }
20884
+ .v-col-xl-auto {
20885
+ flex: 0 0 auto;
20886
+ width: auto;
20887
+ max-width: 100%;
20888
+ }
20889
+ .v-col-xl-1 {
20890
+ flex: 0 0 8.3333333333%;
20891
+ max-width: 8.3333333333%;
20892
+ }
20893
+ .v-col-xl-2 {
20894
+ flex: 0 0 16.6666666667%;
20895
+ max-width: 16.6666666667%;
20896
+ }
20897
+ .v-col-xl-3 {
20898
+ flex: 0 0 25%;
20899
+ max-width: 25%;
20900
+ }
20901
+ .v-col-xl-4 {
20902
+ flex: 0 0 33.3333333333%;
20903
+ max-width: 33.3333333333%;
20904
+ }
20905
+ .v-col-xl-5 {
20906
+ flex: 0 0 41.6666666667%;
20907
+ max-width: 41.6666666667%;
20908
+ }
20909
+ .v-col-xl-6 {
20910
+ flex: 0 0 50%;
20911
+ max-width: 50%;
20990
20912
  }
20991
- }
20992
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20993
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20994
- }
20995
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20996
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20997
- }
20998
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20999
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21000
- }
21001
- @supports not selector(:focus-visible) {
21002
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21003
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20913
+ .v-col-xl-7 {
20914
+ flex: 0 0 58.3333333333%;
20915
+ max-width: 58.3333333333%;
20916
+ }
20917
+ .v-col-xl-8 {
20918
+ flex: 0 0 66.6666666667%;
20919
+ max-width: 66.6666666667%;
20920
+ }
20921
+ .v-col-xl-9 {
20922
+ flex: 0 0 75%;
20923
+ max-width: 75%;
20924
+ }
20925
+ .v-col-xl-10 {
20926
+ flex: 0 0 83.3333333333%;
20927
+ max-width: 83.3333333333%;
20928
+ }
20929
+ .v-col-xl-11 {
20930
+ flex: 0 0 91.6666666667%;
20931
+ max-width: 91.6666666667%;
20932
+ }
20933
+ .v-col-xl-12 {
20934
+ flex: 0 0 100%;
20935
+ max-width: 100%;
20936
+ }
20937
+ .offset-xl-0 {
20938
+ margin-inline-start: 0;
20939
+ }
20940
+ .offset-xl-1 {
20941
+ margin-inline-start: 8.3333333333%;
20942
+ }
20943
+ .offset-xl-2 {
20944
+ margin-inline-start: 16.6666666667%;
20945
+ }
20946
+ .offset-xl-3 {
20947
+ margin-inline-start: 25%;
20948
+ }
20949
+ .offset-xl-4 {
20950
+ margin-inline-start: 33.3333333333%;
20951
+ }
20952
+ .offset-xl-5 {
20953
+ margin-inline-start: 41.6666666667%;
20954
+ }
20955
+ .offset-xl-6 {
20956
+ margin-inline-start: 50%;
20957
+ }
20958
+ .offset-xl-7 {
20959
+ margin-inline-start: 58.3333333333%;
20960
+ }
20961
+ .offset-xl-8 {
20962
+ margin-inline-start: 66.6666666667%;
20963
+ }
20964
+ .offset-xl-9 {
20965
+ margin-inline-start: 75%;
20966
+ }
20967
+ .offset-xl-10 {
20968
+ margin-inline-start: 83.3333333333%;
20969
+ }
20970
+ .offset-xl-11 {
20971
+ margin-inline-start: 91.6666666667%;
21004
20972
  }
21005
20973
  }
21006
-
21007
- .v-expansion-panel-title__overlay {
21008
- position: absolute;
21009
- top: 0;
21010
- left: 0;
21011
- width: 100%;
21012
- height: 100%;
21013
- background-color: currentColor;
21014
- border-radius: inherit;
21015
- opacity: 0;
21016
- }
21017
-
21018
- .v-expansion-panel-title__icon {
21019
- display: inline-flex;
21020
- margin-bottom: -4px;
21021
- margin-top: -4px;
21022
- -webkit-user-select: none;
21023
- user-select: none;
21024
- margin-inline-start: auto;
21025
- }
21026
-
21027
- .v-expansion-panel-text {
21028
- display: flex;
21029
- }
21030
- .v-expansion-panel-text__wrapper {
21031
- padding: 8px 24px 16px;
21032
- flex: 1 1 auto;
21033
- max-width: 100%;
21034
- }
21035
-
21036
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21037
- margin-top: 0;
21038
- }
21039
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21040
- opacity: 1;
21041
- }
21042
-
21043
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21044
- max-width: calc(100% - 32px);
21045
- }
21046
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21047
- max-width: calc(100% + 16px);
21048
- }
21049
-
21050
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21051
- max-width: 100%;
21052
- }
21053
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21054
- max-width: calc(100% - 32px);
21055
- }
21056
-
21057
- .v-expansion-panels--flat > .v-expansion-panel::after {
21058
- border-top: none;
21059
- }
21060
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21061
- display: none;
21062
- }
21063
-
21064
- .v-expansion-panels--tile {
21065
- border-radius: 0;
21066
- }
21067
- .v-expansion-panels--tile > .v-expansion-panel {
21068
- border-radius: 0;
20974
+ @media (min-width: 2560px) {
20975
+ .v-col-xxl {
20976
+ flex-basis: 0;
20977
+ flex-grow: 1;
20978
+ max-width: 100%;
20979
+ }
20980
+ .v-col-xxl-auto {
20981
+ flex: 0 0 auto;
20982
+ width: auto;
20983
+ max-width: 100%;
20984
+ }
20985
+ .v-col-xxl-1 {
20986
+ flex: 0 0 8.3333333333%;
20987
+ max-width: 8.3333333333%;
20988
+ }
20989
+ .v-col-xxl-2 {
20990
+ flex: 0 0 16.6666666667%;
20991
+ max-width: 16.6666666667%;
20992
+ }
20993
+ .v-col-xxl-3 {
20994
+ flex: 0 0 25%;
20995
+ max-width: 25%;
20996
+ }
20997
+ .v-col-xxl-4 {
20998
+ flex: 0 0 33.3333333333%;
20999
+ max-width: 33.3333333333%;
21000
+ }
21001
+ .v-col-xxl-5 {
21002
+ flex: 0 0 41.6666666667%;
21003
+ max-width: 41.6666666667%;
21004
+ }
21005
+ .v-col-xxl-6 {
21006
+ flex: 0 0 50%;
21007
+ max-width: 50%;
21008
+ }
21009
+ .v-col-xxl-7 {
21010
+ flex: 0 0 58.3333333333%;
21011
+ max-width: 58.3333333333%;
21012
+ }
21013
+ .v-col-xxl-8 {
21014
+ flex: 0 0 66.6666666667%;
21015
+ max-width: 66.6666666667%;
21016
+ }
21017
+ .v-col-xxl-9 {
21018
+ flex: 0 0 75%;
21019
+ max-width: 75%;
21020
+ }
21021
+ .v-col-xxl-10 {
21022
+ flex: 0 0 83.3333333333%;
21023
+ max-width: 83.3333333333%;
21024
+ }
21025
+ .v-col-xxl-11 {
21026
+ flex: 0 0 91.6666666667%;
21027
+ max-width: 91.6666666667%;
21028
+ }
21029
+ .v-col-xxl-12 {
21030
+ flex: 0 0 100%;
21031
+ max-width: 100%;
21032
+ }
21033
+ .offset-xxl-0 {
21034
+ margin-inline-start: 0;
21035
+ }
21036
+ .offset-xxl-1 {
21037
+ margin-inline-start: 8.3333333333%;
21038
+ }
21039
+ .offset-xxl-2 {
21040
+ margin-inline-start: 16.6666666667%;
21041
+ }
21042
+ .offset-xxl-3 {
21043
+ margin-inline-start: 25%;
21044
+ }
21045
+ .offset-xxl-4 {
21046
+ margin-inline-start: 33.3333333333%;
21047
+ }
21048
+ .offset-xxl-5 {
21049
+ margin-inline-start: 41.6666666667%;
21050
+ }
21051
+ .offset-xxl-6 {
21052
+ margin-inline-start: 50%;
21053
+ }
21054
+ .offset-xxl-7 {
21055
+ margin-inline-start: 58.3333333333%;
21056
+ }
21057
+ .offset-xxl-8 {
21058
+ margin-inline-start: 66.6666666667%;
21059
+ }
21060
+ .offset-xxl-9 {
21061
+ margin-inline-start: 75%;
21062
+ }
21063
+ .offset-xxl-10 {
21064
+ margin-inline-start: 83.3333333333%;
21065
+ }
21066
+ .offset-xxl-11 {
21067
+ margin-inline-start: 91.6666666667%;
21068
+ }
21069
21069
  }.v-fab {
21070
21070
  align-items: center;
21071
21071
  display: inline-flex;
@@ -21704,8 +21704,36 @@ textarea.v-field__input::placeholder {
21704
21704
  .v-field--loading .v-field__outline::before {
21705
21705
  opacity: 0;
21706
21706
  }
21707
-
21708
- /* endregion */.v-file-input--hide.v-input .v-field,
21707
+
21708
+ /* endregion */.v-footer {
21709
+ align-items: center;
21710
+ display: flex;
21711
+ flex: 1 1 auto;
21712
+ padding: 8px 16px;
21713
+ position: relative;
21714
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21715
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21716
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21717
+ border-style: solid;
21718
+ border-width: 0;
21719
+ 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));
21720
+ border-radius: 0;
21721
+ background: rgb(var(--v-theme-surface));
21722
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21723
+ }
21724
+ .v-footer--border {
21725
+ border-width: thin;
21726
+ box-shadow: none;
21727
+ }
21728
+ .v-footer--absolute {
21729
+ position: absolute;
21730
+ }
21731
+ .v-footer--fixed {
21732
+ position: fixed;
21733
+ }
21734
+ .v-footer--rounded {
21735
+ border-radius: 4px;
21736
+ }.v-file-input--hide.v-input .v-field,
21709
21737
  .v-file-input--hide.v-input .v-input__control,
21710
21738
  .v-file-input--hide.v-input .v-input__details {
21711
21739
  display: none;
@@ -21734,34 +21762,6 @@ textarea.v-field__input::placeholder {
21734
21762
  }
21735
21763
  .v-input--plain-underlined.v-file-input .v-input__details {
21736
21764
  padding-inline: 0;
21737
- }.v-footer {
21738
- align-items: center;
21739
- display: flex;
21740
- flex: 1 1 auto;
21741
- padding: 8px 16px;
21742
- position: relative;
21743
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21744
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21745
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21746
- border-style: solid;
21747
- border-width: 0;
21748
- 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));
21749
- border-radius: 0;
21750
- background: rgb(var(--v-theme-surface));
21751
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21752
- }
21753
- .v-footer--border {
21754
- border-width: thin;
21755
- box-shadow: none;
21756
- }
21757
- .v-footer--absolute {
21758
- position: absolute;
21759
- }
21760
- .v-footer--fixed {
21761
- position: fixed;
21762
- }
21763
- .v-footer--rounded {
21764
- border-radius: 4px;
21765
21765
  }.v-icon {
21766
21766
  --v-icon-size-multiplier: 1;
21767
21767
  align-items: center;
@@ -22053,6 +22053,36 @@ textarea.v-field__input::placeholder {
22053
22053
 
22054
22054
  .v-layout-item--absolute {
22055
22055
  position: absolute;
22056
+ }.v-locale-provider {
22057
+ display: contents;
22058
+ }.v-main {
22059
+ flex: 1 0 auto;
22060
+ max-width: 100%;
22061
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22062
+ padding-left: var(--v-layout-left);
22063
+ padding-right: var(--v-layout-right);
22064
+ padding-top: var(--v-layout-top);
22065
+ padding-bottom: var(--v-layout-bottom);
22066
+ }
22067
+ .v-main__scroller {
22068
+ max-width: 100%;
22069
+ position: relative;
22070
+ }
22071
+ .v-main--scrollable {
22072
+ display: flex;
22073
+ position: absolute;
22074
+ top: 0;
22075
+ left: 0;
22076
+ width: 100%;
22077
+ height: 100%;
22078
+ }
22079
+ .v-main--scrollable > .v-main__scroller {
22080
+ flex: 1 1 auto;
22081
+ overflow-y: auto;
22082
+ --v-layout-left: 0px;
22083
+ --v-layout-right: 0px;
22084
+ --v-layout-top: 0px;
22085
+ --v-layout-bottom: 0px;
22056
22086
  }.v-list {
22057
22087
  overflow: auto;
22058
22088
  padding: 8px 0;
@@ -22610,36 +22640,19 @@ textarea.v-field__input::placeholder {
22610
22640
  }
22611
22641
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22612
22642
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22613
- }.v-locale-provider {
22614
- display: contents;
22615
- }.v-main {
22616
- flex: 1 0 auto;
22617
- max-width: 100%;
22618
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22619
- padding-left: var(--v-layout-left);
22620
- padding-right: var(--v-layout-right);
22621
- padding-top: var(--v-layout-top);
22622
- padding-bottom: var(--v-layout-bottom);
22623
- }
22624
- .v-main__scroller {
22625
- max-width: 100%;
22626
- position: relative;
22627
- }
22628
- .v-main--scrollable {
22643
+ }.v-menu > .v-overlay__content {
22629
22644
  display: flex;
22630
- position: absolute;
22631
- top: 0;
22632
- left: 0;
22633
- width: 100%;
22634
- height: 100%;
22645
+ flex-direction: column;
22646
+ border-radius: 4px;
22635
22647
  }
22636
- .v-main--scrollable > .v-main__scroller {
22637
- flex: 1 1 auto;
22638
- overflow-y: auto;
22639
- --v-layout-left: 0px;
22640
- --v-layout-right: 0px;
22641
- --v-layout-top: 0px;
22642
- --v-layout-bottom: 0px;
22648
+ .v-menu > .v-overlay__content > .v-card,
22649
+ .v-menu > .v-overlay__content > .v-sheet,
22650
+ .v-menu > .v-overlay__content > .v-list {
22651
+ background: rgb(var(--v-theme-surface));
22652
+ border-radius: inherit;
22653
+ overflow: auto;
22654
+ height: 100%;
22655
+ 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));
22643
22656
  }.v-messages {
22644
22657
  flex: 1 1 auto;
22645
22658
  font-size: 12px;
@@ -22656,19 +22669,6 @@ textarea.v-field__input::placeholder {
22656
22669
  -webkit-hyphens: auto;
22657
22670
  hyphens: auto;
22658
22671
  transition-duration: 150ms;
22659
- }.v-menu > .v-overlay__content {
22660
- display: flex;
22661
- flex-direction: column;
22662
- border-radius: 4px;
22663
- }
22664
- .v-menu > .v-overlay__content > .v-card,
22665
- .v-menu > .v-overlay__content > .v-sheet,
22666
- .v-menu > .v-overlay__content > .v-list {
22667
- background: rgb(var(--v-theme-surface));
22668
- border-radius: inherit;
22669
- overflow: auto;
22670
- height: 100%;
22671
- 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));
22672
22672
  }.v-navigation-drawer {
22673
22673
  -webkit-overflow-scrolling: touch;
22674
22674
  background: rgb(var(--v-theme-surface));
@@ -22771,6 +22771,62 @@ textarea.v-field__input::placeholder {
22771
22771
  .v-navigation-drawer__append {
22772
22772
  flex: none;
22773
22773
  overflow: hidden;
22774
+ }.v-otp-input {
22775
+ border-radius: 4px;
22776
+ align-items: center;
22777
+ display: flex;
22778
+ justify-content: center;
22779
+ padding: 0.5rem 0;
22780
+ position: relative;
22781
+ }
22782
+ .v-otp-input .v-field {
22783
+ height: 100%;
22784
+ }
22785
+
22786
+ .v-otp-input__divider {
22787
+ margin: 0 8px;
22788
+ }
22789
+
22790
+ .v-otp-input__content {
22791
+ align-items: center;
22792
+ display: flex;
22793
+ gap: 0.5rem;
22794
+ height: 64px;
22795
+ padding: 0.5rem;
22796
+ justify-content: center;
22797
+ max-width: 320px;
22798
+ position: relative;
22799
+ border-radius: inherit;
22800
+ }
22801
+ .v-otp-input--divided .v-otp-input__content {
22802
+ max-width: 360px;
22803
+ }
22804
+
22805
+ .v-otp-input__field {
22806
+ color: inherit;
22807
+ font-size: 1.25rem;
22808
+ height: 100%;
22809
+ outline: none;
22810
+ text-align: center;
22811
+ width: 100%;
22812
+ }
22813
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22814
+ -webkit-appearance: none;
22815
+ margin: 0;
22816
+ }
22817
+ .v-otp-input__field[type=number] {
22818
+ -moz-appearance: textfield;
22819
+ }
22820
+
22821
+ .v-otp-input__loader {
22822
+ align-items: center;
22823
+ display: flex;
22824
+ height: 100%;
22825
+ justify-content: center;
22826
+ width: 100%;
22827
+ }
22828
+ .v-otp-input__loader .v-progress-linear {
22829
+ position: absolute;
22774
22830
  }.v-overlay-container {
22775
22831
  contain: layout;
22776
22832
  left: 0;
@@ -22834,62 +22890,6 @@ html.v-overlay-scroll-blocked {
22834
22890
 
22835
22891
  .v-overlay--scroll-blocked {
22836
22892
  padding-inline-end: var(--v-scrollbar-offset);
22837
- }.v-otp-input {
22838
- border-radius: 4px;
22839
- align-items: center;
22840
- display: flex;
22841
- justify-content: center;
22842
- padding: 0.5rem 0;
22843
- position: relative;
22844
- }
22845
- .v-otp-input .v-field {
22846
- height: 100%;
22847
- }
22848
-
22849
- .v-otp-input__divider {
22850
- margin: 0 8px;
22851
- }
22852
-
22853
- .v-otp-input__content {
22854
- align-items: center;
22855
- display: flex;
22856
- gap: 0.5rem;
22857
- height: 64px;
22858
- padding: 0.5rem;
22859
- justify-content: center;
22860
- max-width: 320px;
22861
- position: relative;
22862
- border-radius: inherit;
22863
- }
22864
- .v-otp-input--divided .v-otp-input__content {
22865
- max-width: 360px;
22866
- }
22867
-
22868
- .v-otp-input__field {
22869
- color: inherit;
22870
- font-size: 1.25rem;
22871
- height: 100%;
22872
- outline: none;
22873
- text-align: center;
22874
- width: 100%;
22875
- }
22876
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22877
- -webkit-appearance: none;
22878
- margin: 0;
22879
- }
22880
- .v-otp-input__field[type=number] {
22881
- -moz-appearance: textfield;
22882
- }
22883
-
22884
- .v-otp-input__loader {
22885
- align-items: center;
22886
- display: flex;
22887
- height: 100%;
22888
- justify-content: center;
22889
- width: 100%;
22890
- }
22891
- .v-otp-input__loader .v-progress-linear {
22892
- position: absolute;
22893
22893
  }.v-pagination__list {
22894
22894
  display: inline-flex;
22895
22895
  list-style-type: none;
@@ -23217,6 +23217,18 @@ html.v-overlay-scroll-blocked {
23217
23217
  0% {
23218
23218
  background-position-x: var(--v-progress-linear-height);
23219
23219
  }
23220
+ }.v-radio-group > .v-input__control {
23221
+ flex-direction: column;
23222
+ }
23223
+ .v-radio-group > .v-input__control > .v-label {
23224
+ margin-inline-start: 16px;
23225
+ }
23226
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23227
+ padding-inline-start: 6px;
23228
+ margin-top: 8px;
23229
+ }
23230
+ .v-radio-group .v-input__details {
23231
+ padding-inline: 16px;
23220
23232
  }.v-rating {
23221
23233
  max-width: 100%;
23222
23234
  display: inline-flex;
@@ -23262,27 +23274,15 @@ html.v-overlay-scroll-blocked {
23262
23274
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23263
23275
  z-index: 1;
23264
23276
  }
23265
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23266
- opacity: 0;
23267
- }
23268
-
23269
- .v-rating__hidden {
23270
- height: 0;
23271
- opacity: 0;
23272
- position: absolute;
23273
- width: 0;
23274
- }.v-radio-group > .v-input__control {
23275
- flex-direction: column;
23276
- }
23277
- .v-radio-group > .v-input__control > .v-label {
23278
- margin-inline-start: 16px;
23279
- }
23280
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23281
- padding-inline-start: 6px;
23282
- margin-top: 8px;
23277
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23278
+ opacity: 0;
23283
23279
  }
23284
- .v-radio-group .v-input__details {
23285
- padding-inline: 16px;
23280
+
23281
+ .v-rating__hidden {
23282
+ height: 0;
23283
+ opacity: 0;
23284
+ position: absolute;
23285
+ width: 0;
23286
23286
  }.v-slider .v-slider__container input {
23287
23287
  cursor: default;
23288
23288
  padding: 0;
@@ -23515,6 +23515,14 @@ html.v-overlay-scroll-blocked {
23515
23515
  }
23516
23516
  .v-selection-control--focus-visible .v-selection-control__input::before {
23517
23517
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23518
+ }.v-selection-control-group {
23519
+ grid-area: control;
23520
+ display: flex;
23521
+ flex-direction: column;
23522
+ }
23523
+ .v-selection-control-group--inline {
23524
+ flex-direction: row;
23525
+ flex-wrap: wrap;
23518
23526
  }.v-sheet {
23519
23527
  display: block;
23520
23528
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23543,14 +23551,6 @@ html.v-overlay-scroll-blocked {
23543
23551
  }
23544
23552
  .v-sheet--rounded {
23545
23553
  border-radius: 4px;
23546
- }.v-selection-control-group {
23547
- grid-area: control;
23548
- display: flex;
23549
- flex-direction: column;
23550
- }
23551
- .v-selection-control-group--inline {
23552
- flex-direction: row;
23553
- flex-wrap: wrap;
23554
23554
  }.v-skeleton-loader {
23555
23555
  align-items: center;
23556
23556
  background: rgb(var(--v-theme-surface));
@@ -23967,122 +23967,6 @@ html.v-overlay-scroll-blocked {
23967
23967
  }
23968
23968
  .v-snackbar-transition-leave-to {
23969
23969
  opacity: 0;
23970
- }.v-stepper.v-sheet {
23971
- 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));
23972
- border-radius: 4px;
23973
- overflow: hidden;
23974
- }
23975
- .v-stepper.v-sheet.v-stepper--flat {
23976
- 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));
23977
- }
23978
-
23979
- .v-stepper-header {
23980
- 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));
23981
- align-items: center;
23982
- display: flex;
23983
- position: relative;
23984
- overflow-x: auto;
23985
- justify-content: space-between;
23986
- z-index: 1;
23987
- }
23988
- .v-stepper-header .v-divider {
23989
- margin: 0 -16px;
23990
- }
23991
- .v-stepper-header .v-divider:last-child {
23992
- margin-inline-end: 0;
23993
- }
23994
- .v-stepper-header .v-divider:first-child {
23995
- margin-inline-start: 0;
23996
- }
23997
- .v-stepper--alt-labels .v-stepper-header {
23998
- height: auto;
23999
- }
24000
- .v-stepper--alt-labels .v-stepper-header .v-divider {
24001
- align-self: flex-start;
24002
- margin: 35px -67px 0;
24003
- }
24004
-
24005
- .v-stepper-window {
24006
- margin: 1.5rem;
24007
- }
24008
-
24009
- .v-stepper-actions {
24010
- display: flex;
24011
- align-items: center;
24012
- justify-content: space-between;
24013
- padding: 1rem;
24014
- }
24015
- .v-stepper .v-stepper-actions {
24016
- padding: 0 1.5rem 1rem;
24017
- }
24018
- .v-stepper-window-item .v-stepper-actions {
24019
- padding: 1.5rem 0 0;
24020
- }.v-stepper-item {
24021
- align-items: center;
24022
- align-self: stretch;
24023
- display: inline-flex;
24024
- flex: none;
24025
- opacity: var(--v-medium-emphasis-opacity);
24026
- padding: 1.5rem;
24027
- transition-duration: 0.2s;
24028
- transition-property: opacity;
24029
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24030
- }
24031
- .v-stepper-item--selected {
24032
- opacity: 1;
24033
- }
24034
- .v-stepper-item--error {
24035
- color: rgb(var(--v-theme-error));
24036
- }
24037
- .v-stepper-item--disabled {
24038
- opacity: var(--v-medium-emphasis-opacity);
24039
- pointer-events: none;
24040
- }
24041
- .v-stepper--alt-labels .v-stepper-item {
24042
- flex-direction: column;
24043
- justify-content: flex-start;
24044
- align-items: center;
24045
- flex-basis: 175px;
24046
- }
24047
-
24048
- .v-stepper-item__avatar.v-avatar {
24049
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24050
- color: rgb(var(--v-theme-on-surface-variant));
24051
- font-size: 0.75rem;
24052
- margin-inline-end: 8px;
24053
- }
24054
- .v-stepper-item__avatar.v-avatar .v-icon {
24055
- font-size: 0.875rem;
24056
- }
24057
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24058
- background: rgb(var(--v-theme-surface-variant));
24059
- }
24060
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24061
- background: rgb(var(--v-theme-error));
24062
- }
24063
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24064
- margin-bottom: 16px;
24065
- margin-inline-end: 0;
24066
- }
24067
-
24068
- .v-stepper-item__title {
24069
- line-height: 1;
24070
- }
24071
- .v-stepper--mobile .v-stepper-item__title {
24072
- display: none;
24073
- }
24074
-
24075
- .v-stepper-item__subtitle {
24076
- font-size: 0.75rem;
24077
- text-align: left;
24078
- line-height: 1;
24079
- opacity: var(--v-medium-emphasis-opacity);
24080
- }
24081
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24082
- text-align: center;
24083
- }
24084
- .v-stepper--mobile .v-stepper-item__subtitle {
24085
- display: none;
24086
23970
  }.v-speed-dial__content {
24087
23971
  gap: 8px;
24088
23972
  }
@@ -24258,8 +24142,124 @@ html.v-overlay-scroll-blocked {
24258
24142
  .v-switch.v-input--vertical .v-label {
24259
24143
  min-width: max-content;
24260
24144
  }
24261
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24262
- transform: rotate(-90deg);
24145
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24146
+ transform: rotate(-90deg);
24147
+ }.v-stepper.v-sheet {
24148
+ 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));
24149
+ border-radius: 4px;
24150
+ overflow: hidden;
24151
+ }
24152
+ .v-stepper.v-sheet.v-stepper--flat {
24153
+ 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));
24154
+ }
24155
+
24156
+ .v-stepper-header {
24157
+ 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));
24158
+ align-items: center;
24159
+ display: flex;
24160
+ position: relative;
24161
+ overflow-x: auto;
24162
+ justify-content: space-between;
24163
+ z-index: 1;
24164
+ }
24165
+ .v-stepper-header .v-divider {
24166
+ margin: 0 -16px;
24167
+ }
24168
+ .v-stepper-header .v-divider:last-child {
24169
+ margin-inline-end: 0;
24170
+ }
24171
+ .v-stepper-header .v-divider:first-child {
24172
+ margin-inline-start: 0;
24173
+ }
24174
+ .v-stepper--alt-labels .v-stepper-header {
24175
+ height: auto;
24176
+ }
24177
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24178
+ align-self: flex-start;
24179
+ margin: 35px -67px 0;
24180
+ }
24181
+
24182
+ .v-stepper-window {
24183
+ margin: 1.5rem;
24184
+ }
24185
+
24186
+ .v-stepper-actions {
24187
+ display: flex;
24188
+ align-items: center;
24189
+ justify-content: space-between;
24190
+ padding: 1rem;
24191
+ }
24192
+ .v-stepper .v-stepper-actions {
24193
+ padding: 0 1.5rem 1rem;
24194
+ }
24195
+ .v-stepper-window-item .v-stepper-actions {
24196
+ padding: 1.5rem 0 0;
24197
+ }.v-stepper-item {
24198
+ align-items: center;
24199
+ align-self: stretch;
24200
+ display: inline-flex;
24201
+ flex: none;
24202
+ opacity: var(--v-medium-emphasis-opacity);
24203
+ padding: 1.5rem;
24204
+ transition-duration: 0.2s;
24205
+ transition-property: opacity;
24206
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24207
+ }
24208
+ .v-stepper-item--selected {
24209
+ opacity: 1;
24210
+ }
24211
+ .v-stepper-item--error {
24212
+ color: rgb(var(--v-theme-error));
24213
+ }
24214
+ .v-stepper-item--disabled {
24215
+ opacity: var(--v-medium-emphasis-opacity);
24216
+ pointer-events: none;
24217
+ }
24218
+ .v-stepper--alt-labels .v-stepper-item {
24219
+ flex-direction: column;
24220
+ justify-content: flex-start;
24221
+ align-items: center;
24222
+ flex-basis: 175px;
24223
+ }
24224
+
24225
+ .v-stepper-item__avatar.v-avatar {
24226
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24227
+ color: rgb(var(--v-theme-on-surface-variant));
24228
+ font-size: 0.75rem;
24229
+ margin-inline-end: 8px;
24230
+ }
24231
+ .v-stepper-item__avatar.v-avatar .v-icon {
24232
+ font-size: 0.875rem;
24233
+ }
24234
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24235
+ background: rgb(var(--v-theme-surface-variant));
24236
+ }
24237
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24238
+ background: rgb(var(--v-theme-error));
24239
+ }
24240
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24241
+ margin-bottom: 16px;
24242
+ margin-inline-end: 0;
24243
+ }
24244
+
24245
+ .v-stepper-item__title {
24246
+ line-height: 1;
24247
+ }
24248
+ .v-stepper--mobile .v-stepper-item__title {
24249
+ display: none;
24250
+ }
24251
+
24252
+ .v-stepper-item__subtitle {
24253
+ font-size: 0.75rem;
24254
+ text-align: left;
24255
+ line-height: 1;
24256
+ opacity: var(--v-medium-emphasis-opacity);
24257
+ }
24258
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24259
+ text-align: center;
24260
+ }
24261
+ .v-stepper--mobile .v-stepper-item__subtitle {
24262
+ display: none;
24263
24263
  }.v-system-bar {
24264
24264
  align-items: center;
24265
24265
  display: flex;
@@ -24297,35 +24297,6 @@ html.v-overlay-scroll-blocked {
24297
24297
  }
24298
24298
  .v-system-bar:not(.v-system-bar--absolute) {
24299
24299
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24300
- }.v-tab.v-tab.v-btn {
24301
- height: var(--v-tabs-height);
24302
- border-radius: 0;
24303
- min-width: 90px;
24304
- }
24305
- .v-slide-group--horizontal .v-tab {
24306
- max-width: 360px;
24307
- }
24308
- .v-slide-group--vertical .v-tab {
24309
- justify-content: start;
24310
- }
24311
-
24312
- .v-tab__slider {
24313
- position: absolute;
24314
- bottom: 0;
24315
- left: 0;
24316
- height: 2px;
24317
- width: 100%;
24318
- background: currentColor;
24319
- pointer-events: none;
24320
- opacity: 0;
24321
- }
24322
- .v-tab--selected .v-tab__slider {
24323
- opacity: 1;
24324
- }
24325
- .v-slide-group--vertical .v-tab__slider {
24326
- top: 0;
24327
- height: 100%;
24328
- width: 2px;
24329
24300
  }.v-tabs {
24330
24301
  display: flex;
24331
24302
  height: var(--v-tabs-height);
@@ -24392,112 +24363,35 @@ html.v-overlay-scroll-blocked {
24392
24363
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24393
24364
  margin-inline-end: 52px;
24394
24365
  }
24395
- }/* region BLOCK */
24396
- .v-text-field input {
24397
- color: inherit;
24398
- opacity: 0;
24399
- flex: 1;
24400
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24401
- min-width: 0;
24402
- }
24403
- .v-text-field input:focus, .v-text-field input:active {
24404
- outline: none;
24405
- }
24406
- .v-text-field input:invalid {
24407
- box-shadow: none;
24408
- }
24409
- .v-text-field .v-field {
24410
- cursor: text;
24411
- }
24412
- .v-text-field--prefixed.v-text-field .v-field__input {
24413
- --v-field-padding-start: 6px;
24414
- }
24415
-
24416
- .v-text-field--suffixed.v-text-field .v-field__input {
24417
- --v-field-padding-end: 0;
24418
- }
24419
-
24420
- .v-text-field .v-input__details {
24421
- padding-inline: 16px;
24422
- }
24423
- .v-input--plain-underlined.v-text-field .v-input__details {
24424
- padding-inline: 0;
24425
- }
24426
-
24427
- .v-text-field .v-field--no-label input,
24428
- .v-text-field .v-field--active input {
24429
- opacity: 1;
24430
- }
24431
- .v-text-field .v-field--single-line input {
24432
- transition: none;
24433
- }
24434
-
24435
- /* endregion */
24436
- /* region ELEMENTS */
24437
- .v-text-field__prefix, .v-text-field__suffix {
24438
- align-items: center;
24439
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24440
- cursor: default;
24441
- display: flex;
24442
- opacity: 0;
24443
- transition: inherit;
24444
- white-space: nowrap;
24445
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24446
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24447
- padding-bottom: var(--v-field-padding-bottom, 6px);
24448
- }
24449
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24450
- opacity: 1;
24451
- }
24452
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24453
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24366
+ }.v-tab.v-tab.v-btn {
24367
+ height: var(--v-tabs-height);
24368
+ border-radius: 0;
24369
+ min-width: 90px;
24454
24370
  }
24455
- .v-text-field__prefix {
24456
- padding-inline-start: var(--v-field-padding-start);
24371
+ .v-slide-group--horizontal .v-tab {
24372
+ max-width: 360px;
24457
24373
  }
24458
- .v-text-field__suffix {
24459
- padding-inline-end: var(--v-field-padding-end);
24374
+ .v-slide-group--vertical .v-tab {
24375
+ justify-content: start;
24460
24376
  }
24461
24377
 
24462
- /* endregion */.v-textarea .v-field {
24463
- --v-textarea-control-height: var(--v-input-control-height);
24464
- }
24465
- .v-textarea .v-field__field {
24466
- --v-input-control-height: var(--v-textarea-control-height);
24467
- }
24468
- .v-textarea .v-field__input {
24469
- flex: 1 1 auto;
24470
- outline: none;
24471
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24472
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24473
- }
24474
- .v-textarea .v-field__input.v-textarea__sizer {
24475
- visibility: hidden;
24378
+ .v-tab__slider {
24476
24379
  position: absolute;
24477
- top: 0;
24380
+ bottom: 0;
24478
24381
  left: 0;
24479
- height: 0 !important;
24480
- min-height: 0 !important;
24382
+ height: 2px;
24383
+ width: 100%;
24384
+ background: currentColor;
24481
24385
  pointer-events: none;
24482
- }
24483
- .v-textarea--no-resize .v-field__input {
24484
- resize: none;
24485
- }
24486
- .v-textarea .v-field--no-label textarea,
24487
- .v-textarea .v-field--active textarea {
24488
- opacity: 1;
24489
- }
24490
- .v-textarea textarea {
24491
24386
  opacity: 0;
24492
- flex: 1;
24493
- min-width: 0;
24494
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24495
24387
  }
24496
- .v-textarea textarea:focus, .v-textarea textarea:active {
24497
- outline: none;
24388
+ .v-tab--selected .v-tab__slider {
24389
+ opacity: 1;
24498
24390
  }
24499
- .v-textarea textarea:invalid {
24500
- box-shadow: none;
24391
+ .v-slide-group--vertical .v-tab__slider {
24392
+ top: 0;
24393
+ height: 100%;
24394
+ width: 2px;
24501
24395
  }.v-table {
24502
24396
  background: rgb(var(--v-theme-surface));
24503
24397
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24618,27 +24512,130 @@ html.v-overlay-scroll-blocked {
24618
24512
  .v-table--fixed-height > .v-table__wrapper {
24619
24513
  overflow-y: auto;
24620
24514
  }
24621
-
24622
- .v-table--fixed-header > .v-table__wrapper > table > thead {
24623
- position: sticky;
24624
- top: 0;
24625
- z-index: 2;
24515
+
24516
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
24517
+ position: sticky;
24518
+ top: 0;
24519
+ z-index: 2;
24520
+ }
24521
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24522
+ border-bottom: 0px !important;
24523
+ }
24524
+
24525
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24526
+ position: sticky;
24527
+ bottom: 0;
24528
+ z-index: 1;
24529
+ }
24530
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24531
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24532
+ border-top: 0px !important;
24533
+ }/* region BLOCK */
24534
+ .v-text-field input {
24535
+ color: inherit;
24536
+ opacity: 0;
24537
+ flex: 1;
24538
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24539
+ min-width: 0;
24540
+ }
24541
+ .v-text-field input:focus, .v-text-field input:active {
24542
+ outline: none;
24543
+ }
24544
+ .v-text-field input:invalid {
24545
+ box-shadow: none;
24546
+ }
24547
+ .v-text-field .v-field {
24548
+ cursor: text;
24549
+ }
24550
+ .v-text-field--prefixed.v-text-field .v-field__input {
24551
+ --v-field-padding-start: 6px;
24552
+ }
24553
+
24554
+ .v-text-field--suffixed.v-text-field .v-field__input {
24555
+ --v-field-padding-end: 0;
24556
+ }
24557
+
24558
+ .v-text-field .v-input__details {
24559
+ padding-inline: 16px;
24560
+ }
24561
+ .v-input--plain-underlined.v-text-field .v-input__details {
24562
+ padding-inline: 0;
24563
+ }
24564
+
24565
+ .v-text-field .v-field--no-label input,
24566
+ .v-text-field .v-field--active input {
24567
+ opacity: 1;
24568
+ }
24569
+ .v-text-field .v-field--single-line input {
24570
+ transition: none;
24571
+ }
24572
+
24573
+ /* endregion */
24574
+ /* region ELEMENTS */
24575
+ .v-text-field__prefix, .v-text-field__suffix {
24576
+ align-items: center;
24577
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24578
+ cursor: default;
24579
+ display: flex;
24580
+ opacity: 0;
24581
+ transition: inherit;
24582
+ white-space: nowrap;
24583
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24584
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24585
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24586
+ }
24587
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24588
+ opacity: 1;
24589
+ }
24590
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24591
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24592
+ }
24593
+ .v-text-field__prefix {
24594
+ padding-inline-start: var(--v-field-padding-start);
24595
+ }
24596
+ .v-text-field__suffix {
24597
+ padding-inline-end: var(--v-field-padding-end);
24598
+ }
24599
+
24600
+ /* endregion */.v-textarea .v-field {
24601
+ --v-textarea-control-height: var(--v-input-control-height);
24602
+ }
24603
+ .v-textarea .v-field__field {
24604
+ --v-input-control-height: var(--v-textarea-control-height);
24605
+ }
24606
+ .v-textarea .v-field__input {
24607
+ flex: 1 1 auto;
24608
+ outline: none;
24609
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24610
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24611
+ }
24612
+ .v-textarea .v-field__input.v-textarea__sizer {
24613
+ visibility: hidden;
24614
+ position: absolute;
24615
+ top: 0;
24616
+ left: 0;
24617
+ height: 0 !important;
24618
+ min-height: 0 !important;
24619
+ pointer-events: none;
24620
+ }
24621
+ .v-textarea--no-resize .v-field__input {
24622
+ resize: none;
24626
24623
  }
24627
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24628
- border-bottom: 0px !important;
24624
+ .v-textarea .v-field--no-label textarea,
24625
+ .v-textarea .v-field--active textarea {
24626
+ opacity: 1;
24629
24627
  }
24630
-
24631
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24632
- position: sticky;
24633
- bottom: 0;
24634
- z-index: 1;
24628
+ .v-textarea textarea {
24629
+ opacity: 0;
24630
+ flex: 1;
24631
+ min-width: 0;
24632
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24635
24633
  }
24636
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24637
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24638
- border-top: 0px !important;
24639
- }.v-theme-provider {
24640
- background: rgb(var(--v-theme-background));
24641
- color: rgb(var(--v-theme-on-background));
24634
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24635
+ outline: none;
24636
+ }
24637
+ .v-textarea textarea:invalid {
24638
+ box-shadow: none;
24642
24639
  }.v-timeline .v-timeline-divider__dot {
24643
24640
  background: rgb(var(--v-theme-surface-light));
24644
24641
  }
@@ -25285,6 +25282,9 @@ html.v-overlay-scroll-blocked {
25285
25282
  }
25286
25283
  .v-window-y-reverse-transition-leave-to {
25287
25284
  transform: translateY(100%);
25285
+ }.v-theme-provider {
25286
+ background: rgb(var(--v-theme-background));
25287
+ color: rgb(var(--v-theme-on-background));
25288
25288
  }.v-color-picker-canvas {
25289
25289
  display: flex;
25290
25290
  position: relative;
@@ -25307,6 +25307,76 @@ html.v-overlay-scroll-blocked {
25307
25307
  }
25308
25308
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25309
25309
  will-change: transform;
25310
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25311
+ background-color: transparent !important;
25312
+ }
25313
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25314
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25315
+ }
25316
+
25317
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25318
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25319
+ }
25320
+
25321
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25322
+ content: "";
25323
+ z-index: -1;
25324
+ left: 0;
25325
+ top: 0;
25326
+ width: 100%;
25327
+ height: 100%;
25328
+ position: absolute;
25329
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25330
+ border-radius: inherit;
25331
+ }
25332
+
25333
+ .v-color-picker-preview__sliders {
25334
+ display: flex;
25335
+ flex: 1 0 auto;
25336
+ flex-direction: column;
25337
+ padding-inline-end: 16px;
25338
+ }
25339
+
25340
+ .v-color-picker-preview__dot {
25341
+ position: relative;
25342
+ height: 30px;
25343
+ width: 30px;
25344
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25345
+ border-radius: 50%;
25346
+ overflow: hidden;
25347
+ margin-inline-end: 24px;
25348
+ }
25349
+ .v-color-picker-preview__dot > div {
25350
+ width: 100%;
25351
+ height: 100%;
25352
+ }
25353
+
25354
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25355
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25356
+ }
25357
+
25358
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25359
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25360
+ }
25361
+
25362
+ .v-color-picker-preview__track {
25363
+ position: relative;
25364
+ width: 100%;
25365
+ margin: 0 !important;
25366
+ }
25367
+ .v-color-picker-preview__track .v-slider-track__fill {
25368
+ display: none;
25369
+ }
25370
+
25371
+ .v-color-picker-preview {
25372
+ align-items: center;
25373
+ display: flex;
25374
+ margin-bottom: 0;
25375
+ }
25376
+
25377
+ .v-color-picker-preview__eye-dropper {
25378
+ position: relative;
25379
+ margin-right: 12px;
25310
25380
  }.v-color-picker-edit {
25311
25381
  display: flex;
25312
25382
  margin-top: 24px;
@@ -25370,129 +25440,213 @@ html.v-overlay-scroll-blocked {
25370
25440
  justify-content: center;
25371
25441
  width: 100%;
25372
25442
  height: 100%;
25373
- }.v-color-picker-preview__alpha .v-slider-track__background {
25374
- background-color: transparent !important;
25443
+ }.v-picker.v-sheet {
25444
+ 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));
25445
+ border-radius: 4px;
25446
+ display: grid;
25447
+ grid-auto-rows: min-content;
25448
+ grid-template-areas: "title" "header" "body";
25449
+ overflow: hidden;
25375
25450
  }
25376
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25377
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25451
+ .v-picker.v-sheet.v-picker--with-actions {
25452
+ grid-template-areas: "title" "header" "body" "actions";
25378
25453
  }
25379
25454
 
25380
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25381
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25455
+ .v-picker__body {
25456
+ grid-area: body;
25457
+ overflow: hidden;
25458
+ position: relative;
25382
25459
  }
25383
25460
 
25384
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25385
- content: "";
25386
- z-index: -1;
25387
- left: 0;
25388
- top: 0;
25389
- width: 100%;
25390
- height: 100%;
25391
- position: absolute;
25392
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25393
- border-radius: inherit;
25461
+ .v-picker__header {
25462
+ grid-area: header;
25394
25463
  }
25395
25464
 
25396
- .v-color-picker-preview__sliders {
25465
+ .v-picker__actions {
25466
+ grid-area: actions;
25467
+ padding: 0 12px 12px;
25397
25468
  display: flex;
25398
- flex: 1 0 auto;
25399
- flex-direction: column;
25400
- padding-inline-end: 16px;
25469
+ align-items: center;
25470
+ justify-content: flex-end;
25471
+ }
25472
+ .v-picker__actions .v-btn {
25473
+ min-width: 48px;
25474
+ }
25475
+ .v-picker__actions .v-btn:not(:last-child) {
25476
+ margin-inline-end: 8px;
25401
25477
  }
25402
25478
 
25403
- .v-color-picker-preview__dot {
25404
- position: relative;
25405
- height: 30px;
25406
- width: 30px;
25407
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25479
+ .v-picker--landscape {
25480
+ grid-template-areas: "title" "header body" "header body";
25481
+ }
25482
+
25483
+ .v-picker--landscape.v-picker--with-actions {
25484
+ grid-template-areas: "title" "header body" "header actions";
25485
+ }
25486
+
25487
+ .v-picker-title {
25488
+ text-transform: uppercase;
25489
+ font-size: 0.75rem;
25490
+ grid-area: title;
25491
+ padding-inline: 24px 12px;
25492
+ padding-top: 16px;
25493
+ padding-bottom: 16px;
25494
+ font-weight: 400;
25495
+ letter-spacing: 0.1666666667em;
25496
+ }.v-slider-thumb {
25497
+ touch-action: none;
25498
+ color: rgb(var(--v-theme-surface-variant));
25499
+ }
25500
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25501
+ color: inherit;
25502
+ }
25503
+
25504
+ .v-slider-thumb__label {
25505
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25506
+ color: rgb(var(--v-theme-on-surface-variant));
25507
+ }
25508
+ .v-slider-thumb__label::before {
25509
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25510
+ }
25511
+
25512
+ .v-slider-thumb {
25513
+ outline: none;
25514
+ position: absolute;
25515
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25516
+ }
25517
+
25518
+ .v-slider-thumb__surface {
25519
+ cursor: pointer;
25520
+ width: var(--v-slider-thumb-size);
25521
+ height: var(--v-slider-thumb-size);
25408
25522
  border-radius: 50%;
25409
- overflow: hidden;
25410
- margin-inline-end: 24px;
25523
+ -webkit-user-select: none;
25524
+ user-select: none;
25525
+ background-color: currentColor;
25411
25526
  }
25412
- .v-color-picker-preview__dot > div {
25527
+ .v-slider-thumb__surface::before {
25528
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25529
+ content: "";
25530
+ color: inherit;
25531
+ top: 0;
25532
+ left: 0;
25413
25533
  width: 100%;
25414
25534
  height: 100%;
25535
+ border-radius: 50%;
25536
+ background: currentColor;
25537
+ position: absolute;
25538
+ pointer-events: none;
25539
+ opacity: 0;
25415
25540
  }
25416
-
25417
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25418
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25541
+ .v-slider-thumb__surface::after {
25542
+ content: "";
25543
+ width: 42px;
25544
+ height: 42px;
25545
+ position: absolute;
25546
+ top: 50%;
25547
+ left: 50%;
25548
+ transform: translate(-50%, -50%);
25419
25549
  }
25420
25550
 
25421
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25422
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25551
+ .v-slider-thumb__label-container {
25552
+ position: absolute;
25553
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25423
25554
  }
25424
25555
 
25425
- .v-color-picker-preview__track {
25426
- position: relative;
25427
- width: 100%;
25428
- margin: 0 !important;
25556
+ .v-slider-thumb__label {
25557
+ display: flex;
25558
+ align-items: center;
25559
+ justify-content: center;
25560
+ font-size: 0.75rem;
25561
+ min-width: 35px;
25562
+ height: 25px;
25563
+ border-radius: 4px;
25564
+ padding: 6px;
25565
+ position: absolute;
25566
+ -webkit-user-select: none;
25567
+ user-select: none;
25568
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25429
25569
  }
25430
- .v-color-picker-preview__track .v-slider-track__fill {
25431
- display: none;
25570
+ .v-slider-thumb__label::before {
25571
+ content: "";
25572
+ width: 0;
25573
+ height: 0;
25574
+ position: absolute;
25432
25575
  }
25433
25576
 
25434
- .v-color-picker-preview {
25435
- align-items: center;
25436
- display: flex;
25437
- margin-bottom: 0;
25577
+ .v-slider-thumb__ripple {
25578
+ position: absolute;
25579
+ left: calc(var(--v-slider-thumb-size) / -2);
25580
+ top: calc(var(--v-slider-thumb-size) / -2);
25581
+ width: calc(var(--v-slider-thumb-size) * 2);
25582
+ height: calc(var(--v-slider-thumb-size) * 2);
25583
+ background: inherit;
25438
25584
  }
25439
25585
 
25440
- .v-color-picker-preview__eye-dropper {
25441
- position: relative;
25442
- margin-right: 12px;
25443
- }.v-picker.v-sheet {
25444
- 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));
25445
- border-radius: 4px;
25446
- display: grid;
25447
- grid-auto-rows: min-content;
25448
- grid-template-areas: "title" "header" "body";
25449
- overflow: hidden;
25586
+ .v-slider.v-input--horizontal .v-slider-thumb {
25587
+ top: 50%;
25588
+ transform: translateY(-50%);
25589
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25450
25590
  }
25451
- .v-picker.v-sheet.v-picker--with-actions {
25452
- grid-template-areas: "title" "header" "body" "actions";
25591
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25592
+ left: calc(var(--v-slider-thumb-size) / 2);
25593
+ top: 0;
25594
+ }
25595
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25596
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25597
+ }
25598
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25599
+ transform: translateX(-50%);
25453
25600
  }
25454
25601
 
25455
- .v-picker__body {
25456
- grid-area: body;
25457
- overflow: hidden;
25458
- position: relative;
25602
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25603
+ transform: translateX(50%);
25459
25604
  }
25460
25605
 
25461
- .v-picker__header {
25462
- grid-area: header;
25606
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25607
+ border-left: 6px solid transparent;
25608
+ border-right: 6px solid transparent;
25609
+ border-top: 6px solid currentColor;
25610
+ bottom: -6px;
25463
25611
  }
25464
25612
 
25465
- .v-picker__actions {
25466
- grid-area: actions;
25467
- padding: 0 12px 12px;
25468
- display: flex;
25469
- align-items: center;
25470
- justify-content: flex-end;
25613
+ .v-slider.v-input--vertical .v-slider-thumb {
25614
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25471
25615
  }
25472
- .v-picker__actions .v-btn {
25473
- min-width: 48px;
25616
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25617
+ top: calc(var(--v-slider-thumb-size) / 2);
25618
+ right: 0;
25474
25619
  }
25475
- .v-picker__actions .v-btn:not(:last-child) {
25476
- margin-inline-end: 8px;
25620
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25621
+ top: -12.5px;
25622
+ left: calc(var(--v-slider-thumb-size) / 2);
25623
+ }
25624
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25625
+ border-right: 6px solid currentColor;
25626
+ border-top: 6px solid transparent;
25627
+ border-bottom: 6px solid transparent;
25628
+ left: -6px;
25477
25629
  }
25478
25630
 
25479
- .v-picker--landscape {
25480
- grid-template-areas: "title" "header body" "header body";
25631
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25632
+ transform: scale(2);
25633
+ opacity: var(--v-focus-opacity);
25481
25634
  }
25482
25635
 
25483
- .v-picker--landscape.v-picker--with-actions {
25484
- grid-template-areas: "title" "header body" "header actions";
25636
+ .v-slider-thumb--pressed {
25637
+ transition: none;
25638
+ }
25639
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25640
+ opacity: var(--v-pressed-opacity);
25485
25641
  }
25486
25642
 
25487
- .v-picker-title {
25488
- text-transform: uppercase;
25489
- font-size: 0.75rem;
25490
- grid-area: title;
25491
- padding-inline: 24px 12px;
25492
- padding-top: 16px;
25493
- padding-bottom: 16px;
25494
- font-weight: 400;
25495
- letter-spacing: 0.1666666667em;
25643
+ @media (hover: hover) {
25644
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25645
+ transform: scale(2);
25646
+ }
25647
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25648
+ opacity: var(--v-hover-opacity);
25649
+ }
25496
25650
  }.v-slider-track__background {
25497
25651
  background-color: rgb(var(--v-theme-surface-variant));
25498
25652
  }
@@ -25656,158 +25810,4 @@ html.v-overlay-scroll-blocked {
25656
25810
 
25657
25811
  .v-slider-track__background--opacity {
25658
25812
  opacity: 0.38;
25659
- }.v-slider-thumb {
25660
- touch-action: none;
25661
- color: rgb(var(--v-theme-surface-variant));
25662
- }
25663
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25664
- color: inherit;
25665
- }
25666
-
25667
- .v-slider-thumb__label {
25668
- background: rgba(var(--v-theme-surface-variant), 0.7);
25669
- color: rgb(var(--v-theme-on-surface-variant));
25670
- }
25671
- .v-slider-thumb__label::before {
25672
- color: rgba(var(--v-theme-surface-variant), 0.7);
25673
- }
25674
-
25675
- .v-slider-thumb {
25676
- outline: none;
25677
- position: absolute;
25678
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25679
- }
25680
-
25681
- .v-slider-thumb__surface {
25682
- cursor: pointer;
25683
- width: var(--v-slider-thumb-size);
25684
- height: var(--v-slider-thumb-size);
25685
- border-radius: 50%;
25686
- -webkit-user-select: none;
25687
- user-select: none;
25688
- background-color: currentColor;
25689
- }
25690
- .v-slider-thumb__surface::before {
25691
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25692
- content: "";
25693
- color: inherit;
25694
- top: 0;
25695
- left: 0;
25696
- width: 100%;
25697
- height: 100%;
25698
- border-radius: 50%;
25699
- background: currentColor;
25700
- position: absolute;
25701
- pointer-events: none;
25702
- opacity: 0;
25703
- }
25704
- .v-slider-thumb__surface::after {
25705
- content: "";
25706
- width: 42px;
25707
- height: 42px;
25708
- position: absolute;
25709
- top: 50%;
25710
- left: 50%;
25711
- transform: translate(-50%, -50%);
25712
- }
25713
-
25714
- .v-slider-thumb__label-container {
25715
- position: absolute;
25716
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25717
- }
25718
-
25719
- .v-slider-thumb__label {
25720
- display: flex;
25721
- align-items: center;
25722
- justify-content: center;
25723
- font-size: 0.75rem;
25724
- min-width: 35px;
25725
- height: 25px;
25726
- border-radius: 4px;
25727
- padding: 6px;
25728
- position: absolute;
25729
- -webkit-user-select: none;
25730
- user-select: none;
25731
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25732
- }
25733
- .v-slider-thumb__label::before {
25734
- content: "";
25735
- width: 0;
25736
- height: 0;
25737
- position: absolute;
25738
- }
25739
-
25740
- .v-slider-thumb__ripple {
25741
- position: absolute;
25742
- left: calc(var(--v-slider-thumb-size) / -2);
25743
- top: calc(var(--v-slider-thumb-size) / -2);
25744
- width: calc(var(--v-slider-thumb-size) * 2);
25745
- height: calc(var(--v-slider-thumb-size) * 2);
25746
- background: inherit;
25747
- }
25748
-
25749
- .v-slider.v-input--horizontal .v-slider-thumb {
25750
- top: 50%;
25751
- transform: translateY(-50%);
25752
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25753
- }
25754
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25755
- left: calc(var(--v-slider-thumb-size) / 2);
25756
- top: 0;
25757
- }
25758
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25759
- bottom: calc(var(--v-slider-thumb-size) / 2);
25760
- }
25761
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25762
- transform: translateX(-50%);
25763
- }
25764
-
25765
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25766
- transform: translateX(50%);
25767
- }
25768
-
25769
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25770
- border-left: 6px solid transparent;
25771
- border-right: 6px solid transparent;
25772
- border-top: 6px solid currentColor;
25773
- bottom: -6px;
25774
- }
25775
-
25776
- .v-slider.v-input--vertical .v-slider-thumb {
25777
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25778
- }
25779
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25780
- top: calc(var(--v-slider-thumb-size) / 2);
25781
- right: 0;
25782
- }
25783
- .v-slider.v-input--vertical .v-slider-thumb__label {
25784
- top: -12.5px;
25785
- left: calc(var(--v-slider-thumb-size) / 2);
25786
- }
25787
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25788
- border-right: 6px solid currentColor;
25789
- border-top: 6px solid transparent;
25790
- border-bottom: 6px solid transparent;
25791
- left: -6px;
25792
- }
25793
-
25794
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25795
- transform: scale(2);
25796
- opacity: var(--v-focus-opacity);
25797
- }
25798
-
25799
- .v-slider-thumb--pressed {
25800
- transition: none;
25801
- }
25802
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25803
- opacity: var(--v-pressed-opacity);
25804
- }
25805
-
25806
- @media (hover: hover) {
25807
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25808
- transform: scale(2);
25809
- }
25810
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25811
- opacity: var(--v-hover-opacity);
25812
- }
25813
25813
  }