@transferwise/components 0.0.0-experimental-57e70f3 → 0.0.0-experimental-09066ec

package/build/styles/neptune-css/less/sequences.css

@@ -1,855 +0,0 @@
-.sequence {
-  padding-left: 24px;
-  position: relative;
-  margin-left: 25px;
-  margin-top: 0;
-  margin-bottom: 0;
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-  border-color: rgba(0,0,0,0.10196);
-  border-color: var(--color-border-neutral);
-}
-.sequence > li {
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
-.sequence > li:first-child {
-  margin-top: 16px;
-}
-.sequence > li:last-child {
-  margin-bottom: 16px;
-}
-@media (min-width: 768px) {
-  .sequence > li {
-    padding-top: 4px;
-    padding-bottom: 4px;
-  }
-}
-.sequence > li::before {
-  margin-top: 8px;
-}
-.sequence > li::after {
-  top: 16px;
-}
-.sequence > li:first-child::after {
-  height: 100%;
-}
-.sequence > li:last-child::after {
-  height: 0;
-}
-.sequence.sequence-top > li:first-child {
-  padding-top: 20px;
-  margin-top: 0;
-}
-.sequence.sequence-top > li:first-child::after {
-  height: calc(100% + 16px);
-}
-.sequence.sequence-bottom > li:last-child {
-  padding-bottom: 20px;
-  margin-bottom: 0;
-}
-.sequence.sequence-bottom > li:last-child::after {
-  height: calc(100% - 16px);
-}
-.sequence.sequence-top.sequence-bottom > li:first-child:last-child::after {
-  height: 100%;
-}
-.sequence .sequence-icon {
-  top: 2px;
-}
-@media (min-width: 768px) {
-  .sequence .sequence-icon {
-    top: 4px;
-  }
-}
-.sequence.sequence-top > li:first-child .sequence-icon {
-  top: 20px;
-}
-[dir="rtl"] .sequence {
-  padding-right: 24px;
-  padding-left: 0;
-  padding-left: initial;
-}
-.sequence > li::before {
-  margin-left: -27px;
-}
-[dir="rtl"] .sequence > li::before {
-  margin-right: -27px;
-  margin-left: 0;
-  margin-left: initial;
-}
-.sequence > li::after {
-  left: -24px;
-}
-[dir="rtl"] .sequence > li::after {
-  right: -24px;
-  left: auto;
-  left: initial;
-}
-.sequence .sequence-icon {
-  margin-left: -35px;
-}
-[dir="rtl"] .sequence .sequence-icon {
-  margin-right: -35px;
-  margin-left: 0;
-  margin-left: initial;
-}
-.sequence .sequence-icon-md {
-  margin-left: -39px;
-}
-[dir="rtl"] .sequence .sequence-icon-md {
-  margin-right: -39px;
-  margin-left: 0;
-  margin-left: initial;
-}
-.sequence .sequence-icon-lg {
-  margin-left: -43px;
-}
-[dir="rtl"] .sequence .sequence-icon-lg {
-  margin-right: -43px;
-  margin-left: 0;
-  margin-left: initial;
-}
-[dir="rtl"] .sequence {
-  margin-right: 25px;
-  margin-left: 0;
-  margin-left: initial;
-}
-@media (min-width: 768px) {
-  .sequence {
-    padding-right: 24px;
-    font-size: 1rem;
-    font-size: var(--font-size-16);
-  }
-  [dir="rtl"] .sequence {
-    padding-left: 24px;
-    padding-right: 0;
-    padding-right: initial;
-  }
-}
-.sequence > li {
-  display: block;
-  line-height: 24px;
-  position: relative;
-  border-color: rgba(0,0,0,0.10196);
-  border-color: var(--color-border-neutral);
-}
-.sequence > li > a {
-  display: block;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  color: #0097c7;
-  color: var(--color-content-accent);
-  outline-offset: -1px;
-}
-.sequence > li > a:hover,
-.sequence > li > a:focus {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #0084b3;
-  color: var(--color-content-accent-hover);
-}
-.sequence > li > a:active {
-  color: #0077a5;
-  color: var(--color-content-accent-active);
-}
-.sequence > li p {
-  margin-bottom: 0;
-  padding-bottom: 8px;
-  max-width: 600px;
-}
-.sequence > li p:last-child {
-  padding-bottom: 0;
-}
-.sequence > li h1,
-.sequence > li h2,
-.sequence > li h3,
-.sequence > li h4,
-.sequence > li .h1,
-.sequence > li .h2,
-.sequence > li .h3,
-.sequence > li .h4,
-.sequence > li .btn-toolbar {
-  margin-bottom: 16px;
-}
-.sequence > li::before {
-  content: "";
-  display: block;
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  z-index: 2;
-  border-width: 4px;
-  border-style: solid;
-  border-color: inherit;
-  outline: 0;
-}
-.sequence > li::after {
-  content: "";
-  position: absolute;
-  width: 2px;
-  height: 100%;
-  border-style: solid;
-  border-color: inherit;
-  outline: 0;
-  border-width: 0;
-  background-color: rgba(0,0,0,0.10196);
-  background-color: var(--color-border-neutral);
-  background-size: 200% 200%;
-  background-position: 0 0%;
-}
-.sequence .sequence-item-no-pip::before {
-  display: none;
-}
-.sequence > .active > a {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #37517e;
-  color: var(--color-content-primary);
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-}
-.sequence > .active > a:hover,
-.sequence > .active > a:focus {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #37517e;
-  color: var(--color-content-primary);
-}
-.sequence > .active > a:active {
-  color: #37517e;
-  color: var(--color-content-primary);
-}
-.sequence > .active::before {
-  border-color: #0097c7;
-  border-color: var(--color-content-accent);
-}
-.sequence > .active::after,
-.sequence > .active ~ li::after {
-  background-color: rgba(0,0,0,0.10196);
-  background-color: var(--color-border-neutral);
-  background-image: none;
-}
-.sequence > .active ~ li::before {
-  border-color: rgba(0,0,0,0.10196);
-  border-color: var(--color-border-neutral);
-}
-.sequence a {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-}
-.sequence-top > li:first-child::after {
-  top: 0;
-}
-.sequence-inverse > li {
-  border-color: rgba(0,0,0,0.10196);
-  border-color: var(--color-border-neutral);
-}
-.sequence-inverse > li > a {
-  color: #ffffff;
-}
-.sequence-inverse > li::after {
-  background-color: #37517e;
-}
-.sequence-inverse > .active > a {
-  color: #ffffff;
-}
-.sequence-inverse > .active .small,
-.sequence-inverse > .active .body-2,
-.sequence-inverse > .active .np-text-body-default {
-  color: #5d7079;
-  color: var(--color-content-secondary);
-}
-.sequence-inverse > .active::after,
-.sequence-inverse > .active ~ li::after {
-  background-color: #37517e;
-  background-image: none !important;
-}
-.sequence-inverse > .active ~ li::before {
-  border-color: #37517e;
-}
-.sequence-info > li {
-  border-color: #00a2dd;
-  border-color: var(--color-interactive-accent);
-}
-.sequence-info > li::after {
-  background-image: linear-gradient(#00a2dd 0, #00a2dd 50%, rgba(0,0,0,0.10196) 50%, rgba(0,0,0,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-accent) 0, var(--color-interactive-accent) 50%, var(--color-border-neutral) 50%, var(--color-border-neutral) 100%);
-}
-.sequence-info.sequence-inverse > li::after {
-  background-image: linear-gradient(#00a2dd 0, #00a2dd 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-accent) 0, var(--color-interactive-accent) 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-}
-.sequence-info > .active::before {
-  border-color: #00a2dd;
-  border-color: var(--color-interactive-accent);
-  background-color: #00a2dd;
-  background-color: var(--color-interactive-accent);
-}
-@keyframes sequence-pip-info {
-  from {
-    border-color: rgba(255,255,255,0.10196);
-  }
-  to {
-    border-color: #00a2dd;
-    border-color: var(--color-interactive-accent);
-  }
-}
-.sequence-primary > li {
-  border-color: #37517e;
-}
-.sequence-primary > li::after {
-  background-image: linear-gradient(#37517e 0, #37517e 50%, rgba(0,0,0,0.10196) 50%, rgba(0,0,0,0.10196) 100%);
-  background-image: linear-gradient(#37517e 0, #37517e 50%, var(--color-border-neutral) 50%, var(--color-border-neutral) 100%);
-}
-.sequence-primary.sequence-inverse > li::after {
-  background-image: linear-gradient(#37517e 0, #37517e 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-}
-.sequence-primary > .active::before {
-  border-color: #37517e;
-  background-color: #37517e;
-}
-@keyframes sequence-pip-primary {
-  from {
-    border-color: rgba(255,255,255,0.10196);
-  }
-  to {
-    border-color: #37517e;
-  }
-}
-.sequence-success > li {
-  border-color: #2ead4b;
-  border-color: var(--color-interactive-positive);
-}
-.sequence-success > li::after {
-  background-image: linear-gradient(#2ead4b 0, #2ead4b 50%, rgba(0,0,0,0.10196) 50%, rgba(0,0,0,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-positive) 0, var(--color-interactive-positive) 50%, var(--color-border-neutral) 50%, var(--color-border-neutral) 100%);
-}
-.sequence-success.sequence-inverse > li::after {
-  background-image: linear-gradient(#2ead4b 0, #2ead4b 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-positive) 0, var(--color-interactive-positive) 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-}
-.sequence-success > .active::before {
-  border-color: #2ead4b;
-  border-color: var(--color-interactive-positive);
-  background-color: #2ead4b;
-  background-color: var(--color-interactive-positive);
-}
-@keyframes sequence-pip-success {
-  from {
-    border-color: rgba(255,255,255,0.10196);
-  }
-  to {
-    border-color: #2ead4b;
-    border-color: var(--color-interactive-positive);
-  }
-}
-.sequence-warning > li {
-  border-color: #df8700;
-  border-color: var(--color-interactive-warning);
-}
-.sequence-warning > li::after {
-  background-image: linear-gradient(#df8700 0, #df8700 50%, rgba(0,0,0,0.10196) 50%, rgba(0,0,0,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-warning) 0, var(--color-interactive-warning) 50%, var(--color-border-neutral) 50%, var(--color-border-neutral) 100%);
-}
-.sequence-warning.sequence-inverse > li::after {
-  background-image: linear-gradient(#df8700 0, #df8700 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-warning) 0, var(--color-interactive-warning) 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-}
-.sequence-warning > .active::before {
-  border-color: #df8700;
-  border-color: var(--color-interactive-warning);
-  background-color: #df8700;
-  background-color: var(--color-interactive-warning);
-}
-@keyframes sequence-pip-warning {
-  from {
-    border-color: rgba(255,255,255,0.10196);
-  }
-  to {
-    border-color: #df8700;
-    border-color: var(--color-interactive-warning);
-  }
-}
-.sequence-danger > li {
-  border-color: #e74848;
-  border-color: var(--color-interactive-negative);
-}
-.sequence-danger > li::after {
-  background-image: linear-gradient(#e74848 0, #e74848 50%, rgba(0,0,0,0.10196) 50%, rgba(0,0,0,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-negative) 0, var(--color-interactive-negative) 50%, var(--color-border-neutral) 50%, var(--color-border-neutral) 100%);
-}
-.sequence-danger.sequence-inverse > li::after {
-  background-image: linear-gradient(#e74848 0, #e74848 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-negative) 0, var(--color-interactive-negative) 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-}
-.sequence-danger > .active::before {
-  border-color: #e74848;
-  border-color: var(--color-interactive-negative);
-  background-color: #e74848;
-  background-color: var(--color-interactive-negative);
-}
-@keyframes sequence-pip-danger {
-  from {
-    border-color: rgba(255,255,255,0.10196);
-  }
-  to {
-    border-color: #e74848;
-    border-color: var(--color-interactive-negative);
-  }
-}
-.sequence-hollow > li::before {
-  border-width: 2px;
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-}
-.sequence-hollow > .active::before {
-  border-width: 4px;
-}
-.sequence-hollow > .active ~ li::before {
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-}
-.sequence-hollow.sequence-inverse > li::before {
-  background-color: #37517e;
-}
-.sequence-icon {
-  position: absolute;
-  display: block;
-  margin-left: -35px;
-  background-color: #ffffff;
-  background-color: var(--color-background-screen);
-  border-radius: 50%;
-  width: 24px;
-  height: 24px;
-  z-index: 2;
-  text-align: center;
-  -webkit-text-decoration: none !important;
-  text-decoration: none !important;
-  border-width: 1px;
-  border-style: solid;
-  border-color: rgba(0,0,0,0.10196);
-  border-color: var(--color-border-neutral);
-  top: 4px;
-  font-size: 0.75rem;
-  font-size: var(--font-size-12);
-}
-[dir="rtl"] .sequence-icon {
-  margin-right: -35px;
-  margin-left: 0;
-  margin-left: initial;
-}
-.sequence-icon .icon {
-  font-size: 1rem;
-  font-size: var(--font-size-16);
-  line-height: 23px;
-}
-.sequence-inverse .sequence-icon {
-  background-color: #37517e;
-  border-color: #ffffff;
-}
-.sequence a .sequence-icon {
-  color: #0097c7;
-  color: var(--color-content-accent);
-  border-color: #00a2dd;
-  border-color: var(--color-interactive-accent);
-}
-.sequence a:hover .sequence-icon,
-.sequence a:focus .sequence-icon {
-  color: #0084b3;
-  color: var(--color-content-accent-hover);
-  border-color: #008fc9;
-  border-color: var(--color-interactive-accent-hover);
-}
-.sequence-table {
-  display: table;
-}
-.sequence-table > li {
-  display: table-row;
-}
-.sequence-table > li > a {
-  position: absolute;
-}
-.sequence-table > li > .sequence-table-td,
-.sequence-table > li > .sequence-table-th {
-  display: table-cell;
-  padding: 4px 12px;
-  padding: var(--size-4) var(--size-12);
-  padding-left: 0;
-}
-[dir="rtl"] .sequence-table > li > .sequence-table-td,
-[dir="rtl"] .sequence-table > li > .sequence-table-th {
-  padding-right: 0;
-  padding-left: 0;
-  padding-left: initial;
-}
-.sequence-table > li > .sequence-table-td:last-child,
-.sequence-table > li > .sequence-table-th:last-child {
-  padding-right: 0;
-}
-[dir="rtl"] .sequence-table > li > .sequence-table-td:last-child,
-[dir="rtl"] .sequence-table > li > .sequence-table-th:last-child {
-  padding-left: 0;
-  padding-right: 0;
-  padding-right: initial;
-}
-.sequence-table > li > .sequence-table-th {
-  color: #37517e;
-  color: var(--color-content-primary);
-  white-space: nowrap;
-}
-.sequence-table > li::before {
-  position: static;
-  position: initial;
-}
-.sequence-table > li::after {
-  display: none;
-}
-.sequence-table > li .sequence-icon {
-  position: static;
-  position: initial;
-  margin-top: -17px;
-}
-.sequence-table > li:first-child .sequence-table-td,
-.sequence-table > li:first-child .sequence-table-th {
-  padding-top: 17px;
-}
-.sequence-table > li:last-child .sequence-table-td,
-.sequence-table > li:last-child .sequence-table-th {
-  padding-bottom: 15px;
-}
-.sequence-table::before {
-  content: " ";
-  width: 2px;
-  left: 0;
-  position: absolute;
-  border-width: 1px;
-  border-style: solid;
-  border-color: inherit;
-  height: calc(100% - 56px);
-  margin-top: 28px;
-  display: block;
-}
-[dir="rtl"] .sequence-table::before {
-  right: 0;
-  left: auto;
-  left: initial;
-}
-.sequence-table.sequence-top::before {
-  height: calc(100% - 28px);
-  margin-top: 0;
-}
-.sequence-table.sequence-bottom::before {
-  height: calc(100% - 28px);
-}
-.sequence-table.sequence-top.sequence-bottom::before {
-  height: 100%;
-}
-.sequence-inverse > li > .sequence-table-th,
-.sequence-inverse > li > .sequence-table-td {
-  color: #5d7079;
-  color: var(--color-content-secondary);
-}
-.sequence-icon-md {
-  width: 32px;
-  height: 32px;
-  line-height: 30px;
-  margin-top: -6px;
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
-}
-.sequence-icon-lg {
-  width: 40px;
-  height: 40px;
-  line-height: 38px;
-  margin-top: -6px;
-  font-size: 1rem;
-  font-size: var(--font-size-16);
-}
-.sequence-icon-lg .icon {
-  font-size: 22px;
-  line-height: 35px;
-}
-.sequence-lg {
-  padding-left: 40px;
-}
-.sequence-lg > li {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-.sequence-lg > li:first-child {
-  margin-top: 24px;
-}
-.sequence-lg > li:last-child {
-  margin-bottom: 24px;
-}
-@media (min-width: 768px) {
-  .sequence-lg > li {
-    padding-top: 8px;
-    padding-bottom: 8px;
-  }
-}
-.sequence-lg > li::before {
-  margin-top: 8px;
-}
-.sequence-lg > li::after {
-  top: 20px;
-}
-.sequence-lg > li:first-child::after {
-  height: 100%;
-}
-.sequence-lg > li:last-child::after {
-  height: 0;
-}
-.sequence-lg.sequence-top > li:first-child {
-  padding-top: 32px;
-  margin-top: 0;
-}
-.sequence-lg.sequence-top > li:first-child::after {
-  height: calc(100% + 20px);
-}
-.sequence-lg.sequence-bottom > li:last-child {
-  padding-bottom: 32px;
-  margin-bottom: 0;
-}
-.sequence-lg.sequence-bottom > li:last-child::after {
-  height: calc(100% - 20px);
-}
-.sequence-lg.sequence-top.sequence-bottom > li:first-child:last-child::after {
-  height: 100%;
-}
-.sequence-lg .sequence-icon {
-  top: 8px;
-}
-@media (min-width: 768px) {
-  .sequence-lg .sequence-icon {
-    top: 8px;
-  }
-}
-.sequence-lg.sequence-top > li:first-child .sequence-icon {
-  top: 32px;
-}
-[dir="rtl"] .sequence-lg {
-  padding-right: 40px;
-  padding-left: 0;
-  padding-left: initial;
-}
-.sequence-lg > li::before {
-  margin-left: -43px;
-}
-[dir="rtl"] .sequence-lg > li::before {
-  margin-right: -43px;
-  margin-left: 0;
-  margin-left: initial;
-}
-.sequence-lg > li::after {
-  left: -40px;
-}
-[dir="rtl"] .sequence-lg > li::after {
-  right: -40px;
-  left: auto;
-  left: initial;
-}
-.sequence-lg .sequence-icon {
-  margin-left: -51px;
-}
-[dir="rtl"] .sequence-lg .sequence-icon {
-  margin-right: -51px;
-  margin-left: 0;
-  margin-left: initial;
-}
-.sequence-lg .sequence-icon-md {
-  margin-left: -55px;
-}
-[dir="rtl"] .sequence-lg .sequence-icon-md {
-  margin-right: -55px;
-  margin-left: 0;
-  margin-left: initial;
-}
-.sequence-lg .sequence-icon-lg {
-  margin-left: -59px;
-}
-[dir="rtl"] .sequence-lg .sequence-icon-lg {
-  margin-right: -59px;
-  margin-left: 0;
-  margin-left: initial;
-}
-@media (min-width: 768px) {
-  .sequence-lg {
-    padding-left: 48px;
-  }
-  [dir="rtl"] .sequence-lg {
-    padding-right: 48px;
-    padding-left: 0;
-    padding-left: initial;
-  }
-  .sequence-lg > li::before {
-    margin-left: -51px;
-  }
-  [dir="rtl"] .sequence-lg > li::before {
-    margin-right: -51px;
-    margin-left: 0;
-    margin-left: initial;
-  }
-  .sequence-lg > li::after {
-    left: -48px;
-  }
-  [dir="rtl"] .sequence-lg > li::after {
-    right: -48px;
-    left: auto;
-    left: initial;
-  }
-  .sequence-lg .sequence-icon {
-    margin-left: -59px;
-  }
-  [dir="rtl"] .sequence-lg .sequence-icon {
-    margin-right: -59px;
-    margin-left: 0;
-    margin-left: initial;
-  }
-  .sequence-lg .sequence-icon-md {
-    margin-left: -63px;
-  }
-  [dir="rtl"] .sequence-lg .sequence-icon-md {
-    margin-right: -63px;
-    margin-left: 0;
-    margin-left: initial;
-  }
-  .sequence-lg .sequence-icon-lg {
-    margin-left: -67px;
-  }
-  [dir="rtl"] .sequence-lg .sequence-icon-lg {
-    margin-right: -67px;
-    margin-left: 0;
-    margin-left: initial;
-  }
-}
-.sequence-animate > li::after {
-  background-size: 200% 200%;
-  animation: 0.3s linear 0s both sequence-fill;
-}
-.sequence-animate.sequence-info > li::before {
-  animation: 0.3s linear 0.3s both sequence-pip-info, 3s linear 0.3s forwards sequence-pulse-info;
-}
-.sequence-animate.sequence-info > .active::before {
-  animation: 0.3s linear 0.3s both sequence-pip-info, 3s linear 0.3s infinite sequence-pulse-info;
-}
-.sequence-animate.sequence-warning > li::before {
-  animation: 0.3s linear 0.3s both sequence-pip-warning, 3s linear 0.3s forwards sequence-pulse-warning;
-}
-.sequence-animate.sequence-warning > .active::before {
-  animation: 0.3s linear 0.3s both sequence-pip-warning, 3s linear 0.3s infinite sequence-pulse-warning;
-}
-.sequence-animate.sequence-success > li::before {
-  animation: 0.3s linear 0.3s both sequence-pip-success, 3s linear 0.3s forwards sequence-pulse-success;
-}
-.sequence-animate.sequence-success > .active::before {
-  animation: 0.3s linear 0.3s both sequence-pip-success, 3s linear 0.3s infinite sequence-pulse-success;
-}
-.sequence-animate.sequence-danger > li::before {
-  animation: 0.3s linear 0.3s both sequence-pip-danger, 3s linear 0.3s forwards sequence-pulse-danger;
-}
-.sequence-animate.sequence-danger > .active::before {
-  animation: 0.3s linear 0.3s both sequence-pip-danger, 3s linear 0.3s infinite sequence-pulse-danger;
-}
-.sequence-animate > li:nth-child(1):before,
-.sequence-animate > li:nth-child(1):after {
-  animation-delay: 0.3s !important;
-}
-.sequence-animate > li:nth-child(2):before,
-.sequence-animate > li:nth-child(2):after {
-  animation-delay: 0.6s !important;
-}
-.sequence-animate > li:nth-child(3):before,
-.sequence-animate > li:nth-child(3):after {
-  animation-delay: 0.9s !important;
-}
-.sequence-animate > li:nth-child(4):before,
-.sequence-animate > li:nth-child(4):after {
-  animation-delay: 1.2s !important;
-}
-.sequence-animate > li:nth-child(5):before,
-.sequence-animate > li:nth-child(5):after {
-  animation-delay: 1.5s !important;
-}
-.sequence-animate > li:nth-child(6):before,
-.sequence-animate > li:nth-child(6):after {
-  animation-delay: 1.8s !important;
-}
-.sequence-animate > li:nth-child(7):before,
-.sequence-animate > li:nth-child(7):after {
-  animation-delay: 2.1s !important;
-}
-.sequence-animate > li:nth-child(8):before,
-.sequence-animate > li:nth-child(8):after {
-  animation-delay: 2.4s !important;
-}
-.sequence-animate > li:nth-child(9):before,
-.sequence-animate > li:nth-child(9):after {
-  animation-delay: 2.7s !important;
-}
-.sequence-animate > li:nth-child(10):before,
-.sequence-animate > li:nth-child(10):after {
-  animation-delay: 3s !important;
-}
-.sequence-animate > .active ~ li::before,
-.sequence-animate > .active ~ li::after {
-  animation: none;
-}
-@keyframes sequence-fill {
-  from {
-    background-position: 0 100%;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-@keyframes sequence-pulse-info {
-  0% {
-    box-shadow: 0 0 0 0 rgba(0, 185, 255, 0.3);
-  }
-  50% {
-    box-shadow: 0 0 0 16px rgba(0, 185, 255, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(0, 185, 255, 0);
-  }
-}
-@keyframes sequence-pulse-warning {
-  0% {
-    box-shadow: 0 0 0 0 rgba(255, 166, 0, 0.3);
-  }
-  50% {
-    box-shadow: 0 0 0 16px rgba(255, 166, 0, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(255, 166, 0, 0);
-  }
-}
-@keyframes sequence-pulse-success {
-  0% {
-    box-shadow: 0 0 0 0 rgba(26, 208, 110, 0.3);
-  }
-  50% {
-    box-shadow: 0 0 0 16px rgba(26, 208, 110, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(226, 208, 110, 0);
-  }
-}
-@keyframes sequence-pulse-danger {
-  0% {
-    box-shadow: 0 0 0 0 rgba(245, 54, 54, 0.3);
-  }
-  50% {
-    box-shadow: 0 0 0 16px rgba(245, 54, 54, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(245, 54, 54, 0);
-  }
-}