@vuetify/nightly 3.7.2-master.2024-10-10 → 3.7.2-master.2024-10-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.2-master.2024-10-10
2
+ * Vuetify v3.7.2-master.2024-10-11
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17923,25 +17923,6 @@ html.overflow-y-hidden {
17923
17923
  .v-locale--is-ltr .float-print-start {
17924
17924
  float: left !important;
17925
17925
  }
17926
- }.v-code {
17927
- background-color: rgb(var(--v-theme-code));
17928
- color: rgb(var(--v-theme-on-code));
17929
- border-radius: 4px;
17930
- line-height: 1.8;
17931
- font-size: 0.9em;
17932
- font-weight: normal;
17933
- padding: 0.2em 0.4em;
17934
- }.v-kbd {
17935
- background: rgb(var(--v-theme-kbd));
17936
- color: rgb(var(--v-theme-on-kbd));
17937
- border-radius: 3px;
17938
- display: inline;
17939
- font-size: 85%;
17940
- font-weight: normal;
17941
- padding: 0.2em 0.4rem;
17942
- }
17943
- .v-kbd {
17944
- 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));
17945
17926
  }.v-ripple__container {
17946
17927
  color: inherit;
17947
17928
  border-radius: inherit;
@@ -17978,6 +17959,25 @@ html.overflow-y-hidden {
17978
17959
  .v-ripple__animation--out {
17979
17960
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17980
17961
  opacity: 0;
17962
+ }.v-code {
17963
+ background-color: rgb(var(--v-theme-code));
17964
+ color: rgb(var(--v-theme-on-code));
17965
+ border-radius: 4px;
17966
+ line-height: 1.8;
17967
+ font-size: 0.9em;
17968
+ font-weight: normal;
17969
+ padding: 0.2em 0.4em;
17970
+ }.v-kbd {
17971
+ background: rgb(var(--v-theme-kbd));
17972
+ color: rgb(var(--v-theme-on-kbd));
17973
+ border-radius: 3px;
17974
+ display: inline;
17975
+ font-size: 85%;
17976
+ font-weight: normal;
17977
+ padding: 0.2em 0.4rem;
17978
+ }
17979
+ .v-kbd {
17980
+ 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));
17981
17981
  }.v-application {
17982
17982
  display: flex;
17983
17983
  background: rgb(var(--v-theme-background));
@@ -18307,6 +18307,79 @@ html.overflow-y-hidden {
18307
18307
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18308
18308
  opacity: var(--v-high-emphasis-opacity);
18309
18309
  transform: rotate(180deg);
18310
+ }.v-badge {
18311
+ display: inline-block;
18312
+ line-height: 1;
18313
+ }
18314
+
18315
+ .v-badge__badge {
18316
+ align-items: center;
18317
+ display: inline-flex;
18318
+ border-radius: 10px;
18319
+ font-size: 0.75rem;
18320
+ font-weight: 500;
18321
+ height: 1.25rem;
18322
+ justify-content: center;
18323
+ min-width: 20px;
18324
+ padding: 4px 6px;
18325
+ pointer-events: auto;
18326
+ position: absolute;
18327
+ text-align: center;
18328
+ text-indent: 0;
18329
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18330
+ white-space: nowrap;
18331
+ }
18332
+ .v-badge__badge {
18333
+ background: rgb(var(--v-theme-surface-variant));
18334
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18335
+ }
18336
+ .v-badge--bordered .v-badge__badge::after {
18337
+ border-radius: inherit;
18338
+ border-style: solid;
18339
+ border-width: 2px;
18340
+ bottom: 0;
18341
+ color: rgb(var(--v-theme-background));
18342
+ content: "";
18343
+ left: 0;
18344
+ position: absolute;
18345
+ right: 0;
18346
+ top: 0;
18347
+ transform: scale(1.05);
18348
+ }
18349
+ .v-badge--dot .v-badge__badge {
18350
+ border-radius: 4.5px;
18351
+ height: 9px;
18352
+ min-width: 0;
18353
+ padding: 0;
18354
+ width: 9px;
18355
+ }
18356
+ .v-badge--dot .v-badge__badge::after {
18357
+ border-width: 1.5px;
18358
+ }
18359
+ .v-badge--inline .v-badge__badge {
18360
+ position: relative;
18361
+ vertical-align: middle;
18362
+ }
18363
+ .v-badge__badge .v-icon {
18364
+ color: inherit;
18365
+ font-size: 0.75rem;
18366
+ margin: 0 -2px;
18367
+ }
18368
+ .v-badge__badge img,
18369
+ .v-badge__badge .v-img {
18370
+ height: 100%;
18371
+ width: 100%;
18372
+ }
18373
+
18374
+ .v-badge__wrapper {
18375
+ display: flex;
18376
+ position: relative;
18377
+ }
18378
+ .v-badge--inline .v-badge__wrapper {
18379
+ align-items: center;
18380
+ display: inline-flex;
18381
+ justify-content: center;
18382
+ margin: 0 4px;
18310
18383
  }.v-avatar {
18311
18384
  flex: none;
18312
18385
  align-items: center;
@@ -18413,79 +18486,6 @@ html.overflow-y-hidden {
18413
18486
  .v-avatar .v-img {
18414
18487
  height: 100%;
18415
18488
  width: 100%;
18416
- }.v-badge {
18417
- display: inline-block;
18418
- line-height: 1;
18419
- }
18420
-
18421
- .v-badge__badge {
18422
- align-items: center;
18423
- display: inline-flex;
18424
- border-radius: 10px;
18425
- font-size: 0.75rem;
18426
- font-weight: 500;
18427
- height: 1.25rem;
18428
- justify-content: center;
18429
- min-width: 20px;
18430
- padding: 4px 6px;
18431
- pointer-events: auto;
18432
- position: absolute;
18433
- text-align: center;
18434
- text-indent: 0;
18435
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18436
- white-space: nowrap;
18437
- }
18438
- .v-badge__badge {
18439
- background: rgb(var(--v-theme-surface-variant));
18440
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18441
- }
18442
- .v-badge--bordered .v-badge__badge::after {
18443
- border-radius: inherit;
18444
- border-style: solid;
18445
- border-width: 2px;
18446
- bottom: 0;
18447
- color: rgb(var(--v-theme-background));
18448
- content: "";
18449
- left: 0;
18450
- position: absolute;
18451
- right: 0;
18452
- top: 0;
18453
- transform: scale(1.05);
18454
- }
18455
- .v-badge--dot .v-badge__badge {
18456
- border-radius: 4.5px;
18457
- height: 9px;
18458
- min-width: 0;
18459
- padding: 0;
18460
- width: 9px;
18461
- }
18462
- .v-badge--dot .v-badge__badge::after {
18463
- border-width: 1.5px;
18464
- }
18465
- .v-badge--inline .v-badge__badge {
18466
- position: relative;
18467
- vertical-align: middle;
18468
- }
18469
- .v-badge__badge .v-icon {
18470
- color: inherit;
18471
- font-size: 0.75rem;
18472
- margin: 0 -2px;
18473
- }
18474
- .v-badge__badge img,
18475
- .v-badge__badge .v-img {
18476
- height: 100%;
18477
- width: 100%;
18478
- }
18479
-
18480
- .v-badge__wrapper {
18481
- display: flex;
18482
- position: relative;
18483
- }
18484
- .v-badge--inline .v-badge__wrapper {
18485
- align-items: center;
18486
- display: inline-flex;
18487
- justify-content: center;
18488
- margin: 0 4px;
18489
18489
  }.v-banner {
18490
18490
  display: grid;
18491
18491
  flex: 1 1;
@@ -18715,40 +18715,6 @@ html.overflow-y-hidden {
18715
18715
  }
18716
18716
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18717
18717
  transform: translateY(0.5rem);
18718
- }.bottom-sheet-transition-enter-from {
18719
- transform: translateY(100%);
18720
- }
18721
- .bottom-sheet-transition-leave-to {
18722
- transform: translateY(100%);
18723
- }
18724
-
18725
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18726
- align-self: flex-end;
18727
- border-radius: 0;
18728
- flex: 0 1 auto;
18729
- left: 0;
18730
- right: 0;
18731
- margin-inline: 0;
18732
- margin-bottom: 0;
18733
- transition-duration: 0.2s;
18734
- width: 100%;
18735
- max-width: 100%;
18736
- overflow: visible;
18737
- }
18738
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18739
- 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));
18740
- }
18741
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18742
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18743
- border-radius: 0;
18744
- }
18745
- .v-bottom-sheet.v-bottom-sheet--inset {
18746
- max-width: none;
18747
- }
18748
- @media (min-width: 600px) {
18749
- .v-bottom-sheet.v-bottom-sheet--inset {
18750
- max-width: 70%;
18751
- }
18752
18718
  }.v-breadcrumbs {
18753
18719
  display: flex;
18754
18720
  align-items: center;
@@ -18806,6 +18772,40 @@ html.overflow-y-hidden {
18806
18772
  display: inline-block;
18807
18773
  padding: 0 8px;
18808
18774
  vertical-align: middle;
18775
+ }.bottom-sheet-transition-enter-from {
18776
+ transform: translateY(100%);
18777
+ }
18778
+ .bottom-sheet-transition-leave-to {
18779
+ transform: translateY(100%);
18780
+ }
18781
+
18782
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18783
+ align-self: flex-end;
18784
+ border-radius: 0;
18785
+ flex: 0 1 auto;
18786
+ left: 0;
18787
+ right: 0;
18788
+ margin-inline: 0;
18789
+ margin-bottom: 0;
18790
+ transition-duration: 0.2s;
18791
+ width: 100%;
18792
+ max-width: 100%;
18793
+ overflow: visible;
18794
+ }
18795
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18796
+ 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));
18797
+ }
18798
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18799
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18800
+ border-radius: 0;
18801
+ }
18802
+ .v-bottom-sheet.v-bottom-sheet--inset {
18803
+ max-width: none;
18804
+ }
18805
+ @media (min-width: 600px) {
18806
+ .v-bottom-sheet.v-bottom-sheet--inset {
18807
+ max-width: 70%;
18808
+ }
18809
18809
  }.v-btn {
18810
18810
  align-items: center;
18811
18811
  border-radius: 4px;
@@ -20233,217 +20233,6 @@ html.overflow-y-hidden {
20233
20233
  flex: 0 1 auto;
20234
20234
  font-size: 12px;
20235
20235
  transition-duration: 150ms;
20236
- }.v-date-picker-controls {
20237
- display: flex;
20238
- align-items: center;
20239
- justify-content: space-between;
20240
- font-size: 0.875rem;
20241
- padding-top: 4px;
20242
- padding-bottom: 4px;
20243
- padding-inline-start: 6px;
20244
- padding-inline-end: 12px;
20245
- }
20246
- .v-date-picker-controls > .v-btn:first-child {
20247
- text-transform: none;
20248
- font-weight: 400;
20249
- line-height: initial;
20250
- letter-spacing: initial;
20251
- }
20252
- .v-date-picker-controls--variant-classic {
20253
- padding-inline-start: 12px;
20254
- }
20255
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20256
- opacity: 0.7;
20257
- }
20258
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20259
- cursor: pointer;
20260
- }
20261
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20262
- opacity: 1;
20263
- }
20264
- .v-date-picker-controls .v-btn:last-child {
20265
- margin-inline-start: 4px;
20266
- }
20267
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20268
- transform: rotate(180deg);
20269
- }
20270
-
20271
- .v-date-picker-controls__date {
20272
- margin-inline-end: 4px;
20273
- }
20274
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20275
- margin: auto;
20276
- text-align: center;
20277
- }
20278
-
20279
- .v-date-picker-controls__month {
20280
- display: flex;
20281
- }
20282
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20283
- flex-direction: row-reverse;
20284
- }
20285
-
20286
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20287
- flex: 1 0 auto;
20288
- }
20289
-
20290
- .v-date-picker__title {
20291
- display: inline-block;
20292
- }.v-date-picker {
20293
- overflow: hidden;
20294
- width: 328px;
20295
- }
20296
- .v-date-picker--show-week {
20297
- width: 368px;
20298
- }.v-date-picker-month {
20299
- display: flex;
20300
- justify-content: center;
20301
- padding: 0 12px 8px;
20302
- --v-date-picker-month-day-diff: 4px;
20303
- }
20304
-
20305
- .v-date-picker-month__weeks {
20306
- display: grid;
20307
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20308
- column-gap: 4px;
20309
- font-size: 0.85rem;
20310
- }
20311
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20312
- grid-row-gap: 0;
20313
- }
20314
-
20315
- .v-date-picker-month__weekday {
20316
- font-size: 0.85rem;
20317
- }
20318
-
20319
- .v-date-picker-month__days {
20320
- display: grid;
20321
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20322
- column-gap: 4px;
20323
- flex: 1 1;
20324
- justify-content: space-around;
20325
- }
20326
-
20327
- .v-date-picker-month__day {
20328
- align-items: center;
20329
- display: flex;
20330
- justify-content: center;
20331
- position: relative;
20332
- height: 40px;
20333
- width: 40px;
20334
- }
20335
- .v-date-picker-month__day--selected .v-btn {
20336
- background-color: rgb(var(--v-theme-surface-variant));
20337
- color: rgb(var(--v-theme-on-surface-variant));
20338
- }
20339
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20340
- --v-btn-height: 24px;
20341
- --v-btn-size: 0.85rem;
20342
- }
20343
- .v-date-picker-month__day--week {
20344
- font-size: var(--v-btn-size);
20345
- }
20346
-
20347
- .v-date-picker-month__day--adjacent {
20348
- opacity: 0.5;
20349
- }
20350
-
20351
- .v-date-picker-month__day--hide-adjacent {
20352
- opacity: 0;
20353
- }.v-date-picker-header {
20354
- align-items: flex-end;
20355
- height: 70px;
20356
- display: grid;
20357
- grid-template-areas: "prepend content append";
20358
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20359
- overflow: hidden;
20360
- padding-inline: 24px 12px;
20361
- padding-bottom: 12px;
20362
- }
20363
-
20364
- .v-date-picker-header__append {
20365
- grid-area: append;
20366
- }
20367
-
20368
- .v-date-picker-header__prepend {
20369
- grid-area: prepend;
20370
- padding-inline-start: 8px;
20371
- }
20372
-
20373
- .v-date-picker-header__content {
20374
- align-items: center;
20375
- display: inline-flex;
20376
- font-size: 32px;
20377
- line-height: 40px;
20378
- grid-area: content;
20379
- justify-content: space-between;
20380
- }
20381
- .v-date-picker-header--clickable .v-date-picker-header__content {
20382
- cursor: pointer;
20383
- }
20384
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20385
- opacity: 0.7;
20386
- }
20387
-
20388
- .date-picker-header-transition-enter-active,
20389
- .date-picker-header-reverse-transition-enter-active {
20390
- transition-duration: 0.3s;
20391
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20392
- }
20393
- .date-picker-header-transition-leave-active,
20394
- .date-picker-header-reverse-transition-leave-active {
20395
- transition-duration: 0.3s;
20396
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20397
- }
20398
-
20399
- .date-picker-header-transition-enter-from {
20400
- transform: translate(0, 100%);
20401
- }
20402
- .date-picker-header-transition-leave-to {
20403
- opacity: 0;
20404
- transform: translate(0, -100%);
20405
- }
20406
-
20407
- .date-picker-header-reverse-transition-enter-from {
20408
- transform: translate(0, -100%);
20409
- }
20410
- .date-picker-header-reverse-transition-leave-to {
20411
- opacity: 0;
20412
- transform: translate(0, 100%);
20413
- }.v-date-picker-months {
20414
- height: 288px;
20415
- }
20416
-
20417
- .v-date-picker-months__content {
20418
- align-items: center;
20419
- display: grid;
20420
- flex: 1 1;
20421
- height: inherit;
20422
- justify-content: space-around;
20423
- grid-template-columns: repeat(2, 1fr);
20424
- grid-gap: 0px 24px;
20425
- padding-inline-start: 36px;
20426
- padding-inline-end: 36px;
20427
- }
20428
- .v-date-picker-months__content .v-btn {
20429
- text-transform: none;
20430
- padding-inline-start: 8px;
20431
- padding-inline-end: 8px;
20432
- }.v-date-picker-years {
20433
- height: 288px;
20434
- overflow-y: scroll;
20435
- }
20436
-
20437
- .v-date-picker-years__content {
20438
- display: grid;
20439
- flex: 1 1;
20440
- justify-content: space-around;
20441
- grid-template-columns: repeat(3, 1fr);
20442
- gap: 8px 24px;
20443
- padding-inline: 32px;
20444
- }
20445
- .v-date-picker-years__content .v-btn {
20446
- padding-inline: 8px;
20447
20236
  }.v-data-table {
20448
20237
  width: 100%;
20449
20238
  }
@@ -20662,1454 +20451,513 @@ html.overflow-y-hidden {
20662
20451
  }
20663
20452
  .v-data-table-footer__page {
20664
20453
  padding: 0 8px;
20665
- }.v-dialog {
20666
- align-items: center;
20667
- justify-content: center;
20668
- margin: auto;
20669
- }
20670
- .v-dialog > .v-overlay__content {
20671
- max-height: calc(100% - 48px);
20672
- width: calc(100% - 48px);
20673
- max-width: calc(100% - 48px);
20674
- margin: 24px;
20454
+ }.v-date-picker {
20455
+ overflow: hidden;
20456
+ width: 328px;
20675
20457
  }
20676
- .v-dialog > .v-overlay__content,
20677
- .v-dialog > .v-overlay__content > form {
20458
+ .v-date-picker--show-week {
20459
+ width: 368px;
20460
+ }.v-date-picker-controls {
20678
20461
  display: flex;
20679
- flex-direction: column;
20680
- min-height: 0;
20462
+ align-items: center;
20463
+ justify-content: space-between;
20464
+ font-size: 0.875rem;
20465
+ padding-top: 4px;
20466
+ padding-bottom: 4px;
20467
+ padding-inline-start: 6px;
20468
+ padding-inline-end: 12px;
20681
20469
  }
20682
- .v-dialog > .v-overlay__content > .v-card,
20683
- .v-dialog > .v-overlay__content > .v-sheet,
20684
- .v-dialog > .v-overlay__content > form > .v-card,
20685
- .v-dialog > .v-overlay__content > form > .v-sheet {
20686
- --v-scrollbar-offset: 0px;
20687
- border-radius: 4px;
20688
- overflow-y: auto;
20470
+ .v-date-picker-controls > .v-btn:first-child {
20471
+ text-transform: none;
20472
+ font-weight: 400;
20473
+ line-height: initial;
20474
+ letter-spacing: initial;
20689
20475
  }
20690
- .v-dialog > .v-overlay__content > .v-card,
20691
- .v-dialog > .v-overlay__content > .v-sheet,
20692
- .v-dialog > .v-overlay__content > form > .v-card,
20693
- .v-dialog > .v-overlay__content > form > .v-sheet {
20694
- 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));
20476
+ .v-date-picker-controls--variant-classic {
20477
+ padding-inline-start: 12px;
20695
20478
  }
20696
- .v-dialog > .v-overlay__content > .v-card,
20697
- .v-dialog > .v-overlay__content > form > .v-card {
20698
- display: flex;
20699
- flex-direction: column;
20479
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20480
+ opacity: 0.7;
20700
20481
  }
20701
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20702
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20703
- padding: 16px 24px;
20482
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20483
+ cursor: pointer;
20704
20484
  }
20705
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20706
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20707
- padding-top: 0;
20485
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20486
+ opacity: 1;
20708
20487
  }
20709
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20710
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20711
- font-size: inherit;
20712
- letter-spacing: 0.03125em;
20713
- line-height: inherit;
20714
- padding: 16px 24px 24px;
20488
+ .v-date-picker-controls .v-btn:last-child {
20489
+ margin-inline-start: 4px;
20715
20490
  }
