.java-pocket-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%);
}
 
.java-pocket-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;
}
 
.java-pocket-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;
}
 
.java-pocket-ip-example-text10 {
  color: rgb(102, 204, 255);
  border-bottom: 2px solid #66ccff;
  padding-bottom: 10px;
  text-transform: capitalize;
}
 
.java-pocket-ip-example-container4 {
  height: 507px;
  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;
}
 
.java-pocket-ip-example-container4:hover {
  position: relative;
}
 
.java-pocket-ip-example-text11 {
  color: rgb(102, 204, 255);
  border-bottom: 2px solid #66ccff;
  padding-bottom: 10px;
}
 
.java-pocket-ip-example-text13 {
  top: 347px;
  left: 18px;
  position: absolute;
  font-weight: 700;
}
 
.java-pocket-ip-example-pasted-image1 {
  top: 154px;
  left: 14px;
  width: 818px;
  position: absolute;
  transition: 0.3s;
  border-color: rgba(139, 14, 14, 0.5);
  border-width: 1px;
}
 
.java-pocket-ip-example-pasted-image1:hover {
  border-width: 3px;
}
 
.java-pocket-ip-example-text14 {
  top: 132px;
  left: 24px;
  position: absolute;
  font-weight: 700;
}
 
.java-pocket-ip-example-pasted-image2 {
  left: 14px;
  width: 818px;
  bottom: 44px;
  position: absolute;
  transition: 0.3s;
  border-color: rgba(139, 14, 14, 0.5);
  border-width: 1px;
}
 
.java-pocket-ip-example-pasted-image2:hover {
  border-width: 3px;
}
 
.java-pocket-ip-example-container5 {
  height: 631px;
  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;
}
 
.java-pocket-ip-example-text15 {
  color: rgb(102, 204, 255);
  border-bottom: 2px solid #66ccff;
  padding-bottom: 10px;
}
 
.java-pocket-ip-example-text16 {
  top: 140px;
  left: 23px;
  position: absolute;
}
 
.java-pocket-ip-example-text18 {
  color: #a9eaa0;
  font-weight: 700;
}
 
.java-pocket-ip-example-text20 {
  top: 160px;
  left: 20px;
  position: absolute;
}
 
.java-pocket-ip-example-text22 {
  color: #a9eaa0;
  font-weight: 700;
}
 
.java-pocket-ip-example-text24 {
  color: #a9eaa0;
  font-weight: 700;
}
 
.java-pocket-ip-example-pasted-image3 {
  left: 18px;
  width: 372px;
  bottom: 39px;
  height: 283px;
  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;
}
 
.java-pocket-ip-example-pasted-image3:hover {
  border-width: 3px;
}
 
.java-pocket-ip-example-pasted-image4 {
  right: 45px;
  width: 372px;
  bottom: 40px;
  height: 283px;
  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;
}
 
.java-pocket-ip-example-pasted-image4:hover {
  border-width: 3px;
}
 
.java-pocket-ip-example-text25 {
  top: 72px;
  fill: #ece5e5;
  left: 21px;
  color: rgb(236, 229, 229);
  width: 818px;
  height: 45px;
  position: absolute;
}
 
.java-pocket-ip-example-text28 {
  top: 187px;
  left: 24px;
  width: 813px;
  height: 51px;
  position: absolute;
}
 
.java-pocket-ip-example-text29 {
  top: 281px;
  left: 457px;
  position: absolute;
  font-weight: 700;
}
 
.java-pocket-ip-example-text30 {
  top: 275px;
  left: 29px;
  position: absolute;
  font-weight: 700;
}
 
.java-pocket-ip-example-container6 {
  height: 287px;
  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;
}
 
.java-pocket-ip-example-text31 {
  color: rgb(102, 204, 255);
  border-bottom: 2px solid #66ccff;
  padding-bottom: 10px;
}
 
.java-pocket-ip-example-text32 {
  top: 72px;
  left: 21px;
  width: 808px;
  height: 59px;
  position: absolute;
}
 
.java-pocket-ip-example-pasted-image5 {
  left: 141px;
  width: 60%;
  bottom: 19px;
  height: 50%;
  position: absolute;
  transition: 0.3s;
  border-color: rgba(139, 14, 14, 0.5);
  border-width: 2px;
}
 
