.console-ip-example-container1 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
  background-image: radial-gradient(circle at center, rgb(24, 51, 33) 1.00%,rgb(0, 36, 3) 35.00%,rgb(0, 22, 30) 100.00%);
}
 
.console-ip-example-container2 {
  color: #eee;
  height: 100%;
  margin: 0;
  padding: 20px;
  position: relative;
  max-width: 900px;
  background: #121212;
  font-family: Arial, sans-serif;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}
 
.console-ip-example-container3 {
  top: 28px;
  left: 2.5%;
  width: 95%;
  height: 3%;
  padding: 20px;
  overflow: visible;
  position: absolute;
  max-width: 95%;
  min-width: 50%;
  background: #1a1a1a;
  max-height: 3%;
  min-height: 5%;
  aspect-ratio: auto;
  border-radius: 6px;
  animation-name: slideInRight;
  animation-delay: 0s;
  background-color: #272727;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.console-ip-example-text10 {
  color: rgb(102, 204, 255);
  border-bottom: 2px solid #66ccff;
  padding-bottom: 10px;
  text-transform: capitalize;
}
 
.console-ip-example-text11 {
  top: 118px;
  left: 36px;
  color: rgb(255, 160, 160);
  position: absolute;
}
 
.console-ip-example-navlink1 {
  color: #8b99ff;
}
 