20716
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20717
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20718
- justify-content: flex-end;
20491
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20492
+ transform: rotate(180deg);
20719
20493
  }
20720
20494
 
20721
- .v-dialog--fullscreen {
20722
- --v-scrollbar-offset: 0px;
20723
- }
20724
- .v-dialog--fullscreen > .v-overlay__content {
20725
- border-radius: 0;
20726
- margin: 0;
20727
- padding: 0;
20728
- width: 100%;
20729
- max-width: 100%;
20730
- max-height: 100%;
20731
- overflow-y: auto;
20732
- top: 0;
20733
- left: 0;
20734
- }
20735
- .v-dialog--fullscreen > .v-overlay__content,
20736
- .v-dialog--fullscreen > .v-overlay__content > form {
20737
- height: 100%;
20495
+ .v-date-picker-controls__date {
20496
+ margin-inline-end: 4px;
20738
20497
  }
20739
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20740
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20741
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20742
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20743
- min-height: 100%;
20744
- min-width: 100%;
20745
- border-radius: 0;
20498
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20499
+ margin: auto;
20500
+ text-align: center;
20746
20501
  }
20747
20502
 
20748
- .v-dialog--scrollable > .v-overlay__content,
20749
- .v-dialog--scrollable > .v-overlay__content > form {
20750
- display: flex;
20751
- }
20752
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20753
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20503
+ .v-date-picker-controls__month {
20754
20504
  display: flex;
20755
- flex: 1 1 100%;
20756
- flex-direction: column;
20757
- max-height: 100%;
20758
- max-width: 100%;
20759
- }
20760
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20761
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20762
- -webkit-backface-visibility: hidden;
20763
- backface-visibility: hidden;
20764
- overflow-y: auto;
20765
- }.v-divider {
20766
- display: block;
20767
- flex: 1 1 100%;
20768
- height: 0px;
20769
- max-height: 0px;
20770
- opacity: var(--v-border-opacity);
20771
- transition: inherit;
20772
- }
20773
- .v-divider {
20774
- border-style: solid;
20775
- border-width: thin 0 0 0;
20776
20505
  }
20777
- .v-divider--vertical {
20778
- align-self: stretch;
20779
- border-width: 0 thin 0 0;
20780
- display: inline-flex;
20781
- height: auto;
20782
- margin-left: -1px;
20783
- max-height: 100%;
20784
- max-width: 0px;
20785
- vertical-align: text-bottom;
20786
- width: 0px;
20506
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20507
+ flex-direction: row-reverse;
20787
20508
  }
20788
- .v-divider--inset:not(.v-divider--vertical) {
20789
- max-width: calc(100% - 72px);
20790
- margin-inline-start: 72px;
20509
+
20510
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20511
+ flex: 1 0 auto;
20791
20512
  }
