@vuetify/nightly 3.7.4-master.2024-11-10 → 3.7.4-master.2024-11-14

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.4-master.2024-11-10
2
+ * Vuetify v3.7.4-master.2024-11-14
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18307,79 +18307,6 @@ 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;
18383
18310
  }.v-avatar {
18384
18311
  flex: none;
18385
18312
  align-items: center;
@@ -18486,6 +18413,79 @@ html.overflow-y-hidden {
18486
18413
  .v-avatar .v-img {
18487
18414
  height: 100%;
18488
18415
  width: 100%;
18416
+ }.v-badge {
18417
+ display: inline-block;
18418
+ line-height: 1;
18419
+ }
18420
+
18421
+ .v-badge__badge {
18422
+ align-items: center;
18423
+ display: inline-flex;
18424
+ border-radius: 10px;
18425
+ font-size: 0.75rem;
18426
+ font-weight: 500;
18427
+ height: 1.25rem;
18428
+ justify-content: center;
18429
+ min-width: 20px;
18430
+ padding: 4px 6px;
18431
+ pointer-events: auto;
18432
+ position: absolute;
18433
+ text-align: center;
18434
+ text-indent: 0;
18435
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18436
+ white-space: nowrap;
18437
+ }
18438
+ .v-badge__badge {
18439
+ background: rgb(var(--v-theme-surface-variant));
18440
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18441
+ }
18442
+ .v-badge--bordered .v-badge__badge::after {
18443
+ border-radius: inherit;
18444
+ border-style: solid;
18445
+ border-width: 2px;
18446
+ bottom: 0;
18447
+ color: rgb(var(--v-theme-background));
18448
+ content: "";
18449
+ left: 0;
18450
+ position: absolute;
18451
+ right: 0;
18452
+ top: 0;
18453
+ transform: scale(1.05);
18454
+ }
18455
+ .v-badge--dot .v-badge__badge {
18456
+ border-radius: 4.5px;
18457
+ height: 9px;
18458
+ min-width: 0;
18459
+ padding: 0;
18460
+ width: 9px;
18461
+ }
18462
+ .v-badge--dot .v-badge__badge::after {
18463
+ border-width: 1.5px;
18464
+ }
18465
+ .v-badge--inline .v-badge__badge {
18466
+ position: relative;
18467
+ vertical-align: middle;
18468
+ }
18469
+ .v-badge__badge .v-icon {
18470
+ color: inherit;
18471
+ font-size: 0.75rem;
18472
+ margin: 0 -2px;
18473
+ }
18474
+ .v-badge__badge img,
18475
+ .v-badge__badge .v-img {
18476
+ height: 100%;
18477
+ width: 100%;
18478
+ }
18479
+
18480
+ .v-badge__wrapper {
18481
+ display: flex;
18482
+ position: relative;
18483
+ }
18484
+ .v-badge--inline .v-badge__wrapper {
18485
+ align-items: center;
18486
+ display: inline-flex;
18487
+ justify-content: center;
18488
+ margin: 0 4px;
18489
18489
  }.v-banner {
18490
18490
  display: grid;
18491
18491
  flex: 1 1;
@@ -18715,63 +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
- }.v-breadcrumbs {
18719
- display: flex;
18720
- align-items: center;
18721
- line-height: 1.6;
18722
- padding: 16px 12px;
18723
- }
18724
- .v-breadcrumbs--rounded {
18725
- border-radius: 4px;
18726
- }
18727
- .v-breadcrumbs--density-default {
18728
- padding-top: 16px;
18729
- padding-bottom: 16px;
18730
- }
18731
-
18732
- .v-breadcrumbs--density-comfortable {
18733
- padding-top: 12px;
18734
- padding-bottom: 12px;
18735
- }
18736
-
18737
- .v-breadcrumbs--density-compact {
18738
- padding-top: 8px;
18739
- padding-bottom: 8px;
18740
- }
18741
-
18742
- .v-breadcrumbs__prepend {
18743
- align-items: center;
18744
- display: inline-flex;
18745
- }
18746
-
18747
- .v-breadcrumbs-item {
18748
- align-items: center;
18749
- color: inherit;
18750
- display: inline-flex;
18751
- padding: 0 4px;
18752
- text-decoration: none;
18753
- vertical-align: middle;
18754
- }
18755
- .v-breadcrumbs-item--disabled {
18756
- opacity: var(--v-disabled-opacity);
18757
- pointer-events: none;
18758
- }
18759
- .v-breadcrumbs-item--link {
18760
- color: inherit;
18761
- text-decoration: none;
18762
- }
18763
- .v-breadcrumbs-item--link:hover {
18764
- text-decoration: underline;
18765
- }
18766
- .v-breadcrumbs-item .v-icon {
18767
- font-size: 1rem;
18768
- margin-inline: -4px 2px;
18769
- }
18770
-
18771
- .v-breadcrumbs-divider {
18772
- display: inline-block;
18773
- padding: 0 8px;
18774
- vertical-align: middle;
18775
18718
  }.bottom-sheet-transition-enter-from {
18776
18719
  transform: translateY(100%);
18777
18720
  }
@@ -19294,42 +19237,99 @@ html.overflow-y-hidden {
19294
19237
  }
19295
19238
  .v-btn-group--tile {
19296
19239
  border-radius: 0;
19297
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19298
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19299
- }
19300
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19301
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19240
+ }.v-breadcrumbs {
19241
+ display: flex;
19242
+ align-items: center;
19243
+ line-height: 1.6;
19244
+ padding: 16px 12px;
19302
19245
  }
19303
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19304
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19246
+ .v-breadcrumbs--rounded {
19247
+ border-radius: 4px;
19305
19248
  }
19306
- @supports not selector(:focus-visible) {
19307
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19308
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19309
- }
19249
+ .v-breadcrumbs--density-default {
19250
+ padding-top: 16px;
19251
+ padding-bottom: 16px;
19310
19252
  }
19311
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
19312
- opacity: 1;
19313
- }.v-card {
19314
- display: block;
19315
- overflow: hidden;
19316
- overflow-wrap: break-word;
19317
- position: relative;
19318
- padding: 0;
19319
- text-decoration: none;
19320
- transition-duration: 0.28s;
19321
- transition-property: box-shadow, opacity, background;
19322
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19323
- z-index: 0;
19253
+
19254
+ .v-breadcrumbs--density-comfortable {
19255
+ padding-top: 12px;
19256
+ padding-bottom: 12px;
19324
19257
  }
19325
- .v-card {
19326
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19327
- border-style: solid;
19328
- border-width: 0;
19258
+
19259
+ .v-breadcrumbs--density-compact {
19260
+ padding-top: 8px;
19261
+ padding-bottom: 8px;
19329
19262
  }
19330
- .v-card--border {
19331
- border-width: thin;
19332
- box-shadow: none;
19263
+
19264
+ .v-breadcrumbs__prepend {
19265
+ align-items: center;
19266
+ display: inline-flex;
19267
+ }
19268
+
19269
+ .v-breadcrumbs-item {
19270
+ align-items: center;
19271
+ color: inherit;
19272
+ display: inline-flex;
19273
+ padding: 0 4px;
19274
+ text-decoration: none;
19275
+ vertical-align: middle;
19276
+ }
19277
+ .v-breadcrumbs-item--disabled {
19278
+ opacity: var(--v-disabled-opacity);
19279
+ pointer-events: none;
19280
+ }
19281
+ .v-breadcrumbs-item--link {
19282
+ color: inherit;
19283
+ text-decoration: none;
19284
+ }
19285
+ .v-breadcrumbs-item--link:hover {
19286
+ text-decoration: underline;
19287
+ }
19288
+ .v-breadcrumbs-item .v-icon {
19289
+ font-size: 1rem;
19290
+ margin-inline: -4px 2px;
19291
+ }
19292
+
19293
+ .v-breadcrumbs-divider {
19294
+ display: inline-block;
19295
+ padding: 0 8px;
19296
+ vertical-align: middle;
19297
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19298
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19299
+ }
19300
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19301
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19302
+ }
19303
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19304
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19305
+ }
19306
+ @supports not selector(:focus-visible) {
19307
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19308
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19309
+ }
19310
+ }
19311
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
19312
+ opacity: 1;
19313
+ }.v-card {
19314
+ display: block;
19315
+ overflow: hidden;
19316
+ overflow-wrap: break-word;
19317
+ position: relative;
19318
+ padding: 0;
19319
+ text-decoration: none;
19320
+ transition-duration: 0.28s;
19321
+ transition-property: box-shadow, opacity, background;
19322
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19323
+ z-index: 0;
19324
+ }
19325
+ .v-card {
19326
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19327
+ border-style: solid;
19328
+ border-width: 0;
19329
+ }
19330
+ .v-card--border {
19331
+ border-width: thin;
19332
+ box-shadow: none;
19333
19333
  }
19334
19334
  .v-card--absolute {
19335
19335
  position: absolute;
@@ -20124,6 +20124,28 @@ html.overflow-y-hidden {
20124
20124
 
20125
20125
  .v-chip--label {
20126
20126
  border-radius: 4px;
20127
+ }.v-color-picker {
20128
+ align-self: flex-start;
20129
+ contain: content;
20130
+ }
20131
+ .v-color-picker.v-sheet {
20132
+ 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));
20133
+ }
20134
+ .v-color-picker.v-sheet {
20135
+ border-radius: 4px;
20136
+ }
20137
+
20138
+ .v-color-picker__controls {
20139
+ display: flex;
20140
+ flex-direction: column;
20141
+ padding: 16px;
20142
+ }
20143
+
20144
+ .v-color-picker--flat {
20145
+ 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));
20146
+ }
20147
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20148
+ 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));
20127
20149
  }.v-combobox .v-field .v-text-field__prefix,
20128
20150
  .v-combobox .v-field .v-text-field__suffix,
