@syncfusion/ej2-react-layouts 26.1.38 → 26.2.5

package/styles/timeline/highcontrast-light.css

@@ -1,298 +1 @@
-.e-timeline {
-  --dot-size: 16px;
-  --dot-outer-space: 0;
-  --dot-border: 1px;
-  --connector-size: 1px;
-  --dot-radius: 50%;
-  height: inherit;
-  width: 100%;
-}
-.e-timeline [class^="e-dot "]::before,
-.e-timeline .e-dot-item,
-.e-timeline .e-dot {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.e-timeline [class^="e-dot "]::before {
-  min-width: 32px;
-  min-height: 32px;
-  border-radius: var(--dot-radius);
-}
-.e-timeline .e-timeline-items {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  list-style: none;
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-  padding: 0;
-  width: inherit;
-  height: inherit;
-}
-.e-timeline .e-timeline-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  position: relative;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-  width: inherit;
-  height: inherit;
-}
-.e-timeline .e-timeline-item.e-connector::after {
-  top: 0;
-  bottom: 0;
-  left: calc(50% - var(--connector-size));
-  right: auto;
-  content: "";
-  position: absolute;
-  z-index: 999;
-  border-width: var(--connector-size);
-  border-style: solid;
-}
-.e-timeline .e-timeline-item.e-connector.e-item-template::after {
-  content: unset;
-}
-.e-timeline .e-dot-item {
-  position: relative;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(var(--dot-size) * 3);
-          flex: 0 1 calc(var(--dot-size) * 3);
-  z-index: 1000;
-}
-.e-timeline .e-dot {
-  min-width: var(--dot-size);
-  min-height: var(--dot-size);
-  border-radius: var(--dot-radius);
-  outline: var(--dot-outer-space) solid;
-  border: var(--dot-border) solid;
-  font-size: 16px;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-.e-timeline .e-opposite-content,
-.e-timeline .e-content {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 50%;
-          flex: 1 1 50%;
-}
-.e-timeline .e-opposite-content {
-  font-size: 12px;
-}
-.e-timeline .e-content {
-  text-align: left;
-  font-size: 14px;
-  font-weight: 500;
-}
-.e-timeline .e-timeline-item:first-child::after {
-  top: 0;
-}
-.e-timeline .e-timeline-item:last-child::after {
-  bottom: calc(var(--dot-size) * 2);
-}
-.e-timeline.e-vertical.e-align-before .e-timeline-item, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even), .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-          flex-direction: row-reverse;
-}
-.e-timeline.e-vertical.e-timeline-reverse .e-timeline-items {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: column-reverse;
-          flex-direction: column-reverse;
-}
-.e-timeline.e-vertical.e-align-before .e-timeline-items .e-opposite-content, .e-timeline.e-vertical.e-align-after .e-timeline-items .e-content {
-  text-align: left;
-}
-.e-timeline.e-vertical .e-timeline-item.e-connector:last-child::after {
-  content: unset;
-}
-.e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after {
-  left: calc(var(--dot-size) * 3 / 2 - var(--connector-size));
-  right: auto;
-}
-.e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after, .e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after {
-  right: calc(var(--dot-size) * 3 / 2 - var(--connector-size));
-  left: auto;
-}
-.e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-content, .e-timeline.e-vertical.e-align-after.e-content-only .e-opposite-content, .e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-content, .e-timeline.e-vertical.e-align-before.e-content-only .e-opposite-content {
-  -webkit-box-flex: 0;
-      -ms-flex: 0;
-          flex: 0;
-}
-.e-timeline.e-vertical.e-timeline-reverse .e-timeline-item.e-connector:first-child::after {
-  content: unset;
-}
-.e-timeline.e-vertical.e-timeline-reverse .e-timeline-item.e-connector:last-child::after {
-  content: "";
-  bottom: 0;
-}
-.e-timeline.e-vertical.e-align-after .e-opposite-content, .e-timeline.e-vertical.e-align-before .e-content, .e-timeline.e-vertical.e-rtl.e-align-after .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-before .e-opposite-content, .e-timeline.e-vertical.e-align-alternate .e-opposite-content, .e-timeline.e-vertical.e-align-alternatereverse .e-opposite-content {
-  text-align: right;
-}
-.e-timeline.e-vertical.e-align-before .e-opposite-content, .e-timeline.e-vertical.e-align-after .e-content, .e-timeline.e-vertical.e-rtl.e-align-after .e-opposite-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-before .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-opposite-content {
-  text-align: left;
-}
-.e-timeline.e-vertical .e-dot-item {
-  width: calc(var(--dot-size) * 2);
-}
-.e-timeline.e-horizontal .e-timeline-items {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-}
-.e-timeline.e-horizontal .e-timeline-item {
-  height: auto;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.e-timeline.e-horizontal.e-timeline-reverse.e-rtl .e-timeline-item.e-connector::after {
-  left: calc(50% - var(--connector-size));
-  right: auto;
-}
-.e-timeline.e-horizontal.e-rtl .e-timeline-item.e-connector::after, .e-timeline.e-horizontal.e-timeline-reverse .e-timeline-item.e-connector::after {
-  right: calc(50% - var(--connector-size));
-  left: auto;
-}
-.e-timeline.e-horizontal .e-dot-item {
-  margin: calc(var(--dot-size) * 2 / 2) 0;
-}
-.e-timeline.e-horizontal .e-opposite-content,
-.e-timeline.e-horizontal .e-content {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-horizontal.e-align-before .e-content {
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-}
-.e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-horizontal.e-align-before .e-opposite-content {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-}
-.e-timeline.e-horizontal.e-align-before .e-timeline-item, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even), .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: column-reverse;
-          flex-direction: column-reverse;
-}
-.e-timeline.e-horizontal.e-timeline-reverse .e-timeline-items {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-          flex-direction: row-reverse;
-}
-.e-timeline.e-horizontal .e-timeline-item::after {
-  width: 100%;
-  height: 0;
-  top: calc(50% - var(--connector-size));
-}
-.e-timeline.e-horizontal .e-opposite-content {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-  text-align: left;
-  padding: 0;
-}
-.e-timeline.e-horizontal .e-content {
-  padding: 0;
-}
-.e-timeline.e-horizontal .e-timeline-item:last-child::after {
-  width: auto;
-}
-
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
-  min-width: 40px;
-  min-height: 40px;
-  font-size: 18px;
-}
-.e-bigger.e-timeline .e-dot-item,
-.e-bigger .e-timeline .e-dot-item {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(var(--dot-size) * 4);
-          flex: 0 1 calc(var(--dot-size) * 4);
-}
-.e-bigger.e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after {
-  left: calc(var(--dot-size) * 4 / 2 - var(--connector-size));
-}
-.e-bigger.e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after {
-  right: calc(var(--dot-size) * 4 / 2 - var(--connector-size));
-}
-.e-bigger.e-timeline .e-dot,
-.e-bigger .e-timeline .e-dot {
-  min-width: 20px;
-  min-height: 20px;
-}
-.e-bigger.e-timeline .e-opposite-content,
-.e-bigger .e-timeline .e-opposite-content {
-  font-size: 14px;
-}
-.e-bigger.e-timeline .e-content,
-.e-bigger .e-timeline .e-content {
-  font-size: 16px;
-}
-
-.e-timeline .e-dot {
-  background-color: #4d4d4d;
-  border-color: #4d4d4d;
-  color: #000;
-  outline-color: #fff;
-}
-.e-timeline.e-outline .e-dot {
-  background-color: #fff;
-}
-.e-timeline .e-timeline-item.e-connector::after {
-  border-color: #4d4d4d;
-}
-.e-timeline .e-content {
-  color: #000;
-}
-.e-timeline .e-opposite-content {
-  color: #000;
-}
-.e-timeline .e-item-disabled .e-content,
-.e-timeline .e-item-disabled .e-opposite-content {
-  color: #400074;
-}
+@import '@syncfusion/ej2-layouts/styles/timeline/highcontrast-light.css';

