@nsshunt/stsvueutils 1.0.113 → 1.0.114

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/style.css CHANGED
@@ -1,2312 +1,4 @@
1
- .v-checkbox.v-input {
2
- flex: 0 1 auto;
3
- }
4
- .v-checkbox .v-selection-control {
5
- min-height: var(--v-input-control-height);
6
- }.v-selection-control {
7
- align-items: center;
8
- contain: layout;
9
- display: flex;
10
- flex: 1 0;
11
- grid-area: control;
12
- position: relative;
13
- user-select: none;
14
- }
15
- .v-selection-control .v-label {
16
- white-space: normal;
17
- word-break: break-word;
18
- height: 100%;
19
- }
20
- .v-selection-control--disabled {
21
- opacity: var(--v-disabled-opacity);
22
- pointer-events: none;
23
- }
24
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
25
- opacity: 1;
26
- }
27
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
28
- color: rgb(var(--v-theme-error));
29
- }
30
- .v-selection-control--inline {
31
- display: inline-flex;
32
- flex: 0 0 auto;
33
- min-width: 0;
34
- max-width: 100%;
35
- }
36
- .v-selection-control--inline .v-label {
37
- width: auto;
38
- }
39
- .v-selection-control--density-default {
40
- --v-selection-control-size: 40px;
41
- }
42
-
43
- .v-selection-control--density-comfortable {
44
- --v-selection-control-size: 36px;
45
- }
46
-
47
- .v-selection-control--density-compact {
48
- --v-selection-control-size: 28px;
49
- }
50
-
51
- .v-selection-control__wrapper {
52
- width: var(--v-selection-control-size);
53
- height: var(--v-selection-control-size);
54
- display: inline-flex;
55
- align-items: center;
56
- position: relative;
57
- justify-content: center;
58
- flex: none;
59
- }
60
-
61
- .v-selection-control__input {
62
- width: var(--v-selection-control-size);
63
- height: var(--v-selection-control-size);
64
- align-items: center;
65
- display: flex;
66
- flex: none;
67
- justify-content: center;
68
- position: relative;
69
- border-radius: 50%;
70
- }
71
- .v-selection-control__input input {
72
- cursor: pointer;
73
- position: absolute;
74
- left: 0;
75
- top: 0;
76
- width: 100%;
77
- height: 100%;
78
- opacity: 0;
79
- }
80
- .v-selection-control__input::before {
81
- content: "";
82
- position: absolute;
83
- top: 0;
84
- left: 0;
85
- width: 100%;
86
- height: 100%;
87
- border-radius: 100%;
88
- background-color: currentColor;
89
- opacity: 0;
90
- pointer-events: none;
91
- }
92
- .v-selection-control__input:hover::before {
93
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
94
- }
95
- .v-selection-control__input > .v-icon {
96
- opacity: var(--v-medium-emphasis-opacity);
97
- }
98
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
99
- opacity: 1;
100
- }
101
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
102
- color: rgb(var(--v-theme-error));
103
- }
104
- .v-selection-control--focus-visible .v-selection-control__input::before {
105
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
106
- }.v-icon {
107
- --v-icon-size-multiplier: 1;
108
- align-items: center;
109
- display: inline-flex;
110
- font-feature-settings: "liga";
111
- height: 1em;
112
- justify-content: center;
113
- letter-spacing: normal;
114
- line-height: 1;
115
- position: relative;
116
- text-indent: 0;
117
- text-align: center;
118
- user-select: none;
119
- vertical-align: middle;
120
- width: 1em;
121
- min-width: 1em;
122
- }
123
- .v-icon--clickable {
124
- cursor: pointer;
125
- }
126
- .v-icon--disabled {
127
- pointer-events: none;
128
- opacity: 0.38;
129
- }
130
- .v-icon--size-x-small {
131
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
132
- }
133
- .v-icon--size-small {
134
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
135
- }
136
- .v-icon--size-default {
137
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
138
- }
139
- .v-icon--size-large {
140
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
141
- }
142
- .v-icon--size-x-large {
143
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
144
- }
145
-
146
- .v-icon__svg {
147
- fill: currentColor;
148
- width: 100%;
149
- height: 100%;
150
- }
151
-
152
- .v-icon--start {
153
- margin-inline-end: 8px;
154
- }
155
-
156
- .v-icon--end {
157
- margin-inline-start: 8px;
158
- }.v-label {
159
- align-items: center;
160
- color: inherit;
161
- display: inline-flex;
162
- font-size: 1rem;
163
- letter-spacing: 0.009375em;
164
- min-width: 0;
165
- opacity: var(--v-medium-emphasis-opacity);
166
- overflow: hidden;
167
- text-overflow: ellipsis;
168
- white-space: nowrap;
169
- }
170
-
171
- .v-label--clickable {
172
- cursor: pointer;
173
- }.v-selection-control-group {
174
- grid-area: control;
175
- display: flex;
176
- flex-direction: column;
177
- }
178
- .v-selection-control-group--inline {
179
- flex-direction: row;
180
- flex-wrap: wrap;
181
- }.v-ripple__container {
182
- color: inherit;
183
- border-radius: inherit;
184
- position: absolute;
185
- width: 100%;
186
- height: 100%;
187
- left: 0;
188
- top: 0;
189
- overflow: hidden;
190
- z-index: 0;
191
- pointer-events: none;
192
- contain: strict;
193
- }
194
- .v-ripple__animation {
195
- color: inherit;
196
- position: absolute;
197
- top: 0;
198
- left: 0;
199
- border-radius: 50%;
200
- background: currentColor;
201
- opacity: 0;
202
- pointer-events: none;
203
- overflow: hidden;
204
- will-change: transform, opacity;
205
- }
206
- .v-ripple__animation--enter {
207
- transition: none;
208
- opacity: 0;
209
- }
210
- .v-ripple__animation--in {
211
- transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
212
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
213
- }
214
- .v-ripple__animation--out {
215
- transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
216
- opacity: 0;
217
- }.v-input {
218
- display: grid;
219
- flex: 1 1 auto;
220
- font-size: 1rem;
221
- font-weight: 400;
222
- line-height: 1.5;
223
- }
224
- .v-input--disabled {
225
- pointer-events: none;
226
- }
227
- .v-input--density-default {
228
- --v-input-control-height: 56px;
229
- --v-input-padding-top: 16px;
230
- }
231
-
232
- .v-input--density-comfortable {
233
- --v-input-control-height: 48px;
234
- --v-input-padding-top: 12px;
235
- }
236
-
237
- .v-input--density-compact {
238
- --v-input-control-height: 40px;
239
- --v-input-padding-top: 8px;
240
- }
241
-
242
- .v-input--vertical {
243
- grid-template-areas: "append" "control" "prepend";
244
- grid-template-rows: max-content auto max-content;
245
- grid-template-columns: min-content;
246
- }
247
- .v-input--vertical .v-input__prepend {
248
- margin-block-start: 16px;
249
- }
250
- .v-input--vertical .v-input__append {
251
- margin-block-end: 16px;
252
- }
253
-
254
- .v-input--horizontal {
255
- grid-template-areas: "prepend control append" "a messages b";
256
- grid-template-columns: max-content minmax(0, 1fr) max-content;
257
- grid-template-rows: auto auto;
258
- }
259
- .v-input--horizontal .v-input__prepend {
260
- margin-inline-end: 16px;
261
- }
262
- .v-input--horizontal .v-input__append {
263
- margin-inline-start: 16px;
264
- }
265
-
266
- .v-input__details {
267
- align-items: flex-end;
268
- display: flex;
269
- font-size: 0.75rem;
270
- font-weight: 400;
271
- grid-area: messages;
272
- letter-spacing: 0.0333333333em;
273
- line-height: normal;
274
- min-height: 22px;
275
- padding-top: 6px;
276
- overflow: hidden;
277
- justify-content: space-between;
278
- }
279
-
280
- .v-input__details > .v-icon,
281
- .v-input__prepend > .v-icon,
282
- .v-input__append > .v-icon {
283
- opacity: var(--v-medium-emphasis-opacity);
284
- }
285
- .v-input--disabled .v-input__details > .v-icon,
286
- .v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
287
- .v-input--error .v-input__details .v-messages,
288
- .v-input--disabled .v-input__prepend > .v-icon,
289
- .v-input--disabled .v-input__prepend .v-messages,
290
- .v-input--error .v-input__prepend > .v-icon,
291
- .v-input--error .v-input__prepend .v-messages,
292
- .v-input--disabled .v-input__append > .v-icon,
293
- .v-input--disabled .v-input__append .v-messages,
294
- .v-input--error .v-input__append > .v-icon,
295
- .v-input--error .v-input__append .v-messages {
296
- opacity: 1;
297
- }
298
- .v-input--disabled .v-input__details,
299
- .v-input--disabled .v-input__prepend,
300
- .v-input--disabled .v-input__append {
301
- opacity: var(--v-disabled-opacity);
302
- }
303
- .v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
304
- .v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
305
- .v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
306
- .v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
307
- .v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
308
- .v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
309
- color: rgb(var(--v-theme-error));
310
- }
311
-
312
- .v-input__prepend,
313
- .v-input__append {
314
- display: flex;
315
- align-items: flex-start;
316
- padding-top: var(--v-input-padding-top);
317
- }
318
- .v-input--center-affix .v-input__prepend,
319
- .v-input--center-affix .v-input__append {
320
- align-items: center;
321
- padding-top: 0;
322
- }
323
-
324
- .v-input__prepend {
325
- grid-area: prepend;
326
- }
327
-
328
- .v-input__append {
329
- grid-area: append;
330
- }
331
-
332
- .v-input__control {
333
- display: flex;
334
- grid-area: control;
335
- }
336
-
337
- .v-input--hide-spin-buttons input::-webkit-outer-spin-button,
338
- .v-input--hide-spin-buttons input::-webkit-inner-spin-button {
339
- -webkit-appearance: none;
340
- margin: 0;
341
- }
342
- .v-input--hide-spin-buttons input[type=number] {
343
- -moz-appearance: textfield;
344
- }
345
- .v-input--plain-underlined .v-input__prepend,
346
- .v-input--plain-underlined .v-input__append {
347
- align-items: flex-start;
348
- }
349
- .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
350
- padding-top: calc(var(--v-input-padding-top) + 4px);
351
- }
352
-
353
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
354
- padding-top: calc(var(--v-input-padding-top) + 2px);
355
- }
356
-
357
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
358
- padding-top: calc(var(--v-input-padding-top) + 0px);
359
- }.v-messages {
360
- flex: 1 1 auto;
361
- font-size: 12px;
362
- min-height: 14px;
363
- min-width: 1px;
364
- opacity: var(--v-medium-emphasis-opacity);
365
- position: relative;
366
- }
367
- .v-messages__message {
368
- line-height: 12px;
369
- word-break: break-word;
370
- overflow-wrap: break-word;
371
- word-wrap: break-word;
372
- hyphens: auto;
373
- transition-duration: 150ms;
374
- }.v-divider {
375
- display: block;
376
- flex: 1 1 100%;
377
- height: 0px;
378
- max-height: 0px;
379
- opacity: var(--v-border-opacity);
380
- transition: inherit;
381
- border-style: solid;
382
- border-width: thin 0 0 0;
383
- }
384
- .v-divider--vertical {
385
- align-self: stretch;
386
- border-width: 0 thin 0 0;
387
- display: inline-flex;
388
- height: 100%;
389
- margin-left: -1px;
390
- max-height: 100%;
391
- max-width: 0px;
392
- vertical-align: text-bottom;
393
- width: 0px;
394
- }
395
- .v-divider--inset:not(.v-divider--vertical) {
396
- max-width: calc(100% - 72px);
397
- margin-inline-start: 72px;
398
- }
399
- .v-divider--inset.v-divider--vertical {
400
- margin-bottom: 8px;
401
- margin-top: 8px;
402
- max-height: calc(100% - 16px);
403
- }.v-container {
404
- width: 100%;
405
- padding: 16px;
406
- margin-right: auto;
407
- margin-left: auto;
408
- }
409
- @media (min-width: 960px) {
410
- .v-container {
411
- max-width: 900px;
412
- }
413
- }
414
- @media (min-width: 1280px) {
415
- .v-container {
416
- max-width: 1200px;
417
- }
418
- }
419
- @media (min-width: 1920px) {
420
- .v-container {
421
- max-width: 1800px;
422
- }
423
- }
424
- @media (min-width: 2560px) {
425
- .v-container {
426
- max-width: 2400px;
427
- }
428
- }
429
- .v-container--fluid {
430
- max-width: 100%;
431
- }
432
- .v-container.fill-height {
433
- align-items: center;
434
- display: flex;
435
- flex-wrap: wrap;
436
- }
437
-
438
- .v-row {
439
- display: flex;
440
- flex-wrap: wrap;
441
- flex: 1 1 auto;
442
- margin: -12px;
443
- }
444
- .v-row + .v-row {
445
- margin-top: 12px;
446
- }
447
- .v-row + .v-row--dense {
448
- margin-top: 4px;
449
- }
450
- .v-row--dense {
451
- margin: -4px;
452
- }
453
- .v-row--dense > .v-col,
454
- .v-row--dense > [class*=v-col-] {
455
- padding: 4px;
456
- }
457
- .v-row.v-row--no-gutters {
458
- margin: 0;
459
- }
460
- .v-row.v-row--no-gutters > .v-col,
461
- .v-row.v-row--no-gutters > [class*=v-col-] {
462
- padding: 0;
463
- }
464
-
465
- .v-spacer {
466
- flex-grow: 1;
467
- }
468
-
469
- .v-col-xxl,
470
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
471
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
472
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
473
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
474
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
475
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
476
- width: 100%;
477
- padding: 12px;
478
- }
479
-
480
- .v-col {
481
- flex-basis: 0;
482
- flex-grow: 1;
483
- max-width: 100%;
484
- }
485
-
486
- .v-col-auto {
487
- flex: 0 0 auto;
488
- width: auto;
489
- max-width: 100%;
490
- }
491
-
492
- .v-col-1 {
493
- flex: 0 0 8.3333333333%;
494
- max-width: 8.3333333333%;
495
- }
496
-
497
- .v-col-2 {
498
- flex: 0 0 16.6666666667%;
499
- max-width: 16.6666666667%;
500
- }
501
-
502
- .v-col-3 {
503
- flex: 0 0 25%;
504
- max-width: 25%;
505
- }
506
-
507
- .v-col-4 {
508
- flex: 0 0 33.3333333333%;
509
- max-width: 33.3333333333%;
510
- }
511
-
512
- .v-col-5 {
513
- flex: 0 0 41.6666666667%;
514
- max-width: 41.6666666667%;
515
- }
516
-
517
- .v-col-6 {
518
- flex: 0 0 50%;
519
- max-width: 50%;
520
- }
521
-
522
- .v-col-7 {
523
- flex: 0 0 58.3333333333%;
524
- max-width: 58.3333333333%;
525
- }
526
-
527
- .v-col-8 {
528
- flex: 0 0 66.6666666667%;
529
- max-width: 66.6666666667%;
530
- }
531
-
532
- .v-col-9 {
533
- flex: 0 0 75%;
534
- max-width: 75%;
535
- }
536
-
537
- .v-col-10 {
538
- flex: 0 0 83.3333333333%;
539
- max-width: 83.3333333333%;
540
- }
541
-
542
- .v-col-11 {
543
- flex: 0 0 91.6666666667%;
544
- max-width: 91.6666666667%;
545
- }
546
-
547
- .v-col-12 {
548
- flex: 0 0 100%;
549
- max-width: 100%;
550
- }
551
-
552
- .offset-1 {
553
- margin-inline-start: 8.3333333333%;
554
- }
555
-
556
- .offset-2 {
557
- margin-inline-start: 16.6666666667%;
558
- }
559
-
560
- .offset-3 {
561
- margin-inline-start: 25%;
562
- }
563
-
564
- .offset-4 {
565
- margin-inline-start: 33.3333333333%;
566
- }
567
-
568
- .offset-5 {
569
- margin-inline-start: 41.6666666667%;
570
- }
571
-
572
- .offset-6 {
573
- margin-inline-start: 50%;
574
- }
575
-
576
- .offset-7 {
577
- margin-inline-start: 58.3333333333%;
578
- }
579
-
580
- .offset-8 {
581
- margin-inline-start: 66.6666666667%;
582
- }
583
-
584
- .offset-9 {
585
- margin-inline-start: 75%;
586
- }
587
-
588
- .offset-10 {
589
- margin-inline-start: 83.3333333333%;
590
- }
591
-
592
- .offset-11 {
593
- margin-inline-start: 91.6666666667%;
594
- }
595
-
596
- @media (min-width: 600px) {
597
- .v-col-sm {
598
- flex-basis: 0;
599
- flex-grow: 1;
600
- max-width: 100%;
601
- }
602
- .v-col-sm-auto {
603
- flex: 0 0 auto;
604
- width: auto;
605
- max-width: 100%;
606
- }
607
- .v-col-sm-1 {
608
- flex: 0 0 8.3333333333%;
609
- max-width: 8.3333333333%;
610
- }
611
- .v-col-sm-2 {
612
- flex: 0 0 16.6666666667%;
613
- max-width: 16.6666666667%;
614
- }
615
- .v-col-sm-3 {
616
- flex: 0 0 25%;
617
- max-width: 25%;
618
- }
619
- .v-col-sm-4 {
620
- flex: 0 0 33.3333333333%;
621
- max-width: 33.3333333333%;
622
- }
623
- .v-col-sm-5 {
624
- flex: 0 0 41.6666666667%;
625
- max-width: 41.6666666667%;
626
- }
627
- .v-col-sm-6 {
628
- flex: 0 0 50%;
629
- max-width: 50%;
630
- }
631
- .v-col-sm-7 {
632
- flex: 0 0 58.3333333333%;
633
- max-width: 58.3333333333%;
634
- }
635
- .v-col-sm-8 {
636
- flex: 0 0 66.6666666667%;
637
- max-width: 66.6666666667%;
638
- }
639
- .v-col-sm-9 {
640
- flex: 0 0 75%;
641
- max-width: 75%;
642
- }
643
- .v-col-sm-10 {
644
- flex: 0 0 83.3333333333%;
645
- max-width: 83.3333333333%;
646
- }
647
- .v-col-sm-11 {
648
- flex: 0 0 91.6666666667%;
649
- max-width: 91.6666666667%;
650
- }
651
- .v-col-sm-12 {
652
- flex: 0 0 100%;
653
- max-width: 100%;
654
- }
655
- .offset-sm-0 {
656
- margin-inline-start: 0;
657
- }
658
- .offset-sm-1 {
659
- margin-inline-start: 8.3333333333%;
660
- }
661
- .offset-sm-2 {
662
- margin-inline-start: 16.6666666667%;
663
- }
664
- .offset-sm-3 {
665
- margin-inline-start: 25%;
666
- }
667
- .offset-sm-4 {
668
- margin-inline-start: 33.3333333333%;
669
- }
670
- .offset-sm-5 {
671
- margin-inline-start: 41.6666666667%;
672
- }
673
- .offset-sm-6 {
674
- margin-inline-start: 50%;
675
- }
676
- .offset-sm-7 {
677
- margin-inline-start: 58.3333333333%;
678
- }
679
- .offset-sm-8 {
680
- margin-inline-start: 66.6666666667%;
681
- }
682
- .offset-sm-9 {
683
- margin-inline-start: 75%;
684
- }
685
- .offset-sm-10 {
686
- margin-inline-start: 83.3333333333%;
687
- }
688
- .offset-sm-11 {
689
- margin-inline-start: 91.6666666667%;
690
- }
691
- }
692
- @media (min-width: 960px) {
693
- .v-col-md {
694
- flex-basis: 0;
695
- flex-grow: 1;
696
- max-width: 100%;
697
- }
698
- .v-col-md-auto {
699
- flex: 0 0 auto;
700
- width: auto;
701
- max-width: 100%;
702
- }
703
- .v-col-md-1 {
704
- flex: 0 0 8.3333333333%;
705
- max-width: 8.3333333333%;
706
- }
707
- .v-col-md-2 {
708
- flex: 0 0 16.6666666667%;
709
- max-width: 16.6666666667%;
710
- }
711
- .v-col-md-3 {
712
- flex: 0 0 25%;
713
- max-width: 25%;
714
- }
715
- .v-col-md-4 {
716
- flex: 0 0 33.3333333333%;
717
- max-width: 33.3333333333%;
718
- }
719
- .v-col-md-5 {
720
- flex: 0 0 41.6666666667%;
721
- max-width: 41.6666666667%;
722
- }
723
- .v-col-md-6 {
724
- flex: 0 0 50%;
725
- max-width: 50%;
726
- }
727
- .v-col-md-7 {
728
- flex: 0 0 58.3333333333%;
729
- max-width: 58.3333333333%;
730
- }
731
- .v-col-md-8 {
732
- flex: 0 0 66.6666666667%;
733
- max-width: 66.6666666667%;
734
- }
735
- .v-col-md-9 {
736
- flex: 0 0 75%;
737
- max-width: 75%;
738
- }
739
- .v-col-md-10 {
740
- flex: 0 0 83.3333333333%;
741
- max-width: 83.3333333333%;
742
- }
743
- .v-col-md-11 {
744
- flex: 0 0 91.6666666667%;
745
- max-width: 91.6666666667%;
746
- }
747
- .v-col-md-12 {
748
- flex: 0 0 100%;
749
- max-width: 100%;
750
- }
751
- .offset-md-0 {
752
- margin-inline-start: 0;
753
- }
754
- .offset-md-1 {
755
- margin-inline-start: 8.3333333333%;
756
- }
757
- .offset-md-2 {
758
- margin-inline-start: 16.6666666667%;
759
- }
760
- .offset-md-3 {
761
- margin-inline-start: 25%;
762
- }
763
- .offset-md-4 {
764
- margin-inline-start: 33.3333333333%;
765
- }
766
- .offset-md-5 {
767
- margin-inline-start: 41.6666666667%;
768
- }
769
- .offset-md-6 {
770
- margin-inline-start: 50%;
771
- }
772
- .offset-md-7 {
773
- margin-inline-start: 58.3333333333%;
774
- }
775
- .offset-md-8 {
776
- margin-inline-start: 66.6666666667%;
777
- }
778
- .offset-md-9 {
779
- margin-inline-start: 75%;
780
- }
781
- .offset-md-10 {
782
- margin-inline-start: 83.3333333333%;
783
- }
784
- .offset-md-11 {
785
- margin-inline-start: 91.6666666667%;
786
- }
787
- }
788
- @media (min-width: 1280px) {
789
- .v-col-lg {
790
- flex-basis: 0;
791
- flex-grow: 1;
792
- max-width: 100%;
793
- }
794
- .v-col-lg-auto {
795
- flex: 0 0 auto;
796
- width: auto;
797
- max-width: 100%;
798
- }
799
- .v-col-lg-1 {
800
- flex: 0 0 8.3333333333%;
801
- max-width: 8.3333333333%;
802
- }
803
- .v-col-lg-2 {
804
- flex: 0 0 16.6666666667%;
805
- max-width: 16.6666666667%;
806
- }
807
- .v-col-lg-3 {
808
- flex: 0 0 25%;
809
- max-width: 25%;
810
- }
811
- .v-col-lg-4 {
812
- flex: 0 0 33.3333333333%;
813
- max-width: 33.3333333333%;
814
- }
815
- .v-col-lg-5 {
816
- flex: 0 0 41.6666666667%;
817
- max-width: 41.6666666667%;
818
- }
819
- .v-col-lg-6 {
820
- flex: 0 0 50%;
821
- max-width: 50%;
822
- }
823
- .v-col-lg-7 {
824
- flex: 0 0 58.3333333333%;
825
- max-width: 58.3333333333%;
826
- }
827
- .v-col-lg-8 {
828
- flex: 0 0 66.6666666667%;
829
- max-width: 66.6666666667%;
830
- }
831
- .v-col-lg-9 {
832
- flex: 0 0 75%;
833
- max-width: 75%;
834
- }
835
- .v-col-lg-10 {
836
- flex: 0 0 83.3333333333%;
837
- max-width: 83.3333333333%;
838
- }
839
- .v-col-lg-11 {
840
- flex: 0 0 91.6666666667%;
841
- max-width: 91.6666666667%;
842
- }
843
- .v-col-lg-12 {
844
- flex: 0 0 100%;
845
- max-width: 100%;
846
- }
847
- .offset-lg-0 {
848
- margin-inline-start: 0;
849
- }
850
- .offset-lg-1 {
851
- margin-inline-start: 8.3333333333%;
852
- }
853
- .offset-lg-2 {
854
- margin-inline-start: 16.6666666667%;
855
- }
856
- .offset-lg-3 {
857
- margin-inline-start: 25%;
858
- }
859
- .offset-lg-4 {
860
- margin-inline-start: 33.3333333333%;
861
- }
862
- .offset-lg-5 {
863
- margin-inline-start: 41.6666666667%;
864
- }
865
- .offset-lg-6 {
866
- margin-inline-start: 50%;
867
- }
868
- .offset-lg-7 {
869
- margin-inline-start: 58.3333333333%;
870
- }
871
- .offset-lg-8 {
872
- margin-inline-start: 66.6666666667%;
873
- }
874
- .offset-lg-9 {
875
- margin-inline-start: 75%;
876
- }
877
- .offset-lg-10 {
878
- margin-inline-start: 83.3333333333%;
879
- }
880
- .offset-lg-11 {
881
- margin-inline-start: 91.6666666667%;
882
- }
883
- }
884
- @media (min-width: 1920px) {
885
- .v-col-xl {
886
- flex-basis: 0;
887
- flex-grow: 1;
888
- max-width: 100%;
889
- }
890
- .v-col-xl-auto {
891
- flex: 0 0 auto;
892
- width: auto;
893
- max-width: 100%;
894
- }
895
- .v-col-xl-1 {
896
- flex: 0 0 8.3333333333%;
897
- max-width: 8.3333333333%;
898
- }
899
- .v-col-xl-2 {
900
- flex: 0 0 16.6666666667%;
901
- max-width: 16.6666666667%;
902
- }
903
- .v-col-xl-3 {
904
- flex: 0 0 25%;
905
- max-width: 25%;
906
- }
907
- .v-col-xl-4 {
908
- flex: 0 0 33.3333333333%;
909
- max-width: 33.3333333333%;
910
- }
911
- .v-col-xl-5 {
912
- flex: 0 0 41.6666666667%;
913
- max-width: 41.6666666667%;
914
- }
915
- .v-col-xl-6 {
916
- flex: 0 0 50%;
917
- max-width: 50%;
918
- }
919
- .v-col-xl-7 {
920
- flex: 0 0 58.3333333333%;
921
- max-width: 58.3333333333%;
922
- }
923
- .v-col-xl-8 {
924
- flex: 0 0 66.6666666667%;
925
- max-width: 66.6666666667%;
926
- }
927
- .v-col-xl-9 {
928
- flex: 0 0 75%;
929
- max-width: 75%;
930
- }
931
- .v-col-xl-10 {
932
- flex: 0 0 83.3333333333%;
933
- max-width: 83.3333333333%;
934
- }
935
- .v-col-xl-11 {
936
- flex: 0 0 91.6666666667%;
937
- max-width: 91.6666666667%;
938
- }
939
- .v-col-xl-12 {
940
- flex: 0 0 100%;
941
- max-width: 100%;
942
- }
943
- .offset-xl-0 {
944
- margin-inline-start: 0;
945
- }
946
- .offset-xl-1 {
947
- margin-inline-start: 8.3333333333%;
948
- }
949
- .offset-xl-2 {
950
- margin-inline-start: 16.6666666667%;
951
- }
952
- .offset-xl-3 {
953
- margin-inline-start: 25%;
954
- }
955
- .offset-xl-4 {
956
- margin-inline-start: 33.3333333333%;
957
- }
958
- .offset-xl-5 {
959
- margin-inline-start: 41.6666666667%;
960
- }
961
- .offset-xl-6 {
962
- margin-inline-start: 50%;
963
- }
964
- .offset-xl-7 {
965
- margin-inline-start: 58.3333333333%;
966
- }
967
- .offset-xl-8 {
968
- margin-inline-start: 66.6666666667%;
969
- }
970
- .offset-xl-9 {
971
- margin-inline-start: 75%;
972
- }
973
- .offset-xl-10 {
974
- margin-inline-start: 83.3333333333%;
975
- }
976
- .offset-xl-11 {
977
- margin-inline-start: 91.6666666667%;
978
- }
979
- }
980
- @media (min-width: 2560px) {
981
- .v-col-xxl {
982
- flex-basis: 0;
983
- flex-grow: 1;
984
- max-width: 100%;
985
- }
986
- .v-col-xxl-auto {
987
- flex: 0 0 auto;
988
- width: auto;
989
- max-width: 100%;
990
- }
991
- .v-col-xxl-1 {
992
- flex: 0 0 8.3333333333%;
993
- max-width: 8.3333333333%;
994
- }
995
- .v-col-xxl-2 {
996
- flex: 0 0 16.6666666667%;
997
- max-width: 16.6666666667%;
998
- }
999
- .v-col-xxl-3 {
1000
- flex: 0 0 25%;
1001
- max-width: 25%;
1002
- }
1003
- .v-col-xxl-4 {
1004
- flex: 0 0 33.3333333333%;
1005
- max-width: 33.3333333333%;
1006
- }
1007
- .v-col-xxl-5 {
1008
- flex: 0 0 41.6666666667%;
1009
- max-width: 41.6666666667%;
1010
- }
1011
- .v-col-xxl-6 {
1012
- flex: 0 0 50%;
1013
- max-width: 50%;
1014
- }
1015
- .v-col-xxl-7 {
1016
- flex: 0 0 58.3333333333%;
1017
- max-width: 58.3333333333%;
1018
- }
1019
- .v-col-xxl-8 {
1020
- flex: 0 0 66.6666666667%;
1021
- max-width: 66.6666666667%;
1022
- }
1023
- .v-col-xxl-9 {
1024
- flex: 0 0 75%;
1025
- max-width: 75%;
1026
- }
1027
- .v-col-xxl-10 {
1028
- flex: 0 0 83.3333333333%;
1029
- max-width: 83.3333333333%;
1030
- }
1031
- .v-col-xxl-11 {
1032
- flex: 0 0 91.6666666667%;
1033
- max-width: 91.6666666667%;
1034
- }
1035
- .v-col-xxl-12 {
1036
- flex: 0 0 100%;
1037
- max-width: 100%;
1038
- }
1039
- .offset-xxl-0 {
1040
- margin-inline-start: 0;
1041
- }
1042
- .offset-xxl-1 {
1043
- margin-inline-start: 8.3333333333%;
1044
- }
1045
- .offset-xxl-2 {
1046
- margin-inline-start: 16.6666666667%;
1047
- }
1048
- .offset-xxl-3 {
1049
- margin-inline-start: 25%;
1050
- }
1051
- .offset-xxl-4 {
1052
- margin-inline-start: 33.3333333333%;
1053
- }
1054
- .offset-xxl-5 {
1055
- margin-inline-start: 41.6666666667%;
1056
- }
1057
- .offset-xxl-6 {
1058
- margin-inline-start: 50%;
1059
- }
1060
- .offset-xxl-7 {
1061
- margin-inline-start: 58.3333333333%;
1062
- }
1063
- .offset-xxl-8 {
1064
- margin-inline-start: 66.6666666667%;
1065
- }
1066
- .offset-xxl-9 {
1067
- margin-inline-start: 75%;
1068
- }
1069
- .offset-xxl-10 {
1070
- margin-inline-start: 83.3333333333%;
1071
- }
1072
- .offset-xxl-11 {
1073
- margin-inline-start: 91.6666666667%;
1074
- }
1075
- }.v-radio-group > .v-input__control {
1076
- flex-direction: column;
1077
- }
1078
- .v-radio-group > .v-input__control > .v-label {
1079
- margin-inline-start: 16px;
1080
- }
1081
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
1082
- padding-inline-start: 6px;
1083
- margin-top: 8px;
1084
- }
1085
- .v-radio-group .v-input__details {
1086
- padding-inline: 16px;
1087
- }.v-slider .v-slider__container input {
1088
- cursor: default;
1089
- padding: 0;
1090
- width: 100%;
1091
- display: none;
1092
- }
1093
- .v-slider > .v-input__append,
1094
- .v-slider > .v-input__prepend {
1095
- padding: 0;
1096
- }
1097
-
1098
- .v-slider__container {
1099
- position: relative;
1100
- min-height: inherit;
1101
- width: 100%;
1102
- height: 100%;
1103
- display: flex;
1104
- justify-content: center;
1105
- align-items: center;
1106
- cursor: pointer;
1107
- }
1108
- .v-input--disabled .v-slider__container {
1109
- opacity: var(--v-disabled-opacity);
1110
- }
1111
- .v-input--error:not(.v-input--disabled) .v-slider__container {
1112
- color: rgb(var(--v-theme-error));
1113
- }
1114
-
1115
- .v-slider.v-input--horizontal {
1116
- align-items: center;
1117
- margin-inline: 8px 8px;
1118
- }
1119
- .v-slider.v-input--horizontal > .v-input__control {
1120
- min-height: 32px;
1121
- display: flex;
1122
- align-items: center;
1123
- }
1124
-
1125
- .v-slider.v-input--vertical {
1126
- justify-content: center;
1127
- margin-top: 12px;
1128
- margin-bottom: 12px;
1129
- }
1130
- .v-slider.v-input--vertical > .v-input__control {
1131
- min-height: 300px;
1132
- }
1133
-
1134
- .v-slider.v-input--disabled {
1135
- pointer-events: none;
1136
- }
1137
-
1138
- .v-slider--has-labels > .v-input__control {
1139
- margin-bottom: 4px;
1140
- }
1141
-
1142
- .v-slider__label {
1143
- margin-inline-end: 12px;
1144
- }.v-slider-thumb {
1145
- touch-action: none;
1146
- color: rgb(var(--v-theme-surface-variant));
1147
- }
1148
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
1149
- color: inherit;
1150
- }
1151
-
1152
- .v-slider-thumb__label {
1153
- background: rgba(var(--v-theme-surface-variant), 0.7);
1154
- color: rgb(var(--v-theme-on-surface-variant));
1155
- }
1156
- .v-slider-thumb__label::before {
1157
- color: rgba(var(--v-theme-surface-variant), 0.7);
1158
- }
1159
-
1160
- .v-slider-thumb {
1161
- outline: none;
1162
- position: absolute;
1163
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
1164
- }
1165
-
1166
- .v-slider-thumb__surface {
1167
- cursor: pointer;
1168
- width: var(--v-slider-thumb-size);
1169
- height: var(--v-slider-thumb-size);
1170
- border-radius: 50%;
1171
- user-select: none;
1172
- background-color: currentColor;
1173
- }
1174
- .v-slider-thumb__surface::before {
1175
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1176
- content: "";
1177
- color: inherit;
1178
- top: 0;
1179
- left: 0;
1180
- width: 100%;
1181
- height: 100%;
1182
- border-radius: 50%;
1183
- background: currentColor;
1184
- position: absolute;
1185
- pointer-events: none;
1186
- opacity: 0;
1187
- }
1188
- .v-slider-thumb__surface::after {
1189
- content: "";
1190
- width: 42px;
1191
- height: 42px;
1192
- position: absolute;
1193
- top: 50%;
1194
- left: 50%;
1195
- transform: translate(-50%, -50%);
1196
- }
1197
-
1198
- .v-slider-thumb__label-container {
1199
- position: absolute;
1200
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
1201
- }
1202
-
1203
- .v-slider-thumb__label {
1204
- display: flex;
1205
- align-items: center;
1206
- justify-content: center;
1207
- font-size: 0.75rem;
1208
- min-width: 35px;
1209
- height: 25px;
1210
- border-radius: 4px;
1211
- padding: 6px;
1212
- position: absolute;
1213
- user-select: none;
1214
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
1215
- }
1216
- .v-slider-thumb__label::before {
1217
- content: "";
1218
- width: 0;
1219
- height: 0;
1220
- position: absolute;
1221
- }
1222
-
1223
- .v-slider-thumb__ripple {
1224
- position: absolute;
1225
- left: calc(var(--v-slider-thumb-size) / -2);
1226
- top: calc(var(--v-slider-thumb-size) / -2);
1227
- width: calc(var(--v-slider-thumb-size) * 2);
1228
- height: calc(var(--v-slider-thumb-size) * 2);
1229
- background: inherit;
1230
- }
1231
-
1232
- .v-slider.v-input--horizontal .v-slider-thumb {
1233
- top: 50%;
1234
- transform: translateY(-50%);
1235
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
1236
- }
1237
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
1238
- left: calc(var(--v-slider-thumb-size) / 2);
1239
- top: 0;
1240
- }
1241
- .v-slider.v-input--horizontal .v-slider-thumb__label {
1242
- bottom: calc(var(--v-slider-thumb-size) / 2);
1243
- }
1244
- .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 {
1245
- transform: translateX(-50%);
1246
- }
1247
-
1248
- .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 {
1249
- transform: translateX(50%);
1250
- }
1251
-
1252
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
1253
- border-left: 6px solid transparent;
1254
- border-right: 6px solid transparent;
1255
- border-top: 6px solid currentColor;
1256
- bottom: -6px;
1257
- }
1258
-
1259
- .v-slider.v-input--vertical .v-slider-thumb {
1260
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
1261
- }
1262
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
1263
- top: calc(var(--v-slider-thumb-size) / 2);
1264
- right: 0;
1265
- }
1266
- .v-slider.v-input--vertical .v-slider-thumb__label {
1267
- top: -12.5px;
1268
- left: calc(var(--v-slider-thumb-size) / 2);
1269
- }
1270
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
1271
- border-right: 6px solid currentColor;
1272
- border-top: 6px solid transparent;
1273
- border-bottom: 6px solid transparent;
1274
- left: -6px;
1275
- }
1276
-
1277
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
1278
- transform: scale(2);
1279
- opacity: var(--v-focus-opacity);
1280
- }
1281
-
1282
- .v-slider-thumb--pressed {
1283
- transition: none;
1284
- }
1285
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
1286
- opacity: var(--v-pressed-opacity);
1287
- }
1288
-
1289
- @media (hover: hover) {
1290
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
1291
- transform: scale(2);
1292
- }
1293
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
1294
- opacity: var(--v-hover-opacity);
1295
- }
1296
- }.v-slider-track__background {
1297
- background-color: rgb(var(--v-theme-surface-variant));
1298
- }
1299
-
1300
- .v-slider-track__fill {
1301
- background-color: rgb(var(--v-theme-surface-variant));
1302
- }
1303
-
1304
- .v-slider-track__tick {
1305
- background-color: rgb(var(--v-theme-surface-variant));
1306
- }
1307
- .v-slider-track__tick--filled {
1308
- background-color: rgb(var(--v-theme-surface-light));
1309
- }
1310
-
1311
- .v-slider-track {
1312
- border-radius: 6px;
1313
- }
1314
-
1315
- .v-slider-track__background, .v-slider-track__fill {
1316
- position: absolute;
1317
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
1318
- border-radius: inherit;
1319
- }
1320
- .v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
1321
- transition: none;
1322
- }
1323
- .v-input--error:not(.v-input--disabled) .v-slider-track__background, .v-input--error:not(.v-input--disabled) .v-slider-track__fill {
1324
- background-color: currentColor;
1325
- }
1326
-
1327
- .v-slider-track__ticks {
1328
- height: 100%;
1329
- width: 100%;
1330
- position: relative;
1331
- }
1332
-
1333
- .v-slider-track__tick {
1334
- position: absolute;
1335
- opacity: 0;
1336
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
1337
- border-radius: 2px;
1338
- width: var(--v-slider-tick-size);
1339
- height: var(--v-slider-tick-size);
1340
- transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / -2));
1341
- }
1342
- .v-locale--is-ltr.v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-ltr .v-slider-track__tick--first .v-slider-track__tick-label {
1343
- transform: none;
1344
- }
1345
-
1346
- .v-locale--is-rtl.v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-rtl .v-slider-track__tick--first .v-slider-track__tick-label {
1347
- transform: translateX(100%);
1348
- }
1349
-
1350
- .v-locale--is-ltr.v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-ltr .v-slider-track__tick--last .v-slider-track__tick-label {
1351
- transform: translateX(-100%);
1352
- }
1353
-
1354
- .v-locale--is-rtl.v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-rtl .v-slider-track__tick--last .v-slider-track__tick-label {
1355
- transform: none;
1356
- }
1357
-
1358
- .v-slider-track__tick-label {
1359
- position: absolute;
1360
- user-select: none;
1361
- white-space: nowrap;
1362
- }
1363
1
 
