halleyx-ui-framework 11.7.43 → 11.7.45

package/dist/src/assets/styles/signup.css

@@ -0,0 +1,119 @@
+.right-container-signup {
+  background-color: #ffffff;
+  width: 50%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.right-container-signup .login-form {
+  width: 400px;
+}
+.right-container-signup .login-form .sign-in-text {
+  display: flex;
+  width: 100%;
+  justify-content: flex-start;
+}
+.right-container-signup .login-form .sign-in-text h2 {
+  color: var(--hlx-text-color-primary);
+  font-weight: lighter;
+  margin-bottom: 15px;
+  font-size: 24px;
+}
+.right-container-signup .login-form .forgot-pssword {
+  color: var(--hlx-text-color-primary);
+  font-size: 14px;
+  margin-bottom: 15px;
+  float: right;
+  cursor: pointer;
+}
+.right-container-signup .login-form .forgot-pssword:hover {
+  color: var(--hlx-color-primary);
+}
+.right-container-signup .login-form .quotes-container {
+  font-size: 14px;
+}
+.right-container-signup .login-form .quotes-container .black-frame {
+  color: var(--hlx-text-color-primary);
+}
+.right-container-signup .login-form .quotes-container .black-frame .signup-text {
+  text-decoration: none;
+  cursor: pointer;
+  color: var(--hlx-color-primary);
+}
+.right-container-signup .login-form button {
+  width: 100%;
+  border-radius: 4px;
+  border: none;
+  margin-bottom: 15px;
+  padding: 10px 24px 10px 24px;
+  color: #fff;
+  background-color: var(--hlx-color-primary);
+  cursor: pointer;
+}
+.right-container-signup .create-password {
+  margin-bottom: 15px;
+}
+
+.hlx-signup-container {
+  width: 100%;
+  height: 98%;
+  display: flex;
+  padding: 0;
+  background-color: var(--hlx-border-color-lighter);
+}
+.hlx-signup-container > .hlx-signup-left-container {
+  display: flex;
+  height: 100%;
+  width: 50%;
+}
+.hlx-signup-container > .hlx-signup-left-container .left-sec {
+  width: 85%;
+}
+.hlx-signup-container > .hlx-signup-left-container .left-sec .header-logo {
+  height: 20%;
+}
+.hlx-signup-container > .hlx-signup-left-container .left-sec .header-logo img {
+  min-width: 190px;
+  padding: 15px;
+  width: 65%;
+}
+.hlx-signup-container > .hlx-signup-left-container .left-sec .img-collage {
+  margin-top: 25px;
+  max-height: 75%;
+  width: 90%;
+  margin-left: 45px;
+}
+.hlx-signup-container > .hlx-signup-left-container .left-sec .img-collage img {
+  width: 100%;
+}
+.hlx-signup-container > .dividers {
+  width: 7%;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--hlx-border-color-lighter);
+}
+.hlx-signup-container > .dividers .dashedline-start {
+  height: 40%;
+  width: 45%;
+  margin: 0 12px -40px;
+  border-right: 1.8px dashed var(--hlx-color-primary);
+}
+.hlx-signup-container > .dividers .symbol-x {
+  color: var(--hlx-color-primary);
+  margin-left: 0;
+  font-family: "Open Sans", "Helvetica Neue", sans-serif;
+  font-size: xx-large;
+}
+.hlx-signup-container > .dividers .symbol2-x {
+  color: var(--hlx-border-color-dark);
+  margin: 10px 0 0 50%;
+  font-family: "Open Sans", "Helvetica Neue", sans-serif;
+  font-size: xx-large;
+}
+.hlx-signup-container > .dividers .dashedline-end {
+  height: 58%;
+  margin: -45px 8px;
+  border-left: 1.97px dashed var(--hlx-color-primary);
+  width: 45%;
+}/*# sourceMappingURL=signup.css.map */