package/styles/timeline/highcontrast.css

@@ -1,298 +1 @@
-.e-timeline {
-  --dot-size: 16px;
-  --dot-outer-space: 0;
-  --dot-border: 1px;
-  --connector-size: 1px;
-  --dot-radius: 50%;
-  height: inherit;
-  width: 100%;
-}
-.e-timeline [class^="e-dot "]::before,
-.e-timeline .e-dot-item,
-.e-timeline .e-dot {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.e-timeline [class^="e-dot "]::before {
-  min-width: 32px;
-  min-height: 32px;
-  border-radius: var(--dot-radius);
-}
-.e-timeline .e-timeline-items {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  list-style: none;
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-  padding: 0;
-  width: inherit;
-  height: inherit;
-}
-.e-timeline .e-timeline-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  position: relative;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-  width: inherit;
-  height: inherit;
-}
-.e-timeline .e-timeline-item.e-connector::after {
-  top: 0;
-  bottom: 0;
-  left: calc(50% - var(--connector-size));
-  right: auto;
-  content: "";
-  position: absolute;
-  z-index: 999;
-  border-width: var(--connector-size);
-  border-style: solid;
-}
-.e-timeline .e-timeline-item.e-connector.e-item-template::after {
-  content: unset;
-}
-.e-timeline .e-dot-item {
-  position: relative;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(var(--dot-size) * 3);
-          flex: 0 1 calc(var(--dot-size) * 3);
-  z-index: 1000;
-}
-.e-timeline .e-dot {
-  min-width: var(--dot-size);
-  min-height: var(--dot-size);
-  border-radius: var(--dot-radius);
-  outline: var(--dot-outer-space) solid;
-  border: var(--dot-border) solid;
-  font-size: 16px;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-.e-timeline .e-opposite-content,
-.e-timeline .e-content {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 50%;
-          flex: 1 1 50%;
-}
-.e-timeline .e-opposite-content {
-  font-size: 12px;
-}
-.e-timeline .e-content {
-  text-align: left;
-  font-size: 14px;
-  font-weight: 500;
-}
-.e-timeline .e-timeline-item:first-child::after {
-  top: 0;
-}
-.e-timeline .e-timeline-item:last-child::after {
-  bottom: calc(var(--dot-size) * 2);
-}
-.e-timeline.e-vertical.e-align-before .e-timeline-item, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even), .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-          flex-direction: row-reverse;
-}
-.e-timeline.e-vertical.e-timeline-reverse .e-timeline-items {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: column-reverse;
-          flex-direction: column-reverse;
-}
-.e-timeline.e-vertical.e-align-before .e-timeline-items .e-opposite-content, .e-timeline.e-vertical.e-align-after .e-timeline-items .e-content {
-  text-align: left;
-}
-.e-timeline.e-vertical .e-timeline-item.e-connector:last-child::after {
-  content: unset;
-}
-.e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after {
-  left: calc(var(--dot-size) * 3 / 2 - var(--connector-size));
-  right: auto;
-}
-.e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after, .e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after {
-  right: calc(var(--dot-size) * 3 / 2 - var(--connector-size));
-  left: auto;
-}
-.e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-content, .e-timeline.e-vertical.e-align-after.e-content-only .e-opposite-content, .e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-content, .e-timeline.e-vertical.e-align-before.e-content-only .e-opposite-content {
-  -webkit-box-flex: 0;
-      -ms-flex: 0;
-          flex: 0;
-}
-.e-timeline.e-vertical.e-timeline-reverse .e-timeline-item.e-connector:first-child::after {
-  content: unset;
-}
-.e-timeline.e-vertical.e-timeline-reverse .e-timeline-item.e-connector:last-child::after {
-  content: "";
-  bottom: 0;
-}
-.e-timeline.e-vertical.e-align-after .e-opposite-content, .e-timeline.e-vertical.e-align-before .e-content, .e-timeline.e-vertical.e-rtl.e-align-after .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-before .e-opposite-content, .e-timeline.e-vertical.e-align-alternate .e-opposite-content, .e-timeline.e-vertical.e-align-alternatereverse .e-opposite-content {
-  text-align: right;
-}
-.e-timeline.e-vertical.e-align-before .e-opposite-content, .e-timeline.e-vertical.e-align-after .e-content, .e-timeline.e-vertical.e-rtl.e-align-after .e-opposite-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-before .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-opposite-content {
-  text-align: left;
-}
-.e-timeline.e-vertical .e-dot-item {
-  width: calc(var(--dot-size) * 2);
-}
-.e-timeline.e-horizontal .e-timeline-items {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-}
-.e-timeline.e-horizontal .e-timeline-item {
-  height: auto;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.e-timeline.e-horizontal.e-timeline-reverse.e-rtl .e-timeline-item.e-connector::after {
-  left: calc(50% - var(--connector-size));
-  right: auto;
-}
-.e-timeline.e-horizontal.e-rtl .e-timeline-item.e-connector::after, .e-timeline.e-horizontal.e-timeline-reverse .e-timeline-item.e-connector::after {
-  right: calc(50% - var(--connector-size));
-  left: auto;
-}
-.e-timeline.e-horizontal .e-dot-item {
-  margin: calc(var(--dot-size) * 2 / 2) 0;
-}
-.e-timeline.e-horizontal .e-opposite-content,
-.e-timeline.e-horizontal .e-content {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-horizontal.e-align-before .e-content {
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-}
-.e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-horizontal.e-align-before .e-opposite-content {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-}
-.e-timeline.e-horizontal.e-align-before .e-timeline-item, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even), .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: column-reverse;
-          flex-direction: column-reverse;
-}
-.e-timeline.e-horizontal.e-timeline-reverse .e-timeline-items {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: reverse;
-      -ms-flex-direction: row-reverse;
-          flex-direction: row-reverse;
-}
-.e-timeline.e-horizontal .e-timeline-item::after {
-  width: 100%;
-  height: 0;
-  top: calc(50% - var(--connector-size));
-}
-.e-timeline.e-horizontal .e-opposite-content {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-  text-align: left;
-  padding: 0;
-}
-.e-timeline.e-horizontal .e-content {
-  padding: 0;
-}
-.e-timeline.e-horizontal .e-timeline-item:last-child::after {
-  width: auto;
-}
-
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
-  min-width: 40px;
-  min-height: 40px;
-  font-size: 18px;
-}
-.e-bigger.e-timeline .e-dot-item,
-.e-bigger .e-timeline .e-dot-item {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 calc(var(--dot-size) * 4);
-          flex: 0 1 calc(var(--dot-size) * 4);
-}
-.e-bigger.e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after {
-  left: calc(var(--dot-size) * 4 / 2 - var(--connector-size));
-}
-.e-bigger.e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after,
-.e-bigger .e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after {
-  right: calc(var(--dot-size) * 4 / 2 - var(--connector-size));
-}
-.e-bigger.e-timeline .e-dot,
-.e-bigger .e-timeline .e-dot {
-  min-width: 20px;
-  min-height: 20px;
-}
-.e-bigger.e-timeline .e-opposite-content,
-.e-bigger .e-timeline .e-opposite-content {
-  font-size: 14px;
-}
-.e-bigger.e-timeline .e-content,
-.e-bigger .e-timeline .e-content {
-  font-size: 16px;
-}
-
-.e-timeline .e-dot {
-  background-color: #757575;
-  border-color: #757575;
-  color: #fff;
-  outline-color: #000;
-}
-.e-timeline.e-outline .e-dot {
-  background-color: #000;
-}
-.e-timeline .e-timeline-item.e-connector::after {
-  border-color: #757575;
-}
-.e-timeline .e-content {
-  color: #fff;
-}
-.e-timeline .e-opposite-content {
-  color: #fff;
-}
-.e-timeline .e-item-disabled .e-content,
-.e-timeline .e-item-disabled .e-opposite-content {
-  color: #ffd939;
-}
+@import '@syncfusion/ej2-layouts/styles/timeline/highcontrast.css';