@golstats/gsc-timeline-reports 1.0.16 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/README.md +2 -2
  2. package/dist/css/fonts.css +91 -91
  3. package/dist/gsc-timeline-reports.css +1 -1
  4. package/dist/gsc-timeline-reports.es.js +578 -548
  5. package/dist/gsc-timeline-reports.umd.js +5 -5
  6. package/dist/images/canchaRPH.svg +30 -30
  7. package/dist/images/events/atajada.svg +56 -56
  8. package/dist/images/events/cambio.svg +26 -26
  9. package/dist/images/events/falta.svg +42 -42
  10. package/dist/images/events/fin-del-partido.svg +43 -43
  11. package/dist/images/events/fuera-de-lugar.svg +57 -57
  12. package/dist/images/events/gol.svg +48 -48
  13. package/dist/images/events/icn-cambio.svg +6 -6
  14. package/dist/images/events/icn-falta.svg +4 -4
  15. package/dist/images/events/icn-play.svg +3 -3
  16. package/dist/images/events/icn-tarjeta-amarilla.svg +3 -3
  17. package/dist/images/events/icn-tarjeta-roja.svg +3 -3
  18. package/dist/images/events/icn-tiro-a-porteria.svg +36 -36
  19. package/dist/images/events/icn-tiros-de-esquina.svg +18 -18
  20. package/dist/images/events/inicia-el-partido.svg +45 -45
  21. package/dist/images/events/jugada-peligrosa.svg +90 -90
  22. package/dist/images/events/penal-fallado.svg +194 -194
  23. package/dist/images/events/penal-marcado.svg +189 -189
  24. package/dist/images/events/tiempo-agregado.svg +74 -74
  25. package/dist/images/events/tiro-a-porteria.svg +80 -80
  26. package/dist/images/events/tiro-de-esquina.svg +54 -54
  27. package/dist/images/events/var.svg +30 -30
  28. package/package.json +5 -2
  29. package/src/App.vue +9 -0
  30. package/src/components/gsc-timeline-reports.vue +10 -0
  31. package/src/components/gsc-timeline.vue +14 -1
  32. package/src/types.d.ts +45 -45
  33. package/src/utils/apiUrl.js +27 -0
