@charset "UTF-8";
@import url(https://use.typekit.net/lgv1xst.css);

@media (min-width: 996px) {
  .resizeSlick .slick-track {
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }
}

.theme-gradient {
  background: rgb(84, 86, 90);
  background: -webkit-gradient(linear, right top, left top, from(rgb(84, 86, 90)), to(rgb(255, 255, 255)));
  background: linear-gradient(to left, rgb(84, 86, 90) 0%, rgb(255, 255, 255) 100%);
}

.showTitle {
  display: block;
}

@media (min-width: 996px) {
  .showTitle {
    display: none;
  }
}

.theme-mpg .theme-background {
  background: #E81F76;
}

.theme-mpg .theme-cirlce li:before {
  background-color: #E81F76;
}

.theme-mpg .theme-title::after {
  color: #E81F76;
}

.theme-mpg .theme-txt-color {
  color: #E81F76;
}

.theme-mpg .theme-line {
  display: block;
  width: auto;
  position: relative;
}

.theme-mpg .theme-line:hover {
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  padding-left: 10px;
  color: #ba195d;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-mpg .theme-line:hover:before {
  content: "●";
}

.theme-mpg .theme-line--active {
  color: #E81F76;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-mpg .theme-line--active:before {
  content: "●";
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.theme-mpg .theme-border {
  border: 2px solid #E81F76;
}

.theme-mpg .theme-box-border {
  background-color: rgba(232, 31, 118, 0.4);
  border: 2px solid #E81F76;
}

.theme-mpg .highlighColor {
  color: #E81F76;
}

.theme-mpg .imgBorder {
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
}

.theme-mpg .border-gradient {
  border-image-source: linear-gradient(to left, #0057B7 0%, #440099 50%, #E81F76 100%);
}

.theme-mpg .theme-gradient {
  background: #E81F76;
  background: -webkit-gradient(linear, left top, right top, from(rgb(84, 86, 90)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgb(84, 86, 90) 0%, rgb(255, 255, 255) 100%);
}

.theme-mpg .theme-link {
  color: #E81F76;
  text-decoration: underline;
}

.theme-mpg .theme-link:hover,
.theme-mpg .theme-link:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  color: #ba195d;
  text-decoration: none;
}

.theme-mpg .theme-link--active {
  color: #a21653;
}

.theme-mpg .theme-button {
  display: block;
  max-width: 300px;
  border: 2px solid #999;
  color: #FFF;
  background-color: #000;
  border-image-slice: 2;
  border-width: 2px;
  padding: 15px 5px;
  text-align: center;
  cursor: pointer;
}

.theme-mpg .theme-button:hover,
.theme-mpg .theme-button:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  border-width: 2px;
  background-color: #000;
  border-image-source: linear-gradient(to left, #0057B7 0%, #440099 50%, #E81F76 100%);
  color: #ba195d;
}

.theme-mpg .theme-button--active {
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-width: 2px;
  border-image-source: linear-gradient(to left, #0057B7 0%, #440099 50%, #E81F76 100%);
  color: #E81F76;
}

.theme-mpg ul.theme-dots li {
  list-style: none;
}

.theme-mpg ul.theme-dots li::before {
  content: "·";
  color: #E81F76;
  font-size: var(--block-text-lg);
  padding-right: 10px;
}

.theme-meg .theme-background {
  background: #f2d8a7;
}

.theme-meg .theme-cirlce li:before {
  background-color: #f2d8a7;
}

.theme-meg .theme-title::after {
  color: #f2d8a7;
}

.theme-meg .theme-txt-color {
  color: #f2d8a7;
}

.theme-meg .theme-line {
  display: block;
  width: auto;
  position: relative;
}

.theme-meg .theme-line:hover {
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  padding-left: 10px;
  color: #e0b873;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-meg .theme-line:hover:before {
  content: "●";
}

.theme-meg .theme-line--active {
  color: #dba34e;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-meg .theme-line--active:before {
  content: "●";
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.theme-meg .theme-border {
  border: 2px solid #f2d8a7;
}

.theme-meg .theme-box-border {
  background-color: rgba(225, 146, 27, 0.4);
  border: 2px solid #f2d8a7;
}

.theme-meg .highlighColor {
  color: #f2d8a7;
}

.theme-meg .imgBorder {
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
}

.theme-meg .border-gradient {
  border-image-source: linear-gradient(to left, #E9C582 0%, #F1D8A7 33%, #E9C582 66%, #FAF5E6 100%);
}

.theme-meg .theme-link {
  color: #f2d8a7;
  text-decoration: underline;
}

.theme-meg .theme-link:hover,
.theme-meg .theme-link:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  color: #e0b873;
  text-decoration: none;
}

.theme-meg .theme-link--active {
  color: #dba34e;
}

.theme-meg .theme-button {
  display: block;
  max-width: 300px;
  border: 2px solid #999;
  color: #FFF;
  background-color: #000;
  border-image-slice: 2;
  border-width: 2px;
  padding: 15px 5px;
  text-align: center;
  cursor: pointer;
}

.theme-meg .theme-button:hover,
.theme-meg .theme-button:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-image-source: linear-gradient(to left, #E9C582 0%, #F1D8A7 33%, #E9C582 66%, #FAF5E6 100%);
  color: #e0b873;
}

.theme-meg .theme-button--active {
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-image-source: linear-gradient(to left, #E9C582 0%, #F1D8A7 33%, #E9C582 66%, #FAF5E6 100%);
  color: #dba34e;
}

.theme-meg ul.theme-dots li {
  list-style: none;
}

.theme-meg ul.theme-dots li::before {
  content: "·";
  color: #f2d8a7;
  font-size: var(--block-text-lg);
  padding-right: 10px;
}

.theme-mag .theme-background {
  background: #D3E736;
}

.theme-mag .theme-cirlce li:before {
  background-color: #D3E736;
}

.theme-mag .theme-title::after {
  color: #D3E736;
}

.theme-mag .theme-border {
  border: 2px solid #D3E736;
  text-align: center;
}

.theme-mag .theme-line {
  display: block;
  width: auto;
  position: relative;
}

.theme-mag .theme-line:hover {
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  padding-left: 10px;
  color: #aab92c;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-mag .theme-line:hover:before {
  content: "●";
}

.theme-mag .theme-line--active {
  color: #7f8a21;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-mag .theme-line--active:before {
  content: "●";
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.theme-mag .theme-border {
  border: 2px solid #D3E736;
}

.theme-mag .theme-box-border {
  background-color: rgba(127, 138, 33, 0.4);
  border: 2px solid #D3E736;
}

.theme-mag .highlighColor {
  color: #D3E736;
}

.theme-mag .imgBorder {
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
}

.theme-mag .border-gradient {
  border-image-source: linear-gradient(90deg, rgb(255, 255, 255) 0%, #D3E736 40%, #E3E890 50%, rgb(255, 255, 255) 100%);
}

.theme-mag .theme-link {
  color: #D3E736;
  text-decoration: underline;
}

.theme-mag .theme-link:hover,
.theme-mag .theme-link:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  color: #aab92c;
  text-decoration: none;
}

.theme-mag .theme-link--active {
  color: #7f8a21;
}

.theme-mag .theme-button {
  display: block;
  max-width: 300px;
  border: 2px solid #999;
  color: #FFF;
  background-color: #000;
  border-image-slice: 2;
  border-width: 2px;
  padding: 15px 5px;
  text-align: center;
  cursor: pointer;
}

.theme-mag .theme-button:hover,
.theme-mag .theme-button:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-image-source: linear-gradient(90deg, rgb(255, 255, 255) 0%, #D3E736 40%, #E3E890 50%, rgb(255, 255, 255) 100%);
  color: #aab92c;
}

.theme-mag .theme-button--active {
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-image-source: linear-gradient(90deg, rgb(255, 255, 255) 0%, #D3E736 40%, #E3E890 50%, rgb(255, 255, 255) 100%);
  color: #D3E736;
}

.theme-mag ul.theme-dots li {
  list-style: none;
}

.theme-mag ul.theme-dots li::before {
  content: "·";
  color: #D3E736;
  font-size: var(--block-text-lg);
  padding-right: 10px;
}

.theme-pro .theme-background {
  background: #58a4eb;
}

.theme-pro .theme-cirlce li:before {
  background-color: #3299f6;
}

.theme-pro .theme-title::after {
  color: #3299f6;
}

.theme-pro .theme-border {
  border: 2px solid #3299f6;
  text-align: center;
}

.theme-pro .theme-line {
  display: block;
  width: auto;
  position: relative;
}

.theme-pro .theme-line:hover {
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  padding-left: 10px;
  color: #61b5ff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-pro .theme-line:hover:before {
  content: "●";
}

.theme-pro .theme-line--active {
  color: #58a4eb;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-pro .theme-line--active:before {
  content: "●";
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.theme-pro .theme-border {
  border: 2px solid #3299f6;
}

.theme-pro .theme-box-border {
  background-color: rgba(5, 112, 199, 0.445);
  border: 2px solid #3299f6;
}

.theme-pro .highlighColor {
  color: #3299f6;
}

.theme-pro .imgBorder {
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
}

.theme-pro .border-gradient {
  border-image-source: linear-gradient(to left, #58a4eb 0%, #3b70a1 100%);
}

.theme-pro .theme-background {
  background: #58a4eb;
}

.theme-pro .theme-link {
  color: #3299f6;
  text-decoration: underline;
}

.theme-pro .theme-link:hover,
.theme-pro .theme-link:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  color: #61b5ff;
  text-decoration: none;
}

.theme-pro .theme-link--active {
  color: #58a4eb;
}

.theme-pro .theme-button {
  display: block;
  max-width: 300px;
  border: 2px solid #999;
  color: #FFF;
  background-color: #000;
  border-image-slice: 2;
  border-width: 2px;
  padding: 15px 5px;
  text-align: center;
  cursor: pointer;
}

.theme-pro .theme-button:hover,
.theme-pro .theme-button:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-image-source: linear-gradient(to left, #58a4eb 0%, #3b70a1 100%);
  color: #61b5ff;
}

.theme-pro .theme-button--active {
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-image-source: linear-gradient(to left, #58a4eb 0%, #3b70a1 100%);
  color: #3299f6;
}

.theme-pro ul.theme-dots li {
  list-style: none;
}

.theme-pro ul.theme-dots li::before {
  content: "·";
  color: #3299f6;
  font-size: var(--block-text-lg);
  padding-right: 10px;
}

/* gaming */
.theme-gaming .theme-background {
  background: #ff0016;
}

.theme-gaming .theme-cirlce li:before {
  background-color: #ff0016;
}

.theme-gaming .theme-title::after {
  color: #ff0016;
}

.theme-gaming .theme-txt-color {
  color: #ff0016;
}

.theme-gaming .theme-line {
  display: block;
  width: auto;
  position: relative;
}

.theme-gaming .theme-line:hover {
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  padding-left: 10px;
  color: #d00012;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-gaming .theme-line:hover:before {
  content: "●";
}

.theme-gaming .theme-line--active {
  color: #ff0016;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-gaming .theme-line--active:before {
  content: "●";
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.theme-gaming .theme-border {
  border: 2px solid #ff0016;
}

.theme-gaming .theme-box-border {
  background-color: rgba(255, 0, 22, 0.4);
  border: 2px solid #ff0016;
}

.theme-gaming .highlighColor {
  color: #ff0016;
}

.theme-gaming .imgBorder {
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
}

.theme-gaming .border-gradient {
  border-image-source: linear-gradient(to left, #54565a 0%, #ff0016 50%, #54565a 100%);
}

.theme-gaming .theme-gradient {
  background: #ff0016;
  background: -webkit-gradient(linear, left top, right top, from(rgb(84, 86, 90)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgb(84, 86, 90) 0%, rgb(255, 255, 255) 100%);
}

.theme-gaming .theme-link {
  color: #ff0016;
  text-decoration: underline;
}

.theme-gaming .theme-link:hover,
.theme-gaming .theme-link:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  color: #d00012;
  text-decoration: none;
}

.theme-gaming .theme-link--active {
  color: #d00012;
}

.theme-gaming .theme-button {
  display: block;
  max-width: 300px;
  border: 2px solid #999;
  color: #FFF;
  background-color: #000;
  border-image-slice: 2;
  border-width: 2px;
  padding: 15px 5px;
  text-align: center;
  cursor: pointer;
}

.theme-gaming .theme-button:hover,
.theme-gaming .theme-button:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  border-width: 2px;
  background-color: #000;
  border-image-source: linear-gradient(to left, #54565a 0%, #ff0016 50%, #54565a 100%);
  color: #d00012;
}

.theme-gaming .theme-button--active {
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-width: 2px;
  border-image-source: linear-gradient(to left, #54565a 0%, #ff0016 50%, #54565a 100%);
  color: #ff0016;
}

.theme-gaming ul.theme-dots li {
  list-style: none;
}

.theme-gaming ul.theme-dots li::before {
  content: "·";
  color: #ff0016;
  font-size: var(--block-text-lg);
  padding-right: 10px;
}



/*Project Zero*/
.theme-project .mbBanner__tBox .theme-title::after {
  content: "/////////////////////////////////////////////////////////////////////////";
}

.theme-project .theme-title {
  overflow: hidden;
}

.theme-project .theme-title::after {
  color: #5a5a5a;
  background: -webkit-linear-gradient(30deg, #222 0%, #bbb 40%, #5a5a5a 60%, #5a5a5a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.theme-project .theme-txt-color {
  color: #eee;
}

.theme-project .theme-line {
  display: block;
  width: auto;
  position: relative;
  color: #999999;
}

.theme-project .theme-line:hover {
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  padding-left: 10px;
  color: #eee;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-project .theme-line:hover::before {
  content: "●";
}

.theme-project .theme-line--active {
  color: #eee;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-project .theme-line--active::before {
  content: "●";
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.theme-project .theme-border {
  border: 2px solid #5a5a5a;
}

.theme-project .theme-box-border {
  background-color: rgba(255, 255, 255, 0.4);
  border: 2px solid #5a5a5a;
}

.theme-project .highlighColor {
  color: #5a5a5a;
}

.theme-project .imgBorder {
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
}

.theme-project .border-gradient {
  border-image-source: linear-gradient(135deg, #ccc 0%, #222 30%, #ccc 60%, #222 100%);
}

.theme-project .theme-gradient {
  background: #5a5a5a;
  background: -webkit-gradient(linear, left top, right top, from(rgb(84, 86, 90)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgb(84, 86, 90) 0%, rgb(255, 255, 255) 100%);
}

.theme-project .theme-link {
  color: #5a5a5a;
  text-decoration: underline;
}

.theme-project .theme-link:hover,
.theme-project .theme-link:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  color: #fff;
  text-decoration: none;
}

.theme-project .theme-link--active {
  color: #fff;
}

.theme-project .theme-button {
  display: block;
  max-width: 300px;
  border: 2px solid #999;
  display: block;
  color: #999;
  border: 2px solid;
  padding: 12px 5px;
  border-image-slice: 2;
  background-color: #000;
  border-width: 2px;
  border-image-source: linear-gradient(to left, #4b4b4b 0%, #999 50%, #4b4b4b 100%);
  font-weight: 500;
  cursor: pointer;
}

.theme-project .theme-button:hover,
.theme-project .theme-button:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  display: block;
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}

.theme-project .theme-button--active {
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-width: 2px;
  border-image-source: linear-gradient(to left, #8d8d8d 0%, #f4f4f4 50%, #8d8d8d 100%);
  background: -webkit-linear-gradient(180deg, #888 0%, #fff 30%, #fff 80%, #888 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: white;
}

.theme-project .theme-button--active:hover {
  cursor: default;
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

.theme-project ul.theme-dots li {
  list-style: none;
}

.theme-project ul.theme-dots li::before {
  content: "·";
  color: #5a5a5a;
  font-size: var(--block-text-lg);
  padding-right: 10px;
}

.theme-project .barBox__lg {
  width: 80%;
}

.theme-project .barBox__md {
  width: 40%;
}

.theme-project .barBox__sm {
  width: 10%;
}

.theme-project .barBox__colorline {
  background: linear-gradient(45deg, #eee 0%, #fff 35%, #bbb 36%, #bbb 50%, #fff 50%, #fff 60%, #888 61%, #999 65%, #eee 66%, #666 100%);
}

.theme-project .barBox__garyline {
  background: linear-gradient(45deg, #777 0%, #666 50%, #666 70%, #888 100%);
}

.theme-project .barBox__line {
  height: 20px;
}

/*Viola added ".theme-background" 2023/9/1*/

/*plus Silvia 2023/11/01*/
.theme-Plus .theme-background {
  background-color: #33cccc;
}

.theme-Plus .theme-cirlce li:before {
  background-color: #33cccc;
}

.theme-Plus .theme-title::after {
  color: #33cccc;
}

.theme-Plus .theme-border {
  border: 2px solid #33cccc;
  text-align: center;
}

.theme-Plus .theme-line {
  display: block;
  width: auto;
  position: relative;
}

.theme-Plus .theme-line:hover {
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  padding-left: 10px;
  color: #1bdada;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-Plus .theme-line:hover:before {
  content: "●";
}

.theme-Plus .theme-line--active {
  color: #20adad;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-Plus .theme-line--active:before {
  content: "●";
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.theme-Plus .theme-border {
  border: 2px solid #33cccc;
}

.theme-Plus .theme-box-border {
  background-color: rgba(5, 199, 173, 0.5);
  border: 2px solid #33cccc;
}

.theme-Plus .highlighColor {
  color: #33cccc;
}

.theme-Plus .imgBorder {
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
}

.theme-Plus .border-gradient {
  border-image-source: linear-gradient(to left, #33cccc 0%, #1b6e6e 100%);
}

.theme-Plus .theme-link {
  color: #33cccc;
  text-decoration: underline;
}

.theme-Plus .theme-link:hover,
.theme-Plus .theme-link:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  color: #1bdada;
  text-decoration: none;
}

.theme-Plus .theme-link--active {
  color: #20adad;
}

.theme-Plus .theme-button {
  display: block;
  max-width: 300px;
  border: 2px solid #999;
  color: #FFF;
  background-color: #000;
  border-image-slice: 2;
  border-width: 2px;
  padding: 15px 5px;
  text-align: center;
  cursor: pointer;
}

.theme-Plus .theme-button:hover,
.theme-Plus .theme-button:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-image-source: linear-gradient(to left, #33cccc 0%, #1b6e6e 100%);
  color: #1bdada;
}

.theme-Plus .theme-button--active {
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-image-source: linear-gradient(to left, #33cccc 0%, #1b6e6e 100%);
  color: #33cccc;
}

.theme-Plus ul.theme-dots li {
  list-style: none;
}

.theme-Plus ul.theme-dots li::before {
  content: "·";
  color: #33cccc;
  font-size: var(--block-text-lg);
  padding-right: 10px;
}

/*storage chart color*/

.theme-meg .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#E9C582), color-stop(33%, #F1D8A7), color-stop(66%, #E9C582), to(#FAF5E6));
  background: linear-gradient(to left, #E9C582 0%, #F1D8A7 33%, #E9C582 66%, #FAF5E6 100%);
}

.theme-mpg .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#0057B7), color-stop(50%, #440099), to(#E81F76));
  background: linear-gradient(to left, #0057B7 0%, #440099 50%, #E81F76 100%);
}

.theme-mag .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, left top, right top, from(white), color-stop(40%, #D3E736), color-stop(50%, #E3E890), to(white));
  background: linear-gradient(90deg, white 0%, #D3E736 40%, #E3E890 50%, white 100%);
}

.theme-pro .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#58a4eb), to(#3b70a1));
  background: linear-gradient(to left, #58a4eb 0%, #3b70a1 100%);
}

.theme-gaming .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#54565a), to(#ff0016));
  background: linear-gradient(to right, #ff0016 0%, #54565a 100%);
}


.theme-Plus .storage__block-text .gbps__bar-colorline {
  background: #33cccc;
  background: linear-gradient(to right, #1b6e6e 0%, #33cccc 100%);
}


/*strcture*/
.theme-mpg .structure2 .mbBox__nav figure.active::after {
  -webkit-filter: drop-shadow(0 0 10px #a21653);
  filter: drop-shadow(0 0 10px #a21653);
  border: 1px solid #a21653;
  -webkit-animation: none;
  animation: none;
  -webkit-box-shadow: 0 0 5px #a21653;
  box-shadow: 0 0 5px #a21653;
}

.theme-mpg .structure2 .mbBox__nav figure.active::before {
  background: #a21653;
}

.theme-mag .structure2 .mbBox__nav figure.active::after {
  -webkit-filter: drop-shadow(0 0 10px #7f8a21);
  filter: drop-shadow(0 0 10px #7f8a21);
  border: 1px solid #7f8a21;
  -webkit-animation: none;
  animation: none;
  -webkit-box-shadow: 0 0 5px #7f8a21;
  box-shadow: 0 0 5px #7f8a21;
}

.theme-mag .structure2 .mbBox__nav figure.active::before {
  background: #7f8a21;
}

.theme-meg .structure2 .mbBox__nav figure.active::after {
  -webkit-filter: drop-shadow(0 0 10px #dba34e);
  filter: drop-shadow(0 0 10px #dba34e);
  border: 1px solid #dba34e;
  -webkit-animation: none;
  animation: none;
  -webkit-box-shadow: 0 0 5px #dba34e;
  box-shadow: 0 0 5px #dba34e;

}

.theme-meg .structure2 .mbBox__nav figure.active::before {
  background: #dba34e;
}

.theme-pro .structure2 .mbBox__nav figure.active::after {
  -webkit-filter: drop-shadow(0 0 10px #58a4eb);
  filter: drop-shadow(0 0 10px #58a4eb);
  border: 1px solid #58a4eb;
  -webkit-animation: none;
  animation: none;
  -webkit-box-shadow: 0 0 5px #58a4eb;
  box-shadow: 0 0 5px #58a4eb;
}

.theme-pro .structure2 .mbBox__nav figure.active::before {
  background: #58a4eb;
}

.theme-gaming .structure2 .mbBox__nav figure.active::after {
  -webkit-filter: drop-shadow(0 0 10px #ff0016);
  filter: drop-shadow(0 0 10px #ff0016);
  border: 1px solid #ff0016;
  -webkit-animation: none;
  animation: none;
  -webkit-box-shadow: 0 0 5px #ff0016;
  box-shadow: 0 0 5px #ff0016;
}

.theme-gaming .structure2 .mbBox__nav figure.active::before {
  background: #ff0016;
}


.theme-Plus .structure2 .mbBox__nav figure.active::after {
  -webkit-filter: drop-shadow(0 0 10px #33cccc);
  filter: drop-shadow(0 0 10px #33cccc);
  border: 1px solid ##33cccc;
  -webkit-animation: none;
  animation: none;
  -webkit-box-shadow: 0 0 5px #33cccc;
  box-shadow: 0 0 5px #33cccc;
  border-color: #33cccc;
}

.theme-Plus .structure2 .mbBox__nav figure.active::before {
  background: #33cccc;
}


/*theme-gray*/
.theme-gray .structure2 .mbBox__nav figure.active::after {
  -webkit-filter: drop-shadow(0 0 10px #fff);
  filter: drop-shadow(0 0 10px #fff);
  border: 1px solid #fff;
  -webkit-animation: none;
  animation: none;
  -webkit-box-shadow: 0 0 5px #fff;
  box-shadow: 0 0 5px #fff;
  border-color: #fff;
}

.theme-gray .structure2 .mbBox__nav figure.active::before {
  background: #fff;
}



/*theme-gray*/
.theme-gray .theme-background {
  background: hsl(0deg 0% 82.44%);
}

.theme-gray .theme-cirlce li:before {
  background-color: #fff;
}

.theme-gray .theme-title::after {
  color: #fff;
}

.theme-gray .theme-border {
  border: 2px solid #fff;
  text-align: center;
}

.theme-gray .theme-line {
  display: block;
  width: auto;
  position: relative;
}

.theme-gray .theme-line:hover {
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  padding-left: 10px;
  color: #999;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-gray .theme-line:hover:before {
  content: "●";
}

.theme-gray .theme-line--active {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.theme-gray .theme-line--active:before {
  content: "●";
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.theme-gray .theme-border {
  border: 2px solid #fff;
}

.theme-gray .theme-box-border {
  background-color: rgba(68, 70, 71, 0.445);
  border: 2px solid #fff;
}

.theme-gray .highlighColor {
  color: #fff;
}

.theme-gray .imgBorder {
  border: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
}

.theme-gray .border-gradient {
  border-image-source: linear-gradient(to left, #f4f4f5 0%, #f2f9ff 100%);
}

.theme-gray .theme-link {
  color: #fff;
  text-decoration: underline;
}

.theme-gray .theme-link:hover,
.theme-gray .theme-link:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  color: #999;
  text-decoration: none;
}

.theme-gray .theme-link--active {
  color: #fff;
}

.theme-gray .theme-button {
  display: block;
  max-width: 300px;
  border: 2px solid #999;
  color: #FFF;
  background-color: #000;
  border-image-slice: 2;
  border-width: 2px;
  padding: 15px 5px;
  text-align: center;
  cursor: pointer;
}

.theme-gray .theme-button:hover,
.theme-gray .theme-button:focus {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-image-source: linear-gradient(to left, #f4f4f5 0%, #f2f9ff 100%);
  color: #999;
  background-color: #222;
}

.theme-gray .theme-button--active {
  display: block;
  border: 2px solid;
  border-image-slice: 2;
  background-color: #000;
  border-image-source: linear-gradient(to left, #f4f4f5 0%, #f2f9ff 100%);
  color: #fff;
  background-color: #222;
}

.theme-gray ul.theme-dots li {
  list-style: none;
}

.theme-gray ul.theme-dots li::before {
  content: "·";
  color: #fff;
  font-size: var(--block-text-lg);
  padding-right: 10px;
}

/*storage chart color*/
.theme-meg .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#E9C582), color-stop(33%, #F1D8A7), color-stop(66%, #E9C582), to(#FAF5E6));
  background: linear-gradient(to left, #E9C582 0%, #F1D8A7 33%, #E9C582 66%, #FAF5E6 100%);
}

.theme-mpg .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#0057B7), color-stop(50%, #440099), to(#E81F76));
  background: linear-gradient(to left, #0057B7 0%, #440099 50%, #E81F76 100%);
}

.theme-mag .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, left top, right top, from(white), color-stop(40%, #D3E736), color-stop(50%, #E3E890), to(white));
  background: linear-gradient(90deg, white 0%, #D3E736 40%, #E3E890 50%, white 100%);
}

.theme-pro .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#58a4eb), to(#3b70a1));
  background: linear-gradient(to left, #58a4eb 0%, #3b70a1 100%);
}

.theme-gaming .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#54565a), to(#ff0016));
  background: linear-gradient(to right, #ff0016 0%, #54565a 100%);
}

.theme-gaming .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#54565a), to(#ff0016));
  background: linear-gradient(to right, #ff0016 0%, #54565a 100%);
}


.theme-gray .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#54565a), to(#ffffff));
  background: linear-gradient(to right, #ffffff 0%, #54565a 100%);
}

.theme-gray .storage__block-text .gbps__bar-colorline {
  background: -webkit-gradient(linear, right top, left top, from(#54565a), to(#ffffff));
  background: linear-gradient(to right, #ffffff 0%, #54565a 100%);
}


/* 2024 KV feature border color*/
.theme-meg {
  --clr-border-1:#F1D8A7;
  --clr-border-2:#F1D8A7;
  --clr-border-gradient: linear-gradient(to left, #E9C582 0%, #F1D8A7 33%, #E9C582 66%, #FAF5E6 100%);
}

  .theme-mpg {
    --clr-border-1:#0058b6;
    --clr-border-2:#e91e77;
    --clr-border-gradient: linear-gradient(to right, #0058b6 0%, #440099 50%, #E81F76 100%);
  }
  
  .theme-mag {
    --clr-border-1:#D3E736;
    --clr-border-2:#D3E736;
    --clr-border-gradient: linear-gradient(to right, rgb(255, 255, 255) 0%, #D3E736 40%, #E3E890 50%, rgb(255, 255, 255) 100%);
  }
  
  .theme-pro {
    --clr-border-1:#58a4eb;
    --clr-border-2:#58a4eb;
    --clr-border-gradient: linear-gradient(to right, #58a4eb 0%, #3b70a1 100%);
  }
  
  .theme-project {
    --clr-border-1:#ccc;
    --clr-border-2:#ccc;
    --clr-border-gradient: linear-gradient(to right, #ccc 0%, #222 30%, #ccc 60%, #222 100%);
  }
  
  .theme-Plus {
    --clr-border-1:#33cccc;
    --clr-border-2:#33cccc;
    --clr-border-gradient: linear-gradient(to right, #33cccc 0%, #1b6e6e 100%);
  }
  
  .theme-gray {
    --clr-border-1:#ccc;
    --clr-border-2:#ccc;
    --clr-border-gradient: linear-gradient(to right, #ccc 0%, #54565a 100%);
  }