20792
- .v-divider--inset.v-divider--vertical {
20793
- margin-bottom: 8px;
20794
- margin-top: 8px;
20795
- max-height: calc(100% - 16px);
20513
+
20514
+ .v-date-picker__title {
20515
+ display: inline-block;
20516
+ }.v-date-picker-month {
20517
+ display: flex;
20518
+ justify-content: center;
20519
+ padding: 0 12px 8px;
20520
+ --v-date-picker-month-day-diff: 4px;
20796
20521
  }
20797
20522
 
20798
- .v-divider__content {
20799
- padding: 0 16px;
20800
- text-wrap: nowrap;
20523
+ .v-date-picker-month__weeks {
20524
+ display: grid;
20525
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20526
+ column-gap: 4px;
20527
+ font-size: 0.85rem;
20801
20528
  }
20802
- .v-divider__wrapper--vertical .v-divider__content {
20803
- padding: 4px 0;
20529
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20530
+ grid-row-gap: 0;
20804
20531
  }
20805
20532
 
20806
- .v-divider__wrapper {
20807
- display: flex;
20808
- align-items: center;
20809
- justify-content: center;
20533
+ .v-date-picker-month__weekday {
20534
+ font-size: 0.85rem;
20810
20535
  }
20811
- .v-divider__wrapper--vertical {
20812
- flex-direction: column;
20813
- height: 100%;
20536
+
20537
+ .v-date-picker-month__days {
20538
+ display: grid;
20539
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20540
+ column-gap: 4px;
20541
+ flex: 1 1;
20542
+ justify-content: space-around;
20814
20543
  }
20815
- .v-divider__wrapper--vertical .v-divider {
20816
- margin: 0 auto;
20817
- }.v-empty-state {
20544
+
20545
+ .v-date-picker-month__day {
20818
20546
  align-items: center;
20819
20547
  display: flex;
20820
- flex-direction: column;
20821
20548
  justify-content: center;
20822
- min-height: 100%;
20823
- padding: 16px;
20549
+ position: relative;
20550
+ height: 40px;
20551
+ width: 40px;
20824
20552
  }
20825
- .v-empty-state--start {
20826
- align-items: flex-start;
20553
+ .v-date-picker-month__day--selected .v-btn {
20554
+ background-color: rgb(var(--v-theme-surface-variant));
20555
+ color: rgb(var(--v-theme-on-surface-variant));
20827
20556
  }
20828
- .v-empty-state--center {
20829
- align-items: center;
20557
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20558
+ --v-btn-height: 24px;
20559
+ --v-btn-size: 0.85rem;
20830
20560
  }
20831
- .v-empty-state--end {
20832
- align-items: flex-end;
20561
+ .v-date-picker-month__day--week {
20562
+ font-size: var(--v-btn-size);
20833
20563
  }
20834
20564
 
20835
- .v-empty-state__media {
20836
- text-align: center;
20837
- width: 100%;
20838
- }
20839
- .v-empty-state__media .v-icon {
20840
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20565
+ .v-date-picker-month__day--adjacent {
20566
+ opacity: 0.5;
20841
20567
  }
20842
20568
 
20843
- .v-empty-state__headline {
20844
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20845
- font-size: 3.75rem;
20846
- font-weight: 300;
20847
- line-height: 1;
20848
- text-align: center;
20849
- margin-bottom: 8px;
20850
- }
20851
- .v-empty-state--mobile .v-empty-state__headline {
20852
- font-size: 2.125rem;
20569
+ .v-date-picker-month__day--hide-adjacent {
20570
+ opacity: 0;
20571
+ }.v-date-picker-months {
20572
+ height: 288px;
20853
20573
  }
20854
20574
 
20855
- .v-empty-state__title {
20856
- font-size: 1.25rem;
20857
- font-weight: 500;
20858
- line-height: 1.6;
20859
- margin-bottom: 4px;
20860
- text-align: center;
20575
+ .v-date-picker-months__content {
20576
+ align-items: center;
20577
+ display: grid;
20578
+ flex: 1 1;
20579
+ height: inherit;
20580
+ justify-content: space-around;
20581
+ grid-template-columns: repeat(2, 1fr);
20582
+ grid-gap: 0px 24px;
20583
+ padding-inline-start: 36px;
20584
+ padding-inline-end: 36px;
20861
20585
  }
20862
-
20863
- .v-empty-state__text {
20864
- font-size: 0.875rem;
20865
- font-weight: 400;
20866
- line-height: 1.425;
20867
- padding: 0 16px;
20868
- text-align: center;
20586
+ .v-date-picker-months__content .v-btn {
20587
+ text-transform: none;
20588
+ padding-inline-start: 8px;
20589
+ padding-inline-end: 8px;
20590
+ }.v-date-picker-header {
20591
+ align-items: flex-end;
20592
+ height: 70px;
20593
+ display: grid;
20594
+ grid-template-areas: "prepend content append";
20595
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20596
+ overflow: hidden;
20597
+ padding-inline: 24px 12px;
20598
+ padding-bottom: 12px;
20869
20599
  }
20870
20600
 
20871
- .v-empty-state__content {
20872
- padding: 24px 0;
20601
+ .v-date-picker-header__append {
20602
+ grid-area: append;
20873
20603
  }
20874
20604
 
20875
- .v-empty-state__actions {
20876
- display: flex;
20877
- gap: 8px;
20878
- padding: 16px;
20605
+ .v-date-picker-header__prepend {
20606
+ grid-area: prepend;
20607
+ padding-inline-start: 8px;
20879
20608
  }
20880
20609
 
20881
- .v-empty-state__action-btn.v-btn {
20882
- background-color: initial;
20883
- color: initial;
20884
- }.v-expansion-panel {
20885
- background-color: rgb(var(--v-theme-surface));
20886
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20610
+ .v-date-picker-header__content {
20611
+ align-items: center;
20612
+ display: inline-flex;
20613
+ font-size: 32px;
20614
+ line-height: 40px;
20615
+ grid-area: content;
20616
+ justify-content: space-between;
20887
20617
  }
20888
- .v-expansion-panel:not(:first-child)::after {
20889
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20618
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20619
+ cursor: pointer;
20890
20620
  }
20891
- .v-expansion-panel--disabled .v-expansion-panel-title {
20892
- color: rgba(var(--v-theme-on-surface), 0.26);
20893
- }
20894
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20895
- opacity: 0.4615384615;
20621
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20622
+ opacity: 0.7;
20896
20623
  }
20897
20624
 
20898
- .v-expansion-panels {
20899
- display: flex;
20900
- flex-wrap: wrap;
20901
- justify-content: center;
20902
- list-style-type: none;
20903
- padding: 0;
20904
- width: 100%;
20905
- position: relative;
20906
- z-index: 1;
20907
- }
20908
- .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) {
20909
- border-bottom-left-radius: 0 !important;
20910
- border-bottom-right-radius: 0 !important;
20911
- }
20912
- .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) {
20913
- border-top-left-radius: 0 !important;
20914
- border-top-right-radius: 0 !important;
20915
- }
20916
- .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) {
20917
- border-bottom-left-radius: 0 !important;
20918
- border-bottom-right-radius: 0 !important;
20919
- }
20920
- .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) {
20921
- border-top-left-radius: 0 !important;
20922
- border-top-right-radius: 0 !important;
20923
- }
20924
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20925
- border-bottom-left-radius: 0 !important;
20926
- border-bottom-right-radius: 0 !important;
20927
- }
20928
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20929
- border-top-left-radius: 0 !important;
20930
- border-top-right-radius: 0 !important;
20625
+ .date-picker-header-transition-enter-active,
20626
+ .date-picker-header-reverse-transition-enter-active {
20627
+ transition-duration: 0.3s;
20628
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20931
20629
  }
20932
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20933
- border-bottom-left-radius: initial;
20934
- border-bottom-right-radius: initial;
20630
+ .date-picker-header-transition-leave-active,
20631
+ .date-picker-header-reverse-transition-leave-active {
20632
+ transition-duration: 0.3s;
20633
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20935
20634
  }
20936
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20937
- border-radius: 0 !important;
20635
+
20636
+ .date-picker-header-transition-enter-from {
20637
+ transform: translate(0, 100%);
20938
20638
  }
20939
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20940
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20639
+ .date-picker-header-transition-leave-to {
20640
+ opacity: 0;
20641
+ transform: translate(0, -100%);
20941
20642
  }
20942
20643
 
20943
- .v-expansion-panel {
20944
- flex: 1 0 100%;
20945
- max-width: 100%;
20946
- position: relative;
20947
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20948
- transition-property: margin-top, border-radius, border, max-width;
20949
- border-radius: 4px;
20950
- }
20951
- .v-expansion-panel:not(:first-child)::after {
20952
- border-top-style: solid;
20953
- border-top-width: thin;
20954
- content: "";
20955
- left: 0;
20956
- position: absolute;
20957
- right: 0;
20958
- top: 0;
20959
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20644
+ .date-picker-header-reverse-transition-enter-from {
20645
+ transform: translate(0, -100%);
20960
20646
  }
20961
- .v-expansion-panel--disabled .v-expansion-panel-title {
20962
- pointer-events: none;
20647
+ .date-picker-header-reverse-transition-leave-to {
20648
+ opacity: 0;
20649
+ transform: translate(0, 100%);
20650
+ }.v-date-picker-years {
20651
+ height: 288px;
20652
+ overflow-y: scroll;
20963
20653
  }
20964
- .v-expansion-panel--active:not(:first-child),
20965
- .v-expansion-panel--active + .v-expansion-panel {
20966
- margin-top: 16px;
20654
+
20655
+ .v-date-picker-years__content {
20656
+ display: grid;
20657
+ flex: 1 1;
20658
+ justify-content: space-around;
20659
+ grid-template-columns: repeat(3, 1fr);
20660
+ gap: 8px 24px;
20661
+ padding-inline: 32px;
20967
20662
  }
20968
- .v-expansion-panel--active:not(:first-child)::after,
20969
- .v-expansion-panel--active + .v-expansion-panel::after {
20970
- opacity: 0;
20663
+ .v-date-picker-years__content .v-btn {
20664
+ padding-inline: 8px;
20665
+ }.v-container {
20666
+ width: 100%;
20667
+ padding: 16px;
20668
+ margin-right: auto;
20669
+ margin-left: auto;
20971
20670
  }
20972
- .v-expansion-panel--active > .v-expansion-panel-title {
20973
- border-bottom-left-radius: 0;
20974
- border-bottom-right-radius: 0;
20671
+ @media (min-width: 960px) {
20672
+ .v-container {
20673
+ max-width: 900px;
20674
+ }
20975
20675
  }
20976
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20977
- min-height: 64px;
20676
+ @media (min-width: 1280px) {
20677
+ .v-container {
20678
+ max-width: 1200px;
20679
+ }
20978
20680
  }
20979
-
20980
- .v-expansion-panel__shadow {
20981
- border-radius: inherit;
20982
- z-index: -1;
20681
+ @media (min-width: 1920px) {
20682
+ .v-container {
20683
+ max-width: 1800px;
20684
+ }
20983
20685
  }
20984
- .v-expansion-panel__shadow {
20985
- position: absolute;
20986
- top: 0;
20987
- left: 0;
20988
- width: 100%;
20989
- height: 100%;
20686
+ @media (min-width: 2560px) {
20687
+ .v-container {
20688
+ max-width: 2400px;
20689
+ }
20990
20690
  }
20991
- .v-expansion-panel__shadow {
20992
- 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));
20691
+ .v-container--fluid {
20692
+ max-width: 100%;
20993
20693
  }
20994
-
20995
- .v-expansion-panel-title {
20694
+ .v-container.fill-height {
20996
20695
  align-items: center;
20997
- text-align: start;
20998
- border-radius: inherit;
20999
20696
  display: flex;
21000
- font-size: 0.9375rem;
21001
- line-height: 1;
21002
- min-height: 48px;
21003
- outline: none;
21004
- padding: 16px 24px;
21005
- position: relative;
21006
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21007
- width: 100%;
21008
- justify-content: space-between;
20697
+ flex-wrap: wrap;
21009
20698
  }
21010
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21011
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20699
+
20700
+ .v-row {
20701
+ display: flex;
20702
+ flex-wrap: wrap;
20703
+ flex: 1 1 auto;
20704
+ margin: -12px;
21012
20705
  }
21013
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21014
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20706
+ .v-row + .v-row {
20707
+ margin-top: 12px;
21015
20708
  }
21016
- @supports not selector(:focus-visible) {
21017
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21018
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21019
- }
20709
+ .v-row + .v-row--dense {
20710
+ margin-top: 4px;
21020
20711
  }
21021
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21022
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20712
+ .v-row--dense {
20713
+ margin: -4px;
21023
20714
  }
21024
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21025
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20715
+ .v-row--dense > .v-col,
20716
+ .v-row--dense > [class*=v-col-] {
20717
+ padding: 4px;
21026
20718
  }
21027
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21028
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20719
+ .v-row.v-row--no-gutters {
20720
+ margin: 0;
21029
20721
  }
21030
- @supports not selector(:focus-visible) {
21031
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21032
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21033
- }
20722
+ .v-row.v-row--no-gutters > .v-col,
20723
+ .v-row.v-row--no-gutters > [class*=v-col-] {
20724
+ padding: 0;
21034
20725
  }
21035
20726
 
21036
- .v-expansion-panel-title__overlay {
21037
- background-color: currentColor;
21038
- border-radius: inherit;
21039
- opacity: 0;
20727
+ .v-spacer {
20728
+ flex-grow: 1;
21040
20729
  }
21041
- .v-expansion-panel-title__overlay {
21042
- position: absolute;
21043
- top: 0;
21044
- left: 0;
20730
+
20731
+ .v-col-xxl,
20732
+ .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,
20733
+ .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,
20734
+ .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,
20735
+ .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,
20736
+ .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,
20737
+ .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 {
21045
20738
  width: 100%;
21046
- height: 100%;
20739
+ padding: 12px;
21047
20740
  }
21048
20741
 
21049
- .v-expansion-panel-title__icon {
21050
- display: inline-flex;
21051
- margin-bottom: -4px;
21052
- margin-top: -4px;
21053
- -webkit-user-select: none;
21054
- user-select: none;
21055
- margin-inline-start: auto;
20742
+ .v-col {
20743
+ flex-basis: 0;
20744
+ flex-grow: 1;
20745
+ max-width: 100%;
21056
20746
  }
21057
20747
 
21058
- .v-expansion-panel-text {
21059
- display: flex;
21060
- }
21061
- .v-expansion-panel-text__wrapper {
21062
- padding: 8px 24px 16px;
21063
- flex: 1 1 auto;
20748
+ .v-col-auto {
20749
+ flex: 0 0 auto;
20750
+ width: auto;
21064
20751
  max-width: 100%;
21065
20752
  }
21066
20753
 
21067
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21068
- margin-top: 0;
20754
+ .v-col-1 {
20755
+ flex: 0 0 8.3333333333%;
20756
+ max-width: 8.3333333333%;
21069
20757
  }
21070
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21071
- opacity: 1;
20758
+
20759
+ .v-col-2 {
20760
+ flex: 0 0 16.6666666667%;
20761
+ max-width: 16.6666666667%;
21072
20762
  }
21073
20763
 
21074
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21075
- max-width: calc(100% - 32px);
20764
+ .v-col-3 {
20765
+ flex: 0 0 25%;
20766
+ max-width: 25%;
21076
20767
  }
21077
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21078
- max-width: calc(100% + 16px);
20768
+
20769
+ .v-col-4 {
20770
+ flex: 0 0 33.3333333333%;
20771
+ max-width: 33.3333333333%;
21079
20772
  }
21080
20773
 
21081
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21082
- max-width: 100%;
21083
- }
21084
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21085
- max-width: calc(100% - 32px);
20774
+ .v-col-5 {
20775
+ flex: 0 0 41.6666666667%;
20776
+ max-width: 41.6666666667%;
21086
20777
  }
21087
20778
 
21088
- .v-expansion-panels--flat > .v-expansion-panel::after {
21089
- border-top: none;
21090
- }
21091
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21092
- display: none;
20779
+ .v-col-6 {
20780
+ flex: 0 0 50%;
20781
+ max-width: 50%;
21093
20782
  }
21094
20783
 
21095
- .v-expansion-panels--tile {
21096
- border-radius: 0;
21097
- }
21098
- .v-expansion-panels--tile > .v-expansion-panel {
21099
- border-radius: 0;
21100
- }.v-fab {
21101
- align-items: center;
21102
- display: inline-flex;
21103
- flex: 1 1 auto;
21104
- pointer-events: none;
21105
- position: relative;
21106
- transition-duration: 0.2s;
21107
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21108
- vertical-align: middle;
21109
- }
21110
- .v-fab .v-btn {
21111
- pointer-events: auto;
21112
- }
21113
- .v-fab .v-btn--variant-elevated {
21114
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21115
- }
21116
- .v-fab--app, .v-fab--absolute {
21117
- display: flex;
21118
- }
21119
- .v-fab--start, .v-fab--left {
21120
- justify-content: flex-start;
21121
- }
21122
- .v-fab--center {
21123
- align-items: center;
21124
- justify-content: center;
21125
- }
21126
- .v-fab--end, .v-fab--right {
21127
- justify-content: flex-end;
21128
- }
21129
- .v-fab--bottom {
21130
- align-items: flex-end;
21131
- }
21132
- .v-fab--top {
21133
- align-items: flex-start;
21134
- }
21135
- .v-fab--extended .v-btn {
21136
- border-radius: 9999px !important;
20784
+ .v-col-7 {
20785
+ flex: 0 0 58.3333333333%;
20786
+ max-width: 58.3333333333%;
21137
20787
  }
21138
20788
 
21139
- .v-fab__container {
21140
- align-self: center;
21141
- display: inline-flex;
21142
- position: absolute;
21143
- vertical-align: middle;
21144
- }
21145
- .v-fab--app .v-fab__container {
21146
- margin: 12px;
21147
- }
21148
- .v-fab--absolute .v-fab__container {
21149
- position: absolute;
21150
- z-index: 4;
21151
- }
21152
- .v-fab--offset.v-fab--top .v-fab__container {
21153
- transform: translateY(-50%);
21154
- }
21155
- .v-fab--offset.v-fab--bottom .v-fab__container {
21156
- transform: translateY(50%);
21157
- }
21158
- .v-fab--top .v-fab__container {
21159
- top: 0;
21160
- }
21161
- .v-fab--bottom .v-fab__container {
21162
- bottom: 0;
21163
- }
21164
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21165
- left: 0;
21166
- }
21167
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21168
- right: 0;
21169
- }/* region INPUT */
21170
- .v-field {
21171
- display: grid;
21172
- grid-template-areas: "prepend-inner field clear append-inner";
21173
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21174
- font-size: 16px;
21175
- letter-spacing: 0.009375em;
21176
- max-width: 100%;
21177
- border-radius: 4px;
21178
- contain: layout;
21179
- flex: 1 0;
21180
- grid-area: control;
21181
- position: relative;
21182
- --v-theme-overlay-multiplier: 1;
21183
- --v-field-padding-start: 16px;
21184
- --v-field-padding-end: 16px;
21185
- --v-field-padding-top: 8px;
21186
- --v-field-padding-bottom: 4px;
21187
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21188
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21189
- }
21190
- .v-field--disabled {
21191
- opacity: var(--v-disabled-opacity);
21192
- pointer-events: none;
21193
- }
21194
- .v-field .v-chip {
21195
- --v-chip-height: 24px;
20789
+ .v-col-8 {
20790
+ flex: 0 0 66.6666666667%;
20791
+ max-width: 66.6666666667%;
21196
20792
  }
21197
20793
 
21198
- /* endregion */
21199
- /* region MODIFIERS */
21200
- .v-field--prepended {
21201
- padding-inline-start: 12px;
21202
- }
21203
- .v-field--appended {
21204
- padding-inline-end: 12px;
21205
- }
21206
- .v-field--variant-solo, .v-field--variant-solo-filled {
21207
- background: rgb(var(--v-theme-surface));
21208
- border-color: transparent;
21209
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21210
- }
21211
- .v-field--variant-solo, .v-field--variant-solo-filled {
21212
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21213
- }
21214
- .v-field--variant-solo-inverted {
21215
- background: rgb(var(--v-theme-surface));
21216
- border-color: transparent;
21217
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21218
- }
21219
- .v-field--variant-solo-inverted {
21220
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21221
- }
21222
- .v-field--variant-solo-inverted.v-field--focused {
21223
- color: rgb(var(--v-theme-on-surface-variant));
21224
- }
21225
- .v-field--variant-filled {
21226
- border-bottom-left-radius: 0;
21227
- border-bottom-right-radius: 0;
21228
- }
21229
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21230
- --v-input-control-height: 56px;
21231
- --v-field-padding-bottom: 4px;
20794
+ .v-col-9 {
20795
+ flex: 0 0 75%;
20796
+ max-width: 75%;
21232
20797
  }
21233
20798
 
21234
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21235
- --v-input-control-height: 48px;
21236
- --v-field-padding-bottom: 0px;
20799
+ .v-col-10 {
20800
+ flex: 0 0 83.3333333333%;
20801
+ max-width: 83.3333333333%;
21237
20802
  }
21238
20803
 
21239
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21240
- --v-input-control-height: 40px;
21241
- --v-field-padding-bottom: 0px;
20804
+ .v-col-11 {
20805
+ flex: 0 0 91.6666666667%;
20806
+ max-width: 91.6666666667%;
21242
20807
  }
21243
20808
 
21244
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21245
- --v-field-padding-top: 0px;
21246
- }
21247
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21248
- --v-field-padding-bottom: 16px;
20809
+ .v-col-12 {
20810
+ flex: 0 0 100%;
20811
+ max-width: 100%;
21249
20812
  }
21250
20813
 
21251
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21252
- --v-field-padding-bottom: 12px;
20814
+ .offset-1 {
20815
+ margin-inline-start: 8.3333333333%;
21253
20816
  }
21254
20817
 
21255
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21256
- --v-field-padding-bottom: 8px;
20818
+ .offset-2 {
20819
+ margin-inline-start: 16.6666666667%;
21257
20820
  }
21258
20821
 
21259
- .v-field--variant-plain, .v-field--variant-underlined {
21260
- border-radius: 0;
21261
- padding: 0;
21262
- }
21263
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21264
- --v-field-padding-start: 0px;
21265
- --v-field-padding-end: 0px;
21266
- }
21267
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21268
- --v-input-control-height: 48px;
21269
- --v-field-padding-top: 4px;
21270
- --v-field-padding-bottom: 4px;
20822
+ .offset-3 {
20823
+ margin-inline-start: 25%;
21271
20824
  }
21272
20825
 
21273
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21274
- --v-input-control-height: 40px;
21275
- --v-field-padding-top: 2px;
21276
- --v-field-padding-bottom: 0px;
20826
+ .offset-4 {
20827
+ margin-inline-start: 33.3333333333%;
21277
20828
  }
21278
20829
 
21279
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21280
- --v-input-control-height: 32px;
21281
- --v-field-padding-top: 0px;
21282
- --v-field-padding-bottom: 0px;
20830
+ .offset-5 {
20831
+ margin-inline-start: 41.6666666667%;
21283
20832
  }
21284
20833
 
21285
- .v-field--flat {
21286
- box-shadow: none;
21287
- }
21288
- .v-field--rounded {
21289
- border-radius: 24px;
21290
- }
21291
- .v-field.v-field--prepended {
21292
- --v-field-padding-start: 6px;
21293
- }
21294
- .v-field.v-field--appended {
21295
- --v-field-padding-end: 6px;
20834
+ .offset-6 {
20835
+ margin-inline-start: 50%;
21296
20836
  }
21297
20837
 
21298
- /* endregion */
21299
- /* region ELEMENTS */
21300
- .v-field__input {
21301
- align-items: center;
21302
- color: inherit;
21303
- column-gap: 2px;
21304
- display: flex;
21305
- flex-wrap: wrap;
21306
- letter-spacing: 0.009375em;
21307
- opacity: var(--v-high-emphasis-opacity);
21308
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21309
- min-width: 0;
21310
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21311
- padding-top: var(--v-field-input-padding-top);
21312
- padding-bottom: var(--v-field-input-padding-bottom);
21313
- position: relative;
21314
- width: 100%;
20838
+ .offset-7 {
20839
+ margin-inline-start: 58.3333333333%;
21315
20840
  }
21316
- .v-input--density-default .v-field__input {
21317
- row-gap: 8px;
20841
+
20842
+ .offset-8 {
20843
+ margin-inline-start: 66.6666666667%;
21318
20844
  }
21319
20845
 
21320
- .v-input--density-comfortable .v-field__input {
21321
- row-gap: 6px;
20846
+ .offset-9 {
20847
+ margin-inline-start: 75%;
21322
20848
  }
21323
20849
 
21324
- .v-input--density-compact .v-field__input {
21325
- row-gap: 4px;
20850
+ .offset-10 {
20851
+ margin-inline-start: 83.3333333333%;
21326
20852
  }
21327
20853
 
21328
- .v-field__input input {
21329
- letter-spacing: inherit;
21330
- }
21331
- .v-field__input input::placeholder,
21332
- input.v-field__input::placeholder,
21333
- textarea.v-field__input::placeholder {
21334
- color: currentColor;
21335
- opacity: var(--v-disabled-opacity);
21336
- }
21337
-
21338
- .v-field__input:focus, .v-field__input:active {
21339
- outline: none;
21340
- }
21341
- .v-field__input:invalid {
21342
- box-shadow: none;
21343
- }
21344
-
21345
- .v-field__field {
21346
- flex: 1 0;
21347
- grid-area: field;
21348
- position: relative;
21349
- align-items: flex-start;
21350
- display: flex;
21351
- }
21352
-
21353
- /* endregion */
21354
- /* region AFFIXES */
21355
- .v-field__prepend-inner {
21356
- grid-area: prepend-inner;
21357
- padding-inline-end: var(--v-field-padding-after);
21358
- }
21359
-
21360
- .v-field__clearable {
21361
- grid-area: clear;
21362
- }
21363
-
21364
- .v-field__append-inner {
21365
- grid-area: append-inner;
21366
- padding-inline-start: var(--v-field-padding-after);
21367
- }
21368
-
21369
- .v-field__append-inner,
21370
- .v-field__clearable,
21371
- .v-field__prepend-inner {
21372
- display: flex;
21373
- align-items: flex-start;
21374
- padding-top: var(--v-input-padding-top, 8px);
21375
- }
21376
- .v-field--center-affix .v-field__append-inner,
21377
- .v-field--center-affix .v-field__clearable,
21378
- .v-field--center-affix .v-field__prepend-inner {
21379
- align-items: center;
21380
- padding-top: 0;
21381
- }
21382
-
21383
- .v-field.v-field--variant-underlined .v-field__append-inner,
21384
- .v-field.v-field--variant-underlined .v-field__clearable,
21385
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
21386
- .v-field.v-field--variant-plain .v-field__append-inner,
21387
- .v-field.v-field--variant-plain .v-field__clearable,
21388
- .v-field.v-field--variant-plain .v-field__prepend-inner {
21389
- align-items: flex-start;
21390
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21391
- padding-bottom: var(--v-field-padding-bottom, 4px);
21392
- }
21393
-
21394
- .v-field--focused .v-field__prepend-inner,
21395
- .v-field--focused .v-field__append-inner {
21396
- opacity: 1;
21397
- }
21398
-
21399
- .v-field__prepend-inner > .v-icon,
21400
- .v-field__append-inner > .v-icon,
21401
- .v-field__clearable > .v-icon {
21402
- opacity: var(--v-medium-emphasis-opacity);
21403
- }
21404
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
21405
- .v-field--disabled .v-field__append-inner > .v-icon,
21406
- .v-field--error .v-field__append-inner > .v-icon,
21407
- .v-field--disabled .v-field__clearable > .v-icon,
21408
- .v-field--error .v-field__clearable > .v-icon {
21409
- opacity: 1;
21410
- }
21411
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
21412
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
21413
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
21414
- color: rgb(var(--v-theme-error));
20854
+ .offset-11 {
20855
+ margin-inline-start: 91.6666666667%;
21415
20856
  }
21416
20857
 
21417
- .v-field__clearable {
21418
- cursor: pointer;
21419
- opacity: 0;
21420
- overflow: hidden;
21421
- margin-inline: 4px;
21422
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21423
- transition-property: opacity, transform, width;
21424
- }
21425
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
21426
- opacity: 1;
21427
- }
21428
- @media (hover: hover) {
21429
- .v-field:hover .v-field__clearable {
21430
- opacity: 1;
20858
+ @media (min-width: 600px) {
20859
+ .v-col-sm {
20860
+ flex-basis: 0;
20861
+ flex-grow: 1;
20862
+ max-width: 100%;
21431
20863
  }
21432
- }
21433
- @media (hover: none) {
21434
- .v-field__clearable {
21435
- opacity: 1;
20864
+ .v-col-sm-auto {
20865
+ flex: 0 0 auto;
20866
+ width: auto;
20867
+ max-width: 100%;
21436
20868
  }
21437
- }
21438
-
21439
- /* endregion */
21440
- /* region LABEL */
21441
- .v-label.v-field-label {
21442
- contain: layout paint;
21443
- display: block;
21444
- margin-inline-start: var(--v-field-padding-start);
21445
- margin-inline-end: var(--v-field-padding-end);
21446
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21447
- pointer-events: none;
21448
- position: absolute;
21449
- top: var(--v-input-padding-top);
21450
- transform-origin: left center;
21451
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21452
- transition-property: opacity, transform;
21453
- z-index: 1;
21454
- }
21455
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
21456
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21457
- }
21458
- .v-field--center-affix .v-label.v-field-label {
21459
- top: 50%;
21460
- transform: translateY(-50%);
21461
- }
21462
- .v-field--active .v-label.v-field-label {
21463
- visibility: hidden;
21464
- }
21465
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
21466
- opacity: 1;
21467
- }
21468
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
21469
- color: rgb(var(--v-theme-error));
21470
- }
21471
- .v-label.v-field-label--floating {
21472
- --v-field-label-scale: 0.75em;
21473
- font-size: var(--v-field-label-scale);
21474
- visibility: hidden;
21475
- max-width: 100%;
21476
- }
21477
- .v-field--center-affix .v-label.v-field-label--floating {
21478
- transform: none;
21479
- }
21480
- .v-field.v-field--active .v-label.v-field-label--floating {
21481
- visibility: unset;
21482
- }
21483
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
21484
- top: 7px;
21485
- }
21486
-
21487
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
21488
- top: 5px;
21489
- }
21490
-
21491
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21492
- top: 3px;
21493
- }
21494
-
21495
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
21496
- transform: translateY(-16px);
21497
- margin: 0;
21498
- top: var(--v-input-padding-top);
21499
- }
21500
- .v-field--variant-outlined .v-label.v-field-label--floating {
21501
- transform: translateY(-50%);
21502
- transform-origin: center;
21503
- position: static;
21504
- margin: 0 4px;
21505
- }
21506
-
21507
- /* endregion */
21508
- /* region OUTLINE */
21509
- .v-field__outline {
21510
- --v-field-border-width: 1px;
21511
- --v-field-border-opacity: 0.38;
21512
- align-items: stretch;
21513
- contain: layout;
21514
- display: flex;
21515
- height: 100%;
21516
- left: 0;
21517
- pointer-events: none;
21518
- position: absolute;
21519
- right: 0;
21520
- width: 100%;
21521
- }
21522
- @media (hover: hover) {
21523
- .v-field:hover .v-field__outline {
21524
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
20869
+ .v-col-sm-1 {
20870
+ flex: 0 0 8.3333333333%;
20871
+ max-width: 8.3333333333%;
21525
20872
  }
21526
- }
21527
- .v-field--error:not(.v-field--disabled) .v-field__outline {
21528
- color: rgb(var(--v-theme-error));
21529
- }
21530
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
21531
- --v-field-border-opacity: 1;
21532
- }
21533
- .v-field--variant-outlined.v-field--focused .v-field__outline {
21534
- --v-field-border-width: 2px;
21535
- }
21536
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21537
- border-color: currentColor;
21538
- border-style: solid;
21539
- border-width: 0 0 var(--v-field-border-width);
21540
- opacity: var(--v-field-border-opacity);
21541
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21542
- }
21543
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21544
- content: "";
21545
- position: absolute;
21546
- top: 0;
21547
- left: 0;
21548
- width: 100%;
21549
- height: 100%;
21550
- }
21551
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21552
- border-color: currentColor;
21553
- border-style: solid;
21554
- border-width: 0 0 2px;
21555
- transform: scaleX(0);
21556
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21557
- }
21558
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21559
- content: "";
21560
- position: absolute;
21561
- top: 0;
21562
- left: 0;
21563
- width: 100%;
21564
- height: 100%;
21565
- }
21566
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
21567
- transform: scaleX(1);
21568
- }
21569
-
21570
- .v-field--variant-outlined .v-field__outline {
21571
- border-radius: inherit;
21572
- }
21573
- .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
21574
- border: 0 solid currentColor;
21575
- opacity: var(--v-field-border-opacity);
21576
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21577
- }
21578
- .v-field--variant-outlined .v-field__outline__start {
21579
- flex: 0 0 12px;
21580
- border-top-width: var(--v-field-border-width);
21581
- border-bottom-width: var(--v-field-border-width);
21582
- border-inline-start-width: var(--v-field-border-width);
21583
- border-start-start-radius: inherit;
21584
- border-start-end-radius: 0;
21585
- border-end-end-radius: 0;
21586
- border-end-start-radius: inherit;
21587
- }
21588
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
21589
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
21590
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
21591
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21592
- }
21593
-
21594
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
21595
- border-start-start-radius: 0;
21596
- border-start-end-radius: inherit;
21597
- border-end-end-radius: inherit;
21598
- border-end-start-radius: 0;
21599
- border-inline-end-width: var(--v-field-border-width);
21600
- border-inline-start-width: 0;
21601
- }
21602
-
21603
- .v-field--variant-outlined .v-field__outline__notch {
21604
- flex: none;
21605
- position: relative;
21606
- max-width: calc(100% - 12px);
21607
- }
21608
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21609
- opacity: var(--v-field-border-opacity);
21610
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21611
- }
21612
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21613
- content: "";
21614
- position: absolute;
21615
- top: 0;
21616
- left: 0;
21617
- width: 100%;
21618
- height: 100%;
21619
- }
21620
- .v-field--variant-outlined .v-field__outline__notch::before {
21621
- border-width: var(--v-field-border-width) 0 0;
21622
- }
21623
- .v-field--variant-outlined .v-field__outline__notch::after {
21624
- bottom: 0;
21625
- border-width: 0 0 var(--v-field-border-width);
21626
- }
21627
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21628
- opacity: 0;
21629
- }
21630
-
21631
- .v-field--variant-outlined .v-field__outline__end {
21632
- flex: 1;
21633
- border-top-width: var(--v-field-border-width);
21634
- border-bottom-width: var(--v-field-border-width);
21635
- border-inline-end-width: var(--v-field-border-width);
21636
- border-start-start-radius: 0;
21637
- border-start-end-radius: inherit;
21638
- border-end-end-radius: inherit;
21639
- border-end-start-radius: 0;
21640
- }
21641
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21642
- border-start-start-radius: inherit;
21643
- border-start-end-radius: 0;
21644
- border-end-end-radius: 0;
21645
- border-end-start-radius: inherit;
21646
- border-inline-end-width: 0;
21647
- border-inline-start-width: var(--v-field-border-width);
21648
- }
21649
-
21650
- /* endregion */
21651
- /* region LOADER */
21652
- .v-field__loader {
21653
- top: calc(100% - 2px);
21654
- left: 0;
21655
- position: absolute;
21656
- right: 0;
21657
- width: 100%;
21658
- border-top-left-radius: 0;
21659
- border-top-right-radius: 0;
21660
- border-bottom-left-radius: inherit;
21661
- border-bottom-right-radius: inherit;
21662
- overflow: hidden;
21663
- }
21664
- .v-field--variant-outlined .v-field__loader {
21665
- top: calc(100% - 3px);
21666
- width: calc(100% - 1px * 2);
21667
- left: 1px;
21668
- }
21669
-
21670
- /* endregion */
21671
- /* region OVERLAY */
21672
- .v-field__overlay {
21673
- border-radius: inherit;
21674
- pointer-events: none;
21675
- }
21676
- .v-field__overlay {
21677
- position: absolute;
21678
- top: 0;
21679
- left: 0;
21680
- width: 100%;
21681
- height: 100%;
21682
- }
21683
-
21684
- .v-field--variant-filled .v-field__overlay {
21685
- background-color: currentColor;
21686
- opacity: 0.04;
21687
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21688
- }
21689
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
21690
- opacity: 0;
21691
- }
21692
- @media (hover: hover) {
21693
- .v-field--variant-filled:hover .v-field__overlay {
21694
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20873
+ .v-col-sm-2 {
20874
+ flex: 0 0 16.6666666667%;
20875
+ max-width: 16.6666666667%;
21695
20876
  }
21696
- }
21697
- .v-field--variant-filled.v-field--focused .v-field__overlay {
21698
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21699
- }
21700
-
21701
- .v-field--variant-solo-filled .v-field__overlay {
21702
- background-color: currentColor;
21703
- opacity: 0.04;
21704
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21705
- }
21706
- @media (hover: hover) {
21707
- .v-field--variant-solo-filled:hover .v-field__overlay {
21708
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20877
+ .v-col-sm-3 {
20878
+ flex: 0 0 25%;
20879
+ max-width: 25%;
21709
20880
  }
21710
- }
21711
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21712
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21713
- }
21714
-
21715
- .v-field--variant-solo-inverted .v-field__overlay {
21716
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21717
- }
21718
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21719
- opacity: 0;
21720
- }
21721
- @media (hover: hover) {
21722
- .v-field--variant-solo-inverted:hover .v-field__overlay {
21723
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20881
+ .v-col-sm-4 {
20882
+ flex: 0 0 33.3333333333%;
20883
+ max-width: 33.3333333333%;
20884
+ }
20885
+ .v-col-sm-5 {
20886
+ flex: 0 0 41.6666666667%;
20887
+ max-width: 41.6666666667%;
20888
+ }
20889
+ .v-col-sm-6 {
20890
+ flex: 0 0 50%;
20891
+ max-width: 50%;
20892
+ }
20893
+ .v-col-sm-7 {
20894
+ flex: 0 0 58.3333333333%;
20895
+ max-width: 58.3333333333%;
20896
+ }
20897
+ .v-col-sm-8 {
20898
+ flex: 0 0 66.6666666667%;
20899
+ max-width: 66.6666666667%;
20900
+ }
20901
+ .v-col-sm-9 {
20902
+ flex: 0 0 75%;
20903
+ max-width: 75%;
20904
+ }
20905
+ .v-col-sm-10 {
20906
+ flex: 0 0 83.3333333333%;
20907
+ max-width: 83.3333333333%;
20908
+ }
20909
+ .v-col-sm-11 {
20910
+ flex: 0 0 91.6666666667%;
20911
+ max-width: 91.6666666667%;
20912
+ }
20913
+ .v-col-sm-12 {
20914
+ flex: 0 0 100%;
20915
+ max-width: 100%;
20916
+ }
20917
+ .offset-sm-0 {
20918
+ margin-inline-start: 0;
20919
+ }
20920
+ .offset-sm-1 {
20921
+ margin-inline-start: 8.3333333333%;
20922
+ }
20923
+ .offset-sm-2 {
20924
+ margin-inline-start: 16.6666666667%;
20925
+ }
20926
+ .offset-sm-3 {
20927
+ margin-inline-start: 25%;
20928
+ }
20929
+ .offset-sm-4 {
20930
+ margin-inline-start: 33.3333333333%;
20931
+ }
20932
+ .offset-sm-5 {
20933
+ margin-inline-start: 41.6666666667%;
20934
+ }
20935
+ .offset-sm-6 {
20936
+ margin-inline-start: 50%;
20937
+ }
20938
+ .offset-sm-7 {
20939
+ margin-inline-start: 58.3333333333%;
20940
+ }
20941
+ .offset-sm-8 {
20942
+ margin-inline-start: 66.6666666667%;
20943
+ }
20944
+ .offset-sm-9 {
20945
+ margin-inline-start: 75%;
20946
+ }
20947
+ .offset-sm-10 {
20948
+ margin-inline-start: 83.3333333333%;
20949
+ }
20950
+ .offset-sm-11 {
20951
+ margin-inline-start: 91.6666666667%;
21724
20952
  }
21725
- }
21726
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21727
- background-color: rgb(var(--v-theme-surface-variant));
21728
- opacity: 1;
21729
- }
21730
-
21731
- /* endregion */
21732
- /* region MODIFIERS */
21733
- .v-field--reverse .v-field__field,
21734
- .v-field--reverse .v-field__input,
21735
- .v-field--reverse .v-field__outline {
21736
- flex-direction: row-reverse;
21737
- }
21738
- .v-field--reverse .v-field__input, .v-field--reverse input {
21739
- text-align: end;
21740
- }
21741
-
21742
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21743
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21744
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21745
- }
21746
-
21747
- .v-field--loading .v-field__outline::after,
21748
- .v-field--loading .v-field__outline::before {
21749
- opacity: 0;
21750
- }
21751
-
21752
- /* endregion */.v-file-input--hide.v-input .v-field,
21753
- .v-file-input--hide.v-input .v-input__control,
21754
- .v-file-input--hide.v-input .v-input__details {
21755
- display: none;
21756
- }
21757
- .v-file-input--hide.v-input .v-input__prepend {
21758
- grid-area: control;
21759
- margin: 0 auto;
21760
- }
21761
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21762
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21763
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21764
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21765
- top: 0px;
21766
- }
21767
- .v-file-input input[type=file] {
21768
- height: 100%;
21769
- left: 0;
21770
- opacity: 0;
21771
- position: absolute;
21772
- top: 0;
21773
- width: 100%;
21774
- z-index: 1;
21775
- }
21776
- .v-file-input .v-input__details {
21777
- padding-inline: 16px;
21778
- }
21779
- .v-input--plain-underlined.v-file-input .v-input__details {
21780
- padding-inline: 0;
21781
- }.v-footer {
21782
- align-items: center;
21783
- display: flex;
21784
- flex: 1 1 auto;
21785
- padding: 8px 16px;
21786
- position: relative;
21787
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21788
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21789
- }
21790
- .v-footer {
21791
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21792
- border-style: solid;
21793
- border-width: 0;
21794
- }
21795
- .v-footer--border {
21796
- border-width: thin;
21797
- box-shadow: none;
21798
- }
21799
- .v-footer {
21800
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21801
- }
21802
- .v-footer--absolute {
21803
- position: absolute;
21804
- }
21805
- .v-footer--fixed {
21806
- position: fixed;
21807
- }
21808
- .v-footer {
21809
- border-radius: 0;
21810
- }
21811
- .v-footer {
21812
- background: rgb(var(--v-theme-surface));
21813
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21814
- }
21815
- .v-footer--rounded {
21816
- border-radius: 4px;
21817
- }.v-container {
21818
- width: 100%;
21819
- padding: 16px;
21820
- margin-right: auto;
21821
- margin-left: auto;
21822
20953
  }
21823
20954
  @media (min-width: 960px) {
21824
- .v-container {
21825
- max-width: 900px;
21826
- }
21827
- }
21828
- @media (min-width: 1280px) {
21829
- .v-container {
21830
- max-width: 1200px;
21831
- }
21832
- }
21833
- @media (min-width: 1920px) {
21834
- .v-container {
21835
- max-width: 1800px;
21836
- }
21837
- }
21838
- @media (min-width: 2560px) {
21839
- .v-container {
21840
- max-width: 2400px;
21841
- }
21842
- }
21843
- .v-container--fluid {
21844
- max-width: 100%;
21845
- }
21846
- .v-container.fill-height {
21847
- align-items: center;
21848
- display: flex;
21849
- flex-wrap: wrap;
21850
- }
21851
-
21852
- .v-row {
21853
- display: flex;
21854
- flex-wrap: wrap;
21855
- flex: 1 1 auto;
21856
- margin: -12px;
21857
- }
21858
- .v-row + .v-row {
21859
- margin-top: 12px;
21860
- }
21861
- .v-row + .v-row--dense {
21862
- margin-top: 4px;
21863
- }
21864
- .v-row--dense {
21865
- margin: -4px;
21866
- }
21867
- .v-row--dense > .v-col,
21868
- .v-row--dense > [class*=v-col-] {
21869
- padding: 4px;
21870
- }
21871
- .v-row.v-row--no-gutters {
21872
- margin: 0;
21873
- }
21874
- .v-row.v-row--no-gutters > .v-col,
21875
- .v-row.v-row--no-gutters > [class*=v-col-] {
21876
- padding: 0;
21877
- }
21878
-
21879
- .v-spacer {
21880
- flex-grow: 1;
21881
- }
21882
-
21883
- .v-col-xxl,
21884
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
21885
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
21886
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
21887
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
21888
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
21889
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
21890
- width: 100%;
21891
- padding: 12px;
21892
- }
21893
-
21894
- .v-col {
21895
- flex-basis: 0;
21896
- flex-grow: 1;
21897
- max-width: 100%;
21898
- }
21899
-
21900
- .v-col-auto {
21901
- flex: 0 0 auto;
21902
- width: auto;
21903
- max-width: 100%;
21904
- }
21905
-
21906
- .v-col-1 {
21907
- flex: 0 0 8.3333333333%;
21908
- max-width: 8.3333333333%;
21909
- }
21910
-
21911
- .v-col-2 {
21912
- flex: 0 0 16.6666666667%;
21913
- max-width: 16.6666666667%;
21914
- }
21915
-
21916
- .v-col-3 {
21917
- flex: 0 0 25%;
21918
- max-width: 25%;
21919
- }
21920
-
21921
- .v-col-4 {
21922
- flex: 0 0 33.3333333333%;
21923
- max-width: 33.3333333333%;
21924
- }
21925
-
21926
- .v-col-5 {
21927
- flex: 0 0 41.6666666667%;
21928
- max-width: 41.6666666667%;
21929
- }
21930
-
21931
- .v-col-6 {
21932
- flex: 0 0 50%;
21933
- max-width: 50%;
21934
- }
21935
-
21936
- .v-col-7 {
21937
- flex: 0 0 58.3333333333%;
21938
- max-width: 58.3333333333%;
21939
- }
21940
-
21941
- .v-col-8 {
21942
- flex: 0 0 66.6666666667%;
21943
- max-width: 66.6666666667%;
21944
- }
21945
-
21946
- .v-col-9 {
21947
- flex: 0 0 75%;
21948
- max-width: 75%;
21949
- }
21950
-
21951
- .v-col-10 {
21952
- flex: 0 0 83.3333333333%;
21953
- max-width: 83.3333333333%;
21954
- }
21955
-
21956
- .v-col-11 {
21957
- flex: 0 0 91.6666666667%;
21958
- max-width: 91.6666666667%;
21959
- }
21960
-
21961
- .v-col-12 {
21962
- flex: 0 0 100%;
21963
- max-width: 100%;
21964
- }
21965
-
21966
- .offset-1 {
21967
- margin-inline-start: 8.3333333333%;
21968
- }
21969
-
21970
- .offset-2 {
21971
- margin-inline-start: 16.6666666667%;
21972
- }
21973
-
21974
- .offset-3 {
21975
- margin-inline-start: 25%;
21976
- }
21977
-
21978
- .offset-4 {
21979
- margin-inline-start: 33.3333333333%;
21980
- }
21981
-
21982
- .offset-5 {
21983
- margin-inline-start: 41.6666666667%;
21984
- }
21985
-
21986
- .offset-6 {
21987
- margin-inline-start: 50%;
21988
- }
21989
-
21990
- .offset-7 {
21991
- margin-inline-start: 58.3333333333%;
21992
- }
21993
-
21994
- .offset-8 {
21995
- margin-inline-start: 66.6666666667%;
21996
- }
21997
-
21998
- .offset-9 {
21999
- margin-inline-start: 75%;
22000
- }
22001
-
22002
- .offset-10 {
22003
- margin-inline-start: 83.3333333333%;
22004
- }
22005
-
22006
- .offset-11 {
22007
- margin-inline-start: 91.6666666667%;
22008
- }
22009
-
22010
- @media (min-width: 600px) {
22011
- .v-col-sm {
20955
+ .v-col-md {
22012
20956
  flex-basis: 0;
22013
20957
  flex-grow: 1;
22014
20958
  max-width: 100%;
22015
20959
  }
22016
- .v-col-sm-auto {
22017
- flex: 0 0 auto;
22018
- width: auto;
22019
- max-width: 100%;
22020
- }
22021
- .v-col-sm-1 {
22022
- flex: 0 0 8.3333333333%;
22023
- max-width: 8.3333333333%;
22024
- }
22025
- .v-col-sm-2 {
22026
- flex: 0 0 16.6666666667%;
22027
- max-width: 16.6666666667%;
22028
- }
22029
- .v-col-sm-3 {
22030
- flex: 0 0 25%;
22031
- max-width: 25%;
22032
- }
22033
- .v-col-sm-4 {
22034
- flex: 0 0 33.3333333333%;
22035
- max-width: 33.3333333333%;
22036
- }
22037
- .v-col-sm-5 {
22038
- flex: 0 0 41.6666666667%;
22039
- max-width: 41.6666666667%;
22040
- }
22041
- .v-col-sm-6 {
22042
- flex: 0 0 50%;
22043
- max-width: 50%;
22044
- }
22045
- .v-col-sm-7 {
22046
- flex: 0 0 58.3333333333%;
22047
- max-width: 58.3333333333%;
22048
- }
22049
- .v-col-sm-8 {
22050
- flex: 0 0 66.6666666667%;
22051
- max-width: 66.6666666667%;
22052
- }
22053
- .v-col-sm-9 {
22054
- flex: 0 0 75%;
22055
- max-width: 75%;
22056
- }
22057
- .v-col-sm-10 {
22058
- flex: 0 0 83.3333333333%;
22059
- max-width: 83.3333333333%;
22060
- }
22061
- .v-col-sm-11 {
22062
- flex: 0 0 91.6666666667%;
22063
- max-width: 91.6666666667%;
22064
- }
22065
- .v-col-sm-12 {
22066
- flex: 0 0 100%;
22067
- max-width: 100%;
22068
- }
22069
- .offset-sm-0 {
22070
- margin-inline-start: 0;
22071
- }
22072
- .offset-sm-1 {
22073
- margin-inline-start: 8.3333333333%;
22074
- }
22075
- .offset-sm-2 {
22076
- margin-inline-start: 16.6666666667%;
22077
- }
22078
- .offset-sm-3 {
22079
- margin-inline-start: 25%;
22080
- }
22081
- .offset-sm-4 {
22082
- margin-inline-start: 33.3333333333%;
22083
- }
22084
- .offset-sm-5 {
22085
- margin-inline-start: 41.6666666667%;
22086
- }
22087
- .offset-sm-6 {
22088
- margin-inline-start: 50%;
22089
- }
22090
- .offset-sm-7 {
22091
- margin-inline-start: 58.3333333333%;
22092
- }
22093
- .offset-sm-8 {
22094
- margin-inline-start: 66.6666666667%;
22095
- }
22096
- .offset-sm-9 {
22097
- margin-inline-start: 75%;
22098
- }
22099
- .offset-sm-10 {
22100
- margin-inline-start: 83.3333333333%;
22101
- }
22102
- .offset-sm-11 {
22103
- margin-inline-start: 91.6666666667%;
22104
- }
22105
- }
22106
- @media (min-width: 960px) {
22107
- .v-col-md {
22108
- flex-basis: 0;
22109
- flex-grow: 1;
22110
- max-width: 100%;
22111
- }
22112
- .v-col-md-auto {
20960
+ .v-col-md-auto {
22113
20961
  flex: 0 0 auto;
22114
20962
  width: auto;
22115
20963
  max-width: 100%;
@@ -22391,101 +21239,1253 @@ textarea.v-field__input::placeholder {
22391
21239
  margin-inline-start: 91.6666666667%;
22392
21240
  }
22393
21241
  }
22394
- @media (min-width: 2560px) {
22395
- .v-col-xxl {
22396
- flex-basis: 0;
22397
- flex-grow: 1;
22398
- max-width: 100%;
22399
- }
22400
- .v-col-xxl-auto {
22401
- flex: 0 0 auto;
22402
- width: auto;
22403
- max-width: 100%;
22404
- }
22405
- .v-col-xxl-1 {
22406
- flex: 0 0 8.3333333333%;
22407
- max-width: 8.3333333333%;
22408
- }
22409
- .v-col-xxl-2 {
22410
- flex: 0 0 16.6666666667%;
22411
- max-width: 16.6666666667%;
22412
- }
22413
- .v-col-xxl-3 {
22414
- flex: 0 0 25%;
22415
- max-width: 25%;
22416
- }
22417
- .v-col-xxl-4 {
22418
- flex: 0 0 33.3333333333%;
22419
- max-width: 33.3333333333%;
22420
- }
22421
- .v-col-xxl-5 {
22422
- flex: 0 0 41.6666666667%;
22423
- max-width: 41.6666666667%;
22424
- }
22425
- .v-col-xxl-6 {
22426
- flex: 0 0 50%;
22427
- max-width: 50%;
22428
- }
22429
- .v-col-xxl-7 {
22430
- flex: 0 0 58.3333333333%;
22431
- max-width: 58.3333333333%;
22432
- }
22433
- .v-col-xxl-8 {
22434
- flex: 0 0 66.6666666667%;
22435
- max-width: 66.6666666667%;
22436
- }
22437
- .v-col-xxl-9 {
22438
- flex: 0 0 75%;
22439
- max-width: 75%;
22440
- }
22441
- .v-col-xxl-10 {
22442
- flex: 0 0 83.3333333333%;
22443
- max-width: 83.3333333333%;
22444
- }
22445
- .v-col-xxl-11 {
22446
- flex: 0 0 91.6666666667%;
22447
- max-width: 91.6666666667%;
22448
- }
22449
- .v-col-xxl-12 {
22450
- flex: 0 0 100%;
22451
- max-width: 100%;
22452
- }
22453
- .offset-xxl-0 {
22454
- margin-inline-start: 0;
22455
- }
22456
- .offset-xxl-1 {
22457
- margin-inline-start: 8.3333333333%;
22458
- }
22459
- .offset-xxl-2 {
22460
- margin-inline-start: 16.6666666667%;
22461
- }
22462
- .offset-xxl-3 {
22463
- margin-inline-start: 25%;
22464
- }
22465
- .offset-xxl-4 {
22466
- margin-inline-start: 33.3333333333%;
22467
- }
22468
- .offset-xxl-5 {
22469
- margin-inline-start: 41.6666666667%;
22470
- }
22471
- .offset-xxl-6 {
22472
- margin-inline-start: 50%;
22473
- }
22474
- .offset-xxl-7 {
22475
- margin-inline-start: 58.3333333333%;
22476
- }
22477
- .offset-xxl-8 {
22478
- margin-inline-start: 66.6666666667%;
22479
- }
22480
- .offset-xxl-9 {
22481
- margin-inline-start: 75%;
21242
+ @media (min-width: 2560px) {
21243
+ .v-col-xxl {
21244
+ flex-basis: 0;
21245
+ flex-grow: 1;
21246
+ max-width: 100%;
21247
+ }
21248
+ .v-col-xxl-auto {
21249
+ flex: 0 0 auto;
21250
+ width: auto;
21251
+ max-width: 100%;
21252
+ }
21253
+ .v-col-xxl-1 {
21254
+ flex: 0 0 8.3333333333%;
21255
+ max-width: 8.3333333333%;
21256
+ }
21257
+ .v-col-xxl-2 {
21258
+ flex: 0 0 16.6666666667%;
21259
+ max-width: 16.6666666667%;
21260
+ }
21261
+ .v-col-xxl-3 {
21262
+ flex: 0 0 25%;
21263
+ max-width: 25%;
21264
+ }
21265
+ .v-col-xxl-4 {
21266
+ flex: 0 0 33.3333333333%;
21267
+ max-width: 33.3333333333%;
21268
+ }
21269
+ .v-col-xxl-5 {
21270
+ flex: 0 0 41.6666666667%;
21271
+ max-width: 41.6666666667%;
21272
+ }
21273
+ .v-col-xxl-6 {
21274
+ flex: 0 0 50%;
21275
+ max-width: 50%;
21276
+ }
21277
+ .v-col-xxl-7 {
21278
+ flex: 0 0 58.3333333333%;
21279
+ max-width: 58.3333333333%;
21280
+ }
21281
+ .v-col-xxl-8 {
21282
+ flex: 0 0 66.6666666667%;
21283
+ max-width: 66.6666666667%;
21284
+ }
21285
+ .v-col-xxl-9 {
21286
+ flex: 0 0 75%;
21287
+ max-width: 75%;
21288
+ }
21289
+ .v-col-xxl-10 {
21290
+ flex: 0 0 83.3333333333%;
21291
+ max-width: 83.3333333333%;
21292
+ }
21293
+ .v-col-xxl-11 {
21294
+ flex: 0 0 91.6666666667%;
21295
+ max-width: 91.6666666667%;
21296
+ }
21297
+ .v-col-xxl-12 {
21298
+ flex: 0 0 100%;
21299
+ max-width: 100%;
21300
+ }
21301
+ .offset-xxl-0 {
21302
+ margin-inline-start: 0;
21303
+ }
21304
+ .offset-xxl-1 {
21305
+ margin-inline-start: 8.3333333333%;
21306
+ }
21307
+ .offset-xxl-2 {
21308
+ margin-inline-start: 16.6666666667%;
21309
+ }
21310
+ .offset-xxl-3 {
21311
+ margin-inline-start: 25%;
21312
+ }
21313
+ .offset-xxl-4 {
21314
+ margin-inline-start: 33.3333333333%;
21315
+ }
21316
+ .offset-xxl-5 {
21317
+ margin-inline-start: 41.6666666667%;
21318
+ }
21319
+ .offset-xxl-6 {
21320
+ margin-inline-start: 50%;
21321
+ }
21322
+ .offset-xxl-7 {
21323
+ margin-inline-start: 58.3333333333%;
21324
+ }
21325
+ .offset-xxl-8 {
21326
+ margin-inline-start: 66.6666666667%;
21327
+ }
21328
+ .offset-xxl-9 {
21329
+ margin-inline-start: 75%;
21330
+ }
21331
+ .offset-xxl-10 {
21332
+ margin-inline-start: 83.3333333333%;
21333
+ }
21334
+ .offset-xxl-11 {
21335
+ margin-inline-start: 91.6666666667%;
21336
+ }
21337
+ }.v-dialog {
21338
+ align-items: center;
21339
+ justify-content: center;
21340
+ margin: auto;
21341
+ }
21342
+ .v-dialog > .v-overlay__content {
21343
+ max-height: calc(100% - 48px);
21344
+ width: calc(100% - 48px);
21345
+ max-width: calc(100% - 48px);
21346
+ margin: 24px;
21347
+ }
21348
+ .v-dialog > .v-overlay__content,
21349
+ .v-dialog > .v-overlay__content > form {
21350
+ display: flex;
21351
+ flex-direction: column;
21352
+ min-height: 0;
21353
+ }
21354
+ .v-dialog > .v-overlay__content > .v-card,
21355
+ .v-dialog > .v-overlay__content > .v-sheet,
21356
+ .v-dialog > .v-overlay__content > form > .v-card,
21357
+ .v-dialog > .v-overlay__content > form > .v-sheet {
21358
+ --v-scrollbar-offset: 0px;
21359
+ border-radius: 4px;
21360
+ overflow-y: auto;
21361
+ }
21362
+ .v-dialog > .v-overlay__content > .v-card,
21363
+ .v-dialog > .v-overlay__content > .v-sheet,
21364
+ .v-dialog > .v-overlay__content > form > .v-card,
21365
+ .v-dialog > .v-overlay__content > form > .v-sheet {
21366
+ 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));
21367
+ }
21368
+ .v-dialog > .v-overlay__content > .v-card,
21369
+ .v-dialog > .v-overlay__content > form > .v-card {
21370
+ display: flex;
21371
+ flex-direction: column;
21372
+ }
21373
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21374
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21375
+ padding: 16px 24px;
21376
+ }
21377
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21378
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21379
+ padding-top: 0;
21380
+ }
21381
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21382
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21383
+ font-size: inherit;
21384
+ letter-spacing: 0.03125em;
21385
+ line-height: inherit;
21386
+ padding: 16px 24px 24px;
21387
+ }
21388
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
21389
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
21390
+ justify-content: flex-end;
21391
+ }
21392
+
21393
+ .v-dialog--fullscreen {
21394
+ --v-scrollbar-offset: 0px;
21395
+ }
21396
+ .v-dialog--fullscreen > .v-overlay__content {
21397
+ border-radius: 0;
21398
+ margin: 0;
21399
+ padding: 0;
21400
+ width: 100%;
21401
+ max-width: 100%;
21402
+ max-height: 100%;
21403
+ overflow-y: auto;
21404
+ top: 0;
21405
+ left: 0;
21406
+ }
21407
+ .v-dialog--fullscreen > .v-overlay__content,
21408
+ .v-dialog--fullscreen > .v-overlay__content > form {
21409
+ height: 100%;
21410
+ }
21411
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
21412
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21413
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21414
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21415
+ min-height: 100%;
21416
+ min-width: 100%;
21417
+ border-radius: 0;
21418
+ }
21419
+
21420
+ .v-dialog--scrollable > .v-overlay__content,
21421
+ .v-dialog--scrollable > .v-overlay__content > form {
21422
+ display: flex;
21423
+ }
21424
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
21425
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21426
+ display: flex;
21427
+ flex: 1 1 100%;
21428
+ flex-direction: column;
21429
+ max-height: 100%;
21430
+ max-width: 100%;
21431
+ }
21432
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21433
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21434
+ -webkit-backface-visibility: hidden;
21435
+ backface-visibility: hidden;
21436
+ overflow-y: auto;
21437
+ }.v-divider {
21438
+ display: block;
21439
+ flex: 1 1 100%;
21440
+ height: 0px;
21441
+ max-height: 0px;
21442
+ opacity: var(--v-border-opacity);
21443
+ transition: inherit;
21444
+ }
21445
+ .v-divider {
21446
+ border-style: solid;
21447
+ border-width: thin 0 0 0;
21448
+ }
21449
+ .v-divider--vertical {
21450
+ align-self: stretch;
21451
+ border-width: 0 thin 0 0;
21452
+ display: inline-flex;
21453
+ height: auto;
21454
+ margin-left: -1px;
21455
+ max-height: 100%;
21456
+ max-width: 0px;
21457
+ vertical-align: text-bottom;
21458
+ width: 0px;
21459
+ }
21460
+ .v-divider--inset:not(.v-divider--vertical) {
21461
+ max-width: calc(100% - 72px);
21462
+ margin-inline-start: 72px;
21463
+ }
21464
+ .v-divider--inset.v-divider--vertical {
21465
+ margin-bottom: 8px;
21466
+ margin-top: 8px;
21467
+ max-height: calc(100% - 16px);
21468
+ }
21469
+
21470
+ .v-divider__content {
21471
+ padding: 0 16px;
21472
+ text-wrap: nowrap;
21473
+ }
21474
+ .v-divider__wrapper--vertical .v-divider__content {
21475
+ padding: 4px 0;
21476
+ }
21477
+
21478
+ .v-divider__wrapper {
21479
+ display: flex;
21480
+ align-items: center;
21481
+ justify-content: center;
21482
+ }
21483
+ .v-divider__wrapper--vertical {
21484
+ flex-direction: column;
21485
+ height: 100%;
21486
+ }
21487
+ .v-divider__wrapper--vertical .v-divider {
21488
+ margin: 0 auto;
21489
+ }.v-expansion-panel {
21490
+ background-color: rgb(var(--v-theme-surface));
21491
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21492
+ }
21493
+ .v-expansion-panel:not(:first-child)::after {
21494
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21495
+ }
21496
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21497
+ color: rgba(var(--v-theme-on-surface), 0.26);
21498
+ }
21499
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21500
+ opacity: 0.4615384615;
21501
+ }
21502
+
21503
+ .v-expansion-panels {
21504
+ display: flex;
21505
+ flex-wrap: wrap;
21506
+ justify-content: center;
21507
+ list-style-type: none;
21508
+ padding: 0;
21509
+ width: 100%;
21510
+ position: relative;
21511
+ z-index: 1;
21512
+ }
21513
+ .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) {
21514
+ border-bottom-left-radius: 0 !important;
21515
+ border-bottom-right-radius: 0 !important;
21516
+ }
21517
+ .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) {
21518
+ border-top-left-radius: 0 !important;
21519
+ border-top-right-radius: 0 !important;
21520
+ }
21521
+ .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) {
21522
+ border-bottom-left-radius: 0 !important;
21523
+ border-bottom-right-radius: 0 !important;
21524
+ }
21525
+ .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) {
21526
+ border-top-left-radius: 0 !important;
21527
+ border-top-right-radius: 0 !important;
21528
+ }
21529
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21530
+ border-bottom-left-radius: 0 !important;
21531
+ border-bottom-right-radius: 0 !important;
21532
+ }
21533
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21534
+ border-top-left-radius: 0 !important;
21535
+ border-top-right-radius: 0 !important;
21536
+ }
21537
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21538
+ border-bottom-left-radius: initial;
21539
+ border-bottom-right-radius: initial;
21540
+ }
21541
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21542
+ border-radius: 0 !important;
21543
+ }
21544
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21545
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21546
+ }
21547
+
21548
+ .v-expansion-panel {
21549
+ flex: 1 0 100%;
21550
+ max-width: 100%;
21551
+ position: relative;
21552
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21553
+ transition-property: margin-top, border-radius, border, max-width;
21554
+ border-radius: 4px;
21555
+ }
21556
+ .v-expansion-panel:not(:first-child)::after {
21557
+ border-top-style: solid;
21558
+ border-top-width: thin;
21559
+ content: "";
21560
+ left: 0;
21561
+ position: absolute;
21562
+ right: 0;
21563
+ top: 0;
21564
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21565
+ }
21566
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21567
+ pointer-events: none;
21568
+ }
21569
+ .v-expansion-panel--active:not(:first-child),
21570
+ .v-expansion-panel--active + .v-expansion-panel {
21571
+ margin-top: 16px;
21572
+ }
21573
+ .v-expansion-panel--active:not(:first-child)::after,
21574
+ .v-expansion-panel--active + .v-expansion-panel::after {
21575
+ opacity: 0;
21576
+ }
21577
+ .v-expansion-panel--active > .v-expansion-panel-title {
21578
+ border-bottom-left-radius: 0;
21579
+ border-bottom-right-radius: 0;
21580
+ }
21581
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21582
+ min-height: 64px;
21583
+ }
21584
+
21585
+ .v-expansion-panel__shadow {
21586
+ border-radius: inherit;
21587
+ z-index: -1;
21588
+ }
21589
+ .v-expansion-panel__shadow {
21590
+ position: absolute;
21591
+ top: 0;
21592
+ left: 0;
21593
+ width: 100%;
21594
+ height: 100%;
21595
+ }
21596
+ .v-expansion-panel__shadow {
21597
+ 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));
21598
+ }
21599
+
21600
+ .v-expansion-panel-title {
21601
+ align-items: center;
21602
+ text-align: start;
21603
+ border-radius: inherit;
21604
+ display: flex;
21605
+ font-size: 0.9375rem;
21606
+ line-height: 1;
21607
+ min-height: 48px;
21608
+ outline: none;
21609
+ padding: 16px 24px;
21610
+ position: relative;
21611
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21612
+ width: 100%;
21613
+ justify-content: space-between;
21614
+ }
21615
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21616
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21617
+ }
21618
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21619
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21620
+ }
21621
+ @supports not selector(:focus-visible) {
21622
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21623
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21624
+ }
21625
+ }
21626
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21627
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21628
+ }
21629
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21630
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21631
+ }
21632
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21633
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21634
+ }
21635
+ @supports not selector(:focus-visible) {
21636
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21637
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21638
+ }
21639
+ }
21640
+
21641
+ .v-expansion-panel-title__overlay {
21642
+ background-color: currentColor;
21643
+ border-radius: inherit;
21644
+ opacity: 0;
21645
+ }
21646
+ .v-expansion-panel-title__overlay {
21647
+ position: absolute;
21648
+ top: 0;
21649
+ left: 0;
21650
+ width: 100%;
21651
+ height: 100%;
21652
+ }
21653
+
21654
+ .v-expansion-panel-title__icon {
21655
+ display: inline-flex;
21656
+ margin-bottom: -4px;
21657
+ margin-top: -4px;
21658
+ -webkit-user-select: none;
21659
+ user-select: none;
21660
+ margin-inline-start: auto;
21661
+ }
21662
+
21663
+ .v-expansion-panel-text {
21664
+ display: flex;
21665
+ }
21666
+ .v-expansion-panel-text__wrapper {
21667
+ padding: 8px 24px 16px;
21668
+ flex: 1 1 auto;
21669
+ max-width: 100%;
21670
+ }
21671
+
21672
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21673
+ margin-top: 0;
21674
+ }
21675
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21676
+ opacity: 1;
21677
+ }
21678
+
21679
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21680
+ max-width: calc(100% - 32px);
21681
+ }
21682
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21683
+ max-width: calc(100% + 16px);
21684
+ }
21685
+
21686
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21687
+ max-width: 100%;
21688
+ }
21689
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21690
+ max-width: calc(100% - 32px);
21691
+ }
21692
+
21693
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21694
+ border-top: none;
21695
+ }
21696
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21697
+ display: none;
21698
+ }
21699
+
21700
+ .v-expansion-panels--tile {
21701
+ border-radius: 0;
21702
+ }
21703
+ .v-expansion-panels--tile > .v-expansion-panel {
21704
+ border-radius: 0;
21705
+ }.v-empty-state {
21706
+ align-items: center;
21707
+ display: flex;
21708
+ flex-direction: column;
21709
+ justify-content: center;
21710
+ min-height: 100%;
21711
+ padding: 16px;
21712
+ }
21713
+ .v-empty-state--start {
21714
+ align-items: flex-start;
21715
+ }
21716
+ .v-empty-state--center {
21717
+ align-items: center;
21718
+ }
21719
+ .v-empty-state--end {
21720
+ align-items: flex-end;
21721
+ }
21722
+
21723
+ .v-empty-state__media {
21724
+ text-align: center;
21725
+ width: 100%;
21726
+ }
21727
+ .v-empty-state__media .v-icon {
21728
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21729
+ }
21730
+
21731
+ .v-empty-state__headline {
21732
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21733
+ font-size: 3.75rem;
21734
+ font-weight: 300;
21735
+ line-height: 1;
21736
+ text-align: center;
21737
+ margin-bottom: 8px;
21738
+ }
21739
+ .v-empty-state--mobile .v-empty-state__headline {
21740
+ font-size: 2.125rem;
21741
+ }
21742
+
21743
+ .v-empty-state__title {
21744
+ font-size: 1.25rem;
21745
+ font-weight: 500;
21746
+ line-height: 1.6;
21747
+ margin-bottom: 4px;
21748
+ text-align: center;
21749
+ }
21750
+
21751
+ .v-empty-state__text {
21752
+ font-size: 0.875rem;
21753
+ font-weight: 400;
21754
+ line-height: 1.425;
21755
+ padding: 0 16px;
21756
+ text-align: center;
21757
+ }
21758
+
21759
+ .v-empty-state__content {
21760
+ padding: 24px 0;
21761
+ }
21762
+
21763
+ .v-empty-state__actions {
21764
+ display: flex;
21765
+ gap: 8px;
21766
+ padding: 16px;
21767
+ }
21768
+
21769
+ .v-empty-state__action-btn.v-btn {
21770
+ background-color: initial;
21771
+ color: initial;
21772
+ }.v-fab {
21773
+ align-items: center;
21774
+ display: inline-flex;
21775
+ flex: 1 1 auto;
21776
+ pointer-events: none;
21777
+ position: relative;
21778
+ transition-duration: 0.2s;
21779
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21780
+ vertical-align: middle;
21781
+ }
21782
+ .v-fab .v-btn {
21783
+ pointer-events: auto;
21784
+ }
21785
+ .v-fab .v-btn--variant-elevated {
21786
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21787
+ }
21788
+ .v-fab--app, .v-fab--absolute {
21789
+ display: flex;
21790
+ }
21791
+ .v-fab--start, .v-fab--left {
21792
+ justify-content: flex-start;
21793
+ }
21794
+ .v-fab--center {
21795
+ align-items: center;
21796
+ justify-content: center;
21797
+ }
21798
+ .v-fab--end, .v-fab--right {
21799
+ justify-content: flex-end;
21800
+ }
21801
+ .v-fab--bottom {
21802
+ align-items: flex-end;
21803
+ }
21804
+ .v-fab--top {
21805
+ align-items: flex-start;
21806
+ }
21807
+ .v-fab--extended .v-btn {
21808
+ border-radius: 9999px !important;
21809
+ }
21810
+
21811
+ .v-fab__container {
21812
+ align-self: center;
21813
+ display: inline-flex;
21814
+ position: absolute;
21815
+ vertical-align: middle;
21816
+ }
21817
+ .v-fab--app .v-fab__container {
21818
+ margin: 12px;
21819
+ }
21820
+ .v-fab--absolute .v-fab__container {
21821
+ position: absolute;
21822
+ z-index: 4;
21823
+ }
21824
+ .v-fab--offset.v-fab--top .v-fab__container {
21825
+ transform: translateY(-50%);
21826
+ }
21827
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21828
+ transform: translateY(50%);
21829
+ }
21830
+ .v-fab--top .v-fab__container {
21831
+ top: 0;
21832
+ }
21833
+ .v-fab--bottom .v-fab__container {
21834
+ bottom: 0;
21835
+ }
21836
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21837
+ left: 0;
21838
+ }
21839
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21840
+ right: 0;
21841
+ }/* region INPUT */
21842
+ .v-field {
21843
+ display: grid;
21844
+ grid-template-areas: "prepend-inner field clear append-inner";
21845
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21846
+ font-size: 16px;
21847
+ letter-spacing: 0.009375em;
21848
+ max-width: 100%;
21849
+ border-radius: 4px;
21850
+ contain: layout;
21851
+ flex: 1 0;
21852
+ grid-area: control;
21853
+ position: relative;
21854
+ --v-theme-overlay-multiplier: 1;
21855
+ --v-field-padding-start: 16px;
21856
+ --v-field-padding-end: 16px;
21857
+ --v-field-padding-top: 8px;
21858
+ --v-field-padding-bottom: 4px;
21859
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21860
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21861
+ }
21862
+ .v-field--disabled {
21863
+ opacity: var(--v-disabled-opacity);
21864
+ pointer-events: none;
21865
+ }
21866
+ .v-field .v-chip {
21867
+ --v-chip-height: 24px;
21868
+ }
21869
+
21870
+ /* endregion */
21871
+ /* region MODIFIERS */
21872
+ .v-field--prepended {
21873
+ padding-inline-start: 12px;
21874
+ }
21875
+ .v-field--appended {
21876
+ padding-inline-end: 12px;
21877
+ }
21878
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21879
+ background: rgb(var(--v-theme-surface));
21880
+ border-color: transparent;
21881
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21882
+ }
21883
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21884
+ 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));
21885
+ }
21886
+ .v-field--variant-solo-inverted {
21887
+ background: rgb(var(--v-theme-surface));
21888
+ border-color: transparent;
21889
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21890
+ }
21891
+ .v-field--variant-solo-inverted {
21892
+ 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));
21893
+ }
21894
+ .v-field--variant-solo-inverted.v-field--focused {
21895
+ color: rgb(var(--v-theme-on-surface-variant));
21896
+ }
21897
+ .v-field--variant-filled {
21898
+ border-bottom-left-radius: 0;
21899
+ border-bottom-right-radius: 0;
21900
+ }
21901
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21902
+ --v-input-control-height: 56px;
21903
+ --v-field-padding-bottom: 4px;
21904
+ }
21905
+
21906
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21907
+ --v-input-control-height: 48px;
21908
+ --v-field-padding-bottom: 0px;
21909
+ }
21910
+
21911
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21912
+ --v-input-control-height: 40px;
21913
+ --v-field-padding-bottom: 0px;
21914
+ }
21915
+
21916
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21917
+ --v-field-padding-top: 0px;
21918
+ }
21919
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21920
+ --v-field-padding-bottom: 16px;
21921
+ }
21922
+
21923
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21924
+ --v-field-padding-bottom: 12px;
21925
+ }
21926
+
21927
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21928
+ --v-field-padding-bottom: 8px;
21929
+ }
21930
+
21931
+ .v-field--variant-plain, .v-field--variant-underlined {
21932
+ border-radius: 0;
21933
+ padding: 0;
21934
+ }
21935
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21936
+ --v-field-padding-start: 0px;
21937
+ --v-field-padding-end: 0px;
21938
+ }
21939
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21940
+ --v-input-control-height: 48px;
21941
+ --v-field-padding-top: 4px;
21942
+ --v-field-padding-bottom: 4px;
21943
+ }
21944
+
21945
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21946
+ --v-input-control-height: 40px;
21947
+ --v-field-padding-top: 2px;
21948
+ --v-field-padding-bottom: 0px;
21949
+ }
21950
+
21951
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21952
+ --v-input-control-height: 32px;
21953
+ --v-field-padding-top: 0px;
21954
+ --v-field-padding-bottom: 0px;
21955
+ }
21956
+
21957
+ .v-field--flat {
21958
+ box-shadow: none;
21959
+ }
21960
+ .v-field--rounded {
21961
+ border-radius: 24px;
21962
+ }
21963
+ .v-field.v-field--prepended {
21964
+ --v-field-padding-start: 6px;
21965
+ }
21966
+ .v-field.v-field--appended {
21967
+ --v-field-padding-end: 6px;
21968
+ }
21969
+
21970
+ /* endregion */
21971
+ /* region ELEMENTS */
21972
+ .v-field__input {
21973
+ align-items: center;
21974
+ color: inherit;
21975
+ column-gap: 2px;
21976
+ display: flex;
21977
+ flex-wrap: wrap;
21978
+ letter-spacing: 0.009375em;
21979
+ opacity: var(--v-high-emphasis-opacity);
21980
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21981
+ min-width: 0;
21982
+ padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21983
+ padding-top: var(--v-field-input-padding-top);
21984
+ padding-bottom: var(--v-field-input-padding-bottom);
21985
+ position: relative;
21986
+ width: 100%;
21987
+ }
21988
+ .v-input--density-default .v-field__input {
21989
+ row-gap: 8px;
21990
+ }
21991
+
21992
+ .v-input--density-comfortable .v-field__input {
21993
+ row-gap: 6px;
21994
+ }
21995
+
21996
+ .v-input--density-compact .v-field__input {
21997
+ row-gap: 4px;
21998
+ }
21999
+
22000
+ .v-field__input input {
22001
+ letter-spacing: inherit;
22002
+ }
22003
+ .v-field__input input::placeholder,
22004
+ input.v-field__input::placeholder,
22005
+ textarea.v-field__input::placeholder {
22006
+ color: currentColor;
22007
+ opacity: var(--v-disabled-opacity);
22008
+ }
22009
+
22010
+ .v-field__input:focus, .v-field__input:active {
22011
+ outline: none;
22012
+ }
22013
+ .v-field__input:invalid {
22014
+ box-shadow: none;
22015
+ }
22016
+
22017
+ .v-field__field {
22018
+ flex: 1 0;
22019
+ grid-area: field;
22020
+ position: relative;
22021
+ align-items: flex-start;
22022
+ display: flex;
22023
+ }
22024
+
22025
+ /* endregion */
22026
+ /* region AFFIXES */
22027
+ .v-field__prepend-inner {
22028
+ grid-area: prepend-inner;
22029
+ padding-inline-end: var(--v-field-padding-after);
22030
+ }
22031
+
22032
+ .v-field__clearable {
22033
+ grid-area: clear;
22034
+ }
22035
+
22036
+ .v-field__append-inner {
22037
+ grid-area: append-inner;
22038
+ padding-inline-start: var(--v-field-padding-after);
22039
+ }
22040
+
22041
+ .v-field__append-inner,
22042
+ .v-field__clearable,
22043
+ .v-field__prepend-inner {
22044
+ display: flex;
22045
+ align-items: flex-start;
22046
+ padding-top: var(--v-input-padding-top, 8px);
22047
+ }
22048
+ .v-field--center-affix .v-field__append-inner,
22049
+ .v-field--center-affix .v-field__clearable,
22050
+ .v-field--center-affix .v-field__prepend-inner {
22051
+ align-items: center;
22052
+ padding-top: 0;
22053
+ }
22054
+
22055
+ .v-field.v-field--variant-underlined .v-field__append-inner,
22056
+ .v-field.v-field--variant-underlined .v-field__clearable,
22057
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
22058
+ .v-field.v-field--variant-plain .v-field__append-inner,
22059
+ .v-field.v-field--variant-plain .v-field__clearable,
22060
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
22061
+ align-items: flex-start;
22062
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
22063
+ padding-bottom: var(--v-field-padding-bottom, 4px);
22064
+ }
22065
+
22066
+ .v-field--focused .v-field__prepend-inner,
22067
+ .v-field--focused .v-field__append-inner {
22068
+ opacity: 1;
22069
+ }
22070
+
22071
+ .v-field__prepend-inner > .v-icon,
22072
+ .v-field__append-inner > .v-icon,
22073
+ .v-field__clearable > .v-icon {
22074
+ opacity: var(--v-medium-emphasis-opacity);
22075
+ }
22076
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
22077
+ .v-field--disabled .v-field__append-inner > .v-icon,
22078
+ .v-field--error .v-field__append-inner > .v-icon,
22079
+ .v-field--disabled .v-field__clearable > .v-icon,
22080
+ .v-field--error .v-field__clearable > .v-icon {
22081
+ opacity: 1;
22082
+ }
22083
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
22084
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
22085
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
22086
+ color: rgb(var(--v-theme-error));
22087
+ }
22088
+
22089
+ .v-field__clearable {
22090
+ cursor: pointer;
22091
+ opacity: 0;
22092
+ overflow: hidden;
22093
+ margin-inline: 4px;
22094
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22095
+ transition-property: opacity, transform, width;
22096
+ }
22097
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
22098
+ opacity: 1;
22099
+ }
22100
+ @media (hover: hover) {
22101
+ .v-field:hover .v-field__clearable {
22102
+ opacity: 1;
22103
+ }
22104
+ }
22105
+ @media (hover: none) {
22106
+ .v-field__clearable {
22107
+ opacity: 1;
22108
+ }
22109
+ }
22110
+
22111
+ /* endregion */
22112
+ /* region LABEL */
22113
+ .v-label.v-field-label {
22114
+ contain: layout paint;
22115
+ display: block;
22116
+ margin-inline-start: var(--v-field-padding-start);
22117
+ margin-inline-end: var(--v-field-padding-end);
22118
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
22119
+ pointer-events: none;
22120
+ position: absolute;
22121
+ top: var(--v-input-padding-top);
22122
+ transform-origin: left center;
22123
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22124
+ transition-property: opacity, transform;
22125
+ z-index: 1;
22126
+ }
22127
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
22128
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
22129
+ }
22130
+ .v-field--center-affix .v-label.v-field-label {
22131
+ top: 50%;
22132
+ transform: translateY(-50%);
22133
+ }
22134
+ .v-field--active .v-label.v-field-label {
22135
+ visibility: hidden;
22136
+ }
22137
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
22138
+ opacity: 1;
22139
+ }
22140
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
22141
+ color: rgb(var(--v-theme-error));
22142
+ }
22143
+ .v-label.v-field-label--floating {
22144
+ --v-field-label-scale: 0.75em;
22145
+ font-size: var(--v-field-label-scale);
22146
+ visibility: hidden;
22147
+ max-width: 100%;
22148
+ }
22149
+ .v-field--center-affix .v-label.v-field-label--floating {
22150
+ transform: none;
22151
+ }
22152
+ .v-field.v-field--active .v-label.v-field-label--floating {
22153
+ visibility: unset;
22154
+ }
22155
+ .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
22156
+ top: 7px;
22157
+ }
22158
+
22159
+ .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
22160
+ top: 5px;
22161
+ }
22162
+
22163
+ .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22164
+ top: 3px;
22165
+ }
22166
+
22167
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22168
+ transform: translateY(-16px);
22169
+ margin: 0;
22170
+ top: var(--v-input-padding-top);
22171
+ }
22172
+ .v-field--variant-outlined .v-label.v-field-label--floating {
22173
+ transform: translateY(-50%);
22174
+ transform-origin: center;
22175
+ position: static;
22176
+ margin: 0 4px;
22177
+ }
22178
+
22179
+ /* endregion */
22180
+ /* region OUTLINE */
22181
+ .v-field__outline {
22182
+ --v-field-border-width: 1px;
22183
+ --v-field-border-opacity: 0.38;
22184
+ align-items: stretch;
22185
+ contain: layout;
22186
+ display: flex;
22187
+ height: 100%;
22188
+ left: 0;
22189
+ pointer-events: none;
22190
+ position: absolute;
22191
+ right: 0;
22192
+ width: 100%;
22193
+ }
22194
+ @media (hover: hover) {
22195
+ .v-field:hover .v-field__outline {
22196
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
22197
+ }
22198
+ }
22199
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
22200
+ color: rgb(var(--v-theme-error));
22201
+ }
22202
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22203
+ --v-field-border-opacity: 1;
22204
+ }
22205
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
22206
+ --v-field-border-width: 2px;
22207
+ }
22208
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22209
+ border-color: currentColor;
22210
+ border-style: solid;
22211
+ border-width: 0 0 var(--v-field-border-width);
22212
+ opacity: var(--v-field-border-opacity);
22213
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22214
+ }
22215
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22216
+ content: "";
22217
+ position: absolute;
22218
+ top: 0;
22219
+ left: 0;
22220
+ width: 100%;
22221
+ height: 100%;
22222
+ }
22223
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22224
+ border-color: currentColor;
22225
+ border-style: solid;
22226
+ border-width: 0 0 2px;
22227
+ transform: scaleX(0);
22228
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22229
+ }
22230
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22231
+ content: "";
22232
+ position: absolute;
22233
+ top: 0;
22234
+ left: 0;
22235
+ width: 100%;
22236
+ height: 100%;
22237
+ }
22238
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22239
+ transform: scaleX(1);
22240
+ }
22241
+
22242
+ .v-field--variant-outlined .v-field__outline {
22243
+ border-radius: inherit;
22244
+ }
22245
+ .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
22246
+ border: 0 solid currentColor;
22247
+ opacity: var(--v-field-border-opacity);
22248
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22249
+ }
22250
+ .v-field--variant-outlined .v-field__outline__start {
22251
+ flex: 0 0 12px;
22252
+ border-top-width: var(--v-field-border-width);
22253
+ border-bottom-width: var(--v-field-border-width);
22254
+ border-inline-start-width: var(--v-field-border-width);
22255
+ border-start-start-radius: inherit;
22256
+ border-start-end-radius: 0;
22257
+ border-end-end-radius: 0;
22258
+ border-end-start-radius: inherit;
22259
+ }
22260
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
22261
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
22262
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
22263
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
22264
+ }
22265
+
22266
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
22267
+ border-start-start-radius: 0;
22268
+ border-start-end-radius: inherit;
22269
+ border-end-end-radius: inherit;
22270
+ border-end-start-radius: 0;
22271
+ border-inline-end-width: var(--v-field-border-width);
22272
+ border-inline-start-width: 0;
22273
+ }
22274
+
22275
+ .v-field--variant-outlined .v-field__outline__notch {
22276
+ flex: none;
22277
+ position: relative;
22278
+ max-width: calc(100% - 12px);
22279
+ }
22280
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22281
+ opacity: var(--v-field-border-opacity);
22282
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22283
+ }
22284
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22285
+ content: "";
22286
+ position: absolute;
22287
+ top: 0;
22288
+ left: 0;
22289
+ width: 100%;
22290
+ height: 100%;
22291
+ }
22292
+ .v-field--variant-outlined .v-field__outline__notch::before {
22293
+ border-width: var(--v-field-border-width) 0 0;
22294
+ }
22295
+ .v-field--variant-outlined .v-field__outline__notch::after {
22296
+ bottom: 0;
22297
+ border-width: 0 0 var(--v-field-border-width);
22298
+ }
22299
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22300
+ opacity: 0;
22301
+ }
22302
+
22303
+ .v-field--variant-outlined .v-field__outline__end {
22304
+ flex: 1;
22305
+ border-top-width: var(--v-field-border-width);
22306
+ border-bottom-width: var(--v-field-border-width);
22307
+ border-inline-end-width: var(--v-field-border-width);
22308
+ border-start-start-radius: 0;
22309
+ border-start-end-radius: inherit;
22310
+ border-end-end-radius: inherit;
22311
+ border-end-start-radius: 0;
22312
+ }
22313
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22314
+ border-start-start-radius: inherit;
22315
+ border-start-end-radius: 0;
22316
+ border-end-end-radius: 0;
22317
+ border-end-start-radius: inherit;
22318
+ border-inline-end-width: 0;
22319
+ border-inline-start-width: var(--v-field-border-width);
22320
+ }
22321
+
22322
+ /* endregion */
22323
+ /* region LOADER */
22324
+ .v-field__loader {
22325
+ top: calc(100% - 2px);
22326
+ left: 0;
22327
+ position: absolute;
22328
+ right: 0;
22329
+ width: 100%;
22330
+ border-top-left-radius: 0;
22331
+ border-top-right-radius: 0;
22332
+ border-bottom-left-radius: inherit;
22333
+ border-bottom-right-radius: inherit;
22334
+ overflow: hidden;
22335
+ }
22336
+ .v-field--variant-outlined .v-field__loader {
22337
+ top: calc(100% - 3px);
22338
+ width: calc(100% - 1px * 2);
22339
+ left: 1px;
22340
+ }
22341
+
22342
+ /* endregion */
22343
+ /* region OVERLAY */
22344
+ .v-field__overlay {
22345
+ border-radius: inherit;
22346
+ pointer-events: none;
22347
+ }
22348
+ .v-field__overlay {
22349
+ position: absolute;
22350
+ top: 0;
22351
+ left: 0;
22352
+ width: 100%;
22353
+ height: 100%;
22354
+ }
22355
+
22356
+ .v-field--variant-filled .v-field__overlay {
22357
+ background-color: currentColor;
22358
+ opacity: 0.04;
22359
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22360
+ }
22361
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
22362
+ opacity: 0;
22363
+ }
22364
+ @media (hover: hover) {
22365
+ .v-field--variant-filled:hover .v-field__overlay {
22366
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22482
22367
  }
22483
- .offset-xxl-10 {
22484
- margin-inline-start: 83.3333333333%;
22368
+ }
22369
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
22370
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22371
+ }
22372
+
22373
+ .v-field--variant-solo-filled .v-field__overlay {
22374
+ background-color: currentColor;
22375
+ opacity: 0.04;
22376
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22377
+ }
22378
+ @media (hover: hover) {
22379
+ .v-field--variant-solo-filled:hover .v-field__overlay {
22380
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22485
22381
  }
22486
- .offset-xxl-11 {
22487
- margin-inline-start: 91.6666666667%;
22382
+ }
22383
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22384
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22385
+ }
22386
+
22387
+ .v-field--variant-solo-inverted .v-field__overlay {
22388
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22389
+ }
22390
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22391
+ opacity: 0;
22392
+ }
22393
+ @media (hover: hover) {
22394
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
22395
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22488
22396
  }