package/README.md CHANGED
@@ -1,2 +1,2 @@
1
- # gsc-timeline-reports
2
- repositorio para timeline de reportes
1
+ # gsc-timeline-reports
2
+ repositorio para timeline de reportes
package/dist/css/fonts.css CHANGED
@@ -1,91 +1,91 @@
1
-
2
-
3
- /*FUENTES*/
4
- @font-face {
5
- font-family: 'Poppins-Black';
6
- src: url('/fonts/Poppins-Black.otf') format('opentype');
7
- }
8
- @font-face {
9
- font-family: 'Poppins-BlackItalic';
10
- src: url('/fonts/Poppins-BlackItalic.otf') format('opentype');
11
- }
12
- @font-face {
13
- font-family: 'Poppins-Bold';
14
- src: url('/fonts/Poppins-Bold.otf') format('opentype');
15
- }
16
- @font-face {
17
- font-family: 'Poppins-BoldItalic';
18
- src: url('/fonts/Poppins-BoldItalic.otf') format('opentype');
19
- }
20
- @font-face {
21
- font-family: 'Poppins-ExtraBold';
22
- src: url('/fonts/Poppins-ExtraBold.otf') format('opentype');
23
- }
24
- @font-face {
25
- font-family: 'Poppins-ExtraBoldItalic';
26
- src: url('/fonts/Poppins-ExtraBoldItalic.otf') format('opentype');
27
- }
28
- @font-face {
29
- font-family: 'Poppins-ExtraLight';
30
- src: url('/fonts/Poppins-ExtraLight.otf') format('opentype');
31
- }
32
- @font-face {
33
- font-family: 'Poppins-ExtraLightItalic';
34
- src: url('/fonts/Poppins-ExtraLightItalic.otf') format('opentype');
35
- }
36
- @font-face {
37
- font-family: 'Poppins-Italic';
38
- src: url('/fonts/Poppins-Italic.otf') format('opentype');
39
- }
40
- @font-face {
41
- font-family: 'Poppins-Light';
42
- src: url('/fonts/Poppins-Light.otf') format('opentype');
43
- }
44
- @font-face {
45
- font-family: 'Poppins-LightItalic';
46
- src: url('/fonts/Poppins-LightItalic.otf') format('opentype');
47
- }
48
- @font-face {
49
- font-family: 'Poppins-MediumItalic';
50
- src: url('/fonts/Poppins-MediumItalic.otf') format('opentype');
51
- }
52
- @font-face {
53
- font-family: 'Poppins-Medium';
54
- src: url('/fonts/Poppins-Medium.otf') format('opentype');
55
- }
56
- @font-face {
57
- font-family: 'Poppins-Regular';
58
- src: url('/fonts/Poppins-Regular.otf') format('opentype');
59
- }
60
- @font-face {
61
- font-family: 'Poppins-SemiBold';
62
- src: url('/fonts/Poppins-SemiBold.otf') format('opentype');
63
- }
64
- @font-face {
65
- font-family: 'Poppins-SemiBoldItalic';
66
- src: url('/fonts/Poppins-SemiBoldItalic.otf') format('opentype');
67
- }
68
- @font-face {
69
- font-family: 'Poppins-ThinItalic';
70
- src: url('/fonts/Poppins-ThinItalic.otf') format('opentype');
71
- }
72
- @font-face {
73
- font-family: 'Poppins-Thin';
74
- src: url('/fonts/Poppins-Thin.otf') format('opentype');
75
- }
76
-
77
- /*FUENTES*/
78
- @font-face {
79
- font-family: 'Montserrat-SemiBold';
80
- src: url('/fonts/Montserrat-SemiBold.otf') format('opentype');
81
- }
82
-
83
-
84
-
85
-
86
-
87
-
88
-
89
-
90
-
91
-
1
+
2
+
3
+ /*FUENTES*/
4
+ @font-face {
5
+ font-family: 'Poppins-Black';
6
+ src: url('/fonts/Poppins-Black.otf') format('opentype');
7
+ }
8
+ @font-face {
9
+ font-family: 'Poppins-BlackItalic';
10
+ src: url('/fonts/Poppins-BlackItalic.otf') format('opentype');
11
+ }
12
+ @font-face {
13
+ font-family: 'Poppins-Bold';
14
+ src: url('/fonts/Poppins-Bold.otf') format('opentype');
15
+ }
16
+ @font-face {
17
+ font-family: 'Poppins-BoldItalic';
18
+ src: url('/fonts/Poppins-BoldItalic.otf') format('opentype');
19
+ }
20
+ @font-face {
21
+ font-family: 'Poppins-ExtraBold';
22
+ src: url('/fonts/Poppins-ExtraBold.otf') format('opentype');
23
+ }
24
+ @font-face {
25
+ font-family: 'Poppins-ExtraBoldItalic';
26
+ src: url('/fonts/Poppins-ExtraBoldItalic.otf') format('opentype');
27
+ }
28
+ @font-face {
29
+ font-family: 'Poppins-ExtraLight';
30
+ src: url('/fonts/Poppins-ExtraLight.otf') format('opentype');
31
+ }
32
+ @font-face {
33
+ font-family: 'Poppins-ExtraLightItalic';
34
+ src: url('/fonts/Poppins-ExtraLightItalic.otf') format('opentype');
35
+ }
36
+ @font-face {
37
+ font-family: 'Poppins-Italic';
38
+ src: url('/fonts/Poppins-Italic.otf') format('opentype');
39
+ }
40
+ @font-face {
41
+ font-family: 'Poppins-Light';
42
+ src: url('/fonts/Poppins-Light.otf') format('opentype');
43
+ }
44
+ @font-face {
45
+ font-family: 'Poppins-LightItalic';
46
+ src: url('/fonts/Poppins-LightItalic.otf') format('opentype');
47
+ }
48
+ @font-face {
49
+ font-family: 'Poppins-MediumItalic';
50
+ src: url('/fonts/Poppins-MediumItalic.otf') format('opentype');
51
+ }
52
+ @font-face {
53
+ font-family: 'Poppins-Medium';
54
+ src: url('/fonts/Poppins-Medium.otf') format('opentype');
55
+ }
56
+ @font-face {
57
+ font-family: 'Poppins-Regular';
58
+ src: url('/fonts/Poppins-Regular.otf') format('opentype');
59
+ }
60
+ @font-face {
61
+ font-family: 'Poppins-SemiBold';
62
+ src: url('/fonts/Poppins-SemiBold.otf') format('opentype');
63
+ }
64
+ @font-face {
65
+ font-family: 'Poppins-SemiBoldItalic';
66
+ src: url('/fonts/Poppins-SemiBoldItalic.otf') format('opentype');
67
+ }
68
+ @font-face {
69
+ font-family: 'Poppins-ThinItalic';
70
+ src: url('/fonts/Poppins-ThinItalic.otf') format('opentype');
71
+ }
72
+ @font-face {
73
+ font-family: 'Poppins-Thin';
74
+ src: url('/fonts/Poppins-Thin.otf') format('opentype');
75
+ }
76
+
77
+ /*FUENTES*/
78
+ @font-face {
79
+ font-family: 'Montserrat-SemiBold';
80
+ src: url('/fonts/Montserrat-SemiBold.otf') format('opentype');
81
+ }
82
+
83
+
84
+
85
+
86
+
87
+
88
+
89
+
90
+
91
+
package/dist/gsc-timeline-reports.css CHANGED
@@ -1 +1 @@
1
- .timeline[data-v-3eadd8cb]{border-radius:8px;font-family:Poppins;margin:0 auto;transition:width .3s ease;overflow:hidden}.timeline-header[data-v-3eadd8cb]{color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:50px;font-family:Poppins;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left}.timeline-header span[data-v-3eadd8cb]{font-family:Poppins-Medium;font-weight:500;margin-left:25px}.timeline-header.small-screen[data-v-3eadd8cb]{font-size:14px;gap:8px}.timeline-header.small-screen span[data-v-3eadd8cb]{font-size:14px}.timeline-header.small-screen .input-wrapper input[data-v-3eadd8cb]{width:45px;height:28px;font-size:12px}.timeline-header.very-small-screen[data-v-3eadd8cb]{font-size:12px;gap:4px}.timeline-header.very-small-screen span[data-v-3eadd8cb]{font-size:12px}.timeline-header.very-small-screen .input-wrapper input[data-v-3eadd8cb]{width:40px;height:24px;font-size:11px}.timeline-header.extra-small-screen[data-v-3eadd8cb]{font-size:11px;gap:2px}.timeline-header.extra-small-screen span[data-v-3eadd8cb]{font-size:11px}.timeline-header.extra-small-screen .input-wrapper input[data-v-3eadd8cb]{width:35px;height:22px;font-size:10px}.timeline-header.extra-small-screen .to-text[data-v-3eadd8cb]{margin-left:10px;margin-top:1px}.timeline-header .to-text[data-v-3eadd8cb]{margin-left:7px;margin-right:7px;color:#fff;font-family:Poppins-Medium;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left}.timeline-header.very-small-screen .to-text[data-v-3eadd8cb]{margin-left:25px;margin-top:2px;font-size:12px}.timeline-header.extra-small-screen .to-text[data-v-3eadd8cb]{margin-left:30px;margin-top:1px;font-size:11px}.input-wrapper[data-v-3eadd8cb]{position:relative;display:flex;align-items:center}.input-container[data-v-3eadd8cb]{position:relative;display:flex;align-items:center;width:85px;height:31px;border-radius:4px;background:transparent}.input-label[data-v-3eadd8cb]{position:absolute;left:-20px;color:#ffffffb3;font-family:Poppins-Light!important;font-size:13px;font-weight:500;pointer-events:none}.timeline-header input[data-v-3eadd8cb]{width:100%;height:100%;border:none;background:transparent;color:#ffffffb3;text-align:center;font-family:Poppins-Medium;font-size:13px;font-weight:500;padding-left:25px;padding-right:25px;-moz-appearance:textfield;outline:none;border:solid 1px #505a62}.timeline-header input[data-v-3eadd8cb]:focus{outline:none;border:solid 1px #505a62;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.timeline-header input[data-v-3eadd8cb]::-webkit-inner-spin-button,.timeline-header input[data-v-3eadd8cb]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-arrows[data-v-3eadd8cb]{position:absolute;right:4px;display:flex;flex-direction:column;gap:2px;z-index:1}.input-arrows button[data-v-3eadd8cb]{background:none;border:none;padding:0;cursor:pointer;color:#bfcf4c;display:flex;align-items:center;justify-content:center;width:16px;height:10px;transition:color .2s ease}.input-arrows button[data-v-3eadd8cb]:hover{color:#d4e35c}.input-arrows button svg[data-v-3eadd8cb]{width:10px;height:6px}.timeline-header.small-screen .input-container[data-v-3eadd8cb]{width:65px;height:28px}.timeline-header.small-screen .input-label[data-v-3eadd8cb]{font-size:12px;left:6px}.timeline-header.small-screen input[data-v-3eadd8cb]{font-size:12px;padding-left:20px;padding-right:20px}.timeline-header.very-small-screen .input-container[data-v-3eadd8cb]{width:60px;height:24px}.timeline-header.very-small-screen .input-label[data-v-3eadd8cb]{font-size:11px;left:5px}.timeline-header.very-small-screen input[data-v-3eadd8cb]{font-size:11px;padding-left:18px;padding-right:18px}.timeline-header.extra-small-screen .input-container[data-v-3eadd8cb]{width:70px;min-width:65px;height:26px}.timeline-header.extra-small-screen .input-label[data-v-3eadd8cb]{font-size:11px;left:4px}.timeline-header.extra-small-screen input[data-v-3eadd8cb]{font-size:12px;min-width:40px;padding-left:12px;padding-right:12px}.timeline-container[data-v-3eadd8cb]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;height:120px;box-sizing:border-box}.timeline-scroll[data-v-3eadd8cb]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;margin:0 auto;box-sizing:border-box}.timeline-bar[data-v-3eadd8cb]{position:relative;height:60px;margin:28px auto 0 60px;flex-shrink:0;transition:margin-left .3s ease;box-sizing:border-box;display:flex;justify-content:space-between}.timeline-bar.has-scroll[data-v-3eadd8cb]{margin-left:40px}.scroll-arrow[data-v-3eadd8cb]{position:absolute;top:85%;transform:translateY(-50%);background:#0d1d29cc;border:1px solid #4b80ae;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:10;transition:all .2s ease;margin:0;opacity:1}.scroll-left[data-v-3eadd8cb]{left:0}.scroll-right[data-v-3eadd8cb]{right:0}.scroll-arrow[data-v-3eadd8cb]:hover{background:#0d1d29e6;border-color:#5b90be}.line[data-v-3eadd8cb]{position:absolute;top:50%;left:0;height:2px;background:#3a6081;transform:translateY(-50%);border-radius:2px}.event[data-v-3eadd8cb]{position:absolute;left:0;width:24px;display:flex;flex-direction:column;align-items:center;z-index:2;margin-top:30px;transition:all .3s ease}.event-first-half[data-v-3eadd8cb],.event-second-half[data-v-3eadd8cb]{opacity:1}.minute-ball-center[data-v-3eadd8cb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.event-icon-top[data-v-3eadd8cb]{position:absolute;left:50%;top:calc(50% - 11px);transform:translate(-50%,-100%)}.event-icon-bottom[data-v-3eadd8cb]{position:absolute;left:50%;top:calc(50% + 11px);transform:translate(-50%)}.minute-ball[data-v-3eadd8cb]{width:20px;height:20px;border-radius:33.3px;border:solid 1px #4b80ae;background-color:#0d1d29;color:#fff;display:flex;font-family:poppins-Medium;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin:0 auto;transition:all .3s ease}.icon-yellow-card[data-v-3eadd8cb]{width:16px;height:16px;background:#ff0;border-radius:3px;display:inline-block;border:1px solid #aaa}.icon-goal[data-v-3eadd8cb]{width:16px;height:16px;background:#fff;border-radius:50%;display:inline-block;border:2px solid #0af}.icon-red-card[data-v-3eadd8cb]{width:16px;height:16px;background:red;border-radius:3px;display:inline-block;border:1px solid #aaa}.icon-var[data-v-3eadd8cb]{width:16px;height:16px;background:#0af;border-radius:3px;display:inline-block;border:1px solid #fff}.icon-change[data-v-3eadd8cb]{width:16px;height:16px;background:#aaa;border-radius:50%;display:inline-block;border:2px dashed #fff}.range-indicator[data-v-3eadd8cb]{position:absolute;top:34%;height:20px;cursor:pointer;z-index:1;display:flex;align-items:center;left:12px;right:12px}.handle[data-v-3eadd8cb]{width:1px;height:60px;background:#bfcf4c;cursor:pointer;margin:0 2px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2px 0;touch-action:none;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.handle[data-v-3eadd8cb]:hover{background:#d4e35c}.range-line[data-v-3eadd8cb]{flex:1;height:2px;background:#bfcf4c;margin:0 -2px}.minute-ball-edge[data-v-3eadd8cb]{z-index:4;border:1px solid #cbee6b}.minute-ball-initial[data-v-3eadd8cb]{z-index:2;border:1px solid #cbee6b;background-color:#0d1d29;color:#fff;font-weight:700;font-size:10px}.minute-ball[data-v-3eadd8cb]:not(.minute-ball-edge):not(.minute-ball-initial){border:solid 1px #4b80ae}.range-dot[data-v-3eadd8cb]{position:absolute;top:50%;width:10px;height:10px;border-radius:33.3px;border:solid 1px #bfcf4c;background-color:#bfcf4c;transform:translateY(-50%);z-index:10;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:all .2s ease}.range-dot[data-v-3eadd8cb]:hover{background:#d4e35c;border-color:#d4e35c;transform:translateY(-50%) scale(1.1)}.range-dot-left[data-v-3eadd8cb]{left:0;margin-left:3px;transform:translate(-50%,-50%)}.range-dot-left[data-v-3eadd8cb]:hover{background:#d4e35c;border-color:#d4e35c;transform:translate(-50%,-50%) scale(1.1)}.range-dot-right[data-v-3eadd8cb]{right:0;margin-right:3px;transform:translate(50%,-50%)}.range-dot-right[data-v-3eadd8cb]:hover{background:#d4e35c;border-color:#d4e35c;transform:translate(50%,-50%) scale(1.1)}.timeline.is-dragging[data-v-3eadd8cb]{cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline.is-dragging[data-v-3eadd8cb] *{pointer-events:none}.timeline.is-dragging .handle[data-v-3eadd8cb],.timeline.is-dragging .range-dot[data-v-3eadd8cb]{pointer-events:auto;background:#d4e35c;border-color:#d4e35c;cursor:grabbing}.timeline.is-dragging .range-line[data-v-3eadd8cb]{background:#d4e35c}.team-circle[data-v-3eadd8cb]{position:absolute;left:-27px;width:20px;height:20px;border-radius:50%;background:#0d1d29;border:1px solid #4b80ae;display:flex;align-items:center;justify-content:center;z-index:2}.team-circle img[data-v-3eadd8cb]{width:14px;height:14px;object-fit:contain}.team-circle-top[data-v-3eadd8cb]{top:-5px}.team-circle-bottom[data-v-3eadd8cb]{bottom:-5px}.time-select[data-v-3eadd8cb]{width:150px;height:31px;border-radius:4px;border:solid 1px #505a62;background:transparent;color:#ffffffb3;text-align:center;font-family:Poppins-Medium;font-size:13px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;margin-right:8px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bfcf4c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:20px;outline:none}.time-select[data-v-3eadd8cb]:focus{outline:none;border:solid 1px #505a62;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.time-select option[data-v-3eadd8cb]{background-color:#0d1d29;color:#fff}.timeline-header.small-screen .time-select[data-v-3eadd8cb]{width:130px;height:28px;font-size:12px}.timeline-header.very-small-screen .time-select[data-v-3eadd8cb]{width:110px;height:24px;font-size:11px;margin-right:4px}.timeline-header.extra-small-screen .time-select[data-v-3eadd8cb]{width:100px;height:22px;font-size:10px;margin-right:2px}.timeline-header.extra-small-screen .time-select option[data-v-3eadd8cb]{font-size:10px}.timeline-line[data-v-3eadd8cb]{position:relative;height:60px;width:100%}.timeline-line.first-half[data-v-3eadd8cb],.timeline-line.second-half[data-v-3eadd8cb]{border:none}.minute-marker[data-v-3eadd8cb]{display:none}.time-separator[data-v-3eadd8cb]{position:absolute;top:0;bottom:0;width:2px;background:#bfcf4c4d;z-index:1}.time-separator[data-v-3eadd8cb]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#bfcf4c;opacity:.5}.minute-scale[data-v-3eadd8cb]{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.minute-label[data-v-3eadd8cb]{font-size:8px;color:#ffffff80;font-family:Poppins;font-weight:400;white-space:nowrap;background:#0d1d29cc;padding:1px 3px;border-radius:2px;border:1px solid rgba(75,128,174,.3)}.timeline-header.responsive-header[data-v-3eadd8cb]{flex-wrap:wrap;flex-direction:row;gap:8px}.header-row[data-v-3eadd8cb]{display:flex;align-items:center;gap:8px}.timeline-header.mobile-column[data-v-3eadd8cb]{flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important}.timeline-header.mobile-column .header-title[data-v-3eadd8cb]{text-align:center!important;font-size:16px!important;margin:0!important;width:100%!important}.timeline-header.mobile-column .header-row[data-v-3eadd8cb]{flex-direction:row!important;align-items:center!important;width:100%!important;gap:8px!important;justify-content:space-between!important;padding:0 10px!important}.timeline-header.mobile-column .to-text[data-v-3eadd8cb]{margin:0!important;font-size:15px!important;text-align:center!important;flex-shrink:0!important}.timeline-header.mobile-column .input-container[data-v-3eadd8cb]{width:45%!important;min-width:80px!important;height:34px!important;position:relative!important;display:flex!important;align-items:center!important}.timeline-header.mobile-column input[data-v-3eadd8cb]{font-size:15px!important;min-width:60px!important;height:34px!important;padding-left:25px!important;padding-right:10px!important;width:100%!important}.timeline-header.mobile-column .input-label[data-v-3eadd8cb]{font-size:13px!important;left:-20px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.timeline-header.mobile-column .time-select[data-v-3eadd8cb]{width:45%!important;min-width:120px!important;max-width:none!important;height:34px!important;font-size:15px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.timeline-header.mobile-column .input-wrapper[data-v-3eadd8cb]{width:45%!important;display:flex!important;justify-content:center!important}@media (max-width: 470px){.timeline-header.responsive-header[data-v-3eadd8cb]{flex-direction:column;align-items:flex-start;gap:6px}.header-row[data-v-3eadd8cb]{flex-direction:row;width:100%;justify-content:flex-start;gap:6px}}@media (max-width: 420px){.timeline-header.responsive-header[data-v-3eadd8cb]{flex-direction:column;align-items:flex-start;gap:4px}.header-row[data-v-3eadd8cb]{flex-direction:row;width:100%;justify-content:flex-start;gap:4px}}@media (max-width: 370px){.timeline-header.responsive-header[data-v-3eadd8cb],.header-row[data-v-3eadd8cb]{gap:2px}}@media (max-width: 500px){.timeline-header.responsive-header[data-v-3eadd8cb]{flex-direction:column;align-items:center;gap:10px;width:100%}.header-row[data-v-3eadd8cb]{flex-direction:column;align-items:center;width:100%;gap:8px}.timeline-header .to-text[data-v-3eadd8cb]{margin:0;font-size:15px;text-align:center}.input-wrapper[data-v-3eadd8cb]{width:100%;display:flex;justify-content:center}.input-container[data-v-3eadd8cb]{width:90px!important;min-width:80px;height:34px!important;font-size:15px}.timeline-header input[data-v-3eadd8cb]{font-size:15px!important;min-width:60px;height:34px;padding-left:10px;padding-right:10px}.timeline-header .input-label[data-v-3eadd8cb]{font-size:13px!important;left:2px}.time-select[data-v-3eadd8cb]{width:100%!important;min-width:120px;max-width:180px;height:34px!important;font-size:15px!important;margin:0 auto;display:block}}.timeline-header.small-screen .input-container[data-v-3eadd8cb]{width:80px;height:30px}.timeline-header.small-screen .input-label[data-v-3eadd8cb]{font-size:13px;left:6px}.timeline-header.small-screen input[data-v-3eadd8cb]{font-size:13px;min-width:50px;height:30px;padding-left:10px;padding-right:10px}.timeline-header.small-screen .time-select[data-v-3eadd8cb]{width:120px;height:30px;font-size:13px}.timeline-header.very-small-screen .input-container[data-v-3eadd8cb]{width:90px;height:32px}.timeline-header.very-small-screen .input-label[data-v-3eadd8cb]{font-size:14px;left:5px}.timeline-header.very-small-screen input[data-v-3eadd8cb]{font-size:14px;min-width:55px;height:32px;padding-left:10px;padding-right:10px}.timeline-header.very-small-screen .time-select[data-v-3eadd8cb]{width:130px;height:32px;font-size:14px}.timeline-header.extra-small-screen .input-container[data-v-3eadd8cb]{width:100px;min-width:80px;height:36px}.timeline-header.extra-small-screen .input-label[data-v-3eadd8cb]{font-size:15px;left:4px}.timeline-header.extra-small-screen input[data-v-3eadd8cb]{font-size:15px;min-width:60px;height:36px;padding-left:8px;padding-right:8px}.timeline-header.extra-small-screen .time-select[data-v-3eadd8cb]{width:140px;height:36px;font-size:15px}.timeline-header.mobile-column[data-v-3eadd8cb]{flex-direction:column;align-items:center;gap:10px;width:100%}.timeline-header.mobile-column .header-row[data-v-3eadd8cb]{flex-direction:column;align-items:center;width:100%;gap:8px}.timeline-header.mobile-column .to-text[data-v-3eadd8cb]{margin:0;font-size:15px;text-align:center}.timeline-header.mobile-column .input-container[data-v-3eadd8cb]{width:50%!important;min-width:80px!important;height:34px!important}.timeline-header.mobile-column input[data-v-3eadd8cb]{font-size:15px!important;min-width:60px!important;height:34px!important;padding-left:10px!important;padding-right:10px!important}.timeline-header.mobile-column .input-label[data-v-3eadd8cb]{font-size:13px!important;left:2px!important}.timeline-header.mobile-column .time-select[data-v-3eadd8cb]{width:50%!important;min-width:120px!important;max-width:180px!important;height:34px!important;font-size:15px!important;margin:0!important}.timeline-header.mobile-column .input-wrapper[data-v-3eadd8cb]{width:50%!important;display:flex!important;justify-content:center!important}.timeline-header.mobile-column input[data-v-3eadd8cb]{font-size:15px!important;min-width:60px!important;height:34px!important;padding-left:35px!important;padding-right:10px!important;width:100%!important;outline:none!important}.timeline-header.mobile-column input[data-v-3eadd8cb]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.timeline-header.mobile-column .input-label[data-v-3eadd8cb]{font-size:13px!important;left:-18px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.timeline-header.mobile-column .time-select[data-v-3eadd8cb]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.timeline-header.tablet-layout[data-v-3eadd8cb]{flex-direction:column!important;align-items:center!important;gap:15px!important;width:100%!important}.timeline-header.tablet-layout .header-title[data-v-3eadd8cb]{text-align:center!important;font-size:18px!important;margin:0!important;width:100%!important;order:1!important}.timeline-header.tablet-layout .header-row[data-v-3eadd8cb]{flex-direction:row!important;align-items:center!important;width:100%!important;gap:12px!important;justify-content:center!important;order:2!important;flex-wrap:wrap!important}.timeline-header.tablet-layout .to-text[data-v-3eadd8cb]{margin:0!important;font-size:16px!important;text-align:center!important;flex-shrink:0!important}.timeline-header.tablet-layout .input-container[data-v-3eadd8cb]{width:90px!important;min-width:80px!important;height:36px!important;position:relative!important;display:flex!important;align-items:center!important}.timeline-header.tablet-layout input[data-v-3eadd8cb]{font-size:16px!important;min-width:60px!important;height:36px!important;padding-left:25px!important;padding-right:10px!important;width:100%!important}.timeline-header.tablet-layout .input-label[data-v-3eadd8cb]{font-size:14px!important;left:-20px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.timeline-header.tablet-layout .time-select[data-v-3eadd8cb]{width:160px!important;min-width:140px!important;max-width:none!important;height:36px!important;font-size:16px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.timeline-header.tablet-layout .input-wrapper[data-v-3eadd8cb]{width:auto!important;display:flex!important;justify-content:center!important}.timeline-header.tablet-layout input[data-v-3eadd8cb]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.timeline-header.tablet-layout .time-select[data-v-3eadd8cb]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.timeline-header.mobile-layout[data-v-3eadd8cb]{flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important}.timeline-header.mobile-layout .header-title[data-v-3eadd8cb]{text-align:center!important;font-size:18px!important;margin:0!important;width:100%!important;order:1!important}.timeline-header.mobile-layout .controls-row[data-v-3eadd8cb]{flex-direction:column!important;gap:8px!important;align-items:center!important;order:2!important}.timeline-header.mobile-layout .controls-row .time-select[data-v-3eadd8cb]:first-of-type,.timeline-header.mobile-layout .controls-row .input-wrapper[data-v-3eadd8cb]:first-of-type{order:1!important}.timeline-header.mobile-layout .controls-row .to-text[data-v-3eadd8cb]{order:2!important;margin:0!important;font-size:16px!important;text-align:center!important;flex-shrink:0!important;width:100%!important}.timeline-header.mobile-layout .controls-row .time-select[data-v-3eadd8cb]:last-of-type,.timeline-header.mobile-layout .controls-row .input-wrapper[data-v-3eadd8cb]:last-of-type{order:3!important}.timeline-header.mobile-layout .header-row[data-v-3eadd8cb]:first-of-type{flex-direction:row!important;align-items:center!important;width:100%!important;gap:12px!important;justify-content:center!important;order:2!important}.timeline-header.mobile-layout .header-row[data-v-3eadd8cb]:last-of-type{flex-direction:row!important;align-items:center!important;width:100%!important;gap:12px!important;justify-content:center!important;order:3!important}.timeline-header.mobile-layout .to-text[data-v-3eadd8cb]{margin:0!important;font-size:16px!important;text-align:center!important;flex-shrink:0!important}.timeline-header.mobile-layout .input-container[data-v-3eadd8cb]{width:90px!important;min-width:80px!important;height:36px!important;position:relative!important;display:flex!important;align-items:center!important}.timeline-header.mobile-layout input[data-v-3eadd8cb]{font-size:16px!important;min-width:60px!important;height:36px!important;padding-left:25px!important;padding-right:10px!important;width:100%!important}.timeline-header.mobile-layout .input-label[data-v-3eadd8cb]{font-size:14px!important;left:-20px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.timeline-header.mobile-layout .time-select[data-v-3eadd8cb]{width:160px!important;min-width:140px!important;max-width:none!important;height:36px!important;font-size:16px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.timeline-header.mobile-layout .input-wrapper[data-v-3eadd8cb]{width:auto!important;display:flex!important;justify-content:center!important}.timeline-header.mobile-layout input[data-v-3eadd8cb]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.timeline-header.mobile-layout .time-select[data-v-3eadd8cb]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.range-indicator[data-v-3eadd8cb],.handle[data-v-3eadd8cb],.range-dot[data-v-3eadd8cb]{display:none!important}.timeline-scroll[data-v-3eadd8cb]{overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.timeline-scroll[data-v-3eadd8cb]::-webkit-scrollbar{display:none!important}.scroll-arrow[data-v-3eadd8cb]{display:none!important}.container-fullwidth{width:100%!important;display:inline-block;display:flex;justify-content:center;align-items:center;box-sizing:border-box}
1
+ .timeline[data-v-d745b6e4]{border-radius:8px;font-family:Poppins;margin:0 auto;transition:width .3s ease;overflow:hidden}.timeline-header[data-v-d745b6e4]{color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:50px;font-family:Poppins;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left}.timeline-header span[data-v-d745b6e4]{font-family:Poppins-Medium;font-weight:500;margin-left:25px}.timeline-header.small-screen[data-v-d745b6e4]{font-size:14px;gap:8px}.timeline-header.small-screen span[data-v-d745b6e4]{font-size:14px}.timeline-header.small-screen .input-wrapper input[data-v-d745b6e4]{width:45px;height:28px;font-size:12px}.timeline-header.very-small-screen[data-v-d745b6e4]{font-size:12px;gap:4px}.timeline-header.very-small-screen span[data-v-d745b6e4]{font-size:12px}.timeline-header.very-small-screen .input-wrapper input[data-v-d745b6e4]{width:40px;height:24px;font-size:11px}.timeline-header.extra-small-screen[data-v-d745b6e4]{font-size:11px;gap:2px}.timeline-header.extra-small-screen span[data-v-d745b6e4]{font-size:11px}.timeline-header.extra-small-screen .input-wrapper input[data-v-d745b6e4]{width:35px;height:22px;font-size:10px}.timeline-header.extra-small-screen .to-text[data-v-d745b6e4]{margin-left:10px;margin-top:1px}.timeline-header .to-text[data-v-d745b6e4]{margin-left:7px;margin-right:7px;color:#fff;font-family:Poppins-Medium;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left}.timeline-header.very-small-screen .to-text[data-v-d745b6e4]{margin-left:25px;margin-top:2px;font-size:12px}.timeline-header.extra-small-screen .to-text[data-v-d745b6e4]{margin-left:30px;margin-top:1px;font-size:11px}.input-wrapper[data-v-d745b6e4]{position:relative;display:flex;align-items:center}.input-container[data-v-d745b6e4]{position:relative;display:flex;align-items:center;width:85px;height:31px;border-radius:4px;background:transparent}.input-label[data-v-d745b6e4]{position:absolute;left:-20px;color:#ffffffb3;font-family:Poppins-Light!important;font-size:13px;font-weight:500;pointer-events:none}.timeline-header input[data-v-d745b6e4]{width:100%;height:100%;border:none;background:transparent;color:#ffffffb3;text-align:center;font-family:Poppins-Medium;font-size:13px;font-weight:500;padding-left:25px;padding-right:25px;-moz-appearance:textfield;outline:none;border:solid 1px #505a62}.timeline-header input[data-v-d745b6e4]:focus{outline:none;border:solid 1px #505a62;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.timeline-header input[data-v-d745b6e4]::-webkit-inner-spin-button,.timeline-header input[data-v-d745b6e4]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-arrows[data-v-d745b6e4]{position:absolute;right:4px;display:flex;flex-direction:column;gap:2px;z-index:1}.input-arrows button[data-v-d745b6e4]{background:none;border:none;padding:0;cursor:pointer;color:#bfcf4c;display:flex;align-items:center;justify-content:center;width:16px;height:10px;transition:color .2s ease}.input-arrows button[data-v-d745b6e4]:hover{color:#d4e35c}.input-arrows button svg[data-v-d745b6e4]{width:10px;height:6px}.timeline-header.small-screen .input-container[data-v-d745b6e4]{width:65px;height:28px}.timeline-header.small-screen .input-label[data-v-d745b6e4]{font-size:12px;left:6px}.timeline-header.small-screen input[data-v-d745b6e4]{font-size:12px;padding-left:20px;padding-right:20px}.timeline-header.very-small-screen .input-container[data-v-d745b6e4]{width:60px;height:24px}.timeline-header.very-small-screen .input-label[data-v-d745b6e4]{font-size:11px;left:5px}.timeline-header.very-small-screen input[data-v-d745b6e4]{font-size:11px;padding-left:18px;padding-right:18px}.timeline-header.extra-small-screen .input-container[data-v-d745b6e4]{width:70px;min-width:65px;height:26px}.timeline-header.extra-small-screen .input-label[data-v-d745b6e4]{font-size:11px;left:4px}.timeline-header.extra-small-screen input[data-v-d745b6e4]{font-size:12px;min-width:40px;padding-left:12px;padding-right:12px}.timeline-container[data-v-d745b6e4]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;height:120px;box-sizing:border-box}.timeline-scroll[data-v-d745b6e4]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;margin:0 auto;box-sizing:border-box}.timeline-bar[data-v-d745b6e4]{position:relative;height:60px;margin:28px auto 0 60px;flex-shrink:0;transition:margin-left .3s ease;box-sizing:border-box;display:flex;justify-content:space-between}.timeline-bar.has-scroll[data-v-d745b6e4]{margin-left:40px}.scroll-arrow[data-v-d745b6e4]{position:absolute;top:85%;transform:translateY(-50%);background:#0d1d29cc;border:1px solid #4b80ae;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:10;transition:all .2s ease;margin:0;opacity:1}.scroll-left[data-v-d745b6e4]{left:0}.scroll-right[data-v-d745b6e4]{right:0}.scroll-arrow[data-v-d745b6e4]:hover{background:#0d1d29e6;border-color:#5b90be}.line[data-v-d745b6e4]{position:absolute;top:50%;left:0;height:2px;background:#3a6081;transform:translateY(-50%);border-radius:2px}.event[data-v-d745b6e4]{position:absolute;left:0;width:24px;display:flex;flex-direction:column;align-items:center;z-index:2;margin-top:30px;transition:all .3s ease}.event-first-half[data-v-d745b6e4],.event-second-half[data-v-d745b6e4]{opacity:1}.minute-ball-center[data-v-d745b6e4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.event-icon-top[data-v-d745b6e4]{position:absolute;left:50%;top:calc(50% - 11px);transform:translate(-50%,-100%)}.event-icon-bottom[data-v-d745b6e4]{position:absolute;left:50%;top:calc(50% + 11px);transform:translate(-50%)}.minute-ball[data-v-d745b6e4]{width:20px;height:20px;border-radius:33.3px;border:solid 1px #4b80ae;background-color:#0d1d29;color:#fff;display:flex;font-family:poppins-Medium;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin:0 auto;transition:all .3s ease}.icon-yellow-card[data-v-d745b6e4]{width:16px;height:16px;background:#ff0;border-radius:3px;display:inline-block;border:1px solid #aaa}.icon-goal[data-v-d745b6e4]{width:16px;height:16px;background:#fff;border-radius:50%;display:inline-block;border:2px solid #0af}.icon-red-card[data-v-d745b6e4]{width:16px;height:16px;background:red;border-radius:3px;display:inline-block;border:1px solid #aaa}.icon-var[data-v-d745b6e4]{width:16px;height:16px;background:#0af;border-radius:3px;display:inline-block;border:1px solid #fff}.icon-change[data-v-d745b6e4]{width:16px;height:16px;background:#aaa;border-radius:50%;display:inline-block;border:2px dashed #fff}.range-indicator[data-v-d745b6e4]{position:absolute;top:34%;height:20px;cursor:pointer;z-index:1;display:flex;align-items:center;left:12px;right:12px}.handle[data-v-d745b6e4]{width:1px;height:60px;background:#bfcf4c;cursor:pointer;margin:0 2px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2px 0;touch-action:none;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.handle[data-v-d745b6e4]:hover{background:#d4e35c}.range-line[data-v-d745b6e4]{flex:1;height:2px;background:#bfcf4c;margin:0 -2px}.minute-ball-edge[data-v-d745b6e4]{z-index:4;border:1px solid #cbee6b}.minute-ball-initial[data-v-d745b6e4]{z-index:2;border:1px solid #cbee6b;background-color:#0d1d29;color:#fff;font-weight:700;font-size:10px}.minute-ball[data-v-d745b6e4]:not(.minute-ball-edge):not(.minute-ball-initial){border:solid 1px #4b80ae}.range-dot[data-v-d745b6e4]{position:absolute;top:50%;width:10px;height:10px;border-radius:33.3px;border:solid 1px #bfcf4c;background-color:#bfcf4c;transform:translateY(-50%);z-index:10;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:all .2s ease}.range-dot[data-v-d745b6e4]:hover{background:#d4e35c;border-color:#d4e35c;transform:translateY(-50%) scale(1.1)}.range-dot-left[data-v-d745b6e4]{left:0;margin-left:3px;transform:translate(-50%,-50%)}.range-dot-left[data-v-d745b6e4]:hover{background:#d4e35c;border-color:#d4e35c;transform:translate(-50%,-50%) scale(1.1)}.range-dot-right[data-v-d745b6e4]{right:0;margin-right:3px;transform:translate(50%,-50%)}.range-dot-right[data-v-d745b6e4]:hover{background:#d4e35c;border-color:#d4e35c;transform:translate(50%,-50%) scale(1.1)}.timeline.is-dragging[data-v-d745b6e4]{cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline.is-dragging[data-v-d745b6e4] *{pointer-events:none}.timeline.is-dragging .handle[data-v-d745b6e4],.timeline.is-dragging .range-dot[data-v-d745b6e4]{pointer-events:auto;background:#d4e35c;border-color:#d4e35c;cursor:grabbing}.timeline.is-dragging .range-line[data-v-d745b6e4]{background:#d4e35c}.team-circle[data-v-d745b6e4]{position:absolute;left:-27px;width:20px;height:20px;border-radius:50%;background:#0d1d29;border:1px solid #4b80ae;display:flex;align-items:center;justify-content:center;z-index:2}.team-circle img[data-v-d745b6e4]{width:14px;height:14px;object-fit:contain}.team-circle-top[data-v-d745b6e4]{top:-5px}.team-circle-bottom[data-v-d745b6e4]{bottom:-5px}.time-select[data-v-d745b6e4]{width:150px;height:31px;border-radius:4px;border:solid 1px #505a62;background:transparent;color:#ffffffb3;text-align:center;font-family:Poppins-Medium;font-size:13px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;margin-right:8px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bfcf4c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:20px;outline:none}.time-select[data-v-d745b6e4]:focus{outline:none;border:solid 1px #505a62;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.time-select option[data-v-d745b6e4]{background-color:#0d1d29;color:#fff}.timeline-header.small-screen .time-select[data-v-d745b6e4]{width:130px;height:28px;font-size:12px}.timeline-header.very-small-screen .time-select[data-v-d745b6e4]{width:110px;height:24px;font-size:11px;margin-right:4px}.timeline-header.extra-small-screen .time-select[data-v-d745b6e4]{width:100px;height:22px;font-size:10px;margin-right:2px}.timeline-header.extra-small-screen .time-select option[data-v-d745b6e4]{font-size:10px}.timeline-line[data-v-d745b6e4]{position:relative;height:60px;width:100%}.timeline-line.first-half[data-v-d745b6e4],.timeline-line.second-half[data-v-d745b6e4]{border:none}.minute-marker[data-v-d745b6e4]{display:none}.time-separator[data-v-d745b6e4]{position:absolute;top:0;bottom:0;width:2px;background:#bfcf4c4d;z-index:1}.time-separator[data-v-d745b6e4]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#bfcf4c;opacity:.5}.minute-scale[data-v-d745b6e4]{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.minute-label[data-v-d745b6e4]{font-size:8px;color:#ffffff80;font-family:Poppins;font-weight:400;white-space:nowrap;background:#0d1d29cc;padding:1px 3px;border-radius:2px;border:1px solid rgba(75,128,174,.3)}.timeline-header.responsive-header[data-v-d745b6e4]{flex-wrap:wrap;flex-direction:row;gap:8px}.header-row[data-v-d745b6e4]{display:flex;align-items:center;gap:8px}.timeline-header.mobile-column[data-v-d745b6e4]{flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important}.timeline-header.mobile-column .header-title[data-v-d745b6e4]{text-align:center!important;font-size:16px!important;margin:0!important;width:100%!important}.timeline-header.mobile-column .header-row[data-v-d745b6e4]{flex-direction:row!important;align-items:center!important;width:100%!important;gap:8px!important;justify-content:space-between!important;padding:0 10px!important}.timeline-header.mobile-column .to-text[data-v-d745b6e4]{margin:0!important;font-size:15px!important;text-align:center!important;flex-shrink:0!important}.timeline-header.mobile-column .input-container[data-v-d745b6e4]{width:45%!important;min-width:80px!important;height:34px!important;position:relative!important;display:flex!important;align-items:center!important}.timeline-header.mobile-column input[data-v-d745b6e4]{font-size:15px!important;min-width:60px!important;height:34px!important;padding-left:25px!important;padding-right:10px!important;width:100%!important}.timeline-header.mobile-column .input-label[data-v-d745b6e4]{font-size:13px!important;left:-20px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.timeline-header.mobile-column .time-select[data-v-d745b6e4]{width:45%!important;min-width:120px!important;max-width:none!important;height:34px!important;font-size:15px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.timeline-header.mobile-column .input-wrapper[data-v-d745b6e4]{width:45%!important;display:flex!important;justify-content:center!important}@media (max-width: 470px){.timeline-header.responsive-header[data-v-d745b6e4]{flex-direction:column;align-items:flex-start;gap:6px}.header-row[data-v-d745b6e4]{flex-direction:row;width:100%;justify-content:flex-start;gap:6px}}@media (max-width: 420px){.timeline-header.responsive-header[data-v-d745b6e4]{flex-direction:column;align-items:flex-start;gap:4px}.header-row[data-v-d745b6e4]{flex-direction:row;width:100%;justify-content:flex-start;gap:4px}}@media (max-width: 370px){.timeline-header.responsive-header[data-v-d745b6e4],.header-row[data-v-d745b6e4]{gap:2px}}@media (max-width: 500px){.timeline-header.responsive-header[data-v-d745b6e4]{flex-direction:column;align-items:center;gap:10px;width:100%}.header-row[data-v-d745b6e4]{flex-direction:column;align-items:center;width:100%;gap:8px}.timeline-header .to-text[data-v-d745b6e4]{margin:0;font-size:15px;text-align:center}.input-wrapper[data-v-d745b6e4]{width:100%;display:flex;justify-content:center}.input-container[data-v-d745b6e4]{width:90px!important;min-width:80px;height:34px!important;font-size:15px}.timeline-header input[data-v-d745b6e4]{font-size:15px!important;min-width:60px;height:34px;padding-left:10px;padding-right:10px}.timeline-header .input-label[data-v-d745b6e4]{font-size:13px!important;left:2px}.time-select[data-v-d745b6e4]{width:100%!important;min-width:120px;max-width:180px;height:34px!important;font-size:15px!important;margin:0 auto;display:block}}.timeline-header.small-screen .input-container[data-v-d745b6e4]{width:80px;height:30px}.timeline-header.small-screen .input-label[data-v-d745b6e4]{font-size:13px;left:6px}.timeline-header.small-screen input[data-v-d745b6e4]{font-size:13px;min-width:50px;height:30px;padding-left:10px;padding-right:10px}.timeline-header.small-screen .time-select[data-v-d745b6e4]{width:120px;height:30px;font-size:13px}.timeline-header.very-small-screen .input-container[data-v-d745b6e4]{width:90px;height:32px}.timeline-header.very-small-screen .input-label[data-v-d745b6e4]{font-size:14px;left:5px}.timeline-header.very-small-screen input[data-v-d745b6e4]{font-size:14px;min-width:55px;height:32px;padding-left:10px;padding-right:10px}.timeline-header.very-small-screen .time-select[data-v-d745b6e4]{width:130px;height:32px;font-size:14px}.timeline-header.extra-small-screen .input-container[data-v-d745b6e4]{width:100px;min-width:80px;height:36px}.timeline-header.extra-small-screen .input-label[data-v-d745b6e4]{font-size:15px;left:4px}.timeline-header.extra-small-screen input[data-v-d745b6e4]{font-size:15px;min-width:60px;height:36px;padding-left:8px;padding-right:8px}.timeline-header.extra-small-screen .time-select[data-v-d745b6e4]{width:140px;height:36px;font-size:15px}.timeline-header.mobile-column[data-v-d745b6e4]{flex-direction:column;align-items:center;gap:10px;width:100%}.timeline-header.mobile-column .header-row[data-v-d745b6e4]{flex-direction:column;align-items:center;width:100%;gap:8px}.timeline-header.mobile-column .to-text[data-v-d745b6e4]{margin:0;font-size:15px;text-align:center}.timeline-header.mobile-column .input-container[data-v-d745b6e4]{width:50%!important;min-width:80px!important;height:34px!important}.timeline-header.mobile-column input[data-v-d745b6e4]{font-size:15px!important;min-width:60px!important;height:34px!important;padding-left:10px!important;padding-right:10px!important}.timeline-header.mobile-column .input-label[data-v-d745b6e4]{font-size:13px!important;left:2px!important}.timeline-header.mobile-column .time-select[data-v-d745b6e4]{width:50%!important;min-width:120px!important;max-width:180px!important;height:34px!important;font-size:15px!important;margin:0!important}.timeline-header.mobile-column .input-wrapper[data-v-d745b6e4]{width:50%!important;display:flex!important;justify-content:center!important}.timeline-header.mobile-column input[data-v-d745b6e4]{font-size:15px!important;min-width:60px!important;height:34px!important;padding-left:35px!important;padding-right:10px!important;width:100%!important;outline:none!important}.timeline-header.mobile-column input[data-v-d745b6e4]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.timeline-header.mobile-column .input-label[data-v-d745b6e4]{font-size:13px!important;left:-18px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.timeline-header.mobile-column .time-select[data-v-d745b6e4]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.timeline-header.tablet-layout[data-v-d745b6e4]{flex-direction:column!important;align-items:center!important;gap:15px!important;width:100%!important}.timeline-header.tablet-layout .header-title[data-v-d745b6e4]{text-align:center!important;font-size:18px!important;margin:0!important;width:100%!important;order:1!important}.timeline-header.tablet-layout .header-row[data-v-d745b6e4]{flex-direction:row!important;align-items:center!important;width:100%!important;gap:12px!important;justify-content:center!important;order:2!important;flex-wrap:wrap!important}.timeline-header.tablet-layout .to-text[data-v-d745b6e4]{margin:0!important;font-size:16px!important;text-align:center!important;flex-shrink:0!important}.timeline-header.tablet-layout .input-container[data-v-d745b6e4]{width:90px!important;min-width:80px!important;height:36px!important;position:relative!important;display:flex!important;align-items:center!important}.timeline-header.tablet-layout input[data-v-d745b6e4]{font-size:16px!important;min-width:60px!important;height:36px!important;padding-left:25px!important;padding-right:10px!important;width:100%!important}.timeline-header.tablet-layout .input-label[data-v-d745b6e4]{font-size:14px!important;left:-20px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.timeline-header.tablet-layout .time-select[data-v-d745b6e4]{width:160px!important;min-width:140px!important;max-width:none!important;height:36px!important;font-size:16px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.timeline-header.tablet-layout .input-wrapper[data-v-d745b6e4]{width:auto!important;display:flex!important;justify-content:center!important}.timeline-header.tablet-layout input[data-v-d745b6e4]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.timeline-header.tablet-layout .time-select[data-v-d745b6e4]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.timeline-header.mobile-layout[data-v-d745b6e4]{flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important}.timeline-header.mobile-layout .header-title[data-v-d745b6e4]{text-align:center!important;font-size:18px!important;margin:0!important;width:100%!important;order:1!important}.timeline-header.mobile-layout .controls-row[data-v-d745b6e4]{flex-direction:column!important;gap:8px!important;align-items:center!important;order:2!important}.timeline-header.mobile-layout .controls-row .time-select[data-v-d745b6e4]:first-of-type,.timeline-header.mobile-layout .controls-row .input-wrapper[data-v-d745b6e4]:first-of-type{order:1!important}.timeline-header.mobile-layout .controls-row .to-text[data-v-d745b6e4]{order:2!important;margin:0!important;font-size:16px!important;text-align:center!important;flex-shrink:0!important;width:100%!important}.timeline-header.mobile-layout .controls-row .time-select[data-v-d745b6e4]:last-of-type,.timeline-header.mobile-layout .controls-row .input-wrapper[data-v-d745b6e4]:last-of-type{order:3!important}.timeline-header.mobile-layout .header-row[data-v-d745b6e4]:first-of-type{flex-direction:row!important;align-items:center!important;width:100%!important;gap:12px!important;justify-content:center!important;order:2!important}.timeline-header.mobile-layout .header-row[data-v-d745b6e4]:last-of-type{flex-direction:row!important;align-items:center!important;width:100%!important;gap:12px!important;justify-content:center!important;order:3!important}.timeline-header.mobile-layout .to-text[data-v-d745b6e4]{margin:0!important;font-size:16px!important;text-align:center!important;flex-shrink:0!important}.timeline-header.mobile-layout .input-container[data-v-d745b6e4]{width:90px!important;min-width:80px!important;height:36px!important;position:relative!important;display:flex!important;align-items:center!important}.timeline-header.mobile-layout input[data-v-d745b6e4]{font-size:16px!important;min-width:60px!important;height:36px!important;padding-left:25px!important;padding-right:10px!important;width:100%!important}.timeline-header.mobile-layout .input-label[data-v-d745b6e4]{font-size:14px!important;left:-20px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.timeline-header.mobile-layout .time-select[data-v-d745b6e4]{width:160px!important;min-width:140px!important;max-width:none!important;height:36px!important;font-size:16px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.timeline-header.mobile-layout .input-wrapper[data-v-d745b6e4]{width:auto!important;display:flex!important;justify-content:center!important}.timeline-header.mobile-layout input[data-v-d745b6e4]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.timeline-header.mobile-layout .time-select[data-v-d745b6e4]:focus{outline:none!important;border:solid 1px #505a62!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.range-indicator[data-v-d745b6e4],.handle[data-v-d745b6e4],.range-dot[data-v-d745b6e4]{display:none!important}.timeline-scroll[data-v-d745b6e4]{overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.timeline-scroll[data-v-d745b6e4]::-webkit-scrollbar{display:none!important}.scroll-arrow[data-v-d745b6e4]{display:none!important}.container-fullwidth{width:100%!important;display:inline-block;display:flex;justify-content:center;align-items:center;box-sizing:border-box}