.java-pocket-ip-example-pasted-image5:hover {
  border-width: 3px;
}
 
.java-pocket-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;
}
 
.java-pocket-ip-example-text33 {
  color: rgb(102, 204, 255);
  border-bottom: 2px solid #66ccff;
  padding-bottom: 10px;
}
 
.java-pocket-ip-example-text36 {
  top: 72px;
  left: 21px;
  width: 808px;
  height: 177px;
  position: absolute;
}
 
.java-pocket-ip-example-link {
  color: #8b99ff;
  text-decoration: underline;
}
 
.java-pocket-ip-example-text42 {
  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) {
  .java-pocket-ip-example-text10 {
    color: rgb(102, 204, 255);
    text-transform: capitalize;
  }
  .java-pocket-ip-example-container4 {
    height: 529px;
    position: relative;
  }
  .java-pocket-ip-example-text13 {
    top: 356px;
    left: 22px;
    position: absolute;
    font-weight: 700;
  }
  .java-pocket-ip-example-pasted-image1 {
    top: 146px;
    left: 11px;
    position: absolute;
    border-width: 0.5px;
  }
  .java-pocket-ip-example-text14 {
    top: 135px;
    left: 23px;
    position: absolute;
    font-weight: 700;
  }
  .java-pocket-ip-example-pasted-image2 {
    left: 18px;
    bottom: 54px;
    position: absolute;
    margin-top: 0px;
    border-width: 0.5px;
  }
  .java-pocket-ip-example-container5 {
    height: 655px;
  }
  .java-pocket-ip-example-text16 {
    top: 112px;
    left: 15px;
  }
  .java-pocket-ip-example-text18 {
    color: #a9eaa0;
  }
  .java-pocket-ip-example-text20 {
    top: 134px;
    left: 15px;
  }
  .java-pocket-ip-example-text22 {
    color: #a9eaa0;
  }
  .java-pocket-ip-example-text24 {
    color: #a9eaa0;
  }
  .java-pocket-ip-example-pasted-image3 {
    border-width: 0.5px;
  }
  .java-pocket-ip-example-pasted-image4 {
    border-width: 0.5px;
  }
  .java-pocket-ip-example-text28 {
    width: 786px;
  }
  .java-pocket-ip-example-text29 {
    top: 276px;
    left: 447px;
    position: absolute;
    font-weight: 700;
  }
  .java-pocket-ip-example-text30 {
    top: 284px;
    left: 36px;
    position: absolute;
    font-weight: 700;
  }
  .java-pocket-ip-example-pasted-image5 {
    left: 135px;
    width: 60%;
    bottom: 29px;
    height: 46%;
    position: absolute;
    border-width: 0.5px;
  }
}
 
@media(max-width: 991px) {
  .java-pocket-ip-example-pasted-image3 {
    left: 2%;
  }
  .java-pocket-ip-example-pasted-image4 {
    right: 2%;
  }
  .java-pocket-ip-example-text28 {
    width: 818px;
  }
  .java-pocket-ip-example-text29 {
    top: 296px;
    left: 55%;
  }
  .java-pocket-ip-example-text30 {
    top: 288px;
    left: 5%;
  }
}
 