22397
+ }
22398
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22399
+ background-color: rgb(var(--v-theme-surface-variant));
22400
+ opacity: 1;
22401
+ }
22402
+
22403
+ /* endregion */
22404
+ /* region MODIFIERS */
22405
+ .v-field--reverse .v-field__field,
22406
+ .v-field--reverse .v-field__input,
22407
+ .v-field--reverse .v-field__outline {
22408
+ flex-direction: row-reverse;
22409
+ }
22410
+ .v-field--reverse .v-field__input, .v-field--reverse input {
22411
+ text-align: end;
22412
+ }
22413
+
22414
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22415
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22416
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
22417
+ }
22418
+
22419
+ .v-field--loading .v-field__outline::after,
22420
+ .v-field--loading .v-field__outline::before {
22421
+ opacity: 0;
22422
+ }
22423
+
22424
+ /* endregion */.v-file-input--hide.v-input .v-field,
22425
+ .v-file-input--hide.v-input .v-input__control,
22426
+ .v-file-input--hide.v-input .v-input__details {
22427
+ display: none;
22428
+ }
22429
+ .v-file-input--hide.v-input .v-input__prepend {
22430
+ grid-area: control;
22431
+ margin: 0 auto;
22432
+ }
22433
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22434
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22435
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22436
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22437
+ top: 0px;
22438
+ }
22439
+ .v-file-input input[type=file] {
22440
+ height: 100%;
22441
+ left: 0;
22442
+ opacity: 0;
22443
+ position: absolute;
22444
+ top: 0;
22445
+ width: 100%;
22446
+ z-index: 1;
22447
+ }
22448
+ .v-file-input .v-input__details {
22449
+ padding-inline: 16px;
22450
+ }
22451
+ .v-input--plain-underlined.v-file-input .v-input__details {
22452
+ padding-inline: 0;
22453
+ }.v-footer {
22454
+ align-items: center;
22455
+ display: flex;
22456
+ flex: 1 1 auto;
22457
+ padding: 8px 16px;
22458
+ position: relative;
22459
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22460
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22461
+ }
22462
+ .v-footer {
22463
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22464
+ border-style: solid;
22465
+ border-width: 0;
22466
+ }
22467
+ .v-footer--border {
22468
+ border-width: thin;
22469
+ box-shadow: none;
22470
+ }
22471
+ .v-footer {
22472
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22473
+ }
22474
+ .v-footer--absolute {
22475
+ position: absolute;
22476
+ }
22477
+ .v-footer--fixed {
22478
+ position: fixed;
22479
+ }
22480
+ .v-footer {
22481
+ border-radius: 0;
22482
+ }
22483
+ .v-footer {
22484
+ background: rgb(var(--v-theme-surface));
22485
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22486
+ }
22487
+ .v-footer--rounded {
22488
+ border-radius: 4px;
22489
22489
  }.v-icon {
22490
22490
  --v-icon-size-multiplier: 1;
22491
22491
  align-items: center;
@@ -23379,27 +23379,24 @@ textarea.v-field__input::placeholder {
23379
23379
  }
23380
23380
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23381
23381
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23382
- }.v-locale-provider {
23383
- display: contents;
23384
- }.v-menu > .v-overlay__content {
23385
- display: flex;
23386
- flex-direction: column;
23387
- }
23388
- .v-menu > .v-overlay__content {
23389
- border-radius: 4px;
23390
- }
23391
- .v-menu > .v-overlay__content > .v-card,
23392
- .v-menu > .v-overlay__content > .v-sheet,
23393
- .v-menu > .v-overlay__content > .v-list {
23394
- background: rgb(var(--v-theme-surface));
23395
- border-radius: inherit;
23396
- overflow: auto;
23397
- height: 100%;
23382
+ }.v-locale-provider {
23383
+ display: contents;
23384
+ }.v-messages {
23385
+ flex: 1 1 auto;
23386
+ font-size: 12px;
23387
+ min-height: 14px;
23388
+ min-width: 1px;
23389
+ opacity: var(--v-medium-emphasis-opacity);
23390
+ position: relative;
23398
23391
  }