1364
- .v-slider.v-input--horizontal .v-slider-track {
1365
- display: flex;
1366
- align-items: center;
1367
- width: 100%;
1368
- height: calc(var(--v-slider-track-size) + 2px);
1369
- touch-action: pan-y;
1370
- }
1371
- .v-slider.v-input--horizontal .v-slider-track__background {
1372
- height: var(--v-slider-track-size);
1373
- }
1374
- .v-slider.v-input--horizontal .v-slider-track__fill {
1375
- height: inherit;
1376
- }
1377
- .v-slider.v-input--horizontal .v-slider-track__tick {
1378
- margin-top: calc(calc(var(--v-slider-track-size) + 2px) / 2);
1379
- }
1380
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick {
1381
- transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / -2));
1382
- }
1383
-
1384
- .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
1385
- margin-top: calc(var(--v-slider-track-size) / 2 + 8px);
1386
- }
1387
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
1388
- transform: translateX(-50%);
1389
- }
1390
-
1391
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick .v-slider-track__tick-label {
1392
- transform: translateX(50%);
1393
- }
1394
-
1395
- .v-slider.v-input--horizontal .v-slider-track__tick--first {
1396
- margin-inline-start: calc(var(--v-slider-tick-size) + 1px);
1397
- }
1398
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
1399
- transform: translateX(0%);
1400
- }
1401
-
1402
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--first .v-slider-track__tick-label {
1403
- transform: translateX(0%);
1404
- }
1405
-
1406
- .v-slider.v-input--horizontal .v-slider-track__tick--last {
1407
- margin-inline-start: calc(100% - var(--v-slider-tick-size) - 1px);
1408
- }
1409
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
1410
- transform: translateX(-100%);
1411
- }
1412
-
1413
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-track__tick--last .v-slider-track__tick-label {
1414
- transform: translateX(100%);
1415
- }
1416
-
1417
- .v-slider.v-input--vertical .v-slider-track {
1418
- height: 100%;
1419
- display: flex;
1420
- justify-content: center;
1421
- width: calc(var(--v-slider-track-size) + 2px);
1422
- touch-action: pan-x;
1423
- }
1424
- .v-slider.v-input--vertical .v-slider-track__background {
1425
- width: var(--v-slider-track-size);
1426
- }
1427
- .v-slider.v-input--vertical .v-slider-track__fill {
1428
- width: inherit;
1429
- }
1430
- .v-slider.v-input--vertical .v-slider-track__ticks {
1431
- height: 100%;
1432
- }
1433
- .v-slider.v-input--vertical .v-slider-track__tick {
1434
- margin-inline-start: calc(calc(var(--v-slider-track-size) + 2px) / 2);
1435
- transform: translate(calc(var(--v-slider-tick-size) / -2), calc(var(--v-slider-tick-size) / 2));
1436
- }
1437
- .v-locale--is-rtl.v-slider.v-input--vertical .v-slider-track__tick, .v-locale--is-rtl .v-slider.v-input--vertical .v-slider-track__tick {
1438
- transform: translate(calc(var(--v-slider-tick-size) / 2), calc(var(--v-slider-tick-size) / 2));
1439
- }
1440
-
1441
- .v-slider.v-input--vertical .v-slider-track__tick--first {
1442
- bottom: calc(0% + var(--v-slider-tick-size) + 1px);
1443
- }
1444
- .v-slider.v-input--vertical .v-slider-track__tick--last {
1445
- bottom: calc(100% - var(--v-slider-tick-size) - 1px);
1446
- }
1447
- .v-slider.v-input--vertical .v-slider-track__tick .v-slider-track__tick-label {
1448
- margin-inline-start: calc(var(--v-slider-track-size) / 2 + 12px);
1449
- transform: translateY(-50%);
1450
- }
1451
-
1452
- .v-slider-track__ticks--always-show .v-slider-track__tick, .v-slider--focused .v-slider-track__tick {
1453
- opacity: 1;
1454
- }
1455
-
1456
- .v-slider-track__background--opacity {
1457
- opacity: 0.38;
1458
- }/* region BLOCK */
1459
- .v-text-field input {
1460
- color: inherit;
1461
- opacity: 0;
1462
- flex: 1;
1463
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
1464
- min-width: 0;
1465
- }
1466
- .v-text-field input:focus, .v-text-field input:active {
1467
- outline: none;
1468
- }
1469
- .v-text-field input:invalid {
1470
- box-shadow: none;
1471
- }
1472
- .v-text-field .v-field {
1473
- cursor: text;
1474
- }
1475
- .v-text-field--prefixed.v-text-field .v-field__input {
1476
- --v-field-padding-start: 6px;
1477
- }
1478
-
1479
- .v-text-field--suffixed.v-text-field .v-field__input {
1480
- --v-field-padding-end: 0;
1481
- }
1482
-
1483
- .v-text-field .v-input__details {
1484
- padding-inline: 16px;
1485
- }
1486
- .v-input--plain-underlined.v-text-field .v-input__details {
1487
- padding-inline: 0;
1488
- }
1489
-
1490
- .v-text-field .v-field--no-label input,
1491
- .v-text-field .v-field--active input {
1492
- opacity: 1;
1493
- }
1494
- .v-text-field .v-field--single-line input {
1495
- transition: none;
1496
- }
1497
-
1498
- /* endregion */
1499
- /* region ELEMENTS */
1500
- .v-text-field__prefix, .v-text-field__suffix {
1501
- align-items: center;
1502
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
1503
- cursor: default;
1504
- display: flex;
1505
- opacity: 0;
1506
- transition: inherit;
1507
- white-space: nowrap;
1508
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
1509
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
1510
- padding-bottom: var(--v-field-padding-bottom, 6px);
1511
- }
1512
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
1513
- opacity: 1;
1514
- }
1515
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
1516
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
1517
- }
1518
- .v-text-field__prefix {
1519
- padding-inline-start: var(--v-field-padding-start);
1520
- }
1521
- .v-text-field__suffix {
1522
- padding-inline-end: var(--v-field-padding-end);
1523
- }
1524
-
1525
- /* endregion */.v-counter {
1526
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
1527
- flex: 0 1 auto;
1528
- font-size: 12px;
1529
- transition-duration: 150ms;
1530
- }/* region INPUT */
1531
- .v-field {
1532
- display: grid;
1533
- grid-template-areas: "prepend-inner field clear append-inner";
1534
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
1535
- font-size: 16px;
1536
- letter-spacing: 0.009375em;
1537
- max-width: 100%;
1538
- border-radius: 4px;
1539
- contain: layout;
1540
- flex: 1 0;
1541
- grid-area: control;
1542
- position: relative;
1543
- --v-field-padding-start: 16px;
1544
- --v-field-padding-end: 16px;
1545
- --v-field-padding-top: 8px;
1546
- --v-field-padding-bottom: 4px;
1547
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
1548
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
1549
- }
1550
- .v-field--disabled {
1551
- opacity: var(--v-disabled-opacity);
1552
- pointer-events: none;
1553
- }
1554
- .v-field .v-chip {
1555
- --v-chip-height: 24px;
1556
- }
1557
-
1558
- /* endregion */
1559
- /* region MODIFIERS */
1560
- .v-field--prepended {
1561
- padding-inline-start: 12px;
1562
- }
1563
- .v-field--appended {
1564
- padding-inline-end: 12px;
1565
- }
1566
- .v-field--variant-solo, .v-field--variant-solo-filled {
1567
- background: rgb(var(--v-theme-surface));
1568
- border-color: transparent;
1569
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
1570
- 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));
1571
- }
1572
- .v-field--variant-solo-inverted {
1573
- background: rgb(var(--v-theme-surface));
1574
- border-color: transparent;
1575
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
1576
- 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));
1577
- }
1578
- .v-field--variant-solo-inverted.v-field--focused {
1579
- color: rgb(var(--v-theme-on-surface-variant));
1580
- }
1581
- .v-field--variant-filled {
1582
- border-bottom-left-radius: 0;
1583
- border-bottom-right-radius: 0;
1584
- }
1585
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
1586
- --v-input-control-height: 56px;
1587
- --v-field-padding-bottom: 4px;
1588
- }
1589
-
1590
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
1591
- --v-input-control-height: 48px;
1592
- --v-field-padding-bottom: 0px;
1593
- }
1594
-
1595
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
1596
- --v-input-control-height: 40px;
1597
- --v-field-padding-bottom: 0px;
1598
- }
1599
-
1600
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
1601
- --v-field-padding-top: 0px;
1602
- }
1603
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
1604
- --v-field-padding-bottom: 16px;
1605
- }
1606
-
1607
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
1608
- --v-field-padding-bottom: 12px;
1609
- }
1610
-
1611
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
1612
- --v-field-padding-bottom: 8px;
1613
- }
1614
-
1615
- .v-field--variant-plain, .v-field--variant-underlined {
1616
- border-radius: 0;
1617
- padding: 0;
1618
- }
1619
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
1620
- --v-field-padding-start: 0px;
1621
- --v-field-padding-end: 0px;
1622
- }
1623
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
1624
- --v-input-control-height: 48px;
1625
- --v-field-padding-top: 4px;
1626
- --v-field-padding-bottom: 4px;
1627
- }
1628
-
1629
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
1630
- --v-input-control-height: 40px;
1631
- --v-field-padding-top: 2px;
1632
- --v-field-padding-bottom: 0px;
1633
- }
1634
-
1635
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
1636
- --v-input-control-height: 32px;
1637
- --v-field-padding-top: 0px;
1638
- --v-field-padding-bottom: 0px;
1639
- }
1640
-
1641
- .v-field--flat {
1642
- box-shadow: none;
1643
- }
1644
- .v-field--rounded {
1645
- border-radius: 24px;
1646
- }
1647
- .v-field.v-field--prepended {
1648
- --v-field-padding-start: 6px;
1649
- }
1650
- .v-field.v-field--appended {
1651
- --v-field-padding-end: 6px;
1652
- }
1653
-
1654
- /* endregion */
1655
- /* region ELEMENTS */
1656
- .v-field__input {
1657
- align-items: center;
1658
- color: inherit;
1659
- column-gap: 2px;
1660
- display: flex;
1661
- flex-wrap: wrap;
1662
- letter-spacing: 0.009375em;
1663
- opacity: var(--v-high-emphasis-opacity);
1664
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
1665
- min-width: 0;
1666
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
1667
- padding-top: var(--v-field-input-padding-top);
1668
- padding-bottom: var(--v-field-input-padding-bottom);
1669
- position: relative;
1670
- width: 100%;
1671
- }
1672
- .v-input--density-default .v-field__input {
1673
- row-gap: 8px;
1674
- }
1675
-
1676
- .v-input--density-comfortable .v-field__input {
1677
- row-gap: 6px;
1678
- }
1679
-
1680
- .v-input--density-compact .v-field__input {
1681
- row-gap: 4px;
1682
- }
1683
-
1684
- .v-field__input input {
1685
- letter-spacing: inherit;
1686
- }
1687
- .v-field__input input::placeholder,
1688
- input.v-field__input::placeholder,
1689
- textarea.v-field__input::placeholder {
1690
- color: currentColor;
1691
- opacity: var(--v-disabled-opacity);
1692
- }
1693
-
1694
- .v-field__input:focus, .v-field__input:active {
1695
- outline: none;
1696
- }
1697
- .v-field__input:invalid {
1698
- box-shadow: none;
1699
- }
1700
-
1701
- .v-field__field {
1702
- flex: 1 0;
1703
- grid-area: field;
1704
- position: relative;
1705
- align-items: flex-start;
1706
- display: flex;
1707
- }
1708
-
1709
- /* endregion */
1710
- /* region AFFIXES */
1711
- .v-field__prepend-inner {
1712
- grid-area: prepend-inner;
1713
- padding-inline-end: var(--v-field-padding-after);
1714
- }
1715
-
1716
- .v-field__clearable {
1717
- grid-area: clear;
1718
- }
1719
-
1720
- .v-field__append-inner {
1721
- grid-area: append-inner;
1722
- padding-inline-start: var(--v-field-padding-after);
1723
- }
1724
-
1725
- .v-field__append-inner,
1726
- .v-field__clearable,
1727
- .v-field__prepend-inner {
1728
- display: flex;
1729
- align-items: flex-start;
1730
- padding-top: var(--v-input-padding-top, 8px);
1731
- }
1732
- .v-field--center-affix .v-field__append-inner,
1733
- .v-field--center-affix .v-field__clearable,
1734
- .v-field--center-affix .v-field__prepend-inner {
1735
- align-items: center;
1736
- padding-top: 0;
1737
- }
1738
-
1739
- .v-field.v-field--variant-underlined .v-field__append-inner,
1740
- .v-field.v-field--variant-underlined .v-field__clearable,
1741
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
1742
- .v-field.v-field--variant-plain .v-field__append-inner,
1743
- .v-field.v-field--variant-plain .v-field__clearable,
1744
- .v-field.v-field--variant-plain .v-field__prepend-inner {
1745
- align-items: flex-start;
1746
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
1747
- padding-bottom: var(--v-field-padding-bottom, 4px);
1748
- }
1749
-
1750
- .v-field--focused .v-field__prepend-inner,
1751
- .v-field--focused .v-field__append-inner {
1752
- opacity: 1;
1753
- }
1754
-
1755
- .v-field__prepend-inner > .v-icon,
1756
- .v-field__append-inner > .v-icon,
1757
- .v-field__clearable > .v-icon {
1758
- opacity: var(--v-medium-emphasis-opacity);
1759
- }
1760
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
1761
- .v-field--disabled .v-field__append-inner > .v-icon,
1762
- .v-field--error .v-field__append-inner > .v-icon,
1763
- .v-field--disabled .v-field__clearable > .v-icon,
1764
- .v-field--error .v-field__clearable > .v-icon {
1765
- opacity: 1;
1766
- }
1767
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
1768
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
1769
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
1770
- color: rgb(var(--v-theme-error));
1771
- }
1772
-
1773
- .v-field__clearable {
1774
- cursor: pointer;
1775
- opacity: 0;
1776
- overflow: hidden;
1777
- margin-inline: 4px;
1778
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
1779
- transition-property: opacity, transform, width;
1780
- }
1781
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
1782
- opacity: 1;
1783
- }
1784
- @media (hover: hover) {
1785
- .v-field:hover .v-field__clearable {
1786
- opacity: 1;
1787
- }
1788
- }
1789
- @media (hover: none) {
1790
- .v-field__clearable {
1791
- opacity: 1;
1792
- }
1793
- }
1794
-
1795
- /* endregion */
1796
- /* region LABEL */
1797
- .v-label.v-field-label {
1798
- contain: layout paint;
1799
- display: block;
1800
- margin-inline-start: var(--v-field-padding-start);
1801
- margin-inline-end: var(--v-field-padding-end);
1802
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
1803
- pointer-events: none;
1804
- position: absolute;
1805
- top: var(--v-input-padding-top);
1806
- transform-origin: left center;
1807
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
1808
- transition-property: opacity, transform;
1809
- z-index: 1;
1810
- }
1811
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
1812
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
1813
- }
1814
- .v-field--center-affix .v-label.v-field-label {
1815
- top: 50%;
1816
- transform: translateY(-50%);
1817
- }
1818
- .v-field--active .v-label.v-field-label {
1819
- visibility: hidden;
1820
- }
1821
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
1822
- opacity: 1;
1823
- }
1824
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
1825
- color: rgb(var(--v-theme-error));
1826
- }
1827
- .v-label.v-field-label--floating {
1828
- --v-field-label-scale: 0.75em;
1829
- font-size: var(--v-field-label-scale);
1830
- visibility: hidden;
1831
- max-width: 100%;
1832
- }
1833
- .v-field--center-affix .v-label.v-field-label--floating {
1834
- transform: none;
1835
- }
1836
- .v-field.v-field--active .v-label.v-field-label--floating {
1837
- visibility: unset;
1838
- }
1839
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
1840
- top: 7px;
1841
- }
1842
-
1843
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
1844
- top: 5px;
1845
- }
1846
-
1847
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
1848
- top: 3px;
1849
- }
1850
-
1851
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
1852
- transform: translateY(-16px);
1853
- margin: 0;
1854
- top: var(--v-input-padding-top);
1855
- }
1856
- .v-field--variant-outlined .v-label.v-field-label--floating {
1857
- transform: translateY(-50%);
1858
- transform-origin: center;
1859
- position: static;
1860
- margin: 0 4px;
1861
- }
1862
-
1863
- /* endregion */
1864
- /* region OUTLINE */
1865
- .v-field__outline {
1866
- --v-field-border-width: 1px;
1867
- --v-field-border-opacity: 0.38;
1868
- align-items: stretch;
1869
- contain: layout;
1870
- display: flex;
1871
- height: 100%;
1872
- left: 0;
1873
- pointer-events: none;
1874
- position: absolute;
1875
- right: 0;
1876
- width: 100%;
1877
- }
1878
- @media (hover: hover) {
1879
- .v-field:hover .v-field__outline {
1880
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
1881
- }
1882
- }
1883
- .v-field--error:not(.v-field--disabled) .v-field__outline {
1884
- color: rgb(var(--v-theme-error));
1885
- }
1886
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
1887
- --v-field-border-opacity: 1;
1888
- }
1889
- .v-field--variant-outlined.v-field--focused .v-field__outline {
1890
- --v-field-border-width: 2px;
1891
- }
1892
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
1893
- border-color: currentColor;
1894
- border-style: solid;
1895
- border-width: 0 0 var(--v-field-border-width);
1896
- opacity: var(--v-field-border-opacity);
1897
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
1898
- content: "";
1899
- position: absolute;
1900
- top: 0;
1901
- left: 0;
1902
- width: 100%;
1903
- height: 100%;
1904
- }
1905
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
1906
- border-color: currentColor;
1907
- border-style: solid;
1908
- border-width: 0 0 2px;
1909
- transform: scaleX(0);
1910
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
1911
- content: "";
1912
- position: absolute;
1913
- top: 0;
1914
- left: 0;
1915
- width: 100%;
1916
- height: 100%;
1917
- }
1918
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
1919
- transform: scaleX(1);
1920
- }
1921
-
1922
- .v-field--variant-outlined .v-field__outline {
1923
- border-radius: inherit;
1924
- }
1925
- .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
1926
- border: 0 solid currentColor;
1927
- opacity: var(--v-field-border-opacity);
1928
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
1929
- }
1930
- .v-field--variant-outlined .v-field__outline__start {
1931
- flex: 0 0 12px;
1932
- border-top-width: var(--v-field-border-width);
1933
- border-bottom-width: var(--v-field-border-width);
1934
- border-inline-start-width: var(--v-field-border-width);
1935
- border-start-start-radius: inherit;
1936
- border-start-end-radius: 0;
1937
- border-end-end-radius: 0;
1938
- border-end-start-radius: inherit;
1939
- }
1940
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
1941
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
1942
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
1943
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
1944
- }
1945
-
1946
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
1947
- border-start-start-radius: 0;
1948
- border-start-end-radius: inherit;
1949
- border-end-end-radius: inherit;
1950
- border-end-start-radius: 0;
1951
- border-inline-end-width: var(--v-field-border-width);
1952
- border-inline-start-width: 0;
1953
- }
1954
-
1955
- .v-field--variant-outlined .v-field__outline__notch {
1956
- flex: none;
1957
- position: relative;
1958
- max-width: calc(100% - 12px);
1959
- }
1960
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
1961
- opacity: var(--v-field-border-opacity);
1962
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
1963
- content: "";
1964
- position: absolute;
1965
- top: 0;
1966
- left: 0;
1967
- width: 100%;
1968
- height: 100%;
1969
- }
1970
- .v-field--variant-outlined .v-field__outline__notch::before {
1971
- border-width: var(--v-field-border-width) 0 0;
1972
- }
1973
- .v-field--variant-outlined .v-field__outline__notch::after {
1974
- bottom: 0;
1975
- border-width: 0 0 var(--v-field-border-width);
1976
- }
1977
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
1978
- opacity: 0;
1979
- }
1980
-
1981
- .v-field--variant-outlined .v-field__outline__end {
1982
- flex: 1;
1983
- border-top-width: var(--v-field-border-width);
1984
- border-bottom-width: var(--v-field-border-width);
1985
- border-inline-end-width: var(--v-field-border-width);
1986
- border-start-start-radius: 0;
1987
- border-start-end-radius: inherit;
1988
- border-end-end-radius: inherit;
1989
- border-end-start-radius: 0;
1990
- }
1991
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
1992
- border-start-start-radius: inherit;
1993
- border-start-end-radius: 0;
1994
- border-end-end-radius: 0;
1995
- border-end-start-radius: inherit;
1996
- border-inline-end-width: 0;
1997
- border-inline-start-width: var(--v-field-border-width);
1998
- }
1999
-
2000
- /* endregion */
2001
- /* region LOADER */
2002
- .v-field__loader {
2003
- top: calc(100% - 2px);
2004
- left: 0;
2005
- position: absolute;
2006
- right: 0;
2007
- width: 100%;
2008
- border-top-left-radius: 0;
2009
- border-top-right-radius: 0;
2010
- border-bottom-left-radius: inherit;
2011
- border-bottom-right-radius: inherit;
2012
- overflow: hidden;
2013
- }
2014
- .v-field--variant-outlined .v-field__loader {
2015
- top: calc(100% - 3px);
2016
- width: calc(100% - 1px * 2);
2017
- left: 1px;
2018
- }
2019
-
2020
- /* endregion */
2021
- /* region OVERLAY */
2022
- .v-field__overlay {
2023
- border-radius: inherit;
2024
- pointer-events: none;
2025
- position: absolute;
2026
- top: 0;
2027
- left: 0;
2028
- width: 100%;
2029
- height: 100%;
2030
- }
2031
-
2032
- .v-field--variant-filled .v-field__overlay {
2033
- background-color: currentColor;
2034
- opacity: 0.04;
2035
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
2036
- }
2037
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
2038
- opacity: 0;
2039
- }
2040
- @media (hover: hover) {
2041
- .v-field--variant-filled:hover .v-field__overlay {
2042
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
2043
- }
2044
- }
2045
- .v-field--variant-filled.v-field--focused .v-field__overlay {
2046
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
2047
- }
2048
-
2049
- .v-field--variant-solo-filled .v-field__overlay {
2050
- background-color: currentColor;
2051
- opacity: 0.04;
2052
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
2053
- }
2054
- @media (hover: hover) {
2055
- .v-field--variant-solo-filled:hover .v-field__overlay {
2056
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
2057
- }
2058
- }
2059
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
2060
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
2061
- }
2062
-
2063
- .v-field--variant-solo-inverted .v-field__overlay {
2064
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
2065
- }
2066
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
2067
- opacity: 0;
2068
- }
2069
- @media (hover: hover) {
2070
- .v-field--variant-solo-inverted:hover .v-field__overlay {
2071
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
2072
- }
2073
- }
2074
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
2075
- background-color: rgb(var(--v-theme-surface-variant));
2076
- opacity: 1;
2077
- }
2078
-
2079
- /* endregion */
2080
- /* region MODIFIERS */
2081
- .v-field--reverse .v-field__field,
2082
- .v-field--reverse .v-field__input,
2083
- .v-field--reverse .v-field__outline {
2084
- flex-direction: row-reverse;
2085
- }
2086
- .v-field--reverse .v-field__input, .v-field--reverse input {
2087
- text-align: end;
2088
- }
2089
-
2090
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
2091
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
2092
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
2093
- }
2094
-
2095
- .v-field--loading .v-field__outline::after,
2096
- .v-field--loading .v-field__outline::before {
2097
- opacity: 0;
2098
- }
2099
-
2100
- /* endregion */.v-progress-linear {
2101
- background: transparent;
2102
- overflow: hidden;
2103
- position: relative;
2104
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2105
- width: 100%;
2106
- }
2107
- .v-progress-linear--rounded {
2108
- border-radius: 9999px;
2109
- }
2110
-
2111
- .v-progress-linear__background {
2112
- background: currentColor;
2113
- bottom: 0;
2114
- left: 0;
2115
- opacity: var(--v-border-opacity);
2116
- position: absolute;
2117
- top: 0;
2118
- transition-property: width, left, right;
2119
- transition: inherit;
2120
- }
2121
-
2122
- .v-progress-linear__content {
2123
- align-items: center;
2124
- display: flex;
2125
- height: 100%;
2126
- justify-content: center;
2127
- left: 0;
2128
- pointer-events: none;
2129
- position: absolute;
2130
- top: 0;
2131
- width: 100%;
2132
- }
2133
-
2134
- .v-progress-linear__determinate,
2135
- .v-progress-linear__indeterminate {
2136
- background: currentColor;
2137
- }
2138
-
2139
- .v-progress-linear__determinate {
2140
- height: inherit;
2141
- left: 0;
2142
- position: absolute;
2143
- transition: inherit;
2144
- transition-property: width, left, right;
2145
- }
2146
-
2147
- .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
2148
- animation-play-state: paused;
2149
- animation-duration: 2.2s;
2150
- animation-iteration-count: infinite;
2151
- bottom: 0;
2152
- height: inherit;
2153
- left: 0;
2154
- position: absolute;
2155
- right: auto;
2156
- top: 0;
2157
- width: auto;
2158
- }
2159
- .v-progress-linear__indeterminate .long {
2160
- animation-name: indeterminate-ltr;
2161
- }
2162
- .v-progress-linear__indeterminate .short {
2163
- animation-name: indeterminate-short-ltr;
2164
- }
2165
-
2166
- .v-progress-linear__stream {
2167
- animation: stream 0.25s infinite linear;
2168
- animation-play-state: paused;
2169
- bottom: 0;
2170
- left: auto;
2171
- opacity: 0.3;
2172
- pointer-events: none;
2173
- position: absolute;
2174
- transition: inherit;
2175
- transition-property: width, left, right;
2176
- }
2177
-
2178
- .v-progress-linear--reverse .v-progress-linear__background,
2179
- .v-progress-linear--reverse .v-progress-linear__determinate,
2180
- .v-progress-linear--reverse .v-progress-linear__content {
2181
- left: auto;
2182
- right: 0;
2183
- }
2184
- .v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
2185
- left: auto;
2186
- right: 0;
2187
- }
2188
- .v-progress-linear--reverse .v-progress-linear__indeterminate .long {
2189
- animation-name: indeterminate-rtl;
2190
- }
2191
- .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
2192
- animation-name: indeterminate-short-rtl;
2193
- }
2194
- .v-progress-linear--reverse .v-progress-linear__stream {
2195
- right: auto;
2196
- }
2197
-
2198
- .v-progress-linear--absolute,
2199
- .v-progress-linear--fixed {
2200
- left: 0;
2201
- z-index: 1;
2202
- }
2203
-
2204
- .v-progress-linear--absolute {
2205
- position: absolute;
2206
- }
2207
-
2208
- .v-progress-linear--fixed {
2209
- position: fixed;
2210
- }
2211
-
2212
- .v-progress-linear--rounded {
2213
- border-radius: 9999px;
2214
- }
2215
- .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
2216
- .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
2217
- border-radius: inherit;
2218
- }
2219
-
2220
- .v-progress-linear--striped .v-progress-linear__determinate {
2221
- animation: progress-linear-stripes 1s infinite linear;
2222
- background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
2223
- background-repeat: repeat;
2224
- background-size: var(--v-progress-linear-height);
2225
- }
2226
-
2227
- .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
2228
- animation-play-state: running;
2229
- }
2230
- .v-progress-linear--active .v-progress-linear__stream {
2231
- animation-play-state: running;
2232
- }
2233
-
2234
- .v-progress-linear--rounded-bar .v-progress-linear__determinate,
2235
- .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
2236
- .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
2237
- border-radius: 9999px;
2238
- }
2239
- .v-progress-linear--rounded-bar .v-progress-linear__determinate {
2240
- border-start-start-radius: 0;
2241
- border-end-start-radius: 0;
2242
- }
2243
-
2244
- @keyframes indeterminate-ltr {
2245
- 0% {
2246
- left: -90%;
2247
- right: 100%;
2248
- }
2249
- 60% {
2250
- left: -90%;
2251
- right: 100%;
2252
- }
2253
- 100% {
2254
- left: 100%;
2255
- right: -35%;
2256
- }
2257
- }
2258
- @keyframes indeterminate-rtl {
2259
- 0% {
2260
- left: 100%;
2261
- right: -90%;
2262
- }
2263
- 60% {
2264
- left: 100%;
2265
- right: -90%;
2266
- }
2267
- 100% {
2268
- left: -35%;
2269
- right: 100%;
2270
- }
2271
- }
2272
- @keyframes indeterminate-short-ltr {
2273
- 0% {
2274
- left: -200%;
2275
- right: 100%;
2276
- }
2277
- 60% {
2278
- left: 107%;
2279
- right: -8%;
2280
- }
2281
- 100% {
2282
- left: 107%;
2283
- right: -8%;
2284
- }
2285
- }
2286
- @keyframes indeterminate-short-rtl {
2287
- 0% {
2288
- left: 100%;
2289
- right: -200%;
2290
- }
2291
- 60% {
2292
- left: -8%;
2293
- right: 107%;
2294
- }
2295
- 100% {
2296
- left: -8%;
2297
- right: 107%;
2298
- }
2299
- }
2300
- @keyframes stream {
2301
- to {
2302
- transform: translateX(var(--v-progress-linear-stream-to));
2303
- }
2304
- }
2305
- @keyframes progress-linear-stripes {
2306
- 0% {
2307
- background-position-x: var(--v-progress-linear-height);
2308
- }
2309
- }
2310
2
  .yellowgreen {
2311
3
  background-color: yellowgreen;
2312
4
  }