@golstats/gsc-timeline-reports 1.0.0

package/README.md

@@ -0,0 +1,2 @@
+# gsc-timeline-reports
+repositorio para timeline de reportes

package/dist/css/fonts.css

@@ -0,0 +1,91 @@
+
+
+/*FUENTES*/
+@font-face {
+	font-family: 'Poppins-Black';
+	src: url('/fonts/Poppins-Black.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-BlackItalic';
+	src: url('/fonts/Poppins-BlackItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Bold';
+	src: url('/fonts/Poppins-Bold.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-BoldItalic';
+	src: url('/fonts/Poppins-BoldItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-ExtraBold';
+	src: url('/fonts/Poppins-ExtraBold.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-ExtraBoldItalic';
+	src: url('/fonts/Poppins-ExtraBoldItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-ExtraLight';
+	src: url('/fonts/Poppins-ExtraLight.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-ExtraLightItalic';
+	src: url('/fonts/Poppins-ExtraLightItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Italic';
+	src: url('/fonts/Poppins-Italic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Light';
+	src: url('/fonts/Poppins-Light.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-LightItalic';
+	src: url('/fonts/Poppins-LightItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-MediumItalic';
+	src: url('/fonts/Poppins-MediumItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Medium';
+	src: url('/fonts/Poppins-Medium.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Regular';
+	src: url('/fonts/Poppins-Regular.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-SemiBold';
+	src: url('/fonts/Poppins-SemiBold.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-SemiBoldItalic';
+	src: url('/fonts/Poppins-SemiBoldItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-ThinItalic';
+	src: url('/fonts/Poppins-ThinItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Thin';
+	src: url('/fonts/Poppins-Thin.otf') format('opentype');
+}
+
+/*FUENTES*/
+@font-face {
+	font-family: 'Montserrat-SemiBold';
+	src: url('/fonts/Montserrat-SemiBold.otf') format('opentype');
+}
+
+
+
+
+
+
+
+
+
+

package/dist/gsc-timeline-reports.css

@@ -0,0 +1 @@
+.timeline[data-v-e46eb693]{border-radius:8px;font-family:Poppins;margin:0 auto;transition:width .3s ease;overflow:hidden}.timeline-header[data-v-e46eb693]{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-e46eb693]{font-family:Poppins-Medium;font-weight:500;margin-left:25px}.timeline-header.small-screen[data-v-e46eb693]{font-size:14px;gap:8px}.timeline-header.small-screen span[data-v-e46eb693]{font-size:14px}.timeline-header.small-screen .input-wrapper input[data-v-e46eb693]{width:45px;height:28px;font-size:12px}.timeline-header.very-small-screen[data-v-e46eb693]{font-size:12px;gap:4px}.timeline-header.very-small-screen span[data-v-e46eb693]{font-size:12px}.timeline-header.very-small-screen .input-wrapper input[data-v-e46eb693]{width:40px;height:24px;font-size:11px}.timeline-header.extra-small-screen[data-v-e46eb693]{font-size:11px;gap:2px}.timeline-header.extra-small-screen span[data-v-e46eb693]{font-size:11px}.timeline-header.extra-small-screen .input-wrapper input[data-v-e46eb693]{width:35px;height:22px;font-size:10px}.timeline-header.extra-small-screen .to-text[data-v-e46eb693]{margin-left:10px;margin-top:1px}.timeline-header .to-text[data-v-e46eb693]{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-e46eb693]{margin-left:25px;margin-top:2px;font-size:12px}.timeline-header.extra-small-screen .to-text[data-v-e46eb693]{margin-left:30px;margin-top:1px;font-size:11px}.input-wrapper[data-v-e46eb693]{position:relative;display:flex;align-items:center}.input-container[data-v-e46eb693]{position:relative;display:flex;align-items:center;width:85px;height:31px;border-radius:4px;background:transparent}.input-label[data-v-e46eb693]{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-e46eb693]{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-e46eb693]:focus{outline:none;border:solid 1px #505a62;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.timeline-header input[data-v-e46eb693]::-webkit-inner-spin-button,.timeline-header input[data-v-e46eb693]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-arrows[data-v-e46eb693]{position:absolute;right:4px;display:flex;flex-direction:column;gap:2px;z-index:1}.input-arrows button[data-v-e46eb693]{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-e46eb693]:hover{color:#d4e35c}.input-arrows button svg[data-v-e46eb693]{width:10px;height:6px}.timeline-header.small-screen .input-container[data-v-e46eb693]{width:65px;height:28px}.timeline-header.small-screen .input-label[data-v-e46eb693]{font-size:12px;left:6px}.timeline-header.small-screen input[data-v-e46eb693]{font-size:12px;padding-left:20px;padding-right:20px}.timeline-header.very-small-screen .input-container[data-v-e46eb693]{width:60px;height:24px}.timeline-header.very-small-screen .input-label[data-v-e46eb693]{font-size:11px;left:5px}.timeline-header.very-small-screen input[data-v-e46eb693]{font-size:11px;padding-left:18px;padding-right:18px}.timeline-header.extra-small-screen .input-container[data-v-e46eb693]{width:70px;min-width:65px;height:26px}.timeline-header.extra-small-screen .input-label[data-v-e46eb693]{font-size:11px;left:4px}.timeline-header.extra-small-screen input[data-v-e46eb693]{font-size:12px;min-width:40px;padding-left:12px;padding-right:12px}.timeline-container[data-v-e46eb693]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;height:120px;box-sizing:border-box}.timeline-scroll[data-v-e46eb693]{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-e46eb693]{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-e46eb693]{margin-left:40px}.scroll-arrow[data-v-e46eb693]{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-e46eb693]{left:0}.scroll-right[data-v-e46eb693]{right:0}.scroll-arrow[data-v-e46eb693]:hover{background:#0d1d29e6;border-color:#5b90be}.line[data-v-e46eb693]{position:absolute;top:50%;left:48%;width:98%;height:2px;background:#3a6081;transform:translate(-50%,-50%);border-radius:2px}.event[data-v-e46eb693]{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-e46eb693],.event-second-half[data-v-e46eb693]{opacity:1}.minute-ball-center[data-v-e46eb693]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.event-icon-top[data-v-e46eb693]{position:absolute;left:50%;top:calc(50% - 11px);transform:translate(-50%,-100%)}.event-icon-bottom[data-v-e46eb693]{position:absolute;left:50%;top:calc(50% + 11px);transform:translate(-50%)}.minute-ball[data-v-e46eb693]{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-e46eb693]{width:16px;height:16px;background:#ff0;border-radius:3px;display:inline-block;border:1px solid #aaa}.icon-goal[data-v-e46eb693]{width:16px;height:16px;background:#fff;border-radius:50%;display:inline-block;border:2px solid #0af}.icon-red-card[data-v-e46eb693]{width:16px;height:16px;background:red;border-radius:3px;display:inline-block;border:1px solid #aaa}.icon-var[data-v-e46eb693]{width:16px;height:16px;background:#0af;border-radius:3px;display:inline-block;border:1px solid #fff}.icon-change[data-v-e46eb693]{width:16px;height:16px;background:#aaa;border-radius:50%;display:inline-block;border:2px dashed #fff}.range-indicator[data-v-e46eb693]{position:absolute;top:34%;height:20px;cursor:pointer;z-index:1;display:flex;align-items:center;left:12px;right:12px}.handle[data-v-e46eb693]{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-e46eb693]:hover{background:#d4e35c}.range-line[data-v-e46eb693]{flex:1;height:2px;background:#bfcf4c;margin:0 -2px}.minute-ball-edge[data-v-e46eb693]{z-index:4;border:none}.minute-ball-initial[data-v-e46eb693]{z-index:2;border:1px solid #4b80ae;background-color:#0d1d29;color:#fff;font-weight:700;font-size:10px}.minute-ball[data-v-e46eb693]:not(.minute-ball-edge){border:solid 1px #4b80ae}.range-dot[data-v-e46eb693]{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-e46eb693]:hover{background:#d4e35c;border-color:#d4e35c;transform:translateY(-50%) scale(1.1)}.range-dot-left[data-v-e46eb693]{left:0;margin-left:3px;transform:translate(-50%,-50%)}.range-dot-left[data-v-e46eb693]:hover{background:#d4e35c;border-color:#d4e35c;transform:translate(-50%,-50%) scale(1.1)}.range-dot-right[data-v-e46eb693]{right:0;margin-right:3px;transform:translate(50%,-50%)}.range-dot-right[data-v-e46eb693]:hover{background:#d4e35c;border-color:#d4e35c;transform:translate(50%,-50%) scale(1.1)}.timeline.is-dragging[data-v-e46eb693]{cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline.is-dragging[data-v-e46eb693] *{pointer-events:none}.timeline.is-dragging .handle[data-v-e46eb693],.timeline.is-dragging .range-dot[data-v-e46eb693]{pointer-events:auto;background:#d4e35c;border-color:#d4e35c;cursor:grabbing}.timeline.is-dragging .range-line[data-v-e46eb693]{background:#d4e35c}.team-circle[data-v-e46eb693]{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-e46eb693]{width:14px;height:14px;object-fit:contain}.team-circle-top[data-v-e46eb693]{top:-5px}.team-circle-bottom[data-v-e46eb693]{bottom:-5px}.time-select[data-v-e46eb693]{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-e46eb693]:focus{outline:none;border:solid 1px #505a62;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.time-select option[data-v-e46eb693]{background-color:#0d1d29;color:#fff}.timeline-header.small-screen .time-select[data-v-e46eb693]{width:130px;height:28px;font-size:12px}.timeline-header.very-small-screen .time-select[data-v-e46eb693]{width:110px;height:24px;font-size:11px;margin-right:4px}.timeline-header.extra-small-screen .time-select[data-v-e46eb693]{width:100px;height:22px;font-size:10px;margin-right:2px}.timeline-header.extra-small-screen .time-select option[data-v-e46eb693]{font-size:10px}.timeline-line[data-v-e46eb693]{position:relative;height:60px;width:100%}.timeline-line.first-half[data-v-e46eb693],.timeline-line.second-half[data-v-e46eb693]{border:none}.minute-marker[data-v-e46eb693]{display:none}.time-separator[data-v-e46eb693]{position:absolute;top:0;bottom:0;width:2px;background:#bfcf4c4d;z-index:1}.time-separator[data-v-e46eb693]: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-e46eb693]{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.minute-label[data-v-e46eb693]{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-e46eb693]{flex-wrap:wrap;flex-direction:row;gap:8px}.header-row[data-v-e46eb693]{display:flex;align-items:center;gap:8px}.timeline-header.mobile-column[data-v-e46eb693]{flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important}.timeline-header.mobile-column .header-title[data-v-e46eb693]{text-align:center!important;font-size:16px!important;margin:0!important;width:100%!important}.timeline-header.mobile-column .header-row[data-v-e46eb693]{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-e46eb693]{margin:0!important;font-size:15px!important;text-align:center!important;flex-shrink:0!important}.timeline-header.mobile-column .input-container[data-v-e46eb693]{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-e46eb693]{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-e46eb693]{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-e46eb693]{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-e46eb693]{width:45%!important;display:flex!important;justify-content:center!important}@media (max-width: 470px){.timeline-header.responsive-header[data-v-e46eb693]{flex-direction:column;align-items:flex-start;gap:6px}.header-row[data-v-e46eb693]{flex-direction:row;width:100%;justify-content:flex-start;gap:6px}}@media (max-width: 420px){.timeline-header.responsive-header[data-v-e46eb693]{flex-direction:column;align-items:flex-start;gap:4px}.header-row[data-v-e46eb693]{flex-direction:row;width:100%;justify-content:flex-start;gap:4px}}@media (max-width: 370px){.timeline-header.responsive-header[data-v-e46eb693],.header-row[data-v-e46eb693]{gap:2px}}@media (max-width: 500px){.timeline-header.responsive-header[data-v-e46eb693]{flex-direction:column;align-items:center;gap:10px;width:100%}.header-row[data-v-e46eb693]{flex-direction:column;align-items:center;width:100%;gap:8px}.timeline-header .to-text[data-v-e46eb693]{margin:0;font-size:15px;text-align:center}.input-wrapper[data-v-e46eb693]{width:100%;display:flex;justify-content:center}.input-container[data-v-e46eb693]{width:90px!important;min-width:80px;height:34px!important;font-size:15px}.timeline-header input[data-v-e46eb693]{font-size:15px!important;min-width:60px;height:34px;padding-left:10px;padding-right:10px}.timeline-header .input-label[data-v-e46eb693]{font-size:13px!important;left:2px}.time-select[data-v-e46eb693]{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-e46eb693]{width:80px;height:30px}.timeline-header.small-screen .input-label[data-v-e46eb693]{font-size:13px;left:6px}.timeline-header.small-screen input[data-v-e46eb693]{font-size:13px;min-width:50px;height:30px;padding-left:10px;padding-right:10px}.timeline-header.small-screen .time-select[data-v-e46eb693]{width:120px;height:30px;font-size:13px}.timeline-header.very-small-screen .input-container[data-v-e46eb693]{width:90px;height:32px}.timeline-header.very-small-screen .input-label[data-v-e46eb693]{font-size:14px;left:5px}.timeline-header.very-small-screen input[data-v-e46eb693]{font-size:14px;min-width:55px;height:32px;padding-left:10px;padding-right:10px}.timeline-header.very-small-screen .time-select[data-v-e46eb693]{width:130px;height:32px;font-size:14px}.timeline-header.extra-small-screen .input-container[data-v-e46eb693]{width:100px;min-width:80px;height:36px}.timeline-header.extra-small-screen .input-label[data-v-e46eb693]{font-size:15px;left:4px}.timeline-header.extra-small-screen input[data-v-e46eb693]{font-size:15px;min-width:60px;height:36px;padding-left:8px;padding-right:8px}.timeline-header.extra-small-screen .time-select[data-v-e46eb693]{width:140px;height:36px;font-size:15px}.timeline-header.mobile-column[data-v-e46eb693]{flex-direction:column;align-items:center;gap:10px;width:100%}.timeline-header.mobile-column .header-row[data-v-e46eb693]{flex-direction:column;align-items:center;width:100%;gap:8px}.timeline-header.mobile-column .to-text[data-v-e46eb693]{margin:0;font-size:15px;text-align:center}.timeline-header.mobile-column .input-container[data-v-e46eb693]{width:50%!important;min-width:80px!important;height:34px!important}.timeline-header.mobile-column input[data-v-e46eb693]{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-e46eb693]{font-size:13px!important;left:2px!important}.timeline-header.mobile-column .time-select[data-v-e46eb693]{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-e46eb693]{width:50%!important;display:flex!important;justify-content:center!important}.timeline-header.mobile-column input[data-v-e46eb693]{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-e46eb693]: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-e46eb693]{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-e46eb693]: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-e46eb693]{flex-direction:column!important;align-items:center!important;gap:15px!important;width:100%!important}.timeline-header.tablet-layout .header-title[data-v-e46eb693]{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-e46eb693]{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-e46eb693]{margin:0!important;font-size:16px!important;text-align:center!important;flex-shrink:0!important}.timeline-header.tablet-layout .input-container[data-v-e46eb693]{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-e46eb693]{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-e46eb693]{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-e46eb693]{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-e46eb693]{width:auto!important;display:flex!important;justify-content:center!important}.timeline-header.tablet-layout input[data-v-e46eb693]: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-e46eb693]: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-e46eb693]{flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important}.timeline-header.mobile-layout .header-title[data-v-e46eb693]{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-e46eb693]{flex-direction:column!important;gap:8px!important;align-items:center!important;order:2!important}.timeline-header.mobile-layout .controls-row .time-select[data-v-e46eb693]:first-of-type,.timeline-header.mobile-layout .controls-row .input-wrapper[data-v-e46eb693]:first-of-type{order:1!important}.timeline-header.mobile-layout .controls-row .to-text[data-v-e46eb693]{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-e46eb693]:last-of-type,.timeline-header.mobile-layout .controls-row .input-wrapper[data-v-e46eb693]:last-of-type{order:3!important}.timeline-header.mobile-layout .header-row[data-v-e46eb693]: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-e46eb693]: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-e46eb693]{margin:0!important;font-size:16px!important;text-align:center!important;flex-shrink:0!important}.timeline-header.mobile-layout .input-container[data-v-e46eb693]{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-e46eb693]{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-e46eb693]{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-e46eb693]{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-e46eb693]{width:auto!important;display:flex!important;justify-content:center!important}.timeline-header.mobile-layout input[data-v-e46eb693]: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-e46eb693]: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-e46eb693],.handle[data-v-e46eb693],.range-dot[data-v-e46eb693]{display:none!important}.timeline-scroll[data-v-e46eb693]{overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.timeline-scroll[data-v-e46eb693]::-webkit-scrollbar{display:none!important}.scroll-arrow[data-v-e46eb693]{display:none!important}