20129
20151
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20209,28 +20231,6 @@ html.overflow-y-hidden {
20209
20231
  .v-combobox--active-menu .v-combobox__menu-icon {
20210
20232
  opacity: var(--v-high-emphasis-opacity);
20211
20233
  transform: rotate(180deg);
20212
- }.v-color-picker {
20213
- align-self: flex-start;
20214
- contain: content;
20215
- }
20216
- .v-color-picker.v-sheet {
20217
- 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));
20218
- }
20219
- .v-color-picker.v-sheet {
20220
- border-radius: 4px;
20221
- }
20222
-
20223
- .v-color-picker__controls {
20224
- display: flex;
20225
- flex-direction: column;
20226
- padding: 16px;
20227
- }
20228
-
20229
- .v-color-picker--flat {
20230
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20231
- }
20232
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20233
- 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));
20234
20234
  }.v-counter {
20235
20235
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20236
20236
  flex: 0 1 auto;
@@ -20454,108 +20454,72 @@ html.overflow-y-hidden {
20454
20454
  }
20455
20455
  .v-data-table-footer__page {
20456
20456
  padding: 0 8px;
20457
- }.v-dialog {
20458
- align-items: center;
20459
- justify-content: center;
20460
- margin: auto;
20461
- }
20462
- .v-dialog > .v-overlay__content {
20463
- max-height: calc(100% - 48px);
20464
- width: calc(100% - 48px);
20465
- max-width: calc(100% - 48px);
20466
- margin: 24px;
20457
+ }.v-date-picker {
20458
+ overflow: hidden;
20459
+ width: 328px;
20467
20460
  }
20468
- .v-dialog > .v-overlay__content,
20469
- .v-dialog > .v-overlay__content > form {
20470
- display: flex;
20471
- flex-direction: column;
20472
- min-height: 0;
20461
+ .v-date-picker--show-week {
20462
+ width: 368px;
20463
+ }.v-date-picker-header {
20464
+ align-items: flex-end;
20465
+ height: 70px;
20466
+ display: grid;
20467
+ grid-template-areas: "prepend content append";
20468
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20469
+ overflow: hidden;
20470
+ padding-inline: 24px 12px;
20471
+ padding-bottom: 12px;
20473
20472
  }
20474
- .v-dialog > .v-overlay__content > .v-card,
20475
- .v-dialog > .v-overlay__content > .v-sheet,
20476
- .v-dialog > .v-overlay__content > form > .v-card,
20477
- .v-dialog > .v-overlay__content > form > .v-sheet {
20478
- --v-scrollbar-offset: 0px;
20479
- border-radius: 4px;
20480
- overflow-y: auto;
20481
- flex: 1 1 100%;
20473
+
20474
+ .v-date-picker-header__append {
20475
+ grid-area: append;
20482
20476
  }
20483
- .v-dialog > .v-overlay__content > .v-card,
20484
- .v-dialog > .v-overlay__content > .v-sheet,
20485
- .v-dialog > .v-overlay__content > form > .v-card,
20486
- .v-dialog > .v-overlay__content > form > .v-sheet {
20487
- 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));
20477
+
20478
+ .v-date-picker-header__prepend {
20479
+ grid-area: prepend;
20480
+ padding-inline-start: 8px;
20488
20481
  }
20489
- .v-dialog > .v-overlay__content > .v-card,
20490
- .v-dialog > .v-overlay__content > form > .v-card {
20491
- display: flex;
20492
- flex-direction: column;
20482
+
20483
+ .v-date-picker-header__content {
20484
+ align-items: center;
20485
+ display: inline-flex;
20486
+ font-size: 32px;
20487
+ line-height: 40px;
20488
+ grid-area: content;
20489
+ justify-content: space-between;
20493
20490
  }
20494
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20495
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20496
- padding: 16px 24px;
20491
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20492
+ cursor: pointer;
20497
20493
  }
20498
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20499
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20500
- padding-top: 0;
20494
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20495
+ opacity: 0.7;
20501
20496
  }
20502
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20503
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20504
- font-size: inherit;
20505
- letter-spacing: 0.03125em;
20506
- line-height: inherit;
20507
- padding: 16px 24px 24px;
20497
+
20498
+ .date-picker-header-transition-enter-active,
20499
+ .date-picker-header-reverse-transition-enter-active {
20500
+ transition-duration: 0.3s;
20501
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20508
20502
  }
20509
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20510
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20511
- justify-content: flex-end;
20503
+ .date-picker-header-transition-leave-active,
20504
+ .date-picker-header-reverse-transition-leave-active {
20505
+ transition-duration: 0.3s;
20506
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20512
20507
  }
20513
20508
 
20514
- .v-dialog--fullscreen {
20515
- --v-scrollbar-offset: 0px;
20516
- }
20517
- .v-dialog--fullscreen > .v-overlay__content {
20518
- border-radius: 0;
20519
- margin: 0;
20520
- padding: 0;
20521
- width: 100%;
20522
- height: 100%;
20523
- max-width: 100%;
20524
- max-height: 100%;
20525
- overflow-y: auto;
20526
- top: 0;
20527
- left: 0;
20509
+ .date-picker-header-transition-enter-from {
20510
+ transform: translate(0, 100%);
20528
20511
  }
20529
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20530
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20531
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20532
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20533
- min-height: 100%;
20534
- min-width: 100%;
20535
- border-radius: 0;
20512
+ .date-picker-header-transition-leave-to {
20513
+ opacity: 0;
20514
+ transform: translate(0, -100%);
20536
20515
  }
20537
20516
 
20538
- .v-dialog--scrollable > .v-overlay__content,
20539
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20540
- .v-dialog--scrollable > .v-overlay__content > form,
20541
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20542
- display: flex;
20543
- flex: 1 1 100%;
20544
- flex-direction: column;
20545
- max-height: 100%;
20546
- max-width: 100%;
20547
- }
20548
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20549
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20550
- -webkit-backface-visibility: hidden;
20551
- backface-visibility: hidden;
20552
- overflow-y: auto;
20553
- }.v-date-picker {
20554
- overflow: hidden;
20555
- width: 328px;
20517
+ .date-picker-header-reverse-transition-enter-from {
20518
+ transform: translate(0, -100%);
20556
20519
  }
20557
- .v-date-picker--show-week {
20558
- width: 368px;
20520
+ .date-picker-header-reverse-transition-leave-to {
20521
+ opacity: 0;
20522
+ transform: translate(0, 100%);
20559
20523
  }.v-date-picker-controls {
20560
20524
  display: flex;
20561
20525
  align-items: center;
@@ -20667,66 +20631,6 @@ html.overflow-y-hidden {
20667
20631
 
20668
20632
  .v-date-picker-month__day--hide-adjacent {
20669
20633
  opacity: 0;
20670
- }.v-date-picker-header {
20671
- align-items: flex-end;
20672
- height: 70px;
20673
- display: grid;
20674
- grid-template-areas: "prepend content append";
20675
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20676
- overflow: hidden;
20677
- padding-inline: 24px 12px;
20678
- padding-bottom: 12px;
20679
- }
20680
-
20681
- .v-date-picker-header__append {
20682
- grid-area: append;
20683
- }
20684
-
20685
- .v-date-picker-header__prepend {
20686
- grid-area: prepend;
20687
- padding-inline-start: 8px;
20688
- }
20689
-
20690
- .v-date-picker-header__content {
20691
- align-items: center;
20692
- display: inline-flex;
20693
- font-size: 32px;
20694
- line-height: 40px;
20695
- grid-area: content;
20696
- justify-content: space-between;
20697
- }
20698
- .v-date-picker-header--clickable .v-date-picker-header__content {
20699
- cursor: pointer;
20700
- }
20701
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20702
- opacity: 0.7;
20703
- }
20704
-
20705
- .date-picker-header-transition-enter-active,
20706
- .date-picker-header-reverse-transition-enter-active {
20707
- transition-duration: 0.3s;
20708
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20709
- }
20710
- .date-picker-header-transition-leave-active,
20711
- .date-picker-header-reverse-transition-leave-active {
20712
- transition-duration: 0.3s;
20713
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20714
- }
20715
-
20716
- .date-picker-header-transition-enter-from {
20717
- transform: translate(0, 100%);
20718
- }
20719
- .date-picker-header-transition-leave-to {
20720
- opacity: 0;
20721
- transform: translate(0, -100%);
20722
- }
20723
-
20724
- .date-picker-header-reverse-transition-enter-from {
20725
- transform: translate(0, -100%);
20726
- }
20727
- .date-picker-header-reverse-transition-leave-to {
20728
- opacity: 0;
20729
- transform: translate(0, 100%);
20730
20634
  }.v-date-picker-months {
20731
20635
  height: 288px;
20732
20636
  }
@@ -20761,6 +20665,102 @@ html.overflow-y-hidden {
20761
20665
  }
20762
20666
  .v-date-picker-years__content .v-btn {
20763
20667
  padding-inline: 8px;
20668
+ }.v-dialog {
20669
+ align-items: center;
20670
+ justify-content: center;
20671
+ margin: auto;
20672
+ }
20673
+ .v-dialog > .v-overlay__content {
20674
+ max-height: calc(100% - 48px);
20675
+ width: calc(100% - 48px);
20676
+ max-width: calc(100% - 48px);
20677
+ margin: 24px;
20678
+ }
20679
+ .v-dialog > .v-overlay__content,
20680
+ .v-dialog > .v-overlay__content > form {
20681
+ display: flex;
20682
+ flex-direction: column;
20683
+ min-height: 0;
20684
+ }
20685
+ .v-dialog > .v-overlay__content > .v-card,
20686
+ .v-dialog > .v-overlay__content > .v-sheet,
20687
+ .v-dialog > .v-overlay__content > form > .v-card,
20688
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20689
+ --v-scrollbar-offset: 0px;
20690
+ border-radius: 4px;
20691
+ overflow-y: auto;
20692
+ flex: 1 1 100%;
20693
+ }
20694
+ .v-dialog > .v-overlay__content > .v-card,
20695
+ .v-dialog > .v-overlay__content > .v-sheet,
20696
+ .v-dialog > .v-overlay__content > form > .v-card,
20697
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20698
+ 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));
20699
+ }
20700
+ .v-dialog > .v-overlay__content > .v-card,
20701
+ .v-dialog > .v-overlay__content > form > .v-card {
20702
+ display: flex;
20703
+ flex-direction: column;
20704
+ }
20705
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20706
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20707
+ padding: 16px 24px;
20708
+ }
20709
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20710
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20711
+ padding-top: 0;
20712
+ }
20713
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20714
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20715
+ font-size: inherit;
20716
+ letter-spacing: 0.03125em;
20717
+ line-height: inherit;
20718
+ padding: 16px 24px 24px;
20719
+ }
20720
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20721
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20722
+ justify-content: flex-end;
20723
+ }
20724
+
20725
+ .v-dialog--fullscreen {
20726
+ --v-scrollbar-offset: 0px;
20727
+ }
20728
+ .v-dialog--fullscreen > .v-overlay__content {
20729
+ border-radius: 0;
20730
+ margin: 0;
20731
+ padding: 0;
20732
+ width: 100%;
20733
+ height: 100%;
20734
+ max-width: 100%;
20735
+ max-height: 100%;
20736
+ overflow-y: auto;
20737
+ top: 0;
20738
+ left: 0;
20739
+ }
20740
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20741
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20742
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20743
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20744
+ min-height: 100%;
20745
+ min-width: 100%;
20746
+ border-radius: 0;
20747
+ }
20748
+
20749
+ .v-dialog--scrollable > .v-overlay__content,
20750
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20751
+ .v-dialog--scrollable > .v-overlay__content > form,
20752
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20753
+ display: flex;
20754
+ flex: 1 1 100%;
20755
+ flex-direction: column;
20756
+ max-height: 100%;
20757
+ max-width: 100%;
20758
+ }
20759
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20760
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20761
+ -webkit-backface-visibility: hidden;
20762
+ backface-visibility: hidden;
20763
+ overflow-y: auto;
20764
20764
  }.v-divider {
20765
20765
  display: block;
20766
20766
  flex: 1 1 100%;
@@ -21748,7 +21748,36 @@ textarea.v-field__input::placeholder {
21748
21748
  opacity: 0;
21749
21749
  }
21750
21750
 
21751
- /* endregion */.v-footer {
21751
+ /* endregion */.v-file-input--hide.v-input .v-field,
21752
+ .v-file-input--hide.v-input .v-input__control,
21753
+ .v-file-input--hide.v-input .v-input__details {
21754
+ display: none;
21755
+ }
21756
+ .v-file-input--hide.v-input .v-input__prepend {
21757
+ grid-area: control;
21758
+ margin: 0 auto;
21759
+ }
21760
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21761
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21762
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21763
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21764
+ top: 0px;
21765
+ }
21766
+ .v-file-input input[type=file] {
21767
+ height: 100%;
21768
+ left: 0;
21769
+ opacity: 0;
21770
+ position: absolute;
21771
+ top: 0;
21772
+ width: 100%;
21773
+ z-index: 1;
21774
+ }
21775
+ .v-file-input .v-input__details {
21776
+ padding-inline: 16px;
21777
+ }
21778
+ .v-input--plain-underlined.v-file-input .v-input__details {
21779
+ padding-inline: 0;
21780
+ }.v-footer {
21752
21781
  align-items: center;
21753
21782
  display: flex;
21754
21783
  flex: 1 1 auto;
@@ -22509,43 +22538,6 @@ textarea.v-field__input::placeholder {
22509
22538
 
22510
22539
  .v-icon--end {
22511
22540
  margin-inline-start: 8px;
22512
- }.v-infinite-scroll--horizontal {
22513
- display: flex;
22514
- flex-direction: row;
22515
- overflow-x: auto;
22516
- }
22517
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22518
- height: 100%;
22519
- width: var(--v-infinite-margin-size, 1px);
22520
- }
22521
-
22522
- .v-infinite-scroll--vertical {
22523
- display: flex;
22524
- flex-direction: column;
22525
- overflow-y: auto;
22526
- }
22527
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22528
- height: 1px;
22529
- width: 100%;
22530
- }
22531
-
22532
- .v-infinite-scroll-intersect {
22533
- pointer-events: none;
22534
- margin-top: var(--v-infinite-margin);
22535
- margin-bottom: calc(var(--v-infinite-margin) * -1);
22536
- }
22537
- .v-infinite-scroll-intersect:nth-child(2) {
22538
- --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22539
- }
22540
- .v-infinite-scroll-intersect:nth-last-child(2) {
22541
- --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22542
- }
22543
-
22544
- .v-infinite-scroll__side {
22545
- align-items: center;
22546
- display: flex;
22547
- justify-content: center;
22548
- padding: 8px;
22549
22541
  }.v-img {
22550
22542
  --v-theme-overlay-multiplier: 3;
22551
22543
  z-index: 0;
@@ -22597,6 +22589,43 @@ textarea.v-field__input::placeholder {
22597
22589
 
22598
22590
  .v-img__gradient {
22599
22591
  background-repeat: no-repeat;
22592
+ }.v-infinite-scroll--horizontal {
22593
+ display: flex;
22594
+ flex-direction: row;
22595
+ overflow-x: auto;
22596
+ }
22597
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22598
+ height: 100%;
22599
+ width: var(--v-infinite-margin-size, 1px);
22600
+ }
22601
+
22602
+ .v-infinite-scroll--vertical {
22603
+ display: flex;
22604
+ flex-direction: column;
22605
+ overflow-y: auto;
22606
+ }
22607
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22608
+ height: 1px;
22609
+ width: 100%;
22610
+ }
22611
+
22612
+ .v-infinite-scroll-intersect {
22613
+ pointer-events: none;
22614
+ margin-top: var(--v-infinite-margin);
22615
+ margin-bottom: calc(var(--v-infinite-margin) * -1);
22616
+ }
22617
+ .v-infinite-scroll-intersect:nth-child(2) {
22618
+ --v-infinite-margin: var(--v-infinite-margin-size, 1px);
22619
+ }
22620
+ .v-infinite-scroll-intersect:nth-last-child(2) {
22621
+ --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
22622
+ }
22623
+
22624
+ .v-infinite-scroll__side {
22625
+ align-items: center;
22626
+ display: flex;
22627
+ justify-content: center;
22628
+ padding: 8px;
22600
22629
  }.v-input {
22601
22630
  display: grid;
22602
22631
  flex: 1 1 auto;
@@ -22744,10 +22773,25 @@ textarea.v-field__input::placeholder {
22744
22773
  max-width: 100%;
22745
22774
  position: relative;
22746
22775
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22747
- }.v-label {
22748
- align-items: center;
22749
- color: inherit;
22750
- display: inline-flex;
22776
+ }.v-layout {
22777
+ --v-scrollbar-offset: 0px;
22778
+ display: flex;
22779
+ flex: 1 1 auto;
22780
+ }
22781
+ .v-layout--full-height {
22782
+ --v-scrollbar-offset: inherit;
22783
+ height: 100%;
22784
+ }.v-layout-item {
22785
+ position: absolute;
22786
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22787
+ }
22788
+
22789
+ .v-layout-item--absolute {
22790
+ position: absolute;
22791
+ }.v-label {
22792
+ align-items: center;
22793
+ color: inherit;
22794
+ display: inline-flex;
22751
22795
  font-size: 1rem;
22752
22796
  letter-spacing: 0.009375em;
22753
22797
  min-width: 0;
@@ -22759,21 +22803,6 @@ textarea.v-field__input::placeholder {
22759
22803
 
22760
22804
  .v-label--clickable {
22761
22805
  cursor: pointer;
22762
- }.v-layout-item {
22763
- position: absolute;
22764
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22765
- }
22766
-
22767
- .v-layout-item--absolute {
22768
- position: absolute;
22769
- }.v-layout {
22770
- --v-scrollbar-offset: 0px;
22771
- display: flex;
22772
- flex: 1 1 auto;
22773
- }
22774
- .v-layout--full-height {
22775
- --v-scrollbar-offset: inherit;
22776
- height: 100%;
22777
22806
  }.v-list {
22778
22807
  overflow: auto;
22779
22808
  padding: 8px 0;
@@ -23352,6 +23381,25 @@ textarea.v-field__input::placeholder {
23352
23381
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23353
23382
  }.v-locale-provider {
23354
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%;
23398
+ }
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));
23355
23403
  }.v-main {
23356
23404
  flex: 1 0 auto;
23357
23405
  max-width: 100%;
@@ -23382,25 +23430,6 @@ textarea.v-field__input::placeholder {
23382
23430
  --v-layout-right: 0px;
23383
23431
  --v-layout-top: 0px;
23384
23432
  --v-layout-bottom: 0px;
23385
- }.v-menu > .v-overlay__content {
23386
- display: flex;
23387
- flex-direction: column;
23388
- }
23389
- .v-menu > .v-overlay__content {
23390
- border-radius: 4px;
23391
- }
23392
- .v-menu > .v-overlay__content > .v-card,
23393
- .v-menu > .v-overlay__content > .v-sheet,
23394
- .v-menu > .v-overlay__content > .v-list {
23395
- background: rgb(var(--v-theme-surface));
23396
- border-radius: inherit;
23397
- overflow: auto;
23398
- height: 100%;
23399
- }
23400
- .v-menu > .v-overlay__content > .v-card,
23401
- .v-menu > .v-overlay__content > .v-sheet,
23402
- .v-menu > .v-overlay__content > .v-list {
23403
- 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));
23404
23433
  }.v-messages {
23405
23434
  flex: 1 1 auto;
23406
23435
  font-size: 12px;
@@ -23583,6 +23612,20 @@ textarea.v-field__input::placeholder {
23583
23612
  }
23584
23613
  .v-otp-input__loader .v-progress-linear {
23585
23614
  position: absolute;
23615
+ }.v-pagination__list {
23616
+ display: inline-flex;
23617
+ list-style-type: none;
23618
+ justify-content: center;
23619
+ width: 100%;
23620
+ }
23621
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23622
+ margin: 0.3rem;
23623
+ }.v-parallax {
23624
+ position: relative;
23625
+ overflow: hidden;
23626
+ }
23627
+ .v-parallax--active > .v-img__img {
23628
+ will-change: transform;
23586
23629
  }.v-overlay-container {
23587
23630
  contain: layout;
23588
23631
  left: 0;
@@ -23646,20 +23689,6 @@ html.v-overlay-scroll-blocked {
23646
23689
 
23647
23690
  .v-overlay--scroll-blocked {
23648
23691
  padding-inline-end: var(--v-scrollbar-offset);
23649
- }.v-pagination__list {
23650
- display: inline-flex;
23651
- list-style-type: none;
23652
- justify-content: center;
23653
- width: 100%;
23654
- }
23655
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23656
- margin: 0.3rem;
23657
- }.v-parallax {
23658
- position: relative;
23659
- overflow: hidden;
23660
- }
23661
- .v-parallax--active > .v-img__img {
23662
- will-change: transform;
23663
23692
  }.v-progress-linear {
23664
23693
  background: transparent;
23665
23694
  overflow: hidden;
@@ -23990,18 +24019,6 @@ html.v-overlay-scroll-blocked {
23990
24019
  100% {
23991
24020
  transform: rotate(270deg);
23992
24021
  }
23993
- }.v-radio-group > .v-input__control {
23994
- flex-direction: column;
23995
- }
23996
- .v-radio-group > .v-input__control > .v-label {
23997
- margin-inline-start: 16px;
23998
- }
23999
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24000
- padding-inline-start: 6px;
24001
- margin-top: 8px;
24002
- }
24003
- .v-radio-group .v-input__details {
24004
- padding-inline: 16px;
24005
24022
  }.v-slider .v-slider__container input {
24006
24023
  cursor: default;
24007
24024
  padding: 0;
@@ -24059,6 +24076,18 @@ html.v-overlay-scroll-blocked {
24059
24076
 
24060
24077
  .v-slider__label {
24061
24078
  margin-inline-end: 12px;
24079
+ }.v-radio-group > .v-input__control {
24080
+ flex-direction: column;
24081
+ }
24082
+ .v-radio-group > .v-input__control > .v-label {
24083
+ margin-inline-start: 16px;
24084
+ }
24085
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
24086
+ padding-inline-start: 6px;
24087
+ margin-top: 8px;
24088
+ }
24089
+ .v-radio-group .v-input__details {
24090
+ padding-inline: 16px;
24062
24091
  }.v-rating {
24063
24092
  max-width: 100%;
24064
24093
  display: inline-flex;
@@ -24617,222 +24646,82 @@ html.v-overlay-scroll-blocked {
24617
24646
  .v-slide-group--vertical .v-slide-group__container {
24618
24647
  overflow-x: hidden;
24619
24648
  overflow-y: auto;
24620
- }.v-snackbar {
24621
- justify-content: center;
24622
- z-index: 10000;
24623
- margin: 8px;
24624
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
24625
- padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
24649
+ }.v-speed-dial__content {
24650
+ gap: 8px;
24626
24651
  }
24627
- .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
24628
- align-items: flex-end;
24652
+ .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 {
24653
+ flex-direction: row;
24629
24654
  }
24630
- .v-snackbar__wrapper {
24631
- align-items: center;
24632
- display: flex;
24633
- max-width: 672px;
24634
- min-height: 48px;
24635
- min-width: 344px;
24636
- overflow: hidden;
24637
- padding: 0;
24655
+ .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 {
24656
+ flex-direction: row-reverse;
24638
24657
  }
24639
- .v-snackbar__wrapper {
24640
- border-radius: 4px;
24658
+ .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 {
24659
+ flex-direction: column-reverse;
24641
24660
  }
24642
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
24643
- background: transparent;
24644
- color: inherit;
24661
+ .v-speed-dial__content > *:nth-child(1) {
24662
+ transition-delay: 0s;
24645
24663
  }
24646
- .v-snackbar--variant-plain {
24647
- opacity: 0.62;
24664
+ .v-speed-dial__content > *:nth-child(2) {
24665
+ transition-delay: 0.05s;
24648
24666
  }
24649
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
24650
- opacity: 1;
24667
+ .v-speed-dial__content > *:nth-child(3) {
24668
+ transition-delay: 0.1s;
24651
24669
  }
24652
- .v-snackbar--variant-plain .v-snackbar__overlay {
24653
- display: none;
24670
+ .v-speed-dial__content > *:nth-child(4) {
24671
+ transition-delay: 0.15s;
24654
24672
  }
24655
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
24656
- background: rgb(var(--v-theme-surface-variant));
24657
- color: rgb(var(--v-theme-on-surface-variant));
24673
+ .v-speed-dial__content > *:nth-child(5) {
24674
+ transition-delay: 0.2s;
24658
24675
  }
24659
- .v-snackbar--variant-elevated {
24660
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24676
+ .v-speed-dial__content > *:nth-child(6) {
24677
+ transition-delay: 0.25s;
24661
24678
  }
24662
- .v-snackbar--variant-flat {
24663
- 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));
24679
+ .v-speed-dial__content > *:nth-child(7) {
24680
+ transition-delay: 0.3s;
24664
24681
  }
24665
- .v-snackbar--variant-outlined {
24666
- border: thin solid currentColor;
24682
+ .v-speed-dial__content > *:nth-child(8) {
24683
+ transition-delay: 0.35s;
24667
24684
  }
24668
- .v-snackbar--variant-text .v-snackbar__overlay {
24669
- background: currentColor;
24685
+ .v-speed-dial__content > *:nth-child(9) {
24686
+ transition-delay: 0.4s;
24670
24687
  }
24671
- .v-snackbar--variant-tonal .v-snackbar__underlay {
24672
- background: currentColor;
24673
- opacity: var(--v-activated-opacity);
24674
- border-radius: inherit;
24675
- top: 0;
24676
- right: 0;
24677
- bottom: 0;
24678
- left: 0;
24679
- pointer-events: none;
24688
+ .v-speed-dial__content > *:nth-child(10) {
24689
+ transition-delay: 0.45s;
24690
+ }.v-stepper.v-sheet {
24691
+ overflow: hidden;
24680
24692
  }
24681
- .v-snackbar .v-snackbar__underlay {
24682
- position: absolute;
24693
+ .v-stepper.v-sheet {
24694
+ 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));
24683
24695
  }
24684
-
24685
- .v-snackbar__content {
24686
- flex-grow: 1;
24687
- font-size: 0.875rem;
24688
- font-weight: 400;
24689
- letter-spacing: 0.0178571429em;
24690
- line-height: 1.425;
24691
- margin-right: auto;
24692
- padding: 14px 16px;
24693
- text-align: initial;
24696
+ .v-stepper.v-sheet {
24697
+ border-radius: 4px;
24694
24698
  }
24695
- .v-snackbar__actions {
24699
+ .v-stepper.v-sheet.v-stepper--flat {
24700
+ 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));
24701
+ }
24702
+
24703
+ .v-stepper-header {
24696
24704
  align-items: center;
24697
- align-self: center;
24698
24705
  display: flex;
24699
- margin-inline-end: 8px;
24700
- }
24701
- .v-snackbar__actions > .v-btn {
24702
- padding: 0 8px;
24703
- min-width: auto;
24706
+ position: relative;
24707
+ overflow-x: auto;
24708
+ justify-content: space-between;
24709
+ z-index: 1;
24704
24710
  }
24705
- .v-snackbar__timer {
24706
- width: 100%;
24707
- position: absolute;
24708
- top: 0;
24711
+ .v-stepper-header {
24712
+ 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));
24709
24713
  }
24710
- .v-snackbar__timer .v-progress-linear {
24711
- transition: 0.2s linear;
24714
+ .v-stepper-header .v-divider {
24715
+ margin: 0 -16px;
24712
24716
  }
24713
- .v-snackbar--absolute {
24714
- position: absolute;
24715
- z-index: 1;
24717
+ .v-stepper-header .v-divider:last-child {
24718
+ margin-inline-end: 0;
24716
24719
  }
24717
- .v-snackbar--multi-line .v-snackbar__wrapper {
24718
- min-height: 68px;
24720
+ .v-stepper-header .v-divider:first-child {
24721
+ margin-inline-start: 0;
24719
24722
  }
24720
- .v-snackbar--vertical .v-snackbar__wrapper {
24721
- flex-direction: column;
24722
- }
24723
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24724
- align-self: flex-end;
24725
- margin-bottom: 8px;
24726
- }
24727
- .v-snackbar--center {
24728
- align-items: center;
24729
- justify-content: center;
24730
- }
24731
- .v-snackbar--top {
24732
- align-items: flex-start;
24733
- }
24734
- .v-snackbar--bottom {
24735
- align-items: flex-end;
24736
- }
24737
- .v-snackbar--left, .v-snackbar--start {
24738
- justify-content: flex-start;
24739
- }
24740
- .v-snackbar--right, .v-snackbar--end {
24741
- justify-content: flex-end;
24742
- }
24743
-
24744
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24745
- transition-duration: 0.15s;
24746
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24747
- }
24748
- .v-snackbar-transition-enter-active {
24749
- transition-property: opacity, transform;
24750
- }
24751
- .v-snackbar-transition-enter-from {
24752
- opacity: 0;
24753
- transform: scale(0.8);
24754
- }
24755
- .v-snackbar-transition-leave-active {
24756
- transition-property: opacity;
24757
- }
24758
- .v-snackbar-transition-leave-to {
24759
- opacity: 0;
24760
- }.v-speed-dial__content {
24761
- gap: 8px;
24762
- }
24763
- .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 {
24764
- flex-direction: row;
24765
- }
24766
- .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 {
24767
- flex-direction: row-reverse;
24768
- }
24769
- .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 {
24770
- flex-direction: column-reverse;
24771
- }
24772
- .v-speed-dial__content > *:nth-child(1) {
24773
- transition-delay: 0s;
24774
- }
24775
- .v-speed-dial__content > *:nth-child(2) {
24776
- transition-delay: 0.05s;
24777
- }
24778
- .v-speed-dial__content > *:nth-child(3) {
24779
- transition-delay: 0.1s;
24780
- }
24781
- .v-speed-dial__content > *:nth-child(4) {
24782
- transition-delay: 0.15s;
24783
- }
24784
- .v-speed-dial__content > *:nth-child(5) {
24785
- transition-delay: 0.2s;
24786
- }
24787
- .v-speed-dial__content > *:nth-child(6) {
24788
- transition-delay: 0.25s;
24789
- }
24790
- .v-speed-dial__content > *:nth-child(7) {
24791
- transition-delay: 0.3s;
24792
- }
24793
- .v-speed-dial__content > *:nth-child(8) {
24794
- transition-delay: 0.35s;
24795
- }
24796
- .v-speed-dial__content > *:nth-child(9) {
24797
- transition-delay: 0.4s;
24798
- }
24799
- .v-speed-dial__content > *:nth-child(10) {
24800
- transition-delay: 0.45s;
24801
- }.v-stepper.v-sheet {
24802
- overflow: hidden;
24803
- }
24804
- .v-stepper.v-sheet {
24805
- 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));
24806
- }
24807
- .v-stepper.v-sheet {
24808
- border-radius: 4px;
24809
- }
24810
- .v-stepper.v-sheet.v-stepper--flat {
24811
- 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));
24812
- }
24813
-
24814
- .v-stepper-header {
24815
- align-items: center;
24816
- display: flex;
24817
- position: relative;
24818
- overflow-x: auto;
24819
- justify-content: space-between;
24820
- z-index: 1;
24821
- }
24822
- .v-stepper-header {
24823
- 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));
24824
- }
24825
- .v-stepper-header .v-divider {
24826
- margin: 0 -16px;
24827
- }
24828
- .v-stepper-header .v-divider:last-child {
24829
- margin-inline-end: 0;
24830
- }
24831
- .v-stepper-header .v-divider:first-child {
24832
- margin-inline-start: 0;
24833
- }
24834
- .v-stepper--alt-labels .v-stepper-header {
24835
- height: auto;
24723
+ .v-stepper--alt-labels .v-stepper-header {
24724
+ height: auto;
24836
24725
  }
24837
24726
  .v-stepper--alt-labels .v-stepper-header .v-divider {
24838
24727
  align-self: flex-start;
@@ -25293,6 +25182,112 @@ html.v-overlay-scroll-blocked {
25293
25182
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25294
25183
  margin-inline-end: 52px;
25295
25184
  }
25185
+ }/* region BLOCK */
25186
+ .v-text-field input {
25187
+ color: inherit;
25188
+ opacity: 0;
25189
+ flex: 1;
25190
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25191
+ min-width: 0;
25192
+ }
25193
+ .v-text-field input:focus, .v-text-field input:active {
25194
+ outline: none;
25195
+ }
25196
+ .v-text-field input:invalid {
25197
+ box-shadow: none;
25198
+ }
25199
+ .v-text-field .v-field {
25200
+ cursor: text;
25201
+ }
25202
+ .v-text-field--prefixed.v-text-field .v-field__input {
25203
+ --v-field-padding-start: 6px;
25204
+ }
25205
+
25206
+ .v-text-field--suffixed.v-text-field .v-field__input {
25207
+ --v-field-padding-end: 0;
25208
+ }
25209
+
25210
+ .v-text-field .v-input__details {
25211
+ padding-inline: 16px;
25212
+ }
25213
+ .v-input--plain-underlined.v-text-field .v-input__details {
25214
+ padding-inline: 0;
25215
+ }
25216
+
25217
+ .v-text-field .v-field--no-label input,
25218
+ .v-text-field .v-field--active input {
25219
+ opacity: 1;
25220
+ }
25221
+ .v-text-field .v-field--single-line input {
25222
+ transition: none;
25223
+ }
25224
+
25225
+ /* endregion */
25226
+ /* region ELEMENTS */
25227
+ .v-text-field__prefix, .v-text-field__suffix {
25228
+ align-items: center;
25229
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25230
+ cursor: default;
25231
+ display: flex;
25232
+ opacity: 0;
25233
+ transition: inherit;
25234
+ white-space: nowrap;
25235
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25236
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25237
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25238
+ }
25239
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25240
+ opacity: 1;
25241
+ }
25242
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25243
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25244
+ }
25245
+ .v-text-field__prefix {
25246
+ padding-inline-start: var(--v-field-padding-start);
25247
+ }
25248
+ .v-text-field__suffix {
25249
+ padding-inline-end: var(--v-field-padding-end);
25250
+ }
25251
+
25252
+ /* endregion */.v-textarea .v-field {
25253
+ --v-textarea-control-height: var(--v-input-control-height);
25254
+ }
25255
+ .v-textarea .v-field__field {
25256
+ --v-input-control-height: var(--v-textarea-control-height);
25257
+ }
25258
+ .v-textarea .v-field__input {
25259
+ flex: 1 1 auto;
25260
+ outline: none;
25261
+ -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));
25262
+ 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));
25263
+ }
25264
+ .v-textarea .v-field__input.v-textarea__sizer {
25265
+ visibility: hidden;
25266
+ position: absolute;
25267
+ top: 0;
25268
+ left: 0;
25269
+ height: 0 !important;
25270
+ min-height: 0 !important;
25271
+ pointer-events: none;
25272
+ }
25273
+ .v-textarea--no-resize .v-field__input {
25274
+ resize: none;
25275
+ }
25276
+ .v-textarea .v-field--no-label textarea,
25277
+ .v-textarea .v-field--active textarea {
25278
+ opacity: 1;
25279
+ }
25280
+ .v-textarea textarea {
25281
+ opacity: 0;
25282
+ flex: 1;
25283
+ min-width: 0;
25284
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25285
+ }
25286
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25287
+ outline: none;
25288
+ }
25289
+ .v-textarea textarea:invalid {
25290
+ box-shadow: none;
25296
25291
  }.v-table {
25297
25292
  font-size: 0.875rem;
25298
25293
  transition-duration: 0.28s;
@@ -25435,115 +25430,152 @@ html.v-overlay-scroll-blocked {
25435
25430
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25436
25431
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25437
25432
  border-top: 0px !important;
25438
- }.v-textarea .v-field {
25439
- --v-textarea-control-height: var(--v-input-control-height);
25440
- }
25441
- .v-textarea .v-field__field {
25442
- --v-input-control-height: var(--v-textarea-control-height);
25433
+ }.v-theme-provider {
25434
+ background: rgb(var(--v-theme-background));
25435
+ color: rgb(var(--v-theme-on-background));
25436
+ }.v-toolbar {
25437
+ align-items: flex-start;
25438
+ display: flex;
25439
+ flex: none;
25440
+ flex-direction: column;
25441
+ justify-content: space-between;
25442
+ max-width: 100%;
25443
+ position: relative;
25444
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25445
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25446
+ width: 100%;
25443
25447
  }
25444
- .v-textarea .v-field__input {
25445
- flex: 1 1 auto;
25446
- outline: none;
25447
- -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));
25448
- 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));
25448
+ .v-toolbar {
25449
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25450
+ border-style: solid;
25451
+ border-width: 0;
25449
25452
  }