package/dist/src/assets/styles/signup.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["signup.scss","signup.css"],"names":[],"mappings":"AAaA;EACE,yBAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACZF;ADaE;EACE,YAAA;ACXJ;ADYI;EACE,aAAA;EACA,WAAA;EACA,2BAAA;ACVN;ADWM;EACE,oCAAA;EACA,oBAAA;EACA,mBAAA;EACA,eAAA;ACTR;ADYI;EACE,oCAAA;EACA,eAAA;EACA,mBAAA;EACA,YAAA;EACA,eAAA;ACVN;ADWM;EACE,+BAAA;ACTR;ADYI;EACE,eAAA;ACVN;ADWM;EACE,oCAAA;ACTR;ADUQ;EACE,qBAAA;EACA,eAAA;EACA,+BAAA;ACRV;ADaI;EACE,WAAA;EACA,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,4BAAA;EACA,WAAA;EACA,0CAAA;EACA,eAAA;ACXN;ADkBE;EACE,mBAAA;AChBJ;;ADoBA;EACE,WAAA;EACA,WAAA;EACA,aAAA;EACA,UAAA;EACA,iDAAA;ACjBF;ADmBE;EACE,aAAA;EACA,YAAA;EACA,UAAA;ACjBJ;ADkBI;EACE,UAAA;AChBN;ADiBM;EACE,WAAA;ACfR;ADgBQ;EACE,gBAAA;EACA,aAAA;EACA,UAAA;ACdV;ADiBM;EACE,gBAAA;EACA,eAAA;EACA,UAAA;EACA,iBAAA;ACfR;ADgBQ;EACE,WAAA;ACdV;ADoBE;EACE,SAAA;EACA,aAAA;EACA,sBAAA;EAEA,iDAAA;ACnBJ;ADoBI;EACE,WAAA;EACA,UAAA;EACA,oBAAA;EACA,mDAAA;AClBN;ADoBI;EACE,+BAAA;EACA,cAAA;EACA,sDAAA;EACA,mBAAA;AClBN;ADoBI;EACE,mCAAA;EAzHJ,oBAAA;EA2HI,sDAAA;EACA,mBAAA;AClBN;ADoBI;EACE,WAAA;EACA,iBAAA;EACA,mDAAA;EACA,UAAA;AClBN","file":"signup.css"}

package/dist/src/assets/styles/slideControl.css

@@ -0,0 +1,79 @@
+/* // Base Colors */
+#hlx-slide-control-0003.range-slider {
+  width: 100%;
+  /* // Range Slider */
+  /* // Range Label */
+  /* .range-slider__value {
+                  display: inline-block;
+                  position: relative;
+                  width: $range-label-width;
+                  color: $shade-0;
+                  line-height: 20px;
+                  text-align: center;
+                  border-radius: 3px;
+                  background: $range-label-color;
+                  padding: 5px 10px;
+                  margin-left: 8px;
+
+                  &:after {
+                      position: absolute;
+                      top: 8px;
+      left: -7px;
+      width: 0;
+      height: 0;
+      border-top: 7px solid transparent;
+      border-right: 7px solid $range-label-color;
+      border-bottom: 7px solid transparent;
+      content: "";
+  }
+  } */
+  /* // Firefox Overrides */
+}
+#hlx-slide-control-0003.range-slider .range-slider {
+  width: 100% !important;
+}
+#hlx-slide-control-0003.range-slider .range-slider__range {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+       appearance: none;
+  width: 100%;
+  height: 5px;
+  border-radius: 5px;
+  background: var(--hlx-border-color-light);
+  /* outline: none; */
+  /* border:solid; */
+  padding: 0;
+  margin: 0;
+  /* // Range Handle */
+  /* // Focus state */
+}
+#hlx-slide-control-0003.range-slider .range-slider__range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+          appearance: none;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border: 1px solid white;
+  background: var(--hlx-color-primary);
+  cursor: pointer;
+  -webkit-transition: background 0.11s ease-in-out;
+  transition: background 0.11s ease-in-out;
+}
+#hlx-slide-control-0003.range-slider .range-slider__range::-moz-range-thumb {
+  width: 20px;
+  height: 20px;
+  border: 0;
+  border-radius: 50%;
+  background: var(--hlx-color-primary);
+  cursor: pointer;
+  -moz-transition: background 0.5s ease-in-out;
+  transition: background 0.5s ease-in-out;
+}
+#hlx-slide-control-0003.range-slider ::-moz-range-track {
+  background: var(--hlx-border-color-light);
+  border: 0;
+}
+#hlx-slide-control-0003.range-slider input::-moz-focus-inner,
+#hlx-slide-control-0003.range-slider input::-moz-focus-outer {
+  border: 0;
+}/*# sourceMappingURL=slideControl.css.map */