.console-ip-example-container4 {
  height: 278px;
  padding: 20px;
  position: relative;
  background: #1a1a1a;
  margin-top: 142px;
  border-radius: 6px;
  animation-name: slideInRight;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.console-ip-example-container4:hover {
  position: relative;
}
 
.console-ip-example-text14 {
  color: rgb(102, 204, 255);
  border-bottom: 2px solid #66ccff;
  padding-bottom: 10px;
}
 
.console-ip-example-pasted-image1 {
  top: 110px;
  left: 200px;
  width: 45%;
  bottom: 0px;
  position: absolute;
  transition: 0.3s;
  border-color: rgba(139, 14, 14, 0.5);
  border-width: 1px;
}
 
.console-ip-example-pasted-image1:hover {
  border-width: 3px;
}
 
.console-ip-example-container5 {
  height: 549px;
  padding: 20px;
  position: relative;
  background: #1a1a1a;
  margin-top: 30px;
  border-radius: 6px;
  animation-name: slideInRight;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.console-ip-example-text16 {
  color: rgb(102, 204, 255);
  border-bottom: 2px solid #66ccff;
  padding-bottom: 10px;
}
 
.console-ip-example-pasted-image2 {
  right: 71px;
  width: 80%;
  bottom: 17px;
  height: 40%;
  display: flex;
  position: absolute;
  flex-wrap: wrap;
  transition: 0.3s;
  border-color: rgba(139, 14, 14, 0.5);
  border-width: 2px;
  border-radius: var(--dl-layout-radius-radius4);
  flex-direction: row;
  justify-content: flex-start;
}
 
.console-ip-example-pasted-image2:hover {
  border-width: 3px;
}
 
.console-ip-example-text17 {
  top: 165px;
  fill: #ece5e5;
  left: 21px;
  color: rgb(236, 229, 229);
  width: 829px;
  height: 59px;
  position: absolute;
}
 
.console-ip-example-text19 {
  color: #a9eaa0;
  font-weight: 700;
}
 
.console-ip-example-text21 {
  color: #a9eaa0;
  font-weight: 700;
}
 
.console-ip-example-text22 {
  top: 80px;
  fill: #ece5e5;
  left: 20px;
  color: rgb(236, 229, 229);
  width: 829px;
  height: 59px;
  position: absolute;
}
 
.console-ip-example-container6 {
  height: 113px;
  padding: 20px;
  position: relative;
  background: #1a1a1a;
  margin-top: 30px;
  border-radius: 6px;
  animation-name: slideInRight;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.console-ip-example-text23 {
  color: rgb(102, 204, 255);
  border-bottom: 2px solid #66ccff;
  padding-bottom: 10px;
}
 
.console-ip-example-text24 {
  top: 72px;
  left: 21px;
  width: 808px;
  height: 59px;
  position: absolute;
}
 
.console-ip-example-container7 {
  height: 276px;
  padding: 20px;
  position: relative;
  background: #1a1a1a;
  margin-top: 52px;
  border-radius: 6px;
  animation-name: slideInRight;
  animation-delay: 0s;
  background-color: #272727;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.console-ip-example-text25 {
  color: rgb(102, 204, 255);
  border-bottom: 2px solid #66ccff;
  padding-bottom: 10px;
}
 
.console-ip-example-text28 {
  top: 72px;
  left: 21px;
  width: 808px;
  height: 177px;
  position: absolute;
}
 
.console-ip-example-text33 {
  color: rgb(139, 153, 255);
  display: flex;
  margin-top: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-threeunits);
  padding-bottom: 0.5rem;
  text-decoration: underline;
  background-color: rgba(251, 250, 249, 0.06);
}
 
@media(max-width: 1200px) {
  .console-ip-example-text10 {
    color: rgb(102, 204, 255);
    text-transform: capitalize;
  }
  .console-ip-example-text11 {
    top: 120px;
    left: 46px;
    color: rgb(255, 160, 160);
    position: absolute;
  }
  .console-ip-example-container4 {
    height: 272px;
    position: relative;
  }
  .console-ip-example-text14 {
    color: rgb(102, 204, 255);
  }
  .console-ip-example-pasted-image1 {
    left: 202px;
    bottom: 5px;
    position: absolute;
    margin-top: 0px;
    border-width: 0.5px;
  }
  .console-ip-example-container5 {
    height: 524px;
  }
  .console-ip-example-text16 {
    color: rgb(102, 204, 255);
  }
  .console-ip-example-pasted-image2 {
    right: 65px;
    width: 85%;
    bottom: 25px;
    height: 50%;
    border-width: 0.5px;
  }
  .console-ip-example-text17 {
    top: 140px;
    left: 24px;
    color: rgb(236, 229, 229);
    height: 25px;
  }
  .console-ip-example-text19 {
    color: #a9eaa0;
    font-weight: 700;
  }
  .console-ip-example-text21 {
    color: #a9eaa0;
    font-weight: 700;
  }
  .console-ip-example-text22 {
    color: rgb(236, 229, 229);
    height: 55px;
  }
  .console-ip-example-container6 {
    height: 116px;
  }
  .console-ip-example-text23 {
    color: rgb(102, 204, 255);
  }
  .console-ip-example-text24 {
    height: 30px;
  }
}
 
@media(max-width: 991px) {
  .console-ip-example-text28 {
    width: 95%;
  }
}
 
@media(max-width: 767px) {
  .console-ip-example-container2 {
    width: 100%;
    height: 120%;
    max-width: 100%;
    margin-bottom: 0px;
  }
  .console-ip-example-container3 {
    top: 3%;
    left: 10%;
    width: 80%;
    height: 5%;
    max-width: 85%;
    min-width: 50%;
    max-height: 10%;
    min-height: 2%;
  }
  .console-ip-example-text11 {
    top: 126px;
    left: 10%;
  }
  .console-ip-example-container4 {
    height: 253px;
    margin-top: 146px;
  }
  .console-ip-example-pasted-image1 {
    left: 20%;
    width: 60%;
    bottom: 14px;
    height: 50%;
  }
  .console-ip-example-container5 {
    height: 480px;
  }
  .console-ip-example-pasted-image2 {
    right: 10%;
    width: 80%;
    bottom: 24px;
    height: 40%;
  }
  .console-ip-example-text17 {
    top: 154px;
    left: 25px;
    width: 60%;
  }
  .console-ip-example-text22 {
    width: 90%;
  }
  .console-ip-example-container6 {
    height: 125px;
  }
  .console-ip-example-text24 {
    width: 95%;
    height: 20%;
  }
  .console-ip-example-text28 {
    width: 95%;
    height: 45%;
  }
  .console-ip-example-text33 {
    width: 100%;
    height: 60%;
    max-height: 70%;
    min-height: 2%;
  }
}
 
@media(max-width: 479px) {
  .console-ip-example-container3 {
    top: 32px;
    left: 18px;
    width: 92%;
    height: 5%;
    max-width: 100%;
    min-width: 51%;
    max-height: 10%;
    aspect-ratio: auto;
  }
  .console-ip-example-text11 {
    top: 139px;
    left: 38px;
    width: 90%;
  }
  .console-ip-example-container4 {
    height: 326px;
    margin-top: 171px;
  }
  .console-ip-example-pasted-image1 {
    top: 58%;
    left: 27px;
    width: 88%;
    bottom: 10px;
    height: 40%;
  }
  .console-ip-example-container5 {
    height: 520px;
  }
  .console-ip-example-pasted-image2 {
    top: 60%;
    left: 19px;
    width: 90%;
    height: 30%;
    position: absolute;
  }
  .console-ip-example-text17 {
    top: 222px;
    left: 17px;
    width: 90%;
    height: 10%;
  }
  .console-ip-example-text22 {
    color: rgb(236, 229, 229);
    width: 90%;
    height: 121px;
  }
  .console-ip-example-container6 {
    height: 154px;
    max-height: 100%;
  }
  .console-ip-example-text24 {
    width: 90%;
    height: 30%;
  }
  .console-ip-example-container7 {
    height: 408px;
  }
  .console-ip-example-text28 {
    top: var(--dl-layout-space-sixunits);
    left: left;
    right: right;
    width: 90%;
    bottom: bottom;
    height: 162px;
    position: absolute;
  }
}