25450
- .v-textarea .v-field__input.v-textarea__sizer {
25451
- visibility: hidden;
25452
- position: absolute;
25453
- top: 0;
25454
- left: 0;
25455
- height: 0 !important;
25456
- min-height: 0 !important;
25457
- pointer-events: none;
25453
+ .v-toolbar--border {
25454
+ border-width: thin;
25455
+ box-shadow: none;
25458
25456
  }
25459
- .v-textarea--no-resize .v-field__input {
25460
- resize: none;
25457
+ .v-toolbar {
25458
+ 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));
25461
25459
  }
25462
- .v-textarea .v-field--no-label textarea,
25463
- .v-textarea .v-field--active textarea {
25464
- opacity: 1;
25460
+ .v-toolbar {
25461
+ border-radius: 0;
25465
25462
  }
25466
- .v-textarea textarea {
25467
- opacity: 0;
25468
- flex: 1;
25469
- min-width: 0;
25470
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25463
+ .v-toolbar {
25464
+ background: rgb(var(--v-theme-surface-light));
25465
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25471
25466
  }
25472
- .v-textarea textarea:focus, .v-textarea textarea:active {
25473
- outline: none;
25467
+ .v-toolbar--absolute {
25468
+ position: absolute;
25474
25469
  }
25475
- .v-textarea textarea:invalid {
25476
- box-shadow: none;
25477
- }/* region BLOCK */
25478
- .v-text-field input {
25479
- color: inherit;
25480
- opacity: 0;
25481
- flex: 1;
25482
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25483
- min-width: 0;
25470
+ .v-toolbar--collapse {
25471
+ max-width: 112px;
25472
+ overflow: hidden;
25473
+ border-end-end-radius: 24px;
25484
25474
  }
25485
- .v-text-field input:focus, .v-text-field input:active {
25486
- outline: none;
25475
+ .v-toolbar--collapse .v-toolbar-title {
25476
+ display: none;
25487
25477
  }
25488
- .v-text-field input:invalid {
25489
- box-shadow: none;
25478
+ .v-toolbar--flat {
25479
+ 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));
25490
25480
  }
25491
- .v-text-field .v-field {
25492
- cursor: text;
25481
+ .v-toolbar--floating {
25482
+ display: inline-flex;
25493
25483
  }
25494
- .v-text-field--prefixed.v-text-field .v-field__input {
25495
- --v-field-padding-start: 6px;
25484
+ .v-toolbar--rounded {
25485
+ border-radius: 4px;
25496
25486
  }
25497
25487
 
25498
- .v-text-field--suffixed.v-text-field .v-field__input {
25499
- --v-field-padding-end: 0;
25488
+ .v-toolbar__content,
25489
+ .v-toolbar__extension {
25490
+ align-items: center;
25491
+ display: flex;
25492
+ flex: 0 0 auto;
25493
+ position: relative;
25494
+ transition: inherit;
25495
+ width: 100%;
25500
25496
  }
25501
25497
 
25502
- .v-text-field .v-input__details {
25503
- padding-inline: 16px;
25498
+ .v-toolbar__content {
25499
+ overflow: hidden;
25504
25500
  }
25505
- .v-input--plain-underlined.v-text-field .v-input__details {
25506
- padding-inline: 0;
25501
+ .v-toolbar__content > .v-btn:first-child {
25502
+ margin-inline-start: 4px;
25503
+ }
25504
+ .v-toolbar__content > .v-btn:last-child {
25505
+ margin-inline-end: 4px;
25506
+ }
25507
+ .v-toolbar__content > .v-toolbar-title {
25508
+ margin-inline-start: 20px;
25509
+ }
25510
+ .v-toolbar--density-prominent .v-toolbar__content {
25511
+ align-items: flex-start;
25507
25512
  }
25508
25513
 
25509
- .v-text-field .v-field--no-label input,
25510
- .v-text-field .v-field--active input {
25511
- opacity: 1;
25514
+ .v-toolbar__image {
25515
+ display: flex;
25516
+ opacity: var(--v-toolbar-image-opacity, 1);
25517
+ transition-property: opacity;
25512
25518
  }
25513
- .v-text-field .v-field--single-line input {
25514
- transition: none;
25519
+ .v-toolbar__image {
25520
+ position: absolute;
25521
+ top: 0;
25522
+ left: 0;
25523
+ width: 100%;
25524
+ height: 100%;
25515
25525
  }
25516
25526
 
25517
- /* endregion */
25518
- /* region ELEMENTS */
25519
- .v-text-field__prefix, .v-text-field__suffix {
25527
+ .v-toolbar__prepend,
25528
+ .v-toolbar__append {
25520
25529
  align-items: center;
25521
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25522
- cursor: default;
25530
+ align-self: stretch;
25523
25531
  display: flex;
25524
- opacity: 0;
25525
- transition: inherit;
25526
- white-space: nowrap;
25527
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25528
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25529
- padding-bottom: var(--v-field-padding-bottom, 6px);
25530
25532
  }
25531
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25532
- opacity: 1;
25533
+
25534
+ .v-toolbar__prepend {
25535
+ margin-inline: 4px auto;
25533
25536
  }
25534
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25535
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25537
+
25538
+ .v-toolbar__append {
25539
+ margin-inline: auto 4px;
25536
25540
  }
25537
- .v-text-field__prefix {
25538
- padding-inline-start: var(--v-field-padding-start);
25541
+
25542
+ .v-toolbar-title {
25543
+ flex: 1 1;
25544
+ font-size: 1.25rem;
25545
+ min-width: 0;
25539
25546
  }
25540
- .v-text-field__suffix {
25541
- padding-inline-end: var(--v-field-padding-end);
25547
+ .v-toolbar-title {
25548
+ font-size: 1.25rem;
25549
+ font-weight: 400;
25550
+ letter-spacing: 0;
25551
+ line-height: 1.75rem;
25552
+ text-transform: none;
25553
+ }
25554
+ .v-toolbar--density-prominent .v-toolbar-title {
25555
+ align-self: flex-end;
25556
+ padding-bottom: 6px;
25557
+ }
25558
+ .v-toolbar--density-prominent .v-toolbar-title {
25559
+ font-size: 1.5rem;
25560
+ font-weight: 400;
25561
+ letter-spacing: 0;
25562
+ line-height: 2.25rem;
25563
+ text-transform: none;
25542
25564
  }
25543
25565
 
25544
- /* endregion */.v-theme-provider {
25545
- background: rgb(var(--v-theme-background));
25546
- color: rgb(var(--v-theme-on-background));
25566
+ .v-toolbar-title__placeholder {
25567
+ overflow: hidden;
25568
+ text-overflow: ellipsis;
25569
+ white-space: nowrap;
25570
+ }
25571
+
25572
+ .v-toolbar-items {
25573
+ display: flex;
25574
+ height: inherit;
25575
+ align-self: stretch;
25576
+ }
25577
+ .v-toolbar-items > .v-btn {
25578
+ border-radius: 0;
25547
25579
  }.v-timeline .v-timeline-divider__dot {
25548
25580
  background: rgb(var(--v-theme-surface-light));
25549
25581
  }
@@ -25984,257 +26016,225 @@ html.v-overlay-scroll-blocked {
25984
26016
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25985
26017
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25986
26018
  transition-duration: 75ms;
25987
- }.v-toolbar {
25988
- align-items: flex-start;
26019
+ }.v-window {
26020
+ overflow: hidden;
26021
+ }
26022
+ .v-window__container {
25989
26023
  display: flex;
25990
- flex: none;
25991
26024
  flex-direction: column;
25992
- justify-content: space-between;
25993
- max-width: 100%;
26025
+ height: inherit;
25994
26026
  position: relative;
25995
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25996
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
26027
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26028
+ }
26029
+ .v-window__controls {
26030
+ position: absolute;
26031
+ left: 0;
26032
+ top: 0;
25997
26033
  width: 100%;
26034
+ height: 100%;
26035
+ display: flex;
26036
+ align-items: center;
26037
+ justify-content: space-between;
26038
+ padding: 0 16px;
26039
+ pointer-events: none;
25998
26040
  }
25999
- .v-toolbar {
26000
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
26001
- border-style: solid;
26002
- border-width: 0;
26041
+ .v-window__controls > * {
26042
+ pointer-events: auto;
26003
26043
  }
26004
- .v-toolbar--border {
26005
- border-width: thin;
26006
- box-shadow: none;
26044
+ .v-window--show-arrows-on-hover {
26045
+ overflow: hidden;
26007
26046
  }
26008
- .v-toolbar {
26009
- 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));
26047
+ .v-window--show-arrows-on-hover .v-window__left {
26048
+ transform: translateX(-200%);
26010
26049
  }
26011
- .v-toolbar {
26012
- border-radius: 0;
26050
+ .v-window--show-arrows-on-hover .v-window__right {
26051
+ transform: translateX(200%);
26013
26052
  }
26014
- .v-toolbar {
26015
- background: rgb(var(--v-theme-surface-light));
26016
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
26053
+ .v-window--show-arrows-on-hover:hover .v-window__left,
26054
+ .v-window--show-arrows-on-hover:hover .v-window__right {
26055
+ transform: translateX(0);
26017
26056
  }
26018
- .v-toolbar--absolute {
26019
- position: absolute;
26057
+
26058
+ .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 {
26059
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26020
26060
  }
26021
- .v-toolbar--collapse {
26022
- max-width: 112px;
26023
- overflow: hidden;
26024
- border-end-end-radius: 24px;
26061
+ .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 {
26062
+ position: absolute !important;
26063
+ top: 0;
26064
+ width: 100%;
26025
26065
  }
26026
- .v-toolbar--collapse .v-toolbar-title {
26027
- display: none;
26066
+ .v-window-x-transition-enter-from {
26067
+ transform: translateX(100%);
26028
26068
  }
26029
- .v-toolbar--flat {
26030
- 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));
26069
+ .v-window-x-transition-leave-to {
26070
+ transform: translateX(-100%);
26031
26071
  }
26032
- .v-toolbar--floating {
26033
- display: inline-flex;
26072
+ .v-window-x-reverse-transition-enter-from {
26073
+ transform: translateX(-100%);
26034
26074
  }
26035
- .v-toolbar--rounded {
26036
- border-radius: 4px;
26075
+ .v-window-x-reverse-transition-leave-to {
26076
+ transform: translateX(100%);
26037
26077
  }
26038
-
26039
- .v-toolbar__content,
26040
- .v-toolbar__extension {
26041
- align-items: center;
26042
- display: flex;
26043
- flex: 0 0 auto;
26044
- position: relative;
26045
- transition: inherit;
26046
- width: 100%;
26078
+ .v-window-y-transition-enter-from {
26079
+ transform: translateY(100%);
26047
26080
  }
26048
-
26049
- .v-toolbar__content {
26050
- overflow: hidden;
26081
+ .v-window-y-transition-leave-to {
26082
+ transform: translateY(-100%);
26051
26083
  }
26052
- .v-toolbar__content > .v-btn:first-child {
26053
- margin-inline-start: 4px;
26084
+ .v-window-y-reverse-transition-enter-from {
26085
+ transform: translateY(-100%);
26054
26086
  }
26055
- .v-toolbar__content > .v-btn:last-child {
26056
- margin-inline-end: 4px;
26057
- }
26058
- .v-toolbar__content > .v-toolbar-title {
26059
- margin-inline-start: 20px;
26060
- }
26061
- .v-toolbar--density-prominent .v-toolbar__content {
26062
- align-items: flex-start;
26087
+ .v-window-y-reverse-transition-leave-to {
26088
+ transform: translateY(100%);
26089
+ }.v-virtual-scroll {
26090
+ display: block;
26091
+ flex: 1 1 auto;
26092
+ max-width: 100%;
26093
+ overflow: auto;
26094
+ position: relative;
26063
26095
  }
26064
-
26065
- .v-toolbar__image {
26066
- display: flex;
26067
- opacity: var(--v-toolbar-image-opacity, 1);
26068
- transition-property: opacity;
26096
+ .v-virtual-scroll__container {
26097
+ display: block;
26098
+ }.v-snackbar {
26099
+ justify-content: center;
26100
+ z-index: 10000;
26101
+ margin: 8px;
26102
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
26103
+ padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
26069
26104
  }
26070
- .v-toolbar__image {
26071
- position: absolute;
26072
- top: 0;
26073
- left: 0;
26074
- width: 100%;
26075
- height: 100%;
26105
+ .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
26106
+ align-items: flex-end;
26076
26107
  }
26077
-
26078
- .v-toolbar__prepend,
26079
- .v-toolbar__append {
26108
+ .v-snackbar__wrapper {
26080
26109
  align-items: center;
26081
- align-self: stretch;
26082
26110
  display: flex;
26111
+ max-width: 672px;
26112
+ min-height: 48px;
26113
+ min-width: 344px;
26114
+ overflow: hidden;
26115
+ padding: 0;
26083
26116
  }
26084
-
26085
- .v-toolbar__prepend {
26086
- margin-inline: 4px auto;
26087
- }
26088
-
26089
- .v-toolbar__append {
26090
- margin-inline: auto 4px;
26117
+ .v-snackbar__wrapper {
26118
+ border-radius: 4px;
26091
26119
  }
26092
-
26093
- .v-toolbar-title {
26094
- flex: 1 1;
26095
- font-size: 1.25rem;
26096
- min-width: 0;
26120
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
26121
+ background: transparent;
26122
+ color: inherit;
26097
26123
  }
26098
- .v-toolbar-title {
26099
- font-size: 1.25rem;
26100
- font-weight: 400;
26101
- letter-spacing: 0;
26102
- line-height: 1.75rem;
26103
- text-transform: none;
26124
+ .v-snackbar--variant-plain {
26125
+ opacity: 0.62;
26104
26126
  }
26105
- .v-toolbar--density-prominent .v-toolbar-title {
26106
- align-self: flex-end;
26107
- padding-bottom: 6px;
26127
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
26128
+ opacity: 1;
26108
26129
  }
26109
- .v-toolbar--density-prominent .v-toolbar-title {
26110
- font-size: 1.5rem;
26111
- font-weight: 400;
26112
- letter-spacing: 0;
26113
- line-height: 2.25rem;
26114
- text-transform: none;
26130
+ .v-snackbar--variant-plain .v-snackbar__overlay {
26131
+ display: none;
26115
26132
  }
26116
-
26117
- .v-toolbar-title__placeholder {
26118
- overflow: hidden;
26119
- text-overflow: ellipsis;
26120
- white-space: nowrap;
26133
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
26134
+ background: rgb(var(--v-theme-surface-variant));
26135
+ color: rgb(var(--v-theme-on-surface-variant));
26121
26136
  }
26122
-
26123
- .v-toolbar-items {
26124
- display: flex;
26125
- height: inherit;
26126
- align-self: stretch;
26137
+ .v-snackbar--variant-elevated {
26138
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
26127
26139
  }
26128
- .v-toolbar-items > .v-btn {
26129
- border-radius: 0;
26130
- }.v-virtual-scroll {
26131
- display: block;
26132
- flex: 1 1 auto;
26133
- max-width: 100%;
26134
- overflow: auto;
26135
- position: relative;
26140
+ .v-snackbar--variant-flat {
26141
+ 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));
26136
26142
  }
26137
- .v-virtual-scroll__container {
26138
- display: block;
26139
- }.v-window {
26140
- overflow: hidden;
26143
+ .v-snackbar--variant-outlined {
26144
+ border: thin solid currentColor;
26141
26145
  }
26142
- .v-window__container {
26143
- display: flex;
26144
- flex-direction: column;
26145
- height: inherit;
26146
- position: relative;
26147
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26146
+ .v-snackbar--variant-text .v-snackbar__overlay {
26147
+ background: currentColor;
26148
26148
  }
26149
- .v-window__controls {
26150
- position: absolute;
26151
- left: 0;
26149
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
26150
+ background: currentColor;
26151
+ opacity: var(--v-activated-opacity);
26152
+ border-radius: inherit;
26152
26153
  top: 0;
26153
- width: 100%;
26154
- height: 100%;
26155
- display: flex;
26156
- align-items: center;
26157
- justify-content: space-between;
26158
- padding: 0 16px;
26154
+ right: 0;
26155
+ bottom: 0;
26156
+ left: 0;
26159
26157
  pointer-events: none;
26160
26158
  }
26161
- .v-window__controls > * {
26162
- pointer-events: auto;
26159
+ .v-snackbar .v-snackbar__underlay {
26160
+ position: absolute;
26163
26161
  }
26164
- .v-window--show-arrows-on-hover {
26165
- overflow: hidden;
26162
+
26163
+ .v-snackbar__content {
26164
+ flex-grow: 1;
26165
+ font-size: 0.875rem;
26166
+ font-weight: 400;
26167
+ letter-spacing: 0.0178571429em;
26168
+ line-height: 1.425;
26169
+ margin-right: auto;
26170
+ padding: 14px 16px;
26171
+ text-align: initial;
26166
26172
  }
26167
- .v-window--show-arrows-on-hover .v-window__left {
26168
- transform: translateX(-200%);
26173
+ .v-snackbar__actions {
26174
+ align-items: center;
26175
+ align-self: center;
26176
+ display: flex;
26177
+ margin-inline-end: 8px;
26169
26178
  }
26170
- .v-window--show-arrows-on-hover .v-window__right {
26171
- transform: translateX(200%);
26179
+ .v-snackbar__actions > .v-btn {
26180
+ padding: 0 8px;
26181
+ min-width: auto;
26172
26182
  }
26173
- .v-window--show-arrows-on-hover:hover .v-window__left,
26174
- .v-window--show-arrows-on-hover:hover .v-window__right {
26175
- transform: translateX(0);
26183
+ .v-snackbar__timer {
26184
+ width: 100%;
26185
+ position: absolute;
26186
+ top: 0;
26176
26187
  }
26177
-
26178
- .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 {
26179
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26188
+ .v-snackbar__timer .v-progress-linear {
26189
+ transition: 0.2s linear;
26180
26190
  }
26181
- .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 {
26182
- position: absolute !important;
26183
- top: 0;
26184
- width: 100%;
26191
+ .v-snackbar--absolute {
26192
+ position: absolute;
26193
+ z-index: 1;
26185
26194
  }
26186
- .v-window-x-transition-enter-from {
26187
- transform: translateX(100%);
26195
+ .v-snackbar--multi-line .v-snackbar__wrapper {
26196
+ min-height: 68px;
26188
26197
  }
26189
- .v-window-x-transition-leave-to {
26190
- transform: translateX(-100%);
26198
+ .v-snackbar--vertical .v-snackbar__wrapper {
26199
+ flex-direction: column;
26191
26200
  }
26192
- .v-window-x-reverse-transition-enter-from {
26193
- transform: translateX(-100%);
26201
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
26202
+ align-self: flex-end;
26203
+ margin-bottom: 8px;
26194
26204
  }
26195
- .v-window-x-reverse-transition-leave-to {
26196
- transform: translateX(100%);
26205
+ .v-snackbar--center {
26206
+ align-items: center;
26207
+ justify-content: center;
26197
26208
  }
26198
- .v-window-y-transition-enter-from {
26199
- transform: translateY(100%);
26209
+ .v-snackbar--top {
26210
+ align-items: flex-start;
26200
26211
  }
26201
- .v-window-y-transition-leave-to {
26202
- transform: translateY(-100%);
26212
+ .v-snackbar--bottom {
26213
+ align-items: flex-end;
26203
26214
  }
26204
- .v-window-y-reverse-transition-enter-from {
26205
- transform: translateY(-100%);
26215
+ .v-snackbar--left, .v-snackbar--start {
26216
+ justify-content: flex-start;
26206
26217
  }
26207
- .v-window-y-reverse-transition-leave-to {
26208
- transform: translateY(100%);
26209
- }.v-file-input--hide.v-input .v-field,
26210
- .v-file-input--hide.v-input .v-input__control,
26211
- .v-file-input--hide.v-input .v-input__details {
26212
- display: none;
26218
+ .v-snackbar--right, .v-snackbar--end {
26219
+ justify-content: flex-end;
26213
26220
  }
26214
- .v-file-input--hide.v-input .v-input__prepend {
26215
- grid-area: control;
26216
- margin: 0 auto;
26221
+
26222
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
26223
+ transition-duration: 0.15s;
26224
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26217
26225
  }
26218
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
26219
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
26220
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
26221
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
26222
- top: 0px;
26226
+ .v-snackbar-transition-enter-active {
26227
+ transition-property: opacity, transform;
26223
26228
  }
26224
- .v-file-input input[type=file] {
26225
- height: 100%;
26226
- left: 0;
26229
+ .v-snackbar-transition-enter-from {
26227
26230
  opacity: 0;
26228
- position: absolute;
26229
- top: 0;
26230
- width: 100%;
26231
- z-index: 1;
26231
+ transform: scale(0.8);
26232
26232
  }
26233
- .v-file-input .v-input__details {
26234
- padding-inline: 16px;
26233
+ .v-snackbar-transition-leave-active {
26234
+ transition-property: opacity;
26235
26235
  }
26236
- .v-input--plain-underlined.v-file-input .v-input__details {
26237
- padding-inline: 0;
26236
+ .v-snackbar-transition-leave-to {
26237
+ opacity: 0;
26238
26238
  }.v-color-picker-canvas {
26239
26239
  display: flex;
26240
26240
  position: relative;
@@ -26257,6 +26257,41 @@ html.v-overlay-scroll-blocked {
26257
26257
  }
26258
26258
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26259
26259
  will-change: transform;
26260
+ }.v-color-picker-swatches {
26261
+ overflow-y: auto;
26262
+ }
26263
+ .v-color-picker-swatches > div {
26264
+ display: flex;
26265
+ flex-wrap: wrap;
26266
+ justify-content: center;
26267
+ padding: 8px;
26268
+ }
26269
+
26270
+ .v-color-picker-swatches__swatch {
26271
+ display: flex;
26272
+ flex-direction: column;
26273
+ margin-bottom: 10px;
26274
+ }
26275
+
26276
+ .v-color-picker-swatches__color {
26277
+ position: relative;
26278
+ height: 18px;
26279
+ max-height: 18px;
26280
+ width: 45px;
26281
+ margin: 2px 4px;
26282
+ border-radius: 2px;
26283
+ -webkit-user-select: none;
26284
+ user-select: none;
26285
+ overflow: hidden;
26286
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26287
+ cursor: pointer;
26288
+ }
26289
+ .v-color-picker-swatches__color > div {
26290
+ display: flex;
26291
+ align-items: center;
26292
+ justify-content: center;
26293
+ width: 100%;
26294
+ height: 100%;
26260
26295
  }.v-color-picker-preview__alpha .v-slider-track__background {
26261
26296
  background-color: transparent !important;
26262
26297
  }
@@ -26355,98 +26390,222 @@ html.v-overlay-scroll-blocked {
26355
26390
  }
26356
26391
  .v-color-picker-edit__input span {
26357
26392
  font-size: 0.75rem;
26358
- }.v-color-picker-swatches {
26359
- overflow-y: auto;
26393
+ }.v-picker.v-sheet {
26394
+ display: grid;
26395
+ grid-auto-rows: min-content;
26396
+ grid-template-areas: "title" "header" "body";
26397
+ overflow: hidden;
26360
26398
  }
26361
- .v-color-picker-swatches > div {
26362
- display: flex;
26363
- flex-wrap: wrap;
26364
- justify-content: center;
26365
- padding: 8px;
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";
26366
26407
  }
26367
26408
 
26368
- .v-color-picker-swatches__swatch {
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;
26369
26422
  display: flex;
26370
- flex-direction: column;
26371
- margin-bottom: 10px;
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;
26372
26431
  }
26373
26432
 
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;
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%;
26381
26477
  -webkit-user-select: none;
26382
26478
  user-select: none;
26383
- overflow: hidden;
26384
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
26385
- cursor: pointer;
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;
26386
26543
  }
26387
- .v-color-picker-swatches__color > div {
26388
- display: flex;
26389
- align-items: center;
26390
- justify-content: center;
26391
- width: 100%;
26392
- height: 100%;
26393
- }.v-picker.v-sheet {
26394
- display: grid;
26395
- grid-auto-rows: min-content;
26396
- grid-template-areas: "title" "header" "body";
26397
- overflow: hidden;
26544
+
26545
+ .v-slider.v-input--horizontal .v-slider-thumb {
26546
+ top: 50%;
26547
+ transform: translateY(-50%);
26548
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26398
26549
  }
26399
- .v-picker.v-sheet {
26400
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
26550
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26551
+ left: calc(var(--v-slider-thumb-size) / 2);
26552
+ top: 0;
26401
26553
  }
26402
- .v-picker.v-sheet {
26403
- border-radius: 4px;
26554
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26555
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26404
26556
  }
26405
- .v-picker.v-sheet.v-picker--with-actions {
26406
- grid-template-areas: "title" "header" "body" "actions";
26557
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26558
+ transform: translateX(-50%);
26407
26559
  }
26408
26560
 
26409
- .v-picker__body {
26410
- grid-area: body;
26411
- overflow: hidden;
26412
- position: relative;
26561
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26562
+ transform: translateX(50%);
26413
26563
  }
26414
26564
 
26415
- .v-picker__header {
26416
- grid-area: header;
26565
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26566
+ border-left: 6px solid transparent;
26567
+ border-right: 6px solid transparent;
26568
+ border-top: 6px solid currentColor;
26569
+ bottom: -6px;
26417
26570
  }
26418
26571
 
26419
- .v-picker__actions {
26420
- grid-area: actions;
26421
- padding: 0 12px 12px;
26422
- display: flex;
26423
- align-items: center;
26424
- justify-content: flex-end;
26572
+ .v-slider.v-input--vertical .v-slider-thumb {
26573
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26425
26574
  }
26426
- .v-picker__actions .v-btn {
26427
- min-width: 48px;
26575
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26576
+ top: calc(var(--v-slider-thumb-size) / 2);
26577
+ right: 0;
26428
26578
  }
26429
- .v-picker__actions .v-btn:not(:last-child) {
26430
- margin-inline-end: 8px;
26579
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26580
+ top: -12.5px;
26581
+ left: calc(var(--v-slider-thumb-size) / 2);
26582
+ }
26583
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26584
+ border-right: 6px solid currentColor;
26585
+ border-top: 6px solid transparent;
26586
+ border-bottom: 6px solid transparent;
26587
+ left: -6px;
26431
26588
  }
26432
26589
 
26433
- .v-picker--landscape {
26434
- grid-template-areas: "title" "header body" "header body";
26590
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26591
+ transform: scale(2);
26592
+ opacity: var(--v-focus-opacity);
26435
26593
  }
26436
26594
 
26437
- .v-picker--landscape.v-picker--with-actions {
26438
- grid-template-areas: "title" "header body" "header actions";
26595
+ .v-slider-thumb--pressed {
26596
+ transition: none;
26597
+ }
26598
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26599
+ opacity: var(--v-pressed-opacity);
26439
26600
  }
26440
26601
 
26441
- .v-picker-title {
26442
- text-transform: uppercase;
26443
- font-size: 0.75rem;
26444
- grid-area: title;
26445
- padding-inline: 24px 12px;
26446
- padding-top: 16px;
26447
- padding-bottom: 16px;
26448
- font-weight: 400;
26449
- letter-spacing: 0.1666666667em;
26602
+ @media (hover: hover) {
26603
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26604
+ transform: scale(2);
26605
+ }
26606
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26607
+ opacity: var(--v-hover-opacity);
26608
+ }
26450
26609
  }.v-slider-track__background {
26451
26610
  background-color: rgb(var(--v-theme-surface-variant));
26452
26611
  }
@@ -26625,163 +26784,4 @@ html.v-overlay-scroll-blocked {
26625
26784
 
26626
26785
  .v-slider-track__background--opacity {
26627
26786
  opacity: 0.38;
26628
- }.v-slider-thumb {
26629
- touch-action: none;
26630
- color: rgb(var(--v-theme-surface-variant));
26631
- }
26632
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
26633
- color: inherit;
26634
- }
26635
-
26636
- .v-slider-thumb__label {
26637
- background: rgba(var(--v-theme-surface-variant), 0.7);
26638
- color: rgb(var(--v-theme-on-surface-variant));
26639
- }
26640
- .v-slider-thumb__label::before {
26641
- color: rgba(var(--v-theme-surface-variant), 0.7);
26642
- }
26643
-
26644
- .v-slider-thumb {
26645
- outline: none;
26646
- position: absolute;
26647
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26648
- }
26649
-
26650
- .v-slider-thumb__surface {
26651
- cursor: pointer;
26652
- width: var(--v-slider-thumb-size);
26653
- height: var(--v-slider-thumb-size);
26654
- border-radius: 50%;
26655
- -webkit-user-select: none;
26656
- user-select: none;
26657
- background-color: currentColor;
26658
- }
26659
- @media (forced-colors: active) {
26660
- .v-slider-thumb__surface {
26661
- background-color: highlight;
26662
- }
26663
- }
26664
- .v-slider-thumb__surface::before {
26665
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26666
- content: "";
26667
- color: inherit;
26668
- top: 0;
26669
- left: 0;
26670
- width: 100%;
26671
- height: 100%;
26672
- border-radius: 50%;
26673
- background: currentColor;
26674
- position: absolute;
26675
- pointer-events: none;
26676
- opacity: 0;
26677
- }
26678
- .v-slider-thumb__surface::after {
26679
- content: "";
26680
- width: 42px;
26681
- height: 42px;
26682
- position: absolute;
26683
- top: 50%;
26684
- left: 50%;
26685
- transform: translate(-50%, -50%);
26686
- }
26687
-
26688
- .v-slider-thumb__label-container {
26689
- position: absolute;
26690
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26691
- }
26692
-
26693
- .v-slider-thumb__label {
26694
- display: flex;
26695
- align-items: center;
26696
- justify-content: center;
26697
- font-size: 0.75rem;
26698
- min-width: 35px;
26699
- height: 25px;
26700
- border-radius: 4px;
26701
- padding: 6px;
26702
- position: absolute;
26703
- -webkit-user-select: none;
26704
- user-select: none;
26705
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26706
- }
26707
- .v-slider-thumb__label::before {
26708
- content: "";
26709
- width: 0;
26710
- height: 0;
26711
- position: absolute;
26712
- }
26713
-
26714
- .v-slider-thumb__ripple {
26715
- position: absolute;
26716
- left: calc(var(--v-slider-thumb-size) / -2);
26717
- top: calc(var(--v-slider-thumb-size) / -2);
26718
- width: calc(var(--v-slider-thumb-size) * 2);
26719
- height: calc(var(--v-slider-thumb-size) * 2);
26720
- background: inherit;
26721
- }
26722
-
26723
- .v-slider.v-input--horizontal .v-slider-thumb {
26724
- top: 50%;
26725
- transform: translateY(-50%);
26726
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26727
- }
26728
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26729
- left: calc(var(--v-slider-thumb-size) / 2);
26730
- top: 0;
26731
- }
26732
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26733
- bottom: calc(var(--v-slider-thumb-size) / 2);
26734
- }
26735
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26736
- transform: translateX(-50%);
26737
- }
26738
-
26739
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26740
- transform: translateX(50%);
26741
- }
26742
-
26743
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26744
- border-left: 6px solid transparent;
26745
- border-right: 6px solid transparent;
26746
- border-top: 6px solid currentColor;
26747
- bottom: -6px;
26748
- }
26749
-
26750
- .v-slider.v-input--vertical .v-slider-thumb {
26751
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26752
- }
26753
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26754
- top: calc(var(--v-slider-thumb-size) / 2);
26755
- right: 0;
26756
- }
26757
- .v-slider.v-input--vertical .v-slider-thumb__label {
26758
- top: -12.5px;
26759
- left: calc(var(--v-slider-thumb-size) / 2);
26760
- }
26761
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26762
- border-right: 6px solid currentColor;
26763
- border-top: 6px solid transparent;
26764
- border-bottom: 6px solid transparent;
26765
- left: -6px;
26766
- }
26767
-
26768
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26769
- transform: scale(2);
26770
- opacity: var(--v-focus-opacity);
26771
- }
26772
-
26773
- .v-slider-thumb--pressed {
26774
- transition: none;
26775
- }
26776
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26777
- opacity: var(--v-pressed-opacity);
26778
- }
26779
-
26780
- @media (hover: hover) {
26781
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26782
- transform: scale(2);
26783
- }
26784
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26785
- opacity: var(--v-hover-opacity);
26786
- }
26787
26787
  }