.div,
.div * {
  box-sizing: border-box;
}
.div {
  background: #232323;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  height: 1080px;
  position: relative;
  overflow: hidden;
}
.top {
  background: #313131;
  padding: 10px 25px 10px 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 60px;
  position: relative;
}
.frame-127 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 124px;
  position: relative;
}
.cloud-sun-02 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: visible;
}
._24-c {
  color: #f9f9f9;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 18px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  width: 82px;
  height: 26px;
}
._24-c-span {
  color: #f9f9f9;
  font-family: "SfProDisplay-Medium", sans-serif;
  font-size: 18px;
  letter-spacing: 0.01em;
  font-weight: 500;
}
._24-c-span2 {
  color: #f9f9f9;
  font-family: "NotoSansSc-Medium", sans-serif;
  font-size: 18px;
  letter-spacing: 0.01em;
  font-weight: 500;
}
.frame-1248 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-130 {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-131 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.frame-132 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.modem-01 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.div2 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Medium", sans-serif;
  font-size: 18px;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
}
.announcement-03 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.settings-02 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-128 {
  background: #444444;
  border-radius: 24px;
  padding: 9px 15px 9px 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 126px;
  height: 42px;
  position: relative;
}
.support-agent {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}
.group {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.group2 {
  height: auto;
  position: absolute;
  left: 2px;
  top: 3px;
  overflow: visible;
}
.user-1 {
  color: #f9f9f9;
  text-align: left;
  font-family: "SfProDisplay-Semibold", sans-serif;
  font-size: 18px;
  letter-spacing: 0.01em;
  font-weight: 600;
  position: relative;
}
.frame-129 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
._14-32-00 {
  color: #f9f9f9;
  text-align: center;
  font-family: "SfProDisplay-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
}
._2024-10-15 {
  margin: -2px 0 0 0;
  color: #f9f9f9;
  text-align: center;
  font-family: "SfProDisplay-Medium", sans-serif;
  font-size: 14px;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
}
.frame-1247 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.minus {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.copy-06 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.x-square {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-1300 {
  background: #232323;
  padding: 0px 19px 0px 19px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 953px;
  position: relative;
}
.frame-1296 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  height: 953px;
  position: relative;
  overflow: hidden;
}
.frame-1295 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 953px;
  position: relative;
}
.frame-135 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 2px 0px;
  padding: 0px 0px 22px 0px;
  display: flex;
  flex-direction: column;
  gap: 395px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-136 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 197px;
  position: relative;
}
.acd {
  color: #f9f9f9;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.acd-span {
  color: #f9f9f9;
  font-family: "SfProDisplay-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
}
.acd-span2 {
  color: #f9f9f9;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
}
.frame-134 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div3 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 35px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.frame-1308 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.check-circle {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
}
._00-01-34 {
  color: rgba(249, 249, 249, 0.5);
  text-align: left;
  font-family: "SfProDisplay-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.frame-133 {
  background: #0a84ff;
  border-radius: 8px;
  padding: 30px 20px 30px 20px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 97px;
  position: relative;
}
.frame-1342 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div4 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 25px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.x-circle {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
}
.frame-138 {
  padding: 8px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.frame-1306 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 197px;
  position: relative;
}
._1 {
  color: rgba(249, 249, 249, 0.5);
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
._1-span {
  color: rgba(249, 249, 249, 0.5);
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
}
._1-span2 {
  color: rgba(249, 249, 249, 0.5);
  font-family: "SfProDisplay-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
}
.frame-149 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-174 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-141 {
  background: #00a74d;
  border-radius: 8px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 197px;
  height: 125px;
  position: relative;
}
.frame-144 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.frame-142 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1412 {
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._00-02 {
  color: #f9f9f9;
  text-align: left;
  font-family: "SfProDisplay-Bold", sans-serif;
  font-size: 25px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
}
.frame-1414 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.phone-incoming-01 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.div5 {
  color: #f9f9f9;
  text-align: right;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 18px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
}
.frame-143 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 45px;
  position: relative;
}
._17986637451 {
  color: #f9f9f9;
  text-align: left;
  font-family: "SfProDisplay-Medium", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.frame-1411 {
  margin: -4px 0 0 0;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1413 {
  background: #0e8243;
  border-radius: 30px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 135px;
  top: 13px;
}
.frame-14122 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 30px;
  position: relative;
}
.phone {
  flex: 1;
  height: 30px;
  position: relative;
  overflow: visible;
}
.frame-1415 {
  background: #ff9500;
  border-radius: 8px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 197px;
  height: 125px;
  position: relative;
}
.phone-x {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
._12345678901 {
  color: #f9f9f9;
  text-align: left;
  font-family: "SfProDisplay-Medium", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.frame-14132 {
  background: #c87500;
  border-radius: 30px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 135px;
  top: 13px;
}
.phone-outgoing-01 {
  flex: 1;
  height: 30px;
  position: relative;
  overflow: visible;
}
.frame-147 {
  background: #313131;
  border-radius: 8px;
  padding: 10px 14px 10px 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 67px;
  position: relative;
}
.frame-1442 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 156px;
  position: relative;
}
.plus-circle {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-1422 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.frame-1286 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.frame-137 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 3px 0px;
  padding: 1px 8px 1px 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 86px;
  position: relative;
}
.frame-146 {
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 607px;
  height: 84px;
  position: relative;
}
.frame-1332 {
  border-style: solid;
  border-color: #0a84ff;
  border-width: 0px 0px 5px 0px;
  padding: 30px 20px 30px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 84px;
  position: relative;
}
.div6 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 25px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
}
.div7 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
}
.frame-1353 {
  background: #313131;
  border-radius: 8px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 40px;
  position: relative;
  overflow: hidden;
}
.div8 {
  color: rgba(249, 249, 249, 0.3);
  text-align: left;
  font-family: "NotoSansSc-Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
}
.frame-1357 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 392px;
  position: relative;
}
.search {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.filter-funnel-01 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-1356 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1354 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 3px 0px;
  padding: 4px 18px 4px 18px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 40px;
  position: relative;
  overflow: hidden;
}
.frame-1343 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 80px;
  position: relative;
}
.div9 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  width: 41px;
}
.frame-1352 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div10 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  width: 130px;
}
.frame-1362 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div11 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  width: 72px;
}
.frame-1372 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 67px;
  position: relative;
}
.frame-1382 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 101px;
  position: relative;
}
.div12 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  width: 81px;
}
.frame-139 {
  flex-shrink: 0;
  width: 144px;
  height: 29px;
  position: relative;
}
.div13 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 81px;
}
.frame-1355 {
  background: #313131;
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 3px 0px;
  padding: 4px 18px 4px 18px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.c-0000 {
  color: #f9f9f9;
  text-align: left;
  font-family: "SfProDisplay-Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
  width: 80px;
}
.frame-1358 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 130px;
  position: relative;
}
._123456789012 {
  color: #f9f9f9;
  text-align: left;
  font-family: "SfProDisplay-Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
  width: 130px;
}
.frame-1363 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 72px;
  position: relative;
}
.div14 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
  width: 41px;
}
._00-022 {
  color: #f9f9f9;
  text-align: left;
  font-family: "SfProDisplay-Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
  width: 81px;
}
.frame-1392 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 144px;
  position: relative;
}
._00-m-20-s {
  color: #f9f9f9;
  text-align: left;
  font-family: "SfProDisplay-Medium", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
  width: 81px;
}
.toc {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
}
.frame-13562 {
  background: #313131;
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 3px 0px;
  padding: 4px 18px 4px 18px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.div15 {
  color: #ff9500;
  text-align: left;
  font-family: "NotoSansSc-SemiBold", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 600;
  position: relative;
  width: 81px;
}
.toc2 {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
}
.frame-1299 {
  background: #313131;
  border-radius: 8px;
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  width: 866px;
  position: relative;
  overflow: hidden;
}
.frame-1373 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 3px 0px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 834px;
  height: 70px;
  position: relative;
  overflow: hidden;
}
.frame-183 {
  border-style: solid;
  border-color: #0a84ff;
  border-width: 0px 0px 3px 0px;
  padding: 12px 0px 12px 0px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 70px;
  position: relative;
}
.message-question-square {
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  position: relative;
  overflow: visible;
}
.pro-qa {
  color: #0a84ff;
  text-align: center;
  font-family: "SfProDisplay-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-184 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.translate-02 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.ai {
  color: rgba(249, 249, 249, 0.5);
  text-align: center;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 30px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-185 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.file-plus-02 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-1126 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.div16 {
  color: rgba(249, 249, 249, 0.5);
  text-align: center;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 30px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-1465 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-1456 {
  background: #232323;
  border-radius: 11px;
  border-style: solid;
  border-color: #232323;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 616px;
  position: relative;
  overflow: hidden;
}
.frame-1490 {
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-234 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1013 {
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 24px;
  position: relative;
}
.marker-pin-01 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.div17 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}
.frame-217 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  height: 24px;
  position: relative;
}
.frame-160 {
  background: #444444;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  width: 449px;
  position: relative;
}
.div18 {
  color: rgba(249, 249, 249, 0.3);
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 15px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-1491 {
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-235 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.phone2 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-1492 {
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-236 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.marker-pin-012 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-1493 {
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-237 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.user-plus-01 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-1457 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  width: 180px;
  position: relative;
}
.frame-154 {
  background: #444444;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
._12 {
  color: rgba(249, 249, 249, 0.3);
  text-align: center;
  font-family: "SfProRounded-Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-155 {
  background: #444444;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
._2 {
  color: rgba(249, 249, 249, 0.3);
  text-align: center;
  font-family: "SfProRounded-Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-156 {
  background: #444444;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
._3 {
  color: rgba(249, 249, 249, 0.3);
  text-align: center;
  font-family: "SfProRounded-Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-157 {
  background: #444444;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.text-input {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-1494 {
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-238 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.info-circle {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.div19 {
  color: rgba(249, 249, 249, 0.3);
  text-align: center;
  font-family: "SfProRounded-Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.y {
  color: rgba(249, 249, 249, 0.3);
  text-align: center;
  font-family: "SfProRounded-Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m {
  color: rgba(249, 249, 249, 0.3);
  text-align: center;
  font-family: "SfProRounded-Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.d {
  color: rgba(249, 249, 249, 0.3);
  text-align: center;
  font-family: "SfProRounded-Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-1495 {
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-239 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.users-01 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-14562 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  width: 180px;
  position: relative;
}
.frame-158 {
  background: #444444;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.frame-1496 {
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-240 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.gender-male {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-1458 {
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.frame-1582 {
  background: #444444;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.frame-159 {
  background: #444444;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.frame-1602 {
  background: #444444;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.frame-1497 {
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-241 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.eye {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-1498 {
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-242 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.respirology {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-14582 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 180px;
  height: 24px;
  position: relative;
}
.frame-1459 {
  background: #444444;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.frame-1499 {
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-243 {
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 0px 0px 1px 0px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.file-check-02 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-1455 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 400px;
  position: relative;
}
.frame-203 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 200px;
  position: relative;
}
.frame-1367 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.message-2-star {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.div20 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
.frame-116 {
  background: #444444;
  border-radius: 9px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1468 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1469 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.message-alert-circle {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
._13 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.caret-down {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.div21 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-1430 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 200px;
  position: relative;
}
.brain {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-1427 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-1517 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 617px;
  height: 435px;
  position: relative;
}
.frame-1511 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1510 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  width: 129px;
  position: relative;
}
.frame-117 {
  background: #232323;
  border-radius: 23px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.vector {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.div22 {
  color: rgba(249, 249, 249, 0.3);
  text-align: right;
  font-family: "NotoSansSc-Medium", sans-serif;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  width: 60px;
  height: 19px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.frame-118 {
  background: #232323;
  border-radius: 23px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.frame-1002 {
  padding: 5px 0.83px 5px 0.83px;
  display: flex;
  flex-direction: column;
  gap: 8.33px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 20px;
  position: relative;
}
.frame-1003 {
  flex-shrink: 0;
  width: 18.33px;
  height: 10px;
  position: relative;
  overflow: visible;
}
.frame-119 {
  background: #232323;
  border-radius: 23px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.flame {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}
.flame2 {
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  overflow: visible;
}
.frame-120 {
  background: #232323;
  border-radius: 23px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.beaker-01 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}
.beaker-012 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.div23 {
  color: rgba(249, 249, 249, 0.3);
  text-align: right;
  font-family: "NotoSansSc-Medium", sans-serif;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  width: 75px;
  height: 19px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.frame-121 {
  background: #232323;
  border-radius: 23px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.atom-01 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}
.atom-012 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.div24 {
  color: rgba(249, 249, 249, 0.3);
  text-align: right;
  font-family: "NotoSansSc-Medium", sans-serif;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  width: 45px;
  height: 19px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.frame-122 {
  background: #232323;
  border-radius: 23px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.virus {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}
.virus2 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.frame-123 {
  background: #232323;
  border-radius: 23px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.arrow-down {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-124 {
  background: #232323;
  border-radius: 23px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.respirology2 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.div25 {
  color: rgba(249, 249, 249, 0.3);
  text-align: right;
  font-family: "NotoSansSc-Medium", sans-serif;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  width: 90px;
  height: 19px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.frame-125 {
  background: #232323;
  border-radius: 23px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.activity {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}
.activity2 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.frame-126 {
  background: #232323;
  border-radius: 23px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.alert-triangle {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}
.alert-triangle2 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.sos {
  color: rgba(249, 249, 249, 0.3);
  text-align: right;
  font-family: "NotoSansSc-Medium", sans-serif;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  width: 90px;
  height: 19px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.frame-206 {
  background: #232323;
  border-radius: 11px;
  padding: 12px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  height: 392px;
  position: relative;
  overflow: hidden;
}
.frame-1360 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  position: relative;
}
.frame-13582 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1014 {
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.help-circle {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.frame-1015 {
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1359 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.annotation-info {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.tips {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
._24-c2 {
  color: #f9f9f9;
  text-align: left;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
.frame-1246 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.frame-1033 {
  background: #232323;
  border-radius: 6px;
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 1.5px;
  padding: 4px 13px 4px 13px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  width: 304.5px;
  position: relative;
}
.frame-15172 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
._0006 {
  color: #f9f9f9;
  text-align: right;
  font-family: "SfProRounded-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.edit-05 {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  position: relative;
  overflow: visible;
}
.frame-1035 {
  background: #232323;
  border-radius: 6px;
  border-style: solid;
  border-color: rgba(78, 78, 78, 0.8);
  border-width: 1.5px;
  padding: 4px 13px 4px 13px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  width: 304.5px;
  position: relative;
}
.frame-15173 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 28px;
  height: 10px;
  position: absolute;
  left: 13px;
  top: 10.5px;
}
.edit-052 {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  position: relative;
  overflow: visible;
}
.frame-189 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  flex-shrink: 0;
  width: 200px;
  height: 435px;
  position: relative;
}
.frame-1504 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-98 {
  background: #232323;
  border-radius: 9px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.frame-1044 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-1043 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.polygon-1 {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: visible;
}
.div26 {
  color: #f9f9f9;
  text-align: center;
  font-family: "NotoSansSc-Black", sans-serif;
  font-size: 15px;
  font-weight: 900;
  position: relative;
}
.frame-1017 {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.icon {
  flex-shrink: 0;
  width: 13px;
  height: 9.75px;
  position: relative;
  overflow: visible;
}
.div27 {
  color: #f9f9f9;
  text-align: right;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.frame-10442 {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.icon2 {
  flex-shrink: 0;
  width: 13px;
  height: 9.75px;
  position: relative;
  overflow: visible;
}
.div28 {
  color: rgba(249, 249, 249, 0.3);
  text-align: right;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.frame-89 {
  background: #232323;
  border-radius: 9px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  height: 40px;
  position: relative;
}
.div29 {
  color: rgba(249, 249, 249, 0.3);
  text-align: center;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 15px;
  font-weight: 700;
  position: relative;
}
.frame-90 {
  background: #232323;
  border-radius: 9px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  height: 40px;
  position: relative;
}
.frame-91 {
  background: #232323;
  border-radius: 9px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  height: 40px;
  position: relative;
}
.frame-92 {
  background: #232323;
  border-radius: 9px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  height: 40px;
  position: relative;
}
.frame-1542 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 200px;
  position: relative;
}
.frame-273 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 90px;
  position: relative;
}
.frame-193 {
  background: #444444;
  border-radius: 9px;
  padding: 5px 10px 5px 10px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.arrow-circle-broken-left {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.arrow-circle-broken-right {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame-274 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-194 {
  background: #444444;
  border-radius: 10px;
  padding: 5px 10px 5px 10px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex: 1;
  position: relative;
}
.log-out-02 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.div30 {
  color: rgba(249, 249, 249, 0.3);
  text-align: center;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 12px;
  font-weight: 700;
  position: relative;
}
.frame-1932 {
  background: #444444;
  border-radius: 10px;
  padding: 5px 10px 5px 10px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex: 1;
  position: relative;
}
.clock-snooze {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.taskbar {
  flex-shrink: 0;
  width: 1920px;
  height: 35px;
  position: relative;
  object-fit: cover;
}
.frame-2742 {
  flex-shrink: 0;
  width: 627px;
  height: 378px;
  position: absolute;
  left: 1062px;
  top: 176px;
}
.frame-2732 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  justify-content: center;
  width: 155px;
  height: 346px;
  position: absolute;
  left: 651px;
  top: -8px;
}
.frame-10352 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 130px;
  position: absolute;
  left: 1746px;
  top: 789px;
}
.frame-1077 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div31 {
  color: #9c9c9c;
  text-align: right;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.a-1234569-e-1-heart {
  color: #9c9c9c;
  text-align: right;
  font-family: "NotoSansSc-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}