package/dist/src/assets/styles/slideControl.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["slideControl.scss","slideControl.css"],"names":[],"mappings":"AAAA,mBAAA;AAIA;EAEE,WAAA;EACA,oBAAA;EAyEA,mBAAA;EACA;;;;;;;;;;;;;;;;;;;;;;;KAAA;EAyBA,yBAAA;AC5EF;ADVE;EACE,sBAbY;ACyBhB;ADTE;EACE,wBAAA;EACA,qBAAA;OAAA,gBAAA;EAEA,WAAA;EACA,WAdmB;EAenB,kBAAA;EACA,yCAjBkB;EAkBlB,mBAAA;EAEA,kBAAA;EACA,UAAA;EACA,SAAA;EAEA,oBAAA;EAkCA,mBAAA;ACzBJ;ADRI;EACE,wBAAA;UAAA,gBAAA;EACA,WA7BgB;EA8BhB,YA9BgB;EA+BhB,kBAAA;EACA,uBAAA;EACA,oCAnCiB;EAoCjB,eAAA;EACA,gDAAA;EAAA,wCAAA;ACUN;ADCI;EACE,WA/CgB;EAgDhB,YAhDgB;EAiDhB,SAAA;EACA,kBAAA;EACA,oCArDiB;EAsDjB,eAAA;EACA,4CAAA;EAAA,uCAAA;ACCN;ADyCE;EACE,yCA9FkB;EA+FlB,SAAA;ACvCJ;AD0CE;;EAEE,SAAA;ACxCJ","file":"slideControl.css"}

package/dist/src/assets/styles/source_content.css

@@ -0,0 +1,15 @@
+.feature-title {
+  color: #606266;
+}
+
+.feature-content {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.feature-content code {
+  margin: 0;
+  border-radius: 4px;
+  padding: 0.15rem 0.5rem;
+  color: #303133;
+  background-color: #f5f7fa;
+}/*# sourceMappingURL=source_content.css.map */

package/dist/src/assets/styles/source_content.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["source_content.scss","source_content.css"],"names":[],"mappings":"AAAA;EACE,cAAA;ACCF;;ADCA;EACE,mBAAA;EACA,oBAAA;ACEF;ADDE;EACE,SAAA;EACA,kBAAA;EACA,uBAAA;EACA,cAAA;EACA,yBAAA;ACGJ","file":"source_content.css"}

package/dist/src/assets/styles/speeddial.css