23399
- .v-menu > .v-overlay__content > .v-card,
23400
- .v-menu > .v-overlay__content > .v-sheet,
23401
- .v-menu > .v-overlay__content > .v-list {
23402
- 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));
23392
+ .v-messages__message {
23393
+ line-height: 12px;
23394
+ word-break: break-word;
23395
+ overflow-wrap: break-word;
23396
+ word-wrap: break-word;
23397
+ -webkit-hyphens: auto;
23398
+ hyphens: auto;
23399
+ transition-duration: 150ms;
23403
23400
  }.v-main {
23404
23401
  flex: 1 0 auto;
23405
23402
  max-width: 100%;
@@ -23430,22 +23427,25 @@ textarea.v-field__input::placeholder {
23430
23427
  --v-layout-right: 0px;
23431
23428
  --v-layout-top: 0px;
23432
23429
  --v-layout-bottom: 0px;
23433
- }.v-messages {
23434
- flex: 1 1 auto;
23435
- font-size: 12px;
23436
- min-height: 14px;
23437
- min-width: 1px;
23438
- opacity: var(--v-medium-emphasis-opacity);
23439
- position: relative;
23430
+ }.v-menu > .v-overlay__content {
23431
+ display: flex;
23432
+ flex-direction: column;
23440
23433
  }
23441
- .v-messages__message {
23442
- line-height: 12px;
23443
- word-break: break-word;
23444
- overflow-wrap: break-word;
23445
- word-wrap: break-word;
23446
- -webkit-hyphens: auto;
23447
- hyphens: auto;
23448
- transition-duration: 150ms;
23434
+ .v-menu > .v-overlay__content {
23435
+ border-radius: 4px;
23436
+ }
23437
+ .v-menu > .v-overlay__content > .v-card,
23438
+ .v-menu > .v-overlay__content > .v-sheet,
23439
+ .v-menu > .v-overlay__content > .v-list {
23440
+ background: rgb(var(--v-theme-surface));
23441
+ border-radius: inherit;
23442
+ overflow: auto;
23443
+ height: 100%;
23444
+ }
23445
+ .v-menu > .v-overlay__content > .v-card,
23446
+ .v-menu > .v-overlay__content > .v-sheet,
23447
+ .v-menu > .v-overlay__content > .v-list {
23448
+ 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));
23449
23449
  }.v-navigation-drawer {
23450
23450
  -webkit-overflow-scrolling: touch;
23451
23451
  background: rgb(var(--v-theme-surface));
@@ -23683,12 +23683,6 @@ html.v-overlay-scroll-blocked {
23683
23683
  }
23684
23684
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23685
23685
  margin: 0.3rem;
23686
- }.v-parallax {
23687
- position: relative;
23688
- overflow: hidden;
23689
- }
23690
- .v-parallax--active > .v-img__img {
23691
- will-change: transform;
23692
23686
  }.v-progress-circular {
23693
23687
  align-items: center;
23694
23688
  display: inline-flex;
@@ -24019,6 +24013,12 @@ html.v-overlay-scroll-blocked {
24019
24013
  0% {
24020
24014
  background-position-x: var(--v-progress-linear-height);
24021
24015
  }
24016
+ }.v-parallax {
24017
+ position: relative;
24018
+ overflow: hidden;
24019
+ }
24020
+ .v-parallax--active > .v-img__img {
24021
+ will-change: transform;
24022
24022
  }.v-radio-group > .v-input__control {
24023
24023
  flex-direction: column;
24024
24024
  }
@@ -24330,42 +24330,6 @@ html.v-overlay-scroll-blocked {
24330
24330
  .v-selection-control-group--inline {
24331
24331
  flex-direction: row;
24332
24332
  flex-wrap: wrap;
24333
- }.v-sheet {
24334
- display: block;
24335
- }
24336
- .v-sheet {
24337
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24338
- border-style: solid;
24339
- border-width: 0;
24340
- }
24341
- .v-sheet--border {
24342
- border-width: thin;
24343
- box-shadow: none;
24344
- }
24345
- .v-sheet {
24346
- 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));
24347
- }
24348
- .v-sheet--absolute {
24349
- position: absolute;
24350
- }
24351
- .v-sheet--fixed {
24352
- position: fixed;
24353
- }
24354
- .v-sheet--relative {
24355
- position: relative;
24356
- }
24357
- .v-sheet--sticky {
24358
- position: sticky;
24359
- }
24360
- .v-sheet {
24361
- border-radius: 0;
24362
- }
24363
- .v-sheet {
24364
- background: rgb(var(--v-theme-surface));
24365
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24366
- }
24367
- .v-sheet--rounded {
24368
- border-radius: 4px;
24369
24333
  }.v-skeleton-loader {
24370
24334
  align-items: center;
24371
24335
  background: rgb(var(--v-theme-surface));
@@ -24591,6 +24555,42 @@ html.v-overlay-scroll-blocked {
24591
24555
  100% {
24592
24556
  transform: translateX(100%);
24593
24557
  }
24558
+ }.v-sheet {
24559
+ display: block;
24560
+ }
24561
+ .v-sheet {
24562
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24563
+ border-style: solid;
24564
+ border-width: 0;
24565
+ }
24566
+ .v-sheet--border {
24567
+ border-width: thin;
24568
+ box-shadow: none;
24569
+ }
24570
+ .v-sheet {
24571
+ 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));
24572
+ }
24573
+ .v-sheet--absolute {
24574
+ position: absolute;
24575
+ }
24576
+ .v-sheet--fixed {
24577
+ position: fixed;
24578
+ }
24579
+ .v-sheet--relative {
24580
+ position: relative;
24581
+ }
24582
+ .v-sheet--sticky {
24583
+ position: sticky;
24584
+ }
24585
+ .v-sheet {
24586
+ border-radius: 0;
24587
+ }
24588
+ .v-sheet {
24589
+ background: rgb(var(--v-theme-surface));
24590
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24591
+ }
24592
+ .v-sheet--rounded {
24593
+ border-radius: 4px;
24594
24594
  }.v-slide-group {
24595
24595
  display: flex;
24596
24596
  overflow: hidden;
@@ -24786,47 +24786,6 @@ html.v-overlay-scroll-blocked {
24786
24786
  }
24787
24787
  .v-snackbar-transition-leave-to {
24788
24788
  opacity: 0;
24789
- }.v-speed-dial__content {
24790
- gap: 8px;
24791
- }
24792
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24793
- flex-direction: row;
24794
- }
24795
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24796
- flex-direction: row-reverse;
24797
- }
24798
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24799
- flex-direction: column-reverse;
24800
- }
24801
- .v-speed-dial__content > *:nth-child(1) {
24802
- transition-delay: 0s;
24803
- }
24804
- .v-speed-dial__content > *:nth-child(2) {
24805
- transition-delay: 0.05s;
24806
- }
24807
- .v-speed-dial__content > *:nth-child(3) {
24808
- transition-delay: 0.1s;
24809
- }
24810
- .v-speed-dial__content > *:nth-child(4) {
24811
- transition-delay: 0.15s;
24812
- }
24813
- .v-speed-dial__content > *:nth-child(5) {
24814
- transition-delay: 0.2s;
24815
- }
24816
- .v-speed-dial__content > *:nth-child(6) {
24817
- transition-delay: 0.25s;
24818
- }
24819
- .v-speed-dial__content > *:nth-child(7) {
24820
- transition-delay: 0.3s;
24821
- }
24822
- .v-speed-dial__content > *:nth-child(8) {
24823
- transition-delay: 0.35s;
24824
- }
24825
- .v-speed-dial__content > *:nth-child(9) {
24826
- transition-delay: 0.4s;
24827
- }
24828
- .v-speed-dial__content > *:nth-child(10) {
24829
- transition-delay: 0.45s;
24830
24789
  }.v-stepper.v-sheet {
24831
24790
  overflow: hidden;
24832
24791
  }
