#body {
  padding: 147px 117px 30px 113px;
  width: 100%;
  display: flex;
  gap: 30px;
  background: linear-gradient(180deg, rgba(183, 142, 79, 0.2) -73.92%, #FFF 82.08%);
}
#body .report-abuse-container {
  width: 60%;
  min-width: 540px;
  z-index: 2;
}
#body .report-abuse-container .report-abuse-description .report-abuse-tag {
  margin-bottom: 30px;
  display: inline-flex;
  height: 40px;
  padding: 15px 25px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  border-radius: 100px;
  background: rgba(183, 142, 79, 0.6);
}
#body .report-abuse-container .report-abuse-description .report-abuse-tag i {
  color: #0E2944;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
}
#body .report-abuse-container .report-abuse-description .report-abuse-tag .tag {
  color: #0E2944;
  text-align: center;
  font-family: Inter;
  font-size: 15.997px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#body .report-abuse-container .report-abuse-description .report-abuse-title {
  display: block;
  margin-bottom: 16px;
  color: #0E2944;
  font-family: Inter;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.9px;
}
#body .report-abuse-container .report-abuse-description .report-abuse-text {
  display: block;
  margin-bottom: 24px;
  color: rgba(14, 41, 68, 0.8);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.36px;
}
#body .report-abuse-container .report-abuse-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 30px 28px;
  gap: 20px;
  border-radius: 10px;
  border: 1px solid rgba(14, 41, 68, 0.2);
  background: #FFF;
}
#body .report-abuse-container .report-abuse-form .abuse-type-select {
  width: 60%;
  min-width: 320px;
}
#body .report-abuse-container .report-abuse-form #response {
  width: 100%;
  height: 48px;
  padding: 16px 24px;
  margin-bottom: 10px;
  display: none;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid rgba(60, 61, 149, 0.2);
  background-color: #FFF;
}
#body .report-abuse-container .report-abuse-form #response #response-text {
  color: #121127;
  font-family: Proxima Nova;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2px;
}
#body .report-abuse-container .report-abuse-form #response i.fa-circle-check {
  width: 17px;
  height: 20px;
  margin-right: 10px;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 20px;
}
#body .report-abuse-container .report-abuse-form #response button.fa-xmark {
  width: 12px;
  height: 18px;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 18px;
  border: none;
  background: rgba(0, 150, 247, 0);
  cursor: pointer;
}
#body .report-abuse-container .report-abuse-form #response.successful {
  display: flex;
  background: rgba(0, 150, 247, 0.1);
  border: 1px solid #0096F7;
  color: #031242;
}
#body .report-abuse-container .report-abuse-form #response.successful i.fa-circle-check {
  color: #0096F7;
}
#body .report-abuse-container .report-abuse-form #response.failed {
  display: flex;
  background: rgba(226, 41, 41, 0.1);
  border: 1px solid #E22929;
  color: #E22929;
}
#body .report-abuse-container .report-abuse-form .abuse-form {
  display: none;
  flex-direction: column;
  gap: 30px;
}
#body .report-abuse-container .report-abuse-form .abuse-form form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-header .abuse-form-type {
  display: block;
  color: #0E2944;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.48px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-header .type-description {
  color: rgba(14, 41, 68, 0.8);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-header .type-description a {
  display: inline-block;
  color: #B78E4F;
  font-family: "Proxima Nova";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-step .step {
  display: block;
  margin-bottom: 5px;
  color: #0E2944;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-step .step-description {
  display: block;
  color: #121127;
  font-family: "Proxima Nova";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-step .step-description a {
  display: inline-block;
  margin-bottom: 13px;
  color: #B78E4F;
  font-family: "Proxima Nova";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-step .step-check {
  display: flex;
  align-items: center;
  gap: 8px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .error-msg {
  visibility: hidden;
  padding: 3px;
  color: rgb(255, 48, 48);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group .group-title {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #0E2944;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group .group-title .is-optional {
  display: flex;
  padding: 2px 8px;
  align-items: flex-start;
  gap: 10px;
  color: #495056;
  font-family: Switzer;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 10px;
  background: #ECEEF1;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group .group-title .click-here {
  display: block;
  color: rgba(14, 41, 68, 0.6);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.28px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group .group-title .click-here a {
  color: #B78E4F;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.28px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group .group-title.column {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group textarea {
  display: flex;
  height: 100px;
  padding: 8px 20px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 6px;
  border: 2px solid rgba(14, 41, 68, 0.2);
  background: #FFF;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group textarea::placeholder {
  color: rgba(14, 41, 68, 0.4);
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group input {
  width: 100%;
  display: flex;
  height: 40px;
  padding: 8px 20px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  color: rgb(14, 41, 68);
  font-family: Inter;
  font-size: 15.997px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 6px;
  border: 2px solid rgba(14, 41, 68, 0.2);
  background: #FFF;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group input::placeholder {
  color: rgba(14, 41, 68, 0.4);
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group i {
  cursor: pointer;
  display: inline-block;
  color: #2A2681;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%;
  letter-spacing: -0.36px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group i.fa-pause {
  display: none;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group img {
  width: 246px;
  height: 50px;
  margin-bottom: 12px;
  border-radius: 8px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group:not(.general-information-group) .error-msg {
  margin-top: -12px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.upload-screenshots-group .group-title-wrapper {
  display: flex;
  justify-content: space-between;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.upload-screenshots-group .label-upload-file {
  display: flex;
  align-items: center;
  gap: 12px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.upload-screenshots-group .label-upload-file input[type=file] {
  display: none;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.upload-screenshots-group .label-upload-file .upload-file {
  display: flex;
  width: 245px;
  height: 48px;
  padding: 15px 25px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  color: #FFFFFF;
  font-family: Proxima Nova;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  border-radius: 100px;
  background: #0E2944;
  cursor: pointer;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.upload-screenshots-group .label-upload-file .upload-file:hover {
  background-color: #2a2b68;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.upload-screenshots-group .upload-display ul {
  display: flex;
  gap: 8px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.upload-screenshots-group .upload-display ul .file-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  color: #0E2944;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
  border: none;
  border-radius: 6px;
  background-color: rgba(52, 55, 134, 0.1);
  padding: 3px 8px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.agreement-group .agree input {
  display: none;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.agreement-group .agree svg {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 9px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.agreement-group .agree li {
  display: flex;
  margin-bottom: 0.62rem;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.agreement-group .agree li label {
  margin-top: 4px;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.signature-and-date-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.signature-and-date-group .signature-group {
  flex: 1;
}
#body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group.signature-and-date-group .date-group {
  flex: 1;
}
#body .report-abuse-container .report-abuse-form .abuse-form.show {
  display: flex;
}
#body .report-abuse-container .report-abuse-form .verification-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#body .report-abuse-container .report-abuse-form .verification-group .group-title {
  margin-bottom: 12px;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #0E2944;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
}
#body .report-abuse-container .report-abuse-form .verification-group input {
  width: 100%;
  display: flex;
  height: 40px;
  padding: 8px 20px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  color: rgb(14, 41, 68);
  font-family: Inter;
  font-size: 15.997px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 6px;
  border: 2px solid rgba(14, 41, 68, 0.2);
  background: #FFF;
}
#body .report-abuse-container .report-abuse-form .verification-group input::placeholder {
  color: rgba(14, 41, 68, 0.4);
}
#body .report-abuse-container .report-abuse-form .verification-group .error-msg {
  visibility: hidden;
  padding: 3px;
  color: rgb(255, 48, 48);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}
#body .report-abuse-container .report-abuse-form .verification-group #pause {
  display: none;
}
#body .report-abuse-container .report-abuse-form .verification-group img {
  width: 246px;
  height: 50px;
  margin-bottom: 12px;
  border-radius: 8px;
  border: 1px solid rgba(14, 41, 68, 0.2);
}
#body .report-abuse-container .report-abuse-form input[name=submit] {
  width: 100%;
  display: flex;
  padding: 15px 25px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  align-self: stretch;
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 15.997px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 100px;
  background: #0E2944;
  opacity: 0.6;
  cursor: not-allowed;
}
#body .report-abuse-container .report-abuse-form.can-submit input[name=submit] {
  opacity: 1;
  cursor: pointer;
}
#body .mascot {
  position: fixed;
  right: 115px;
  top: 145px;
  z-index: 1;
}
#body .mascot img {
  width: 489px;
  height: 474px;
}

@media only screen and (max-width: 1150px) and (min-width: 600px) {
  #body {
    padding: 120px 80px 30px 80px;
    gap: 24px;
  }
  #body .report-abuse-container {
    width: 100%;
    min-width: 376px;
  }
}
@media only screen and (max-width: 600px) {
  #body {
    padding: 120px 15px;
    flex-direction: column;
  }
  #body .report-abuse-container {
    width: 100%;
    min-width: initial;
  }
  #body .report-abuse-container .report-abuse-description .report-abuse-title {
    font-size: 40px;
  }
  #body .report-abuse-container .report-abuse-description .report-abuse-text {
    font-size: 16px;
  }
  #body .report-abuse-container .report-abuse-form .abuse-type-select {
    width: 100%;
  }
  #body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content {
    gap: 14px;
  }
  #body .report-abuse-container .report-abuse-form .abuse-form .abuse-form-content .input-group {
    gap: 3px;
  }
  #body .mascot {
    width: 100%;
    position: initial;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #body .mascot img {
    width: 322px;
    height: auto;
  }
}

/*# sourceMappingURL=report-abuse.css.map */