.documenttake-ellipse-inner {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #262222;
  box-shadow: -8px -8px 16px rgba(255, 255, 255, 0.3) inset,
    8px 8px 16px #000 inset;
  width: 900px;
  height: 578px;
}
.documenttake-ellipse-outer {
  border: 0;
  position: absolute;
  top: 20px;
  left: 26px;
  border-radius: 50%;
  background-color: rgba(196, 196, 196, 0.4);
  width: 844px;
  height: 535px;
}
.documenttake-side-bar1,
.documenttake-side-bar2 {
  border: 3px solid var(--color-gray-100);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-51xl);
  background: linear-gradient(
    111.41deg,
    rgba(255, 255, 255, 0.48),
    rgba(255, 255, 255, 0.12)
  );
  backdrop-filter: blur(100px);
  box-sizing: border-box;
  width: 649px;
  height: 405.1px;
}
.documenttake-side-bar1 {
  width: 142.8px;
  height: 405.3px;
}
.documenttake-glass-screen,
.documenttake-upload-button-b {
  position: absolute;
  top: 0;
  left: 0;
  width: 649px;
  height: 405.3px;
}
.documenttake-upload-button-b {
  border-radius: var(--br-11xl);
  background: linear-gradient(
    180deg,
    rgba(59, 226, 205, 0.6),
    rgba(51, 175, 212, 0.6)
  );
  width: 110px;
  height: 47px;
}
.documenttake-upload1 {
  margin: 0;
  position: absolute;
  top: 10px;
  left: 18px;
  font-size: var(--font-size-xl);
  font-weight: 700;
  font-family: var(--font-poppins);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
  width: 74px;
  height: 27px;
}
.documenttake-upload-button {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 56px;
  left: 16px;
  width: 110px;
  height: 47px;
}
.documenttake-scan-button-bg {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-11xl);
  background: linear-gradient(
    226.29deg,
    rgba(59, 226, 205, 0.6),
    rgba(51, 175, 212, 0.6)
  );
  width: 110px;
  height: 47px;
}
.documenttake-scan1 {
  margin: 0;
  position: absolute;
  top: 10px;
  left: 29px;
  font-size: var(--font-size-xl);
  font-weight: 700;
  font-family: var(--font-poppins);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
  width: 53px;
  height: 27px;
}
.documenttake-scan-button {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 117px;
  left: 16px;
  width: 110px;
  height: 47px;
}
.documenttake-picture-button- {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-11xl);
  background-color: #de4f08;
  width: 110px;
  height: 47px;
}
.take-picturetake {
  margin: 0;
  position: absolute;
  top: 12px;
  left: 4px;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-poppins);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
  width: 102px;
  height: 27px;
}
.documenttake-take-picture-bu {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 178px;
  left: 16px;
  width: 110px;
  height: 47px;
}
.urlpdftake {
  margin: 0;
  position: absolute;
  top: 10px;
  left: 8px;
  font-size: var(--font-size-xl);
  font-weight: 700;
  font-family: var(--font-poppins);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
  width: 95px;
  height: 27px;
}
.documenttake-url-button {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 239px;
  left: 16px;
  width: 110px;
  height: 47px;
}
.vector-icon {
  position: absolute;
  height: 75%;
  width: 83.33%;
  top: 8.33%;
  right: 8.33%;
  bottom: 16.67%;
  left: 8.33%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.icon-upper-texttake,
.picture-camera-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.icon-upper-texttake {
  left: 122px;
}
.allow-arista-to-container {
  margin: 0;
  position: absolute;
  top: 51px;
  left: 6px;
  font-size: 14px;
  display: inline-block;
  width: 274px;
  font-family: Poppins;
}
.icons-and-texttake {
  position: absolute;
  top: 6.5px;
  left: 20px;
  background-color: var(--color-gray-200);
  width: 274px;
  height: 92px;
  overflow: hidden;
}
.allow {
  margin: 0;
  position: absolute;
  top: 17px;
  left: 115px;
  font-size: 17px;
  font-weight: 500;
  font-family: 'Poppins';
}
.while-using-the-apptake {
  position: absolute;
  top: 30px;
  left: 0;
  border-radius: var(--br-xs) var(--br-xs) var(--br-9xs) var(--br-9xs);
  background-color: var(--color-lavender-100);
  width: 272px;
  height: 48px;
  overflow: hidden;
}
.dont-allow {
  margin: 0;
  position: absolute;
  top: 15px;
  left: 98.5px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Poppins';
}
.allow-buttonstake,
.dont-allowtake {
  position: absolute;
  width: 272px;
  overflow: hidden;
}
.dont-allowtake {
  top: 82px;
  left: 0;
  border-radius: var(--br-9xs) var(--br-9xs) var(--br-xs) var(--br-xs);
  background-color: var(--color-lavender-100);
  height: 48px;
}
.allow-buttonstake {
  top: 87.5px;
  left: 21px;
  background-color: transparent;
  height: 160px;
  text-align: left;
  font-size: var(--font-size-xs);
}
.permission-dialogtake {
  position: absolute;
  top: 3px;
  left: 5.5px;
  border-radius: 24px;
  background-color: var(--color-white);
  width: 314px;
  height: 252px;
  overflow: hidden;
}
.permission-frametake {
  position: absolute;
  top: 56px;
  left: 215px;
  background-color: var(--color-gray-200);
  width: 325px;
  height: 272px;
  overflow: hidden;
}
.documenttake-main {
  position: absolute;
  top: 85px;
  left: 126px;
  border-radius: 450px;
  width: 649px;
  height: 406px;
}
.arista-documenttake-scan {
  width: 100%;
  position: relative;
  height: 578px;
  text-align: left;
  left: 11.8%;
  font-size: 18px;
  color: var(--color-darkslategray);
  font-family: var(--font-roboto);
}