@@ -25002,6 +24961,47 @@ html.v-overlay-scroll-blocked {
25002
24961
  left: 0;
25003
24962
  width: 100%;
25004
24963
  height: 100%;
24964
+ }.v-speed-dial__content {
24965
+ gap: 8px;
24966
+ }
24967
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24968
+ flex-direction: row;
24969
+ }
24970
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24971
+ flex-direction: row-reverse;
24972
+ }
24973
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24974
+ flex-direction: column-reverse;
24975
+ }
24976
+ .v-speed-dial__content > *:nth-child(1) {
24977
+ transition-delay: 0s;
24978
+ }
24979
+ .v-speed-dial__content > *:nth-child(2) {
24980
+ transition-delay: 0.05s;
24981
+ }
24982
+ .v-speed-dial__content > *:nth-child(3) {
24983
+ transition-delay: 0.1s;
24984
+ }
24985
+ .v-speed-dial__content > *:nth-child(4) {
24986
+ transition-delay: 0.15s;
24987
+ }
24988
+ .v-speed-dial__content > *:nth-child(5) {
24989
+ transition-delay: 0.2s;
24990
+ }
24991
+ .v-speed-dial__content > *:nth-child(6) {
24992
+ transition-delay: 0.25s;
24993
+ }
24994
+ .v-speed-dial__content > *:nth-child(7) {
24995
+ transition-delay: 0.3s;
24996
+ }
24997
+ .v-speed-dial__content > *:nth-child(8) {
24998
+ transition-delay: 0.35s;
24999
+ }
25000
+ .v-speed-dial__content > *:nth-child(9) {
25001
+ transition-delay: 0.4s;
25002
+ }
25003
+ .v-speed-dial__content > *:nth-child(10) {
25004
+ transition-delay: 0.45s;
25005
25005
  }.v-switch .v-label {
25006
25006
  padding-inline-start: 10px;
25007
25007
  }