@@ -0,0 +1,218 @@
+@keyframes pop-in {
+  0% {
+    transform: scale(0);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes pop-out {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0);
+  }
+}
+.speed-dial {
+  text-align: center;
+  display: inline-block;
+  width: 38px;
+  font-family: var(--hlx-font-type-content);
+}
+.speed-dial div,
+.speed-dial div:hover,
+.speed-dial div:active,
+.speed-dial div:visited div:focus {
+  text-decoration: none;
+}
+.speed-dial .toggle {
+  cursor: pointer;
+  display: inline-block;
+  border-radius: 50%;
+  width: 38px;
+  height: 38px;
+  font-size: var(--hlx-icon-size-sm);
+  line-height: 60px;
+  display: flex;
+  background: var(--hlx-color-primary);
+  border: none;
+  margin: 8px 0;
+}
+.speed-dial .toggle .circle i {
+  color: #fff;
+}
+.speed-dial:hover .dials .circle {
+  display: flex;
+  animation: pop-in 0.3s ease both;
+}
+.speed-dial .dials {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.speed-dial .dials .circle {
+  cursor: pointer;
+  display: inline-block;
+  border-radius: 50%;
+  width: 38px;
+  height: 38px;
+  font-size: var(--hlx-icon-size-sm);
+  line-height: 38px;
+  display: flex;
+  margin: 8px 0;
+  transform: scale(0);
+  background: #fff;
+  border: 1px solid var(--hlx-color-primary);
+  display: none;
+}
+.speed-dial .dials .circle:hover {
+  background: var(--hlx-color-primary-light);
+  border: 1px solid var(--hlx-color-primary-dark);
+}
+.speed-dial .dials .circle:hover i {
+  color: var(--hlx-color-primary-dark);
+}
+.speed-dial .dials .circle.pop-in {
+  animation: pop-in 0.3s ease both;
+}
+.speed-dial .dials .circle.pop-in:hover {
+  background: var(--hlx-color-primary-light);
+  border: 1px solid var(--hlx-color-primary-dark);
+}
+.speed-dial .dials .circle.pop-in:hover i {
+  color: var(--hlx-color-primary-dark);
+}
+.speed-dial .dials li:nth-child(0) a {
+  animation-delay: 0s;
+}
+.speed-dial .dials li:nth-child(1) a {
+  animation-delay: 0.1s;
+}
+.speed-dial .dials li:nth-child(2) a {
+  animation-delay: 0.2s;
+}
+.speed-dial .dials li:nth-child(3) a {
+  animation-delay: 0.3s;
+}
+.speed-dial .dials li:nth-child(4) a {
+  animation-delay: 0.4s;
+}
+.speed-dial .dials li:nth-child(5) a {
+  animation-delay: 0.5s;
+}
+.speed-dial .dials li:nth-child(6) a {
+  animation-delay: 0.6s;
+}
+
+.speed-dial-horizontal {
+  font-family: var(--hlx-font-type-content);
+  text-align: center;
+  display: flex;
+  flex-direction: row;
+}
+.speed-dial-horizontal div,
+.speed-dial-horizontal div:hover,
+.speed-dial-horizontal div:active,
+.speed-dial-horizontal div:visited div:focus {
+  text-decoration: none;
+}
+.speed-dial-horizontal .toggle {
+  cursor: pointer;
+  display: inline-block;
+  border-radius: 50%;
+  width: 38px;
+  height: 38px;
+  font-size: var(--hlx-icon-size-sm);
+  line-height: 60px;
+  display: flex;
+  background: var(--hlx-color-primary);
+  border: none;
+  margin: 8px 8px 8px 0;
+}
+.speed-dial-horizontal .toggle .circle i {
+  color: #fff;
+}
+.speed-dial-horizontal:hover .dials .circle {
+  display: flex;
+  animation: pop-in 0.3s ease both;
+}
+.speed-dial-horizontal .dials {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.speed-dial-horizontal .dials .circle {
+  cursor: pointer;
+  display: inline-block;
+  border-radius: 50%;
+  width: 38px;
+  height: 38px;
+  font-size: var(--hlx-icon-size-sm);
+  line-height: 38px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 8px;
+  transform: scale(0);
+  background: #fff;
+  border: 1px solid var(--hlx-color-primary);
+  display: none;
+  animation: pop-out 0.3s ease both;
+}
+.speed-dial-horizontal .dials .circle:hover {
+  background: var(--hlx-color-primary-light);
+  border: 1px solid var(--hlx-color-primary-dark);
+}
+.speed-dial-horizontal .dials .circle:hover i {
+  color: var(--hlx-color-primary-dark);
+}
+.speed-dial-horizontal .dials .circle.pop-in {
+  animation: pop-in 0.3s ease both;
+}
+.speed-dial-horizontal .dials .circle.pop-in:hover {
+  background: var(--hlx-color-primary-light);
+  border: 1px solid var(--hlx-color-primary-dark);
+}
+.speed-dial-horizontal .dials .circle.pop-in:hover i {
+  color: var(--hlx-color-primary-dark);
+}
+.speed-dial-horizontal .dials li:nth-child(0) a {
+  animation-delay: 0s;
+}
+.speed-dial-horizontal .dials li:nth-child(1) a {
+  animation-delay: 0.1s;
+}
+.speed-dial-horizontal .dials li:nth-child(2) a {
+  animation-delay: 0.2s;
+}
+.speed-dial-horizontal .dials li:nth-child(3) a {
+  animation-delay: 0.3s;
+}
+.speed-dial-horizontal .dials li:nth-child(4) a {
+  animation-delay: 0.4s;
+}
+.speed-dial-horizontal .dials li:nth-child(5) a {
+  animation-delay: 0.5s;
+}
+.speed-dial-horizontal .dials li:nth-child(6) a {
+  animation-delay: 0.6s;
+}
+
+.ic {
+  color: #fff !important;
+  font-size: var(--hlx-icon-size-sm) !important;
+}
+
+.ico i {
+  color: var(--hlx-color-primary);
+  font-size: var(--hlx-icon-size-sm);
+}/*# sourceMappingURL=speeddial.css.map */

package/dist/src/assets/styles/speeddial.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["speeddial.scss","speeddial.css"],"names":[],"mappings":"AAAA;EACE;IACE,mBAAA;ECCF;EDCA;IACE,mBAAA;ECCF;AACF;ADCA;EACE;IACE,mBAAA;ECCF;EDCA;IACE,mBAAA;ECCF;AACF;ADkBA;EACE,kBAAA;EACA,qBAAA;EACA,WAAA;EACA,yCAAA;AChBF;ADiBE;;;;EAIE,qBAAA;ACfJ;ADiBE;EACE,eAAA;EA3BF,qBAAA;EACA,kBAAA;EAEE,WAAA;EACA,YAAA;EACA,kCAAA;EACA,iBAAA;EAuBA,aAAA;EACA,oCAAA;EACA,YAAA;EACA,aAAA;ACVJ;ADYM;EACE,WAAA;ACVR;ADcE;EACE,aAAA;EACA,gCAAA;ACZJ;ADcE;EACE,SAAA;EACA,UAAA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ACZJ;ADaI;EACE,eAAA;EApDJ,qBAAA;EACA,kBAAA;EAOE,WAAA;EACA,YAAA;EACA,kCAAA;EACA,iBAAA;EA2CE,aAAA;EACA,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,0CAAA;EACA,aAAA;ACNN;ADQM;EACE,0CAAA;EACA,+CAAA;ACNR;ADOQ;EACE,oCAAA;ACLV;ADSI;EACE,gCAAA;ACPN;ADQM;EACE,0CAAA;EACA,+CAAA;ACNR;ADOQ;EACE,oCAAA;ACLV;ADUM;EACE,mBAAA;ACRR;ADOM;EACE,qBAAA;ACLR;ADIM;EACE,qBAAA;ACFR;ADCM;EACE,qBAAA;ACCR;ADFM;EACE,qBAAA;ACIR;ADLM;EACE,qBAAA;ACOR;ADRM;EACE,qBAAA;ACUR;;ADLA;EACE,yCAAA;EACA,kBAAA;EACA,aAAA;EACA,mBAAA;ACQF;ADPE;;;;EAIE,qBAAA;ACSJ;ADPE;EACE,eAAA;EAlGF,qBAAA;EACA,kBAAA;EAEE,WAAA;EACA,YAAA;EACA,kCAAA;EACA,iBAAA;EA8FA,aAAA;EACA,oCAAA;EACA,YAAA;EACA,qBAAA;ACcJ;ADZM;EACE,WAAA;ACcR;ADVE;EACE,aAAA;EACA,gCAAA;ACYJ;ADVE;EACE,SAAA;EACA,UAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;ACYJ;ADXI;EACE,eAAA;EA3HJ,qBAAA;EACA,kBAAA;EAOE,WAAA;EACA,YAAA;EACA,kCAAA;EACA,iBAAA;EAkHE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,mBAAA;EACA,gBAAA;EACA,0CAAA;EACA,aAAA;EACA,iCAAA;ACkBN;ADjBM;EACE,0CAAA;EACA,+CAAA;ACmBR;ADlBQ;EACE,oCAAA;ACoBV;ADhBI;EACE,gCAAA;ACkBN;ADjBM;EACE,0CAAA;EACA,+CAAA;ACmBR;ADlBQ;EACE,oCAAA;ACoBV;ADfM;EACE,mBAAA;ACiBR;ADlBM;EACE,qBAAA;ACoBR;ADrBM;EACE,qBAAA;ACuBR;ADxBM;EACE,qBAAA;AC0BR;AD3BM;EACE,qBAAA;AC6BR;AD9BM;EACE,qBAAA;ACgCR;ADjCM;EACE,qBAAA;ACmCR;;AD7BA;EACE,sBAAA;EACA,6CAAA;ACgCF;;AD5BE;EACE,+BAAA;EACA,kCAAA;AC+BJ","file":"speeddial.css"}

package/dist/src/assets/styles/status.css

@@ -0,0 +1,28 @@
+.status-wrapper {
+  display: inline-block;
+  padding: 6px;
+  width: 76px;
+}
+
+.status {
+  position: relative;
+  margin-left: 15px;
+}
+
+.statusvalue {
+  font-family: "OpenSans";
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.point {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: black;
+  position: absolute;
+  top: 53%;
+  margin-left: -6px;
+  transform: translateY(-50%);
+  left: -10px;
+}/*# sourceMappingURL=status.css.map */

package/dist/src/assets/styles/status.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["status.scss","status.css"],"names":[],"mappings":"AAuBA;EAtBE,qBAAA;EACA,YAAA;EACA,WAAA;ACCF;;ADuBA;EApBE,kBAAA;EACA,iBAAA;ACCF;;ADsBA;EACE,uBAAA;EACA,eAAA;EACA,gBAAA;ACnBF;;ADsBA;EAzBE,UAAA;EACA,WAAA;EACA,kBAAA;EACA,uBAAA;EACA,kBAAA;EACA,QAAA;EACA,iBAAA;EACA,2BAAA;EACA,WAAA;ACOF","file":"status.css"}

package/dist/src/assets/styles/status.scss

@@ -1,7 +1,7 @@
 @mixin status-wrapper { 
   display: inline-block;
-  padding:0px 6px; 
-  // width: 76px;
+  padding: 6px; 
+  width: 76px;
 }
 
 @mixin status {

package/dist/src/assets/styles/stepControl.css

@@ -0,0 +1,71 @@
+#hlx-step-controler-005.stepper-control-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+}
+#hlx-step-controler-005.stepper-control-container .stepper {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  border-radius: 8px;
+  display: inline-block;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+#hlx-step-controler-005.stepper-control-container .stepper:hover {
+  cursor: pointer;
+}
+#hlx-step-controler-005.stepper-control-container .stepper.next-stepper {
+  width: 24px;
+  height: 24px;
+  box-shadow: 0 1px 9px -2px;
+}
+#hlx-step-controler-005.stepper-control-container .stepper.next-stepper:hover:not(.limited) {
+  border: 1px solid var(--hlx-color-primary-dark);
+}
+#hlx-step-controler-005.stepper-control-container .stepper.next-stepper.limited {
+  border: 1px solid var(--hlx-border-color);
+  cursor: default;
+}
+#hlx-step-controler-005.stepper-control-container .stepper.next-stepper.limited i {
+  color: var(--hlx-border-color);
+}
+#hlx-step-controler-005.stepper-control-container .stepper.next-stepper i {
+  color: var(--hlx-color-primary);
+}
+#hlx-step-controler-005.stepper-control-container .stepper.counter {
+  width: 38px;
+  font-size: var(--hlx-font-content-size-sm);
+  height: 38px;
+  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
+  background: var(--hlx-color-primary-dark);
+}
+#hlx-step-controler-005.stepper-control-container .stepper.counter .current-page {
+  color: white !important;
+}
+#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper {
+  width: 24px;
+  height: 24px;
+  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
+  display: flex;
+  z-index: 100;
+  justify-content: center;
+  align-items: center;
+}
+#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper:hover:not(.limited) {
+  border: 1px solid var(--hlx-color-primary-dark);
+}
+#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper.limited {
+  cursor: default;
+  border: 1px solid var(--hlx-border-color);
+}
+#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper.limited i {
+  color: var(--hlx-border-color);
+}
+#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper i {
+  color: var(--hlx-color-primary);
+}/*# sourceMappingURL=stepControl.css.map */

package/dist/src/assets/styles/stepControl.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["stepControl.scss","stepControl.css"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,mBAAA;EACA,uBAAA;EACA,SAAA;ACCF;ADAE;EACE,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,kBAAA;EAEA,qBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;ACCJ;ADAI;EACE,eAAA;ACEN;ADAI;EACE,WAAA;EACA,YAAA;EAGA,0BAAA;ACAN;ADCM;EACE,+CAAA;ACCR;ADCM;EACE,yCAAA;EACA,eAAA;ACCR;ADAQ;EACE,8BAAA;ACEV;ADCM;EACE,+BAAA;ACCR;ADEI;EACE,WAAA;EACA,0CAAA;EACA,YAAA;EACA,4EAAA;EAEA,yCAAA;ACDN;ADEM;EACE,uBAAA;ACAR;ADII;EACE,WAAA;EACA,YAAA;EACA,4EAAA;EAEA,aAAA;EACA,YAAA;EACA,uBAAA;EACA,mBAAA;ACHN;ADIM;EACE,+CAAA;ACFR;ADIM;EACE,eAAA;EAEA,yCAAA;ACHR;ADIQ;EACE,8BAAA;ACFV;ADKM;EACE,+BAAA;ACHR","file":"stepControl.css"}