.element-download {
  position: relative;
  width: 1280px;
  height: 882px;
  background-color: #ffffff;
}

.element-download .i-pad {
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  height: 882px;
  background-image: url(./img/options-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.element-download .rectangle {
  position: absolute;
  top: 138px;
  left: 101px;
  width: 1078px;
  height: 606px;
  object-fit: cover;
}

.element-download .tooltip {
  display: inline-flex;
  flex-direction: column;
  height: 40px;
  align-items: center;
  padding: var(--size-space-200) var(--size-space-300) var(--size-space-200)
    var(--size-space-300);
  position: absolute;
  top: 415px;
  left: 682px;
  background-color: var(--color-background-warning-tertiary-hover);
  border-radius: var(--size-radius-200);
  border: 1px solid;
  border-color: var(--color-border-default-default);
  box-shadow: 0px 1px 4px #0c0c0d0d, 0px 1px 4px #0c0c0d1a;
  gap: var(--size-space-0);
}

.element-download .beak {
  height: 11px;
  position: absolute;
  left: calc(50.00% - 6px);
  bottom: 0;
  width: 11px;
}

.element-download .beak-stroke {
  height: 6px;
  position: absolute;
  left: calc(50.00% - 6px);
  bottom: 0;
  width: 11px;
}

.element-download .title {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-strong-font-family);
  font-weight: var(--body-strong-font-weight);
  color: #000000;
  font-size: var(--body-strong-font-size);
  text-align: center;
  letter-spacing: var(--body-strong-letter-spacing);
  line-height: var(--body-strong-line-height);
  white-space: nowrap;
  font-style: var(--body-strong-font-style);
}

.element-download .body-text {
  position: relative;
  width: fit-content;
  margin-bottom: -13.00px;
  font-family: var(--single-line-body-base-font-family);
  font-weight: var(--single-line-body-base-font-weight);
  color: var(--color-text-utilities-text-on-overlay);
  font-size: var(--single-line-body-base-font-size);
  text-align: center;
  letter-spacing: var(--single-line-body-base-letter-spacing);
  line-height: var(--single-line-body-base-line-height);
  white-space: nowrap;
  font-style: var(--single-line-body-base-font-style);
}

.element-download .corner-up-left {
  position: absolute;
  top: 38px;
  left: 53px;
  width: 48px;
  height: 48px;
}

/* .element-download .click-btn {
  position: absolute;
  top: 471px;
  left: 541px;
  width: 204px;
  height: 28px;
  background-color: #ff0000;
  border-radius: 4px;
  opacity: 0.31;
} */
/* =============================================
   Original style.css content injected below
   ============================================= */

.element-download {
  position: relative;
  width: 1280px;
  height: 882px;
  background-color: #ffffff;
}

.element-download .i-pad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./img/options-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.element-download .rectangle {
  position: absolute;
  top: 138px;
  left: 101px;
  width: 1078px;
  height: 606px;
  object-fit: cover;
}

.element-download .tooltip {
  display: inline-flex;
  flex-direction: column;
  height: 40px;
  align-items: center;
  padding: var(--size-space-200) var(--size-space-300) var(--size-space-200)
    var(--size-space-300);
  position: absolute;
  top: 415px;
  left: 682px;
  background-color: var(--color-background-warning-tertiary-hover);
  border-radius: var(--size-radius-200);
  border: 1px solid;
  border-color: var(--color-border-default-default);
  box-shadow: 0px 1px 4px #0c0c0d0d, 0px 1px 4px #0c0c0d1a;
  gap: var(--size-space-0);
}

.element-download .beak {
  height: 11px;
  position: absolute;
  left: calc(50.00% - 6px);
  bottom: 0;
  width: 11px;
}

.element-download .beak-stroke {
  height: 6px;
  position: absolute;
  left: calc(50.00% - 6px);
  bottom: 0;
  width: 11px;
}

.element-download .title {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-strong-font-family);
  font-weight: var(--body-strong-font-weight);
  color: #000000;
  font-size: var(--body-strong-font-size);
  text-align: center;
  letter-spacing: var(--body-strong-letter-spacing);
  line-height: var(--body-strong-line-height);
  white-space: nowrap;
  font-style: var(--body-strong-font-style);
  margin-bottom: 0;
}

.element-download .body-text {
  position: relative;
  width: fit-content;
  margin-bottom: -13.00px;
  font-family: var(--single-line-body-base-font-family);
  font-weight: var(--single-line-body-base-font-weight);
  color: var(--color-text-utilities-text-on-overlay);
  font-size: var(--single-line-body-base-font-size);
  text-align: center;
  letter-spacing: var(--single-line-body-base-letter-spacing);
  line-height: var(--single-line-body-base-line-height);
  white-space: nowrap;
  font-style: var(--single-line-body-base-font-style);
}

.element-download .corner-up-left {
  position: absolute;
  top: 38px;
  left: 53px;
  width: 48px;
  height: 48px;
}

.element-download .click-btn {
  position: absolute;
  top: 507px;
  left: 687px;
  width: 74px;
  height: 24px;
  background-color: #ff0000;
  border-radius: 4px;
  opacity: 0.31;
  border: none;
  cursor: pointer;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
}

.element-download .click-btn:focus-visible {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}

.element-mainpanel {
  position: relative;
  width: 1280px;
  height: 882px;
  background-color: #444444;
}

.element-mainpanel .i-pad {
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  height: 882px;
  background-image: url(./img/options-9.png);
  background-size: cover;
  background-position: 50% 50%;
}

.element-mainpanel .download-btn {
  position: absolute;
  top: 378px;
  left: 96px;
  width: 207px;
  height: 125px;
  background-color: #363636;
  border-radius: 20px;
  border: 2px solid;
  border-color: #ffffff;
  box-shadow: 3px 5px 7px 3px #00000040;
}

.element-mainpanel .start-set-btn {
  position: absolute;
  top: 378px;
  left: 393px;
  width: 207px;
  height: 125px;
  background-color: #363636;
  border-radius: 20px;
  border: 2px solid;
  border-color: #ffffff;
  box-shadow: 3px 5px 7px 3px #00000040;
}

.element-mainpanel .script-path-btn {
  position: absolute;
  top: 378px;
  left: 976px;
  width: 207px;
  height: 125px;
  background-color: #363636;
  border-radius: 20px;
  border: 2px solid;
  border-color: #ffffff;
  box-shadow: 3px 5px 7px 3px #00000040;
}

.element-mainpanel .envirourment-btn {
  position: absolute;
  top: 379px;
  left: 685px;
  width: 207px;
  height: 125px;
  background-color: #363636;
  border-radius: 20px;
  border: 2px solid;
  border-color: #ffffff;
  box-shadow: 3px 5px 7px 3px #00000040;
}

.element-mainpanel .download-btn,
.element-mainpanel .start-set-btn,
.element-mainpanel .script-path-btn,
.element-mainpanel .envirourment-btn {
  transition: transform 0.3s ease;
  cursor: pointer;
}

.element-mainpanel .download-btn:hover,
.element-mainpanel .start-set-btn:hover,
.element-mainpanel .script-path-btn:hover,
.element-mainpanel .envirourment-btn:hover {
  transform: scale(1.1);
}

.element-mainpanel .text-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 187px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 38.4px;
}

.element-mainpanel .div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 187px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 38.4px;
}

.element-mainpanel .text-wrapper-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 187px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 38.4px;
}

.element-mainpanel .text-wrapper-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 187px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 38.4px;
}