@@ -25369,6 +25369,45 @@ html.v-overlay-scroll-blocked {
25369
25369
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25370
25370
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25371
25371
  border-top: 0px !important;
25372
+ }.v-textarea .v-field {
25373
+ --v-textarea-control-height: var(--v-input-control-height);
25374
+ }
25375
+ .v-textarea .v-field__field {
25376
+ --v-input-control-height: var(--v-textarea-control-height);
25377
+ }
25378
+ .v-textarea .v-field__input {
25379
+ flex: 1 1 auto;
25380
+ outline: none;
25381
+ -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));
25382
+ 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));
25383
+ }
25384
+ .v-textarea .v-field__input.v-textarea__sizer {
25385
+ visibility: hidden;
25386
+ position: absolute;
25387
+ top: 0;
25388
+ left: 0;
25389
+ height: 0 !important;
25390
+ min-height: 0 !important;
25391
+ pointer-events: none;
25392
+ }
25393
+ .v-textarea--no-resize .v-field__input {
25394
+ resize: none;
25395
+ }
25396
+ .v-textarea .v-field--no-label textarea,
25397
+ .v-textarea .v-field--active textarea {
25398
+ opacity: 1;
25399
+ }
25400
+ .v-textarea textarea {
25401
+ opacity: 0;
25402
+ flex: 1;
25403
+ min-width: 0;
25404
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25405
+ }
25406
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25407
+ outline: none;
25408
+ }
25409
+ .v-textarea textarea:invalid {
25410
+ box-shadow: none;
25372
25411
  }/* region BLOCK */
25373
25412
  .v-text-field input {
25374
25413
  color: inherit;
@@ -25436,46 +25475,7 @@ html.v-overlay-scroll-blocked {
25436
25475
  padding-inline-end: var(--v-field-padding-end);
25437
25476
  }
25438
25477
 
25439
- /* endregion */.v-textarea .v-field {
25440
- --v-textarea-control-height: var(--v-input-control-height);
25441
- }
25442
- .v-textarea .v-field__field {
25443
- --v-input-control-height: var(--v-textarea-control-height);
25444
- }
25445
- .v-textarea .v-field__input {
25446
- flex: 1 1 auto;
25447
- outline: none;
25448
- -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));
25449
- 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));
25450
- }
25451
- .v-textarea .v-field__input.v-textarea__sizer {
25452
- visibility: hidden;
25453
- position: absolute;
25454
- top: 0;
25455
- left: 0;
25456
- height: 0 !important;
25457
- min-height: 0 !important;
25458
- pointer-events: none;
25459
- }
25460
- .v-textarea--no-resize .v-field__input {
25461
- resize: none;
25462
- }
25463
- .v-textarea .v-field--no-label textarea,
25464
- .v-textarea .v-field--active textarea {
25465
- opacity: 1;
25466
- }
25467
- .v-textarea textarea {
25468
- opacity: 0;
25469
- flex: 1;
25470
- min-width: 0;
25471
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25472
- }
25473
- .v-textarea textarea:focus, .v-textarea textarea:active {
25474
- outline: none;
25475
- }
25476
- .v-textarea textarea:invalid {
25477
- box-shadow: none;
25478
- }.v-theme-provider {
25478
+ /* endregion */.v-theme-provider {
25479
25479
  background: rgb(var(--v-theme-background));
25480
25480
  color: rgb(var(--v-theme-on-background));
25481
25481
  }.v-timeline .v-timeline-divider__dot {
@@ -25896,6 +25896,28 @@ html.v-overlay-scroll-blocked {
25896
25896
 
25897
25897
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25898
25898
  padding-inline-end: 0;
25899
+ }.v-tooltip > .v-overlay__content {
25900
+ background: rgb(var(--v-theme-surface-variant));
25901
+ color: rgb(var(--v-theme-on-surface-variant));
25902
+ border-radius: 4px;
25903
+ font-size: 0.875rem;
25904
+ line-height: 1.6;
25905
+ display: inline-block;
25906
+ padding: 5px 16px;
25907
+ text-transform: initial;
25908
+ width: auto;
25909
+ opacity: 1;
25910
+ pointer-events: none;
25911
+ transition-property: opacity, transform;
25912
+ overflow-wrap: break-word;
25913
+ }
25914
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25915
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25916
+ transition-duration: 150ms;
25917
+ }
25918
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25919
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25920
+ transition-duration: 75ms;
25899
25921
  }.v-toolbar {
25900
25922
  align-items: flex-start;
25901
25923
  display: flex;
@@ -26039,6 +26061,85 @@ html.v-overlay-scroll-blocked {
26039
26061
  }
26040
26062
  .v-toolbar-items > .v-btn {
26041
26063
  border-radius: 0;
26064
+ }.v-virtual-scroll {
26065
+ display: block;
26066
+ flex: 1 1 auto;
26067
+ max-width: 100%;
26068
+ overflow: auto;
26069
+ position: relative;
26070
+ }
26071
+ .v-virtual-scroll__container {
26072
+ display: block;
26073
+ }.v-window {
26074
+ overflow: hidden;
26075
+ }
26076
+ .v-window__container {
26077
+ display: flex;
26078
+ flex-direction: column;
26079
+ height: inherit;
26080
+ position: relative;
26081
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26082
+ }
26083
+ .v-window__controls {
26084
+ position: absolute;
26085
+ left: 0;
26086
+ top: 0;
26087
+ width: 100%;
26088
+ height: 100%;
26089
+ display: flex;
26090
+ align-items: center;
26091
+ justify-content: space-between;
26092
+ padding: 0 16px;
26093
+ pointer-events: none;
26094
+ }
26095
+ .v-window__controls > * {
26096
+ pointer-events: auto;
26097
+ }
26098
+ .v-window--show-arrows-on-hover {
26099
+ overflow: hidden;
26100
+ }
26101
+ .v-window--show-arrows-on-hover .v-window__left {
26102
+ transform: translateX(-200%);
26103
+ }
26104
+ .v-window--show-arrows-on-hover .v-window__right {
26105
+ transform: translateX(200%);
26106
+ }
26107
+ .v-window--show-arrows-on-hover:hover .v-window__left,
26108
+ .v-window--show-arrows-on-hover:hover .v-window__right {
26109
+ transform: translateX(0);
26110
+ }
26111
+
26112
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
26113
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26114
+ }
26115
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
26116
+ position: absolute !important;
26117
+ top: 0;
26118
+ width: 100%;
26119
+ }
26120
+ .v-window-x-transition-enter-from {
26121
+ transform: translateX(100%);
26122
+ }
26123
+ .v-window-x-transition-leave-to {
26124
+ transform: translateX(-100%);
26125
+ }
26126
+ .v-window-x-reverse-transition-enter-from {
26127
+ transform: translateX(-100%);
26128
+ }
26129
+ .v-window-x-reverse-transition-leave-to {
26130
+ transform: translateX(100%);
26131
+ }
26132
+ .v-window-y-transition-enter-from {
26133
+ transform: translateY(100%);
26134
+ }
26135
+ .v-window-y-transition-leave-to {
26136
+ transform: translateY(-100%);
26137
+ }
26138
+ .v-window-y-reverse-transition-enter-from {
26139
+ transform: translateY(-100%);
26140
+ }
26141
+ .v-window-y-reverse-transition-leave-to {
26142
+ transform: translateY(100%);
26042
26143
  }.v-tab.v-tab.v-btn {
26043
26144
  height: var(--v-tabs-height);
26044
26145
  border-radius: 0;
@@ -26102,139 +26203,38 @@ html.v-overlay-scroll-blocked {
26102
26203
  .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
26103
26204
  margin-inline-start: 42px;
26104
26205
  }
26105
-
26106
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
26107
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
26108
- margin-inline-end: auto;
26109
- }
26110
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
26111
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
26112
- margin-inline-start: auto;
26113
- }
26114
-
26115
- .v-tabs--grow {
26116
- flex-grow: 1;
26117
- }
26118
- .v-tabs--grow .v-tab {
26119
- flex: 1 0 auto;
26120
- max-width: none;
26121
- }
26122
-
26123
- .v-tabs--align-tabs-end .v-tab:first-child {
26124
- margin-inline-start: auto;
26125
- }
26126
- .v-tabs--align-tabs-end .v-tab:last-child {
26127
- margin-inline-end: 0;
26128
- }
26129
-
26130
- @media (max-width: 1279.98px) {
26131
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
26132
- margin-inline-start: 52px;
26133
- }
26134
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
26135
- margin-inline-end: 52px;
26136
- }
26137
- }.v-tooltip > .v-overlay__content {
26138
- background: rgb(var(--v-theme-surface-variant));
26139
- color: rgb(var(--v-theme-on-surface-variant));
26140
- border-radius: 4px;
26141
- font-size: 0.875rem;
26142
- line-height: 1.6;
26143
- display: inline-block;
26144
- padding: 5px 16px;
26145
- text-transform: initial;
26146
- width: auto;
26147
- opacity: 1;
26148
- pointer-events: none;
26149
- transition-property: opacity, transform;
26150
- overflow-wrap: break-word;
26151
- }
26152
- .v-tooltip > .v-overlay__content[class*=enter-active] {
26153
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26154
- transition-duration: 150ms;
26155
- }
26156
- .v-tooltip > .v-overlay__content[class*=leave-active] {
26157
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26158
- transition-duration: 75ms;
26159
- }.v-virtual-scroll {
26160
- display: block;
26161
- flex: 1 1 auto;
26162
- max-width: 100%;
26163
- overflow: auto;
26164
- position: relative;
26165
- }
26166
- .v-virtual-scroll__container {
26167
- display: block;
26168
- }.v-window {
26169
- overflow: hidden;
26170
- }
26171
- .v-window__container {
26172
- display: flex;
26173
- flex-direction: column;
26174
- height: inherit;
26175
- position: relative;
26176
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26177
- }
26178
- .v-window__controls {
26179
- position: absolute;
26180
- left: 0;
26181
- top: 0;
26182
- width: 100%;
26183
- height: 100%;
26184
- display: flex;
26185
- align-items: center;
26186
- justify-content: space-between;
26187
- padding: 0 16px;
26188
- pointer-events: none;
26189
- }
26190
- .v-window__controls > * {
26191
- pointer-events: auto;
26192
- }
26193
- .v-window--show-arrows-on-hover {
26194
- overflow: hidden;
26195
- }
26196
- .v-window--show-arrows-on-hover .v-window__left {
26197
- transform: translateX(-200%);
26198
- }
26199
- .v-window--show-arrows-on-hover .v-window__right {
26200
- transform: translateX(200%);
26201
- }
26202
- .v-window--show-arrows-on-hover:hover .v-window__left,
26203
- .v-window--show-arrows-on-hover:hover .v-window__right {
26204
- transform: translateX(0);
26205
- }
26206
-
26207
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
26208
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26209
- }
26210
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
26211
- position: absolute !important;
26212
- top: 0;
26213
- width: 100%;
26214
- }
26215
- .v-window-x-transition-enter-from {
26216
- transform: translateX(100%);
26217
- }
26218
- .v-window-x-transition-leave-to {
26219
- transform: translateX(-100%);
26206
+
26207
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
26208
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
26209
+ margin-inline-end: auto;
26220
26210
  }