@media(max-width: 767px) {
  .java-pocket-ip-example-container2 {
    width: 100%;
    height: 120%;
    max-width: 100%;
    margin-bottom: 0px;
  }
  .java-pocket-ip-example-container3 {
    top: 3%;
    left: 10%;
    width: 80%;
    height: 84px;
    max-width: 85%;
    min-width: 50%;
    max-height: 10%;
    min-height: 2%;
  }
  .java-pocket-ip-example-container4 {
    height: 514px;
    margin-top: 160px;
  }
  .java-pocket-ip-example-text13 {
    top: 361px;
    left: 21px;
  }
  .java-pocket-ip-example-pasted-image1 {
    top: 146px;
    right: -102px;
    width: 95%;
    height: 30%;
    position: absolute;
    max-width: 100%;
    min-width: 5%;
  }
  .java-pocket-ip-example-text14 {
    top: 126px;
    left: 21px;
  }
  .java-pocket-ip-example-pasted-image2 {
    left: 13px;
    width: 95%;
    bottom: 87px;
    height: 15%;
  }
  .java-pocket-ip-example-container5 {
    height: 598px;
  }
  .java-pocket-ip-example-pasted-image3 {
    left: 5%;
    width: 40%;
    bottom: 26px;
    height: 40%;
  }
  .java-pocket-ip-example-pasted-image4 {
    right: 5%;
    width: 40%;
    bottom: 19px;
    height: 40%;
  }
  .java-pocket-ip-example-text25 {
    width: 90%;
    height: 6%;
  }
  .java-pocket-ip-example-text28 {
    width: 90%;
    height: 12%;
  }
  .java-pocket-ip-example-text29 {
    top: 314px;
    left: 55%;
    right: right;
    position: absolute;
    font-weight: 700;
  }
  .java-pocket-ip-example-text30 {
    top: 310px;
    left: 49px;
  }
  .java-pocket-ip-example-container6 {
    height: 299px;
  }
  .java-pocket-ip-example-text32 {
    width: 95%;
    height: 20%;
  }
  .java-pocket-ip-example-pasted-image5 {
    left: 20%;
    bottom: 9px;
  }
  .java-pocket-ip-example-text36 {
    width: 95%;
    height: 45%;
  }
  .java-pocket-ip-example-text42 {
    width: 100%;
    height: 60%;
    max-height: 70%;
    min-height: 2%;
  }
}
 
@media(max-width: 479px) {
  .java-pocket-ip-example-container3 {
    top: 34px;
    left: 20px;
    width: 90%;
    height: 5%;
    position: absolute;
    max-width: 100%;
    min-width: 51%;
    max-height: 10%;
    aspect-ratio: auto;
  }
  .java-pocket-ip-example-container4 {
    height: 426px;
    margin-top: 157px;
  }
  .java-pocket-ip-example-text13 {
    top: 299px;
    left: 21px;
  }
  .java-pocket-ip-example-pasted-image1 {
    top: 201px;
    left: 12px;
    width: 95%;
    height: 20%;
  }
  .java-pocket-ip-example-text14 {
    top: 179px;
    left: 21px;
  }
  .java-pocket-ip-example-pasted-image2 {
    top: 327px;
    left: 10px;
    width: 95%;
    height: 15%;
  }
  .java-pocket-ip-example-container5 {
    width: auto;
    height: 971px;
  }
  .java-pocket-ip-example-text16 {
    top: 171px;
    left: 13px;
  }
  .java-pocket-ip-example-text20 {
    top: 209px;
    right: 0px;
  }
  .java-pocket-ip-example-pasted-image3 {
    top: 425px;
    left: 15%;
    width: 70%;
    height: 23%;
  }
  .java-pocket-ip-example-pasted-image4 {
    top: 690px;
    left: 15%;
    width: 70%;
    bottom: 23px;
    height: 25%;
    display: grid;
    position: absolute;
  }
  .java-pocket-ip-example-text25 {
    width: 90%;
    height: 43px;
  }
  .java-pocket-ip-example-text28 {
    top: 256px;
    left: 15px;
    width: 90%;
    height: 15%;
  }
  .java-pocket-ip-example-text29 {
    top: 665px;
    left: 68px;
  }
  .java-pocket-ip-example-text30 {
    top: 396px;
    left: 73px;
  }
  .java-pocket-ip-example-container6 {
    height: 294px;
    margin-top: var(--dl-layout-space-oneandhalfunits);
    max-height: 100%;
  }
  .java-pocket-ip-example-text32 {
    width: 90%;
    height: 30%;
  }
  .java-pocket-ip-example-pasted-image5 {
    left: 20px;
    width: 90%;
    bottom: 0px;
    height: 37%;
    position: absolute;
  }
  .java-pocket-ip-example-container7 {
    height: 408px;
  }
  .java-pocket-ip-example-text36 {
    top: var(--dl-layout-space-sixunits);
    left: left;
    right: right;
    width: 90%;
    bottom: bottom;
    height: 162px;
    position: absolute;
  }
}