26221
- .v-window-x-reverse-transition-enter-from {
26222
- transform: translateX(-100%);
26211
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
26212
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
26213
+ margin-inline-start: auto;
26223
26214
  }
26224
- .v-window-x-reverse-transition-leave-to {
26225
- transform: translateX(100%);
26215
+
26216
+ .v-tabs--grow {
26217
+ flex-grow: 1;
26226
26218
  }
26227
- .v-window-y-transition-enter-from {
26228
- transform: translateY(100%);
26219
+ .v-tabs--grow .v-tab {
26220
+ flex: 1 0 auto;
26221
+ max-width: none;
26229
26222
  }
26230
- .v-window-y-transition-leave-to {
26231
- transform: translateY(-100%);
26223
+
26224
+ .v-tabs--align-tabs-end .v-tab:first-child {
26225
+ margin-inline-start: auto;
26232
26226
  }
26233
- .v-window-y-reverse-transition-enter-from {
26234
- transform: translateY(-100%);
26227
+ .v-tabs--align-tabs-end .v-tab:last-child {
26228
+ margin-inline-end: 0;
26235
26229
  }
26236
- .v-window-y-reverse-transition-leave-to {
26237
- transform: translateY(100%);
26230
+
26231
+ @media (max-width: 1279.98px) {
26232
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
26233
+ margin-inline-start: 52px;
26234
+ }
26235
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
26236
+ margin-inline-end: 52px;
26237
+ }
26238
26238
  }.v-color-picker-edit {
26239
26239
  display: flex;
26240
26240
  margin-top: 24px;
@@ -26285,41 +26285,6 @@ html.v-overlay-scroll-blocked {
26285
26285
  }
26286
26286
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26287
26287
  will-change: transform;
26288
- }.v-color-picker-swatches {
26289
- overflow-y: auto;
26290
- }
26291
- .v-color-picker-swatches > div {
26292
- display: flex;
26293
- flex-wrap: wrap;
26294
- justify-content: center;
26295
- padding: 8px;
26296
- }
26297
-
26298
- .v-color-picker-swatches__swatch {
26299
- display: flex;
26300
- flex-direction: column;
26301
- margin-bottom: 10px;
26302
- }
26303
-
26304
- .v-color-picker-swatches__color {
26305
- position: relative;
26306
- height: 18px;
26307
- max-height: 18px;
26308
- width: 45px;
26309
- margin: 2px 4px;
26310
- border-radius: 2px;
26311
- -webkit-user-select: none;
26312
- user-select: none;
26313
- overflow: hidden;
26314
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26315
- cursor: pointer;
26316
- }
26317
- .v-color-picker-swatches__color > div {
26318
- display: flex;
26319
- align-items: center;
26320
- justify-content: center;
26321
- width: 100%;
26322
- height: 100%;
26323
26288
  }.v-color-picker-preview__alpha .v-slider-track__background {
26324
26289
  background-color: transparent !important;
26325
26290
  }
@@ -26387,66 +26352,260 @@ html.v-overlay-scroll-blocked {
26387
26352
  margin-bottom: 0;
26388
26353
  }
26389
26354
 
26390
- .v-color-picker-preview__eye-dropper {
26391
- position: relative;
26392
- margin-right: 12px;
26393
- }.v-picker.v-sheet {
26394
- display: grid;
26395
- grid-auto-rows: min-content;
26396
- grid-template-areas: "title" "header" "body";
26397
- overflow: hidden;
26355
+ .v-color-picker-preview__eye-dropper {
26356
+ position: relative;
26357
+ margin-right: 12px;
26358
+ }.v-color-picker-swatches {
26359
+ overflow-y: auto;
26360
+ }
26361
+ .v-color-picker-swatches > div {
26362
+ display: flex;
26363
+ flex-wrap: wrap;
26364
+ justify-content: center;
26365
+ padding: 8px;
26366
+ }
26367
+
26368
+ .v-color-picker-swatches__swatch {
26369
+ display: flex;
26370
+ flex-direction: column;
26371
+ margin-bottom: 10px;
26372
+ }
26373
+
26374
+ .v-color-picker-swatches__color {
26375
+ position: relative;
26376
+ height: 18px;
26377
+ max-height: 18px;
26378
+ width: 45px;
26379
+ margin: 2px 4px;
26380
+ border-radius: 2px;
26381
+ -webkit-user-select: none;
26382
+ user-select: none;
26383
+ overflow: hidden;
26384
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26385
+ cursor: pointer;
26386
+ }
26387
+ .v-color-picker-swatches__color > div {
26388
+ display: flex;
26389
+ align-items: center;
26390
+ justify-content: center;
26391
+ width: 100%;
26392
+ height: 100%;
26393
+ }.v-picker.v-sheet {
26394
+ display: grid;
26395
+ grid-auto-rows: min-content;
26396
+ grid-template-areas: "title" "header" "body";
26397
+ overflow: hidden;
26398
+ }
26399
+ .v-picker.v-sheet {
26400
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
26401
+ }
26402
+ .v-picker.v-sheet {
26403
+ border-radius: 4px;
26404
+ }
26405
+ .v-picker.v-sheet.v-picker--with-actions {
26406
+ grid-template-areas: "title" "header" "body" "actions";
26407
+ }
26408
+
26409
+ .v-picker__body {
26410
+ grid-area: body;
26411
+ overflow: hidden;
26412
+ position: relative;
26413
+ }
26414
+
26415
+ .v-picker__header {
26416
+ grid-area: header;
26417
+ }
26418
+
26419
+ .v-picker__actions {
26420
+ grid-area: actions;
26421
+ padding: 0 12px 12px;
26422
+ display: flex;
26423
+ align-items: center;
26424
+ justify-content: flex-end;
26425
+ }
26426
+ .v-picker__actions .v-btn {
26427
+ min-width: 48px;
26428
+ }
26429
+ .v-picker__actions .v-btn:not(:last-child) {
26430
+ margin-inline-end: 8px;
26431
+ }
26432
+
26433
+ .v-picker--landscape {
26434
+ grid-template-areas: "title" "header body" "header body";
26435
+ }
26436
+
26437
+ .v-picker--landscape.v-picker--with-actions {
26438
+ grid-template-areas: "title" "header body" "header actions";
26439
+ }
26440
+
26441
+ .v-picker-title {
26442
+ text-transform: uppercase;
26443
+ font-size: 0.75rem;
26444
+ grid-area: title;
26445
+ padding-inline: 24px 12px;
26446
+ padding-top: 16px;
26447
+ padding-bottom: 16px;
26448
+ font-weight: 400;
26449
+ letter-spacing: 0.1666666667em;
26450
+ }.v-slider-thumb {
26451
+ touch-action: none;
26452
+ color: rgb(var(--v-theme-surface-variant));
26453
+ }
26454
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26455
+ color: inherit;
26456
+ }
26457
+
26458
+ .v-slider-thumb__label {
26459
+ background: rgba(var(--v-theme-surface-variant), 0.7);
26460
+ color: rgb(var(--v-theme-on-surface-variant));
26461
+ }
26462
+ .v-slider-thumb__label::before {
26463
+ color: rgba(var(--v-theme-surface-variant), 0.7);
26464
+ }
26465
+
26466
+ .v-slider-thumb {
26467
+ outline: none;
26468
+ position: absolute;
26469
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26470
+ }
26471
+
26472
+ .v-slider-thumb__surface {
26473
+ cursor: pointer;
26474
+ width: var(--v-slider-thumb-size);
26475
+ height: var(--v-slider-thumb-size);
26476
+ border-radius: 50%;
26477
+ -webkit-user-select: none;
26478
+ user-select: none;
26479
+ background-color: currentColor;
26480
+ }
26481
+ @media (forced-colors: active) {
26482
+ .v-slider-thumb__surface {
26483
+ background-color: highlight;
26484
+ }
26485
+ }
26486
+ .v-slider-thumb__surface::before {
26487
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26488
+ content: "";
26489
+ color: inherit;
26490
+ top: 0;
26491
+ left: 0;
26492
+ width: 100%;
26493
+ height: 100%;
26494
+ border-radius: 50%;
26495
+ background: currentColor;
26496
+ position: absolute;
26497
+ pointer-events: none;
26498
+ opacity: 0;
26499
+ }
26500
+ .v-slider-thumb__surface::after {
26501
+ content: "";
26502
+ width: 42px;
26503
+ height: 42px;
26504
+ position: absolute;
26505
+ top: 50%;
26506
+ left: 50%;
26507
+ transform: translate(-50%, -50%);
26508
+ }
26509
+
26510
+ .v-slider-thumb__label-container {
26511
+ position: absolute;
26512
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26513
+ }
26514
+
26515
+ .v-slider-thumb__label {
26516
+ display: flex;
26517
+ align-items: center;
26518
+ justify-content: center;
26519
+ font-size: 0.75rem;
26520
+ min-width: 35px;
26521
+ height: 25px;
26522
+ border-radius: 4px;
26523
+ padding: 6px;
26524
+ position: absolute;
26525
+ -webkit-user-select: none;
26526
+ user-select: none;
26527
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26528
+ }
26529
+ .v-slider-thumb__label::before {
26530
+ content: "";
26531
+ width: 0;
26532
+ height: 0;
26533
+ position: absolute;
26534
+ }
26535
+
26536
+ .v-slider-thumb__ripple {
26537
+ position: absolute;
26538
+ left: calc(var(--v-slider-thumb-size) / -2);
26539
+ top: calc(var(--v-slider-thumb-size) / -2);
26540
+ width: calc(var(--v-slider-thumb-size) * 2);
26541
+ height: calc(var(--v-slider-thumb-size) * 2);
26542
+ background: inherit;
26543
+ }
26544
+
26545
+ .v-slider.v-input--horizontal .v-slider-thumb {
26546
+ top: 50%;
26547
+ transform: translateY(-50%);
26548
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26398
26549
  }
26399
- .v-picker.v-sheet {
26400
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
26550
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26551
+ left: calc(var(--v-slider-thumb-size) / 2);
26552
+ top: 0;
26401
26553
  }
26402
- .v-picker.v-sheet {
26403
- border-radius: 4px;
26554
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26555
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26404
26556
  }
26405
- .v-picker.v-sheet.v-picker--with-actions {
26406
- grid-template-areas: "title" "header" "body" "actions";
26557
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26558
+ transform: translateX(-50%);
26407
26559
  }
26408
26560
 
26409
- .v-picker__body {
26410
- grid-area: body;
26411
- overflow: hidden;
26412
- position: relative;
26561
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26562
+ transform: translateX(50%);
26413
26563
  }
26414
26564
 
26415
- .v-picker__header {
26416
- grid-area: header;
26565
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26566
+ border-left: 6px solid transparent;
26567
+ border-right: 6px solid transparent;
26568
+ border-top: 6px solid currentColor;
26569
+ bottom: -6px;
26417
26570
  }
26418
26571
 
26419
- .v-picker__actions {
26420
- grid-area: actions;
26421
- padding: 0 12px 12px;
26422
- display: flex;
26423
- align-items: center;
26424
- justify-content: flex-end;
26572
+ .v-slider.v-input--vertical .v-slider-thumb {
26573
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26425
26574
  }
26426
- .v-picker__actions .v-btn {
26427
- min-width: 48px;
26575
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26576
+ top: calc(var(--v-slider-thumb-size) / 2);
26577
+ right: 0;
26428
26578
  }
26429
- .v-picker__actions .v-btn:not(:last-child) {
26430
- margin-inline-end: 8px;
26579
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26580
+ top: -12.5px;
26581
+ left: calc(var(--v-slider-thumb-size) / 2);
26582
+ }
26583
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26584
+ border-right: 6px solid currentColor;
26585
+ border-top: 6px solid transparent;
26586
+ border-bottom: 6px solid transparent;
26587
+ left: -6px;
26431
26588
  }
26432
26589
 
26433
- .v-picker--landscape {
26434
- grid-template-areas: "title" "header body" "header body";
26590
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26591
+ transform: scale(2);
26592
+ opacity: var(--v-focus-opacity);
26435
26593
  }
26436
26594
 
26437
- .v-picker--landscape.v-picker--with-actions {
26438
- grid-template-areas: "title" "header body" "header actions";
26595
+ .v-slider-thumb--pressed {
26596
+ transition: none;
26597
+ }
26598
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26599
+ opacity: var(--v-pressed-opacity);
26439
26600
  }
26440
26601
 
26441
- .v-picker-title {
26442
- text-transform: uppercase;
26443
- font-size: 0.75rem;
26444
- grid-area: title;
26445
- padding-inline: 24px 12px;
26446
- padding-top: 16px;
26447
- padding-bottom: 16px;
26448
- font-weight: 400;
26449
- letter-spacing: 0.1666666667em;
26602
+ @media (hover: hover) {
26603
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26604
+ transform: scale(2);
26605
+ }
26606
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26607
+ opacity: var(--v-hover-opacity);
26608
+ }
26450
26609
  }.v-slider-track__background {
26451
26610
  background-color: rgb(var(--v-theme-surface-variant));
26452
26611
  }
@@ -26625,163 +26784,4 @@ html.v-overlay-scroll-blocked {
26625
26784
 
26626
26785
  .v-slider-track__background--opacity {
26627
26786
  opacity: 0.38;
26628
- }.v-slider-thumb {
26629
- touch-action: none;
26630
- color: rgb(var(--v-theme-surface-variant));
26631
- }
26632
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26633
- color: inherit;
26634
- }
26635
-
26636
- .v-slider-thumb__label {
26637
- background: rgba(var(--v-theme-surface-variant), 0.7);
26638
- color: rgb(var(--v-theme-on-surface-variant));
26639
- }
26640
- .v-slider-thumb__label::before {
26641
- color: rgba(var(--v-theme-surface-variant), 0.7);
26642
- }
26643
-
26644
- .v-slider-thumb {
26645
- outline: none;
26646
- position: absolute;
26647
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26648
- }
26649
-
26650
- .v-slider-thumb__surface {
26651
- cursor: pointer;
26652
- width: var(--v-slider-thumb-size);
26653
- height: var(--v-slider-thumb-size);
26654
- border-radius: 50%;
26655
- -webkit-user-select: none;
26656
- user-select: none;
26657
- background-color: currentColor;
26658
- }
26659
- @media (forced-colors: active) {
26660
- .v-slider-thumb__surface {
26661
- background-color: highlight;
26662
- }
26663
- }
26664
- .v-slider-thumb__surface::before {
26665
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26666
- content: "";
26667
- color: inherit;
26668
- top: 0;
26669
- left: 0;
26670
- width: 100%;
26671
- height: 100%;
26672
- border-radius: 50%;
26673
- background: currentColor;
26674
- position: absolute;
26675
- pointer-events: none;
26676
- opacity: 0;
26677
- }
26678
- .v-slider-thumb__surface::after {
26679
- content: "";
26680
- width: 42px;
26681
- height: 42px;
26682
- position: absolute;
26683
- top: 50%;
26684
- left: 50%;
26685
- transform: translate(-50%, -50%);
26686
- }
26687
-
26688
- .v-slider-thumb__label-container {
26689
- position: absolute;
26690
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26691
- }
26692
-
26693
- .v-slider-thumb__label {
26694
- display: flex;
26695
- align-items: center;
26696
- justify-content: center;
26697
- font-size: 0.75rem;
26698
- min-width: 35px;
26699
- height: 25px;
26700
- border-radius: 4px;
26701
- padding: 6px;
26702
- position: absolute;
26703
- -webkit-user-select: none;
26704
- user-select: none;
26705
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26706
- }
26707
- .v-slider-thumb__label::before {
26708
- content: "";
26709
- width: 0;
26710
- height: 0;
26711
- position: absolute;
26712
- }
26713
-
26714
- .v-slider-thumb__ripple {
26715
- position: absolute;
26716
- left: calc(var(--v-slider-thumb-size) / -2);
26717
- top: calc(var(--v-slider-thumb-size) / -2);
26718
- width: calc(var(--v-slider-thumb-size) * 2);
26719
- height: calc(var(--v-slider-thumb-size) * 2);
26720
- background: inherit;
26721
- }
26722
-
26723
- .v-slider.v-input--horizontal .v-slider-thumb {
26724
- top: 50%;
26725
- transform: translateY(-50%);
26726
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26727
- }
26728
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26729
- left: calc(var(--v-slider-thumb-size) / 2);
26730
- top: 0;
26731
- }
26732
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26733
- bottom: calc(var(--v-slider-thumb-size) / 2);
26734
- }
26735
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26736
- transform: translateX(-50%);
26737
- }
26738
-
26739
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26740
- transform: translateX(50%);
26741
- }
26742
-
26743
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26744
- border-left: 6px solid transparent;
26745
- border-right: 6px solid transparent;
26746
- border-top: 6px solid currentColor;
26747
- bottom: -6px;
26748
- }
26749
-
26750
- .v-slider.v-input--vertical .v-slider-thumb {
26751
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26752
- }
26753
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26754
- top: calc(var(--v-slider-thumb-size) / 2);
26755
- right: 0;
26756
- }
26757
- .v-slider.v-input--vertical .v-slider-thumb__label {
26758
- top: -12.5px;
26759
- left: calc(var(--v-slider-thumb-size) / 2);
26760
- }
26761
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26762
- border-right: 6px solid currentColor;
26763
- border-top: 6px solid transparent;
26764
- border-bottom: 6px solid transparent;
26765
- left: -6px;
26766
- }
26767
-
26768
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26769
- transform: scale(2);
26770
- opacity: var(--v-focus-opacity);
26771
- }
26772
-
26773
- .v-slider-thumb--pressed {
26774
- transition: none;
26775
- }
26776
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26777
- opacity: var(--v-pressed-opacity);
26778
- }
26779
-
26780
- @media (hover: hover) {
26781
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26782
- transform: scale(2);
26783
- }
26784
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26785
- opacity: var(--v-hover-opacity);
26786
- }
26787
26787
  }