.f1 {z-index: 10;  position: fixed;  bottom: 24px;  right: 24px;  display: flex;  flex-direction: column;  align-items: flex-start;  max-width: 420px;  padding: 24px 16px 16px 24px;  height: fit-content;  gap: 16px;  border-radius: 24px;  background: #1D6591;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2 {margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3 {margin: 0px;  text-decoration: none;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4 {display: flex;  justify-content: space-between;  align-items: center;  flex-wrap: wrap;  gap: 20px;  width: 100%;  } .f5 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 24px;  outline: 2px solid transperent;  outline-offset: -2px;  border: none;  text-decoration: none;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5:focus {outline: 2px solid transperent;  } .f5:focus-visible {background: #88C9E0;  outline: 2px solid transperent;  } .f5:hover {background: #C2E3EF;  } .f5:active {background: #5DB4D2;  } .f5:disabled {outline: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f6 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f7 {position: relative;  } .f8 {display: flex;  justify-content: center;  align-items: center;  border-radius: 20px;  width: 40px;  min-width: 40px;  height: 40px;  background-color: #EBEFF6;  cursor: pointer;  transition: background-color 0.3s ease-in-out;  } .f8:focus {background-color: #DFE4EC;  } .f8:hover {background-color: #DFE4EC;  } .f8:active {background-color: #AAB5C6;  } .f9 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  z-index: 1;  } .f10 {position: absolute;  right: -12px;  top: -4px;  display: flex;  align-items: center;  justify-content: center;  min-width: 25px;  min-height: 25px;  padding: 4px;  border-radius: 99px;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #FFFFFF;  background-color: #F59E0B;  } .f11 {height: 40px;  width: 40px;  border-radius: 20px;  } .f12 {position: relative;  } .f13 {margin: 0px;  text-decoration: none;  color: inherit;  } .f14 {list-style: none;  padding: 0px;  margin: 0px;  } .f15 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f15:focus {outline: 4px solid transparent;  } .f15:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f15:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f15:active {outline: 4px solid transparent;  background: #DADFE7;  } .f15:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f16 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 0 12px;  border-radius: 8px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f16:focus {outline: 4px solid transparent;  } .f16:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f16:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f16:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f16:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f17 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 0 12px;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f17:focus {outline: 4px solid transparent;  } .f17:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f17:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f17:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f17:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f18 {display: flex;  align-items: center;  justify-content: center;  height: 48px;  max-width: 48px;  width: 48px;  border-radius: 99px;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: normal;  background-color: #1D6591;  } .f19 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #1D6591;  } .f20 {display: flex;  flex-direction: column;  gap: 12px;  padding: 8px;  border: 1px solid #DFE4EC;  border-radius: 12px;  } .f21 {display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 99px;  background-color: #1D6591;  } .f22 {display: flex;  gap: 12px;  } .f23 {display: flex;  flex-direction: column;  gap: 2px;  } .f24 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #243042;  } .f25 {max-height: 38px;  overflow: hidden;  text-overflow: ellipsis;  } .f26 {margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  color: #64748B;  } .f27 {display: flex;  justify-content: space-between;  gap: 16px;  } .f28 {display: flex;  justify-content: space-between;  } .f29 {border-radius: 99px;  background-color: #1D6591;  } .f30 {} .f31 {} .f32 {list-style: none;  padding: 0px;  margin: 0px;  } .f33 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f33:focus {outline: 4px solid transparent;  } .f33:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f33:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f33:active {outline: 4px solid transparent;  background: #DADFE7;  } .f33:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f34 {z-index: 10;  position: absolute;  top: calc(100% + 8px);  right: 0px;  display: flex;  flex-direction: column;  align-items: center;  gap: 8px;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 8px 4px 8px 8px;  width: 280px;  max-height: calc(100vh - 90px);  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f35 {display: flex;  flex-direction: column;  gap: 4px;  height: 100%;  width: 100%;  padding-right: 4px;  overflow-y: auto;  overflow-x: clip;  } .f36 {display: flex;  width: 100%;  align-items: center;  justify-content: center;  } .f37 {color: #2F86AA;  } .f38 {margin: 0px;  } .f39 {display: flex;  flex-direction: column;  width: 308px;  min-height: 419px;  padding: 12px 12px 24px 12px;  gap: 12px;  border-radius: 32px;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f40 {display: flex;  justify-content: center;  align-items: center;  height: 160px;  border-radius: 22px;  overflow: hidden;  background-color: #F8FCFF;  } .f41 {width: 100%;  } .f42 {display: flex;  flex-direction: column;  padding: 0 12px;  flex: 1;  } .f43 {display: flex;  flex-direction: row;  gap: 8px;  margin-bottom: 12px;  } .f44 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  white-space: nowrap;  } .f45 {display: flex;  flex-direction: row;  max-width: 100%;  gap: 8px;  margin-bottom: 12px;  overflow: hidden;  } .f46 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  min-width: 32px;  height: 32px;  border-radius: 50%;  overflow: hidden;  background-color: #F8FCFF;  } .f47 {width: 100%;  } .f48 {display: flex;  flex-direction: column;  gap: 2px;  } .f49 {display: block;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  white-space: nowrap;  } .f50 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f51 {display: block;  max-height: 70px;  margin: 0px;  margin-bottom: auto;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f52 {display: flex;  flex-direction: row;  gap: 16px;  } .f53 {padding-left: 32px;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-position: 0 center;  background-size: 24px auto;  background-repeat: no-repeat;  } .f54 {background-image: url('img/icon/icon_like-l-gray.svg');  } .f55 {background-image: url('img/icon/icon_like-green.svg');  } .f56 {background-image: url('img/icon/icon_comment-l-gray.svg');  } .f57 {background-image: url('img/icon/icon_comment-green.svg');  } .f58 {flex-direction: row;  padding: 12px;  width: 600px;  min-height: 235px;  } .f59 {height: 100%;  } .f60 {display: flex;  padding: 8px 0 24px 0;  flex-direction: row;  justify-content: space-between;  } .f61 {display: flex;  flex-direction: row;  gap: 16px;  } .f62 {padding: 0px;  border: none;  background-color: inherit;  } .f63 {margin: 0px;  padding-left: 32px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-repeat: no-repeat;  background-position: 0px center;  background-size: contain;  cursor: pointer;  } .f64 {background-image: url('/img/icon/icon_like-l-gray.svg');  } .f65 {background-image: url('/img/icon/icon_comment-l-gray.svg');  } .f66 {background-image: url('/img/icon/icon_subscribe-l-gray.svg');  } .f67 {color: #2F86AA;  background-image: url('/img/icon/icon_like-green.svg');  } .f68 {display: flex;  flex-direction: column;  padding: 12px 12px 24px 12px;  border-radius: 32px;  row-gap: 8px;  column-gap: 16px;  text-decoration: none;  color: inherit;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  outline: 2px solid transparent;  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f68:focus {outline: 2px solid #1D6591;  } .f68:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f69 {flex-direction: row;  padding: 12px;  gap: 16px;  height: 300px;  width: 600px;  min-width: 600px;  } .f70 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f71 {background-image: url('/img/bg/card_paid_img02.svg');  } .f72 {position: absolute;  top: 50%;  height: 120%;  min-height: 120%;  transform: translateY(-50%);  filter: blur(20px);  } .f73 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f74 {display: flex;  flex-direction: column;  justify-content: space-between;  min-height: 186px;  padding: 0 12px;  } .f75 {display: flex;  flex-direction: column;  gap: 12px;  } .f76 {list-style: none;  padding: 0px;  margin: 0px;  } .f77 {display: flex;  flex-wrap: wrap;  flex-direction: row;  gap: 8px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f78 {color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f79 {margin: 0px;  height: 70px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f80 {display: flex;  flex-direction: row;  gap: 16px;  } .f81 {margin: 0px;  padding-left: 32px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-repeat: no-repeat;  background-position: 0px center;  background-size: contain;  } .f82 {background-image: url('/img/icon/icon_like-l-gray.svg');  cursor: pointer;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none;  } .f83 {background-image: url('/img/icon/icon_comment-l-gray.svg');  } .f84 {color: #2F86AA;  background-image: url('/img/icon/icon_like-green.svg');  } .f85 {color: #2F86AA;  background-image: url('/img/icon/icon_comment-green.svg');  } .f86 {height: auto!important;  padding-top: 0px;  width: 284px;  min-width: 284px;  } .f87 {list-style: none;  padding: 0px;  margin: 0px;  } .f88 {margin: 0px;  text-decoration: none;  color: inherit;  } .f89 {display: flex;  flex-direction: column;  width: 100%;  min-height: 419px;  padding: 16px 24px;  border-radius: 32px;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f90 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding-top: 62.5%;  border-radius: 24px;  overflow: hidden;  margin-bottom: 12px;  background-color: #F8FCFF;  } .f91 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f92 {display: flex;  flex-direction: row;  gap: 16px;  } .f93 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  white-space: nowrap;  } .f94 {display: flex;  flex-direction: row;  max-width: 100%;  gap: 8px;  margin-bottom: 16px;  } .f95 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  min-width: 32px;  height: 32px;  border-radius: 50%;  overflow: hidden;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f96 {width: 100%;  } .f97 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f98 {display: block;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  white-space: nowrap;  } .f99 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f100 {display: block;  max-height: 70px;  margin: 0px;  margin-bottom: 16px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f101 {display: flex;  flex-direction: row;  gap: 16px;  } .f102 {padding-left: 32px;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-position: 0 center;  background-size: 24px auto;  background-repeat: no-repeat;  } .f103 {background-image: url('img/icon/icon_like-l-gray.svg');  cursor: pointer;  } .f104 {background-image: url('img/icon/icon_comment-l-gray.svg');  } .f105 {text-decoration: none;  } .f106 {color: #2F86AA;  background-image: url('img/icon/icon_like-green.svg');  } .f107 {color: #2F86AA;  background-image: url('img/icon/icon_comment-green.svg');  } .f108 {display: flex;  flex-direction: column;  padding: 24px 0 34px 0;  gap: 24px;  border-radius: 48px;  overflow: hidden;  } .f109 {background: linear-gradient(180deg, #EBEFF6 0%, #C2E3EF 100%), #FFFFFF;  } .f110 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  padding: 0 24px 0 40px;  } .f111 {display: flex;  flex-direction: row;  gap: 12px;  } .f112 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f113 {width: 36px;  } .f114 {display: flex;  gap: 12px;  flex-wrap: nowrap;  } .f115 {padding: 0px;  border: none;  background-color: transparent;  } .f116 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: 2px solid #1B2637;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f116:focus {outline: 2px solid #1B2637;  } .f116:focus-visible {background: #88C9E0;  outline: 2px solid #1B2637;  } .f116:hover {background: #C2E3EF;  } .f116:active {background: #5DB4D2;  } .f116:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f117 {list-style: none;  padding: 0px;  margin: 0px;  } .f118 {position: relative;  min-height: 306px;  } .f119 {position: absolute;  top: 0px;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  padding-left: 40px;  padding-bottom: 6px;  gap: 16px;  } .f120 {width: 600px;  min-width: 600px;  height: auto;  border-radius: 32px;  background-color: gray;  } .f121 {background: linear-gradient(180deg, #EBEFF6 0%, #C2E3EF 100%), #FFFFFF;  } .f122 {} .f123 {} .f124 {height: 40px;  width: 40px;  border-radius: 20px;  } .f125 {z-index: 10;  position: fixed;  top: 0px;  left: 0px;  } .f126 {display: flex;  text-decoration: none;  color: inherit;  } .f127 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  max-width: 40px;  width: 40px;  border-radius: 20px;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: normal;  background-color: #1D6591;  } .f128 {display: flex;  gap: 12px;  align-items: center;  } .f129 {border: none;  background-color: transparent;  cursor: pointer;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #1B2637;  } .f130 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: none;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f130:focus {outline: none;  } .f130:focus-visible {background: #88C9E0;  outline: none;  } .f130:hover {background: #C2E3EF;  } .f130:active {background: #5DB4D2;  } .f130:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f131 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f131:focus {outline: none;  } .f131:focus-visible {background: #145585;  outline: none;  } .f131:hover {background: #145585;  } .f131:active {background: #02356C;  } .f131:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f132 {width: 100%;  } .f133 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 66px;  border: none;  outline: none;  text-decoration: none;  text-align: center;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f133:focus {outline: none;  } .f133:focus-visible {background: #145585;  outline: none;  } .f133:hover {background: #145585;  } .f133:active {background: #02356C;  } .f133:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f134 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 32px;  outline: 2px solid #1B2637;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f134:focus {outline: 2px solid #1B2637;  } .f134:focus-visible {background: #88C9E0;  outline: 2px solid #1B2637;  } .f134:hover {background: #C2E3EF;  } .f134:active {background: #5DB4D2;  } .f134:disabled {outline: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f135 {display: flex;  padding: 40px;  flex-direction: column;  align-items: flex-start;  max-width: 500px;  height: fit-content;  border-radius: 24px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f136 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f137 {margin: 16px 0px 0px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f138 {color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f139 {display: flex;  flex-direction: column;  width: 100%;  margin-top: 32px;  } .f140 {display: flex;  flex-direction: column;  width: 100%;  margin-top: 16px;  } .f141 {display: flex;  flex-direction: column;  align-items: center;  width: 100%;  max-width: 400px;  margin-top: 0px;  gap: 32px;  } .f142 {} .f143 {margin-bottom: 32px;  } .f144 {margin: -24px 0px 32px 0px;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f145 {margin: -20px 0px 32px 0px;  text-decoration: none;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f146 {display: flex;  align-items: center;  height: 64px;  width: 100%;  margin-bottom: 32px;  outline: 1px solid #DFE4EC;  overflow: hidden;  border-radius: 16px;  background-color: #F8FCFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  } .f146:focus {outline: 1px solid #1D6591;  background: #F8FCFF;  } .f146:hover {outline: 1px solid #DADFE7;  background: #F8FCFF;  } .f146:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f146:disabled {outline: 1px solid #DFE4EC;  background: #EBEFF6;  } .f146:focus-within {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f147 {width: 100%;  height: 100%;  padding: 0px 24px;  border: none;  background-color: transparent;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f147:active {color: #1B2637;  } .f147:focus {color: #1B2637;  } .f147::placeholder {color: #AAB5C6;  } .f148 {display: flex;  flex-direction: column;  gap: 16px;  } .f149 {width: 312px;  } .f150 {} .f151 {cursor: pointer;  } .f152 {} .f153 {border: 2px solid #FF4F3F;  background-color: #FFF6F5;  } .f154 {} .f155 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 66px;  border: none;  outline: none;  text-decoration: none;  text-align: center;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f155:focus {outline: none;  } .f155:focus-visible {background: #145585;  outline: none;  } .f155:hover {background: #145585;  } .f155:active {background: #02356C;  } .f155:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f156 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 32px;  outline: 2px solid #1B2637;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f156:focus {outline: 2px solid #1B2637;  } .f156:focus-visible {background: #88C9E0;  outline: 2px solid #1B2637;  } .f156:hover {background: #C2E3EF;  } .f156:active {background: #5DB4D2;  } .f156:disabled {outline: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f157 {display: flex;  padding: 40px;  flex-direction: column;  align-items: flex-start;  max-width: 500px;  height: fit-content;  border-radius: 24px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f158 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f159 {display: flex;  flex-direction: column;  gap: 16px;  } .f160 {display: none;  margin: 16px 0px 0px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f161 {color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f162 {display: flex;  flex-direction: column;  width: 100%;  } .f163 {display: flex;  flex-direction: column;  gap: 8px;  padding: 32px 0;  } .f164 {display: flex;  flex-direction: column;  width: 100%;  margin-top: 16px;  } .f165 {display: flex;  flex-direction: column;  align-items: center;  width: 100%;  max-width: 400px;  margin-top: 0px;  gap: 32px;  } .f166 {margin-bottom: 32px;  } .f167 {margin: 0px;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f168 {border: 1px solid #FF1A05;  } .f169 {margin: -20px 0px 32px 0px;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f170 {display: flex;  align-items: center;  height: 64px;  width: 100%;  outline: 1px solid #DFE4EC;  border-radius: 16px;  overflow: hidden;  background-color: #F8FCFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  } .f170:focus {outline: 1px solid #1D6591;  background: #F8FCFF;  } .f170:hover {outline: 1px solid #DADFE7;  background: #F8FCFF;  } .f170:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f170:disabled {color: #DFE4EC;  outline: 1px solid #DFE4EC;  background: #EBEFF6;  } .f170:focus-within {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f171 {width: 100%;  height: 100%;  padding: 0px 24px;  border: none;  background-color: transparent;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f171:active {color: #1B2637;  } .f171:focus {color: #1B2637;  } .f171::placeholder {color: #AAB5C6;  } .f172 {width: 312px;  } .f173 {} .f174 {} .f175 {border: 2px solid #FF4F3F;  background-color: #FFF6F5;  } .f176 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 66px;  border: none;  outline: none;  text-decoration: none;  text-align: center;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f176:focus {outline: none;  } .f176:focus-visible {background: #145585;  outline: none;  } .f176:hover {background: #145585;  } .f176:active {background: #02356C;  } .f176:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f177 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 24px;  outline: 4px solid transparent;  outline-offset: -3px;  border: 2px solid #1B2637;  text-decoration: none;  color: #1B2637;  white-space: nowrap;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f177:focus {outline: 4px solid transparent;  } .f177:focus-visible {background: #88C9E0;  outline: 4px solid #5DB4D2;  } .f177:hover {outline: 4px solid transparent;  background: #C2E3EF;  } .f177:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f177:disabled {border: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f178 {display: flex;  padding: 40px;  flex-direction: column;  width: 500px;  height: fit-content;  border-radius: 24px;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  background: #FFFFFF;  } .f179 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f180 {display: none;  margin: 16px 0px 0px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f181 {display: flex;  flex-direction: column;  width: 100%;  margin-top: 32px;  } .f182 {display: flex;  flex-direction: column;  width: 100%;  margin-top: 16px;  } .f183 {display: flex;  flex-direction: column;  align-items: center;  width: 100%;  margin-top: 0px;  margin-bottom: 32px;  gap: 16px;  } .f183:last-child {margin-bottom: 0px;  } .f184 {margin-bottom: 32px;  } .f185 {margin: -24px 0px 32px 0px;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f186 {margin: -20px 0px 32px 0px;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f187 {display: flex;  align-items: center;  height: 64px;  width: 100%;  padding: 0px 24px;  margin-bottom: 32px;  outline: none;  border-radius: 16px;  border: 1px solid #DFE4EC;  overflow: hidden;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #F8FCFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  } .f187:focus {border: 1px solid #1D6591;  background: #F8FCFF;  } .f187:hover {border: 1px solid #DADFE7;  background: #F8FCFF;  } .f187:active {color: #1B2637;  border: 1px solid #2F86AA;  background: #FFFFFF;  } .f187:disabled {border: 1px solid #DFE4EC;  background: #EBEFF6;  } .f187:focus-within {border: 1px solid #2F86AA;  background: #FFFFFF;  } .f188 {width: 100%;  padding: 0px;  border: none;  background-color: #F8FCFF;  outline: none;  color: #AAB5C6;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f188:active {color: #1B2637;  background-color: #FFFFFF;  } .f188:focus {color: #1B2637;  background-color: #FFFFFF;  } .f189 {width: 312px;  } .f190 {display: flex;  flex-direction: column;  gap: 16px;  } .f191 {} .f192 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100vh;  background-color: #000000;  opacity: 0.5;  } .f193 {position: relative;  z-index: 99;  } .f194 {position: fixed;  top: 0px;  left: 0px;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  height: 100vh;  z-index: 10;  } .f195 {padding: 40px 80px 80px 80px;  align-items: center;  border-radius: 48px;  background: #F8FCFF;  } .f196 {display: flex;  justify-content: space-between;  } .f197 {margin: 0px 0px 57px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f198 {cursor: pointer;  position: absolute;  right: 38px;  top: 38px;  display: flex;  align-items: center;  justify-content: center;  width: 48px;  height: 48px;  } .f199 {position: static;  } .f200 {width: 48px;  height: 48px;  } .f201 {display: flex;  flex-direction: row;  align-items: center;  } .f202 {width: 130px;  height: 161.199px;  margin-right: 34px;  } .f203 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f204 {display: flex;  flex-wrap: wrap;  } .f205 {height: 50px;  margin-left: 8px;  } .f206 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 16px;  } .f207 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 16px;  } .f208 {list-style: none;  padding: 0px;  margin: 0px;  } .f209 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f210 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f210:focus {outline: 4px solid transparent;  } .f210:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f210:hover {background: #145585;  border: 2px solid #145585;  } .f210:active {background: #0B4578;  border: 2px solid #0B4578;  } .f210:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f211 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f211:focus {outline: 4px solid transparent;  } .f211:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f211:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f211:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f211:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f212 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f213 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f214 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f215 {color: #243042;  } .f216 {color: #3A4C64;  } .f217 {color: #64748B;  } .f218 {color: #1D6591;  } .f219 {position: fixed;  top: 0px;  left: 0px;  z-index: 5;  width: 100%;  height: 100vh;  } .f220 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  background-color: #000000;  opacity: 0.5;  } .f221 {position: relative;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  padding: 24px;  overflow-y: auto;  } .f222 {position: relative;  top: max(18%, 24px);  left: 50%;  width: 100%;  display: flex;  flex-direction: column;  max-width: 440px;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  transform: translateX(-50%);  } .f223 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  margin-bottom: 16px;  } .f224 {height: 24px;  width: 24px;  background-repeat: no-repeat;  background-position: center;  background-size: contain;  cursor: pointer;  } .f225 {background-image: url('/img/icon/icon_closed-dark.svg');  } .f226 {display: block;  margin-bottom: 16px;  } .f227 {display: flex;  flex-direction: column;  gap: 8px;  } .f228 {display: flex;  flex-direction: column;  margin-bottom: 32px;  } .f229 {display: flex;  flex-direction: column;  } .f230 {margin-bottom: 8px;  } .f231 {display: flex;  flex-direction: column;  margin-bottom: 32px;  } .f232 {margin-bottom: 24px;  } .f233 {display: flex;  flex-direction: column;  align-items: center;  margin-bottom: 24px;  } .f234 {display: flex;  justify-content: space-between;  gap: 4px;  width: 100%;  max-width: 344px;  } .f235 {display: flex;  justify-content: center;  } .f236 {display: flex;  height: 96px;  max-width: 77px;  width: 100%;  } .f237 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  border-radius: 24px;  outline-offset: -1px;  outline: 2px solid transparent;  text-align: center;  border: 1px solid #DFE4EC;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  color: #243042;  background-color: #FFFFFF;  cursor: pointer;  } .f237:focus {outline: 2px solid #1D6591;  } .f237:hover {border: 1px solid #DADFE7;  } .f238 {outline: 2px solid #1D6591;  } .f239::after {content: 'Неверный код';  display: block;  padding-top: 24px;  text-align: center;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #FF4F3F;  } .f239 .f237 {outline: 2px solid #FF4F3F;  } .f240 {display: flex;  flex-direction: column;  margin-bottom: 32px;  } .f241 {display: flex;  flex-direction: column;  gap: 16px;  margin-bottom: 16px;  } .f242 {display: flex;  align-items: center;  width: 100%;  height: 50px;  min-height: 50px;  padding: 0 12px;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  border-radius: 12px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30;  color: #3A4C64;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  } .f243 {list-style: none;  padding: 0px;  margin: 0px;  } .f244 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f245 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f245:focus {outline: 4px solid transparent;  } .f245:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f245:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f245:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f245:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f246 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f247 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f248 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f249 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f250 {color: #243042;  } .f251 {color: #3A4C64;  } .f252 {color: #64748B;  } .f253 {color: #1D6591;  } .f254 {position: fixed;  top: 0px;  left: 0px;  z-index: 5;  width: 100%;  height: 100vh;  } .f255 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  background-color: #000000;  opacity: 0.5;  } .f256 {position: relative;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  padding: 24px;  overflow-y: auto;  } .f257 {position: relative;  top: max(18%, 24px);  left: 50%;  width: 100%;  display: flex;  flex-direction: column;  max-width: 680px;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  transform: translateX(-50%);  } .f258 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  margin-bottom: 24px;  } .f259 {height: 24px;  width: 24px;  background-repeat: no-repeat;  background-position: center;  background-size: contain;  cursor: pointer;  } .f260 {background-image: url('/img/icon/icon_closed-dark.svg');  } .f261 {display: block;  margin-bottom: 24px;  } .f262 {display: flex;  flex-direction: column;  gap: 8px;  } .f263 {display: flex;  gap: 40px;  flex-wrap: wrap;  margin-bottom: 32px;  } .f264 {display: flex;  justify-content: center;  align-items: center;  padding: 36px;  border: 4px solid #DFE4EC;  background-color: #FFFFFF;  border-radius: 24px;  } .f265 {width: 100%;  max-width: 220px;  } .f266 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  max-width: 268px;  min-width: 150px;  } .f267 {margin-bottom: 20px;  } .f268 {display: flex;  flex-direction: column;  gap: 16px;  } .f269 {display: flex;  align-items: center;  width: 100%;  max-width: 268px;  min-height: 64px;  padding-left: 48px;  background-repeat: no-repeat;  background-position: left;  background-size: contain;  } .f270 {background-image: url('/img/bg/qr-instruction-01.png');  } .f271 {background-image: url('/img/bg/qr-instruction-02.png');  } .f272 {background-image: url('/img/bg/qr-instruction-03.png');  } .f273 {display: flex;  top: 0px;  left: 0px;  padding: 24px;  align-items: center;  justify-content: center;  position: fixed;  width: 100%;  height: 100vh;  overflow: auto;  } .f274 {position: absolute;  width: 100%;  height: 100%;  background-color: #000000;  opacity: 0.5;  } .f275 {position: relative;  max-width: 900px;  width: 100%;  padding: 40px 45px 80px 80px;  align-items: center;  border-radius: 48px;  background: #F8FCFF;  } .f276 {display: flex;  justify-content: space-between;  } .f277 {margin: 0px 0px 57px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f278 {position: absolute;  right: 38px;  top: 38px;  display: flex;  align-items: center;  justify-content: center;  width: 48px;  height: 48px;  border: none;  background-color: transparent;  cursor: pointer;  } .f279 {position: static;  } .f280 {width: 48px;  height: 48px;  } .f281 {display: flex;  flex-direction: row;  align-items: center;  } .f282 {width: 130px;  height: 161.199px;  margin-right: 34px;  } .f283 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f284 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f285 {text-decoration: none;  color: inherit;  } .f286 {height: 50px;  } .f287 {list-style: none;  padding: 0px;  margin: 0px;  } .f288 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f289 {margin: 0px;  text-decoration: none;  color: inherit;  } .f290 {display: flex;  width: 100%;  height: 100%;  flex: 1;  justify-content: center;  align-items: center;  } .f291 {flex-direction: column;  width: 100%;  max-width: 655px;  border-radius: 24px;  padding: 40px 40px 32px 40px;  } .f292 {display: flex;  align-items: center;  gap: 8px;  margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f293 {display: block;  margin: 0px;  margin-bottom: 20px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f294 {display: flex;  gap: 8px;  flex-wrap: wrap;  } .f295 {height: 45px;  width: 136px;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  } .f296 {background-image: url('/img/logo_google_store.png');  } .f297 {background-image: url('/img/logo_app_store.png');  } .f298 {display: flex;  align-items: center;  margin-bottom: 80px;  padding: 50px 90px;  border-radius: 80px;  border: 8px solid #EBEFF6;  } .f299 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  width: 160px;  height: 160px;  border-radius: 80px;  } .f300 {width: 100%;  } .f301 {margin-left: 52px;  } .f302 {margin: 0px 0px 8px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f303 {} .f304 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f305 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f306 {margin-top: 0px;  } .f307 {position: relative;  display: flex;  flex-direction: row;  align-items: center;  padding: 10px 12px;  min-height: 70px;  outline: 4px solid transparent;  border-radius: 16px;  margin-bottom: 32px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  user-select: none;  transition: outline 0.3s ease-in-out, background 0.3s ease-in-out;  } .f307:focus-visible {outline: 4px solid #5DB4D2;  } .f308 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f309 {position: relative;  width: 100%;  } .f310 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  cursor: pointer;  transform: translateY(-50%);  } .f311 {} .f312 {height: 40px;  width: 40px;  min-width: 40px;  cursor: pointer;  } .f313 {} .f314 {} .f315 {display: flex;  align-items: center;  height: 40px;  width: 100%;  gap: 12px;  } .f316 {display: flex;  align-items: center;  justify-content: center;  min-width: 40px;  height: 40px;  border: none;  cursor: pointer;  } .f317 {display: block;  height: 24px;  } .f318 {height: 24px;  } .f319 {display: flex;  flex-direction: column;  justify-content: center;  width: 100%;  height: 100%;  } .f320:focus {outline: none;  } .f320 {height: 6px;  width: 100%;  overflow: hidden;  border-radius: 4px;  background-color: #2F86AA;  -webkit-appearance: none;  cursor: pointer;  } .f321 {height: 100%;  width: 0%;  background-color: #2F86AA;  } .f322 {display: flex;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f323 {} .f320::-webkit-slider-runnable-track {height: 10px;  -webkit-appearance: none;  color: #2F86AA;  margin-top: -1px;  } .f320::-webkit-slider-thumb {width: 0px;  height: 10px;  -webkit-appearance: none;  cursor: pointer;  background: #C2E3EF;  box-shadow: 400px 0 0 400px #C2E3EF;  } .f320::-moz-range-progress {background-color: #C2E3EF;  } .f320::-moz-range-track {background-color: #2F86AA;  } .f320::-ms-fill-lower {background-color: #C2E3EF;  } .f320::-ms-fill-upper {background-color: #2F86AA;  } .f324 {display: flex;  align-items: center;  padding: 18px 23px;  margin-bottom: 32px;  border-radius: 16px;  min-height: 70px;  width: 100%;  outline: 4px solid transparent;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f324:focus-visible {outline: 4px solid #5DB4D2;  } .f325 {} .f326 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f327 {margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f328 {display: none;  } .f329 {position: absolute;  background: #64748B;  height: 64px;  min-width: 64px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 64px;  color: #FFFFFF;  } .f330 {display: flex;  justify-content: center;  align-items: center;  } .f331 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f332 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f333 {color: #3A4C64;  } .f334 {color: #576A84;  } .f335 {color: #AAB5C6;  } .f336 {margin-right: 16px;  } .f337 {display: none;  } .f338 {background-color: #EBEFF6;  } .f339 {background-color: #FFEDEB;  } .f340 {} .f341 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f342 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 32px;  border-radius: 16px;  padding: 20px 24px 40px 24px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f343 {display: flex;  margin: 0px;  white-space: pre-wrap;  word-break: break-word;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f344 {margin: 0px;  width: 100%;  } .f345 {display: flex;  justify-content: space-between;  align-items: center;  } .f346 {display: flex;  gap: 12px;  } .f347 {display: flex;  justify-content: center;  align-items: center;  width: 20px;  max-width: 20px;  height: 20px;  outline: 4px solid transparent;  border-radius: 4px;  outline-offset: 2px;  color: #AAB5C6;  cursor: pointer;  transition: color 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f348 {max-width: 100%;  } .f347:focus-visible {outline: 4px solid #5DB4D2;  } .f347:hover {color: #64748B;  } .f347:active {color: #3A4C64;  } .f349 {display: flex;  align-items: center;  gap: 4px;  min-height: 28px;  padding-left: 4px;  padding-right: 4px;  outline: 4px solid transparent;  border-radius: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  transition: color 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f350 {margin: 0px;  color: currentColor;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f349:focus-visible {outline: 4px solid #5DB4D2;  } .f349:hover {color: #64748B;  } .f349:active {color: #3A4C64;  } .f351 {margin: 0px;  width: 100%;  min-height: 54px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f351 a {margin: 0px;  color: #1D6591;  text-decoration: none;  } .f351:focus {outline: none;  } .f352 {user-select: none;  } .f352 > .f342 {background-color: #DFE4EC;  } .f353 > .f342 {background-color: #FFEDEB;  } .f354 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f355 {position: relative;  display: flex;  flex-direction: column;  gap: 20px;  width: 100%;  margin-bottom: 32px;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f356 {position: relative;  width: 100%;  } .f357 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f358 {} .f359 {margin-top: 0px;  } .f360 {position: relative;  display: flex;  justify-content: space-between;  align-items: center;  width: 100%;  height: 30px;  } .f361 {display: flex;  align-items: center;  width: 100%;  min-height: 70px;  margin: 0px;  padding: 18px 23px;  outline: 4px solid transparent;  border-radius: 16px;  text-decoration: none;  color: inherit;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f361:focus-visible {outline: 4px solid #5DB4D2;  } .f362 {position: absolute;  margin: 0px;  width: calc(100% - 36px);  overflow: hidden;  padding-right: 12px;  padding-left: 36px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f363 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f364 {display: flex;  align-items: center;  width: 100%;  min-height: 70px;  padding: 16px 23px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  outline: 4px solid transparent;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f364:focus-visible {outline: 4px solid #5DB4D2;  } .f365 {} .f366 {display: none;  } .f367 {display: flex;  justify-content: center;  align-items: center;  } .f368 {text-align: start;  margin: 0px;  margin-right: auto;  color: #576A84;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f369 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f370 {color: #3A4C64;  } .f371 {color: #576A84;  } .f372 {color: #AAB5C6;  } .f373 {margin-right: 16px;  } .f374 {background-color: #EBEFF6;  } .f375 {background-color: #FFEDEB;  } .f376 {} .f377 {position: relative;  display: block;  color: #3A4C64;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  padding-top: 32px;  padding-bottom: 24px;  } .f377::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f378 {margin-top: 0px;  } .f377:focus-visible {outline: none;  } .f379 > .f377::before {opacity: 0.16;  } .f380 > .f377::before {background-color: #FFEDEB;  } .f381 {position: relative;  display: block;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  padding-top: 24px;  padding-bottom: 16px;  } .f381::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f382 {margin-top: 0px;  } .f381:focus-visible {outline: none;  } .f383 > .f381::before {opacity: 0.16;  } .f384 > .f381::before {background-color: #FFEDEB;  } .f385 {position: relative;  display: block;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  padding-top: 24px;  padding-bottom: 16px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f385::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f386 {margin-top: 0px;  } .f385:focus-visible {outline: none;  } .f387 > .f385::before {opacity: 0.16;  } .f388 > .f385::before {background-color: #FFEDEB;  } .f389 {padding: 19px 23px;  min-height: 70px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  margin-bottom: 32px;  transition: background-color 0.4s ease-in-out;  } .f390 {margin-top: 0px;  } .f391 {display: block;  min-height: 32px;  margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  white-space: pre-wrap;  } .f389 a {color: #1D6591;  text-decoration: none;  } .f391:focus-visible {outline: none;  } .f392 {background-color: #EBEFF6;  } .f393 {background-color: #FFEDEB;  } .f394 {display: block;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin: 0px;  margin-bottom: 16px;  white-space:  pre-wrap;  background-color: #FF1A05;  } .f394 a {color: #1D6591;  text-decoration: none;  } .f394:focus-visible {outline: none;  } .f395 {background-color: #EBEFF6;  user-select: none;  } .f396 {display: block;  margin: 0px;  width: 100%;  margin-bottom: 2px;  white-space:  pre-wrap;  word-break: break-word;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f396 a {color: #1D6591;  text-decoration: none;  } .f396:focus-visible {outline: none;  } .f397:before {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 1;  margin-bottom: 0px;  content: '•';  } .f398 {position: relative;  display: flex;  margin-bottom: 0px;  margin-left: 32px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f398::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f397 {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin-right: 12px;  } .f399 > .f398::before {opacity: 0.16;  } .f400 > .f398::before {background-color: #FFEDEB;  } .f401 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f402 {position: relative;  display: flex;  flex: 1;  } .f403 {position: relative;  } .f403 div {} .f404 {position: absolute;  top: 0px;  left: -72px;  height: 100%;  width: 72px;  } .f405 {position: sticky;  top: 0px;  left: 0px;  z-index: 1;  display: flex;  gap: 2px;  width: 0px;  height: 0px;  opacity: 0;  overflow: hidden;  } .f406 {position: absolute;  right: 6px;  top: 0px;  border-right: 1px solid #AAB5C6;  height: 0px;  transition: height 0.3s ease-in-out;  } .f403:hover > .f404 > .f406 {height: 100%;  opacity: 1;  } .f403:hover > .f404 > .f405 {overflow: auto;  width: auto;  height: auto;  padding: 4px 0 8px 8px;  opacity: 1;  } .f405 .f407 {overflow: auto;  width: auto;  height: auto;  padding: 4px 0 8px 8px;  opacity: 1;  } .f408 {background-color: #FF1A05;  } .f409 {width: 2px;  } .f410 {display: flex;  align-items: center;  justify-content: center;  border-radius: 6px;  background: transparent;  color: #AAB5C6;  cursor: pointer;  user-select: none;  } .f410:hover {color: #3A4C64;  } .f411 {display: flex;  flex-direction: row;  position: absolute;  margin-left: -65px;  z-index: 1;  } .f412 {display: flex;  background-size: cover;  background-position: center;  background-repeat: no-repeat;  user-select: none;  pointer-events: none;  } .f413 {} .f414 {} .f410:hover .f413 {} .f410:hover .f414 {} .f415 {border-bottom: 3px solid #5DB4D2;  } .f416 {display: flex;  flex: 1;  flex-direction: column;  } .f417 {width: 0px;  height: 0px;  line-height: 0;  border: 1px dotted #5DB4D2;  background-color: #4F97B6;  position: fixed;  z-index: 100;  visibility: hidden;  filter: alpha(opacity=40);  opacity: 0.4;  } .f418 {} .f419 {background-color: #FFEDEB;  border-radius: 8px;  } .f420 {display: flex;  flex: 1;  min-height: 90px;  } .f421 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f422 {position: relative;  display: flex;  flex-direction: column;  gap: 20px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f423 {position: relative;  width: 100%;  } .f424 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f425 {} .f426 {margin-top: 0px;  } .f427 {position: relative;  display: flex;  justify-content: space-between;  padding: 20px 23px;  width: 100%;  min-height: 70px;  align-items: center;  } .f428 {display: flex;  align-items: center;  border-radius: 16px;  outline: 4px solid transparent;  width: 100%;  margin: 0px;  text-decoration: none;  color: inherit;  transition: outline 0.4s ease-in-out;  } .f428:focus-visible {outline: 4px solid #5DB4D2;  } .f429 {position: absolute;  margin: 0px;  width: calc(100% - 74px);  overflow: hidden;  padding-left: 40px;  padding-right: 12px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f430 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f430:focus {outline: 4px solid #5DB4D2;  } .f431 {position: relative;  display: flex;  align-items: center;  min-height: 70px;  padding: 16px 23px;  margin-bottom: 32px;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f431:focus-visible {outline: 4px solid #5DB4D2;  } .f432 {} .f433 {display: flex;  justify-content: center;  align-items: center;  } .f434 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f435 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f436 {color: #3A4C64;  } .f437 {color: #576A84;  } .f438 {color: #AAB5C6;  } .f439 {margin-right: 16px;  } .f440 {display: none;  } .f441 {background-color: #EBEFF6;  } .f442 {background-color: #FFEDEB;  } .f443 {} .f444 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f445 {position: relative;  display: flex;  outline: 4px solid transparent;  justify-content: center;  align-items: center;  width: 100%;  margin-bottom: 32px;  border-radius: 16px;  overflow: hidden;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f445:focus-visible {outline: 4px solid #5DB4D2;  } .f446 {position: relative;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f447 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f445::before {content: '';  display: block;  padding-top: 62.5%;  width: 100%;  } .f448 {margin-top: 0px;  } .f449 {position: absolute;  width: 100%;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transition: filter 0.4s ease-in-out;  } .f450 {display: flex;  align-items: center;  min-height: 70px;  padding: 18px 23px;  width: 100%;  outline: 4px solid transparent;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f450:focus-visible {outline: 4px solid #5DB4D2;  } .f451 {} .f452 {position: relative;  width: 100%;  } .f453 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f454 {} .f455 {color: #64748B;  } .f456 {color: #1B2637;  } .f457 {color: #AAB5C6;  } .f458 {display: flex;  align-items: center;  justify-content: center;  margin-right: 16px;  } .f459 {margin: 0px;  margin-right: auto;  text-align: left;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f460 {display: none;  } .f461 {position: absolute;  display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-width: 64px;  padding: 5px 16px;  } .f461::before {content: '';  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 64px;  background-color: #000000;  opacity: 0.5;  } .f462 {position: relative;  margin: 0px;  text-align: center;  color: #FFFFFF;  } .f463 .f449 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f463 {background-color: #EBEFF6;  } .f464 {background-color: #FFEDEB;  } .f465 {} .f466 {display: block;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  margin-top: 24px;  margin-bottom: 16px;  } .f467 {margin-top: 0px;  } .f468 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f468:focus {outline: 4px solid transparent;  } .f468:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f468:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f468:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f468:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f469 {display: flex;  height: 40px;  min-height: 40px;  padding: 2px 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f469:focus {outline: 4px solid transparent;  } .f469:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f469:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f469:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f469:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f470 {list-style: none;  padding: 0px;  margin: 0px;  } .f471 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f472 {display: flex;  flex-direction: column;  padding: 12px 16px;  margin-bottom: 32px;  width: 100%;  border-radius: 16px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f473 {display: flex;  flex-wrap: wrap;  gap: 8px;  align-items: center;  justify-content: space-between;  } .f474 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  color: #243042;  } .f475 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f476 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f477 {display: flex;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 4px;  padding-left: 20px;  width: calc(100% - 20px);  } .f478 {display: flex;  gap: 4px;  width: 45%;  min-width: 200px;  } .f479 {display: flex;  justify-content: space-between;  gap: 8px;  flex-wrap: wrap;  padding-top: 16px;  } .f480 {color: #64748B;  } .f481 {color: #1D6591;  background-color: #C2E3EF;  } .f482 {color: #F59E0B;  background-color: #FEF3C7;  } .f483 {color: #FF4F3F;  background-color: #FFEDEB;  } .f484 {color: #1D6591;  background-color: #C2E3EF;  } .f472::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f472 a {color: #1D6591;  text-decoration: none;  } .f472:focus-visible {outline: none;  } .f485 {user-select: none;  } .f485 > .f472::before {opacity: 0.16;  } .f486 > .f472::before {background-color: #FFEDEB;  } .f487 {margin-bottom: 20px;  } .f487:last-child {margin-bottom: 0px;  } .f488 {margin-bottom: 12px;  } .f488:last-child {margin-bottom: 0px;  } .f489 {margin-bottom: 8px;  } .f489:last-child {margin-bottom: 0px;  } .f490 {display: flex;  flex: 1;  flex-direction: column;  height: 100vh;  width: 100%;  background-color: #FFFFFF;  position: fixed;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  z-index: 10;  } .f490 > div {display: flex;  flex: 1;  width: 100%;  } .f491 {position: relative;  display: block;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin: 0px;  padding: 8px 0;  white-space:  pre-wrap;  word-break: break-word;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f491::before {content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: #AAB5C6;  opacity: 0;  transition: opacity 0.4s ease-in-out;  pointer-events: none;  } .f491 a {color: #1D6591;  text-decoration: none;  } .f491:focus-visible {outline: none;  } .f492 {user-select: none;  } .f492 > .f491::before {opacity: 0.16;  } .f493 > .f491::before {background-color: #FFEDEB;  } .f494 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f495 {position: relative;  display: flex;  outline: 4px solid transparent;  justify-content: center;  margin-bottom: 32px;  width: 100%;  border-radius: 16px;  background-color: #FFFFFF;  transition: outline 0.4s ease-in-out;  } .f496 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  } .f497 {position: relative;  width: 100%;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 16px;  transition: background-color 0.4s ease-in-out;  } .f498 {position: relative;  width: 100%;  } .f499 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f500 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f501 {position: absolute;  max-height: 760px;  display: flex;  align-items: center;  justify-content: center;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transition: filter 0.4s ease-in-out;  } .f502 {display: flex;  justify-content: center;  align-items: center;  min-height: 450px;  width: 100%;  } .f502::before {content: '';  width: 100%;  height: 450px;  } .f503 {width: 100%;  max-height: 500px;  padding-top: 62.5%;  background-color: #5DB4D2;  } .f504 {position: relative;  display: flex;  outline: none;  justify-content: center;  align-items: center;  width: 100%;  min-height: 450px;  overflow: hidden;  border-radius: 16px;  } .f505 {position: absolute;  top: 50%;  outline: 4px solid transparent;  height: 100%;  width: 100%;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transform: translateY(-50%);  transition: filter 0.4s ease-in-out;  } .f506 {margin-top: 0px;  } .f507 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  display: flex;  align-items: center;  justify-content: center;  border-radius: 16px;  outline-offset: -4px;  outline: 4px solid transparent;  cursor: pointer;  transition: outline 0.3s ease-in-out;  } .f507:focus-visible {outline: 4px solid #5DB4D2;  } .f508 {position: absolute;  height: 62px;  width: 91px;  color: #FFFFFF;  transition: color 0.3s ease-in-out;  } .f508:hover {color: #E0F1F7;  } .f509 {} .f510 {display: flex;  justify-content: center;  align-items: center;  } .f511 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f512 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f513 {color: #3A4C64;  } .f514 {color: #576A84;  } .f515 {color: #AAB5C6;  } .f516 {margin-right: 16px;  } .f517 {display: flex;  align-items: center;  padding: 18px 23px;  min-height: 70px;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: filter 0.4s ease-in-out, background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  } .f517:focus-visible {outline: 4px solid #5DB4D2;  } .f518 {} .f519 {opacity: 0;  } .f520 {display: none;  } .f521 .f517 {background-color: #EBEFF6;  } .f521 .f501 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f521 .f505 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f522 .f517 {background-color: #FFEDEB;  } .f523 {} .f524 {font-size: 17px;  line-height: 23px;  } .f525 {list-style: none;  padding: 0px;  margin: 0px;  } .f526 {margin: 0px;  text-decoration: none;  color: inherit;  } .f527 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f528 {z-index: 101;  position: fixed;  overflow: hidden;  border-radius: 12px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f529 {width: 280px;  min-width: 280px;  padding: 8px 0 8px 8px ;  height: 100%;  overflow-y: auto;  overflow-x: clip;  } .f530 {display: flex;  flex-direction: column;  width: 260px;  } .f531 {margin: 0px;  margin-bottom: 4px;  padding-left: 4px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f532 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  margin-bottom: 16px;  } .f532:last-child {margin-bottom: 0px;  } .f533 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  padding: 4px 8px 4px 4px;  width: 100%;  border-radius: 12px;  text-align: left;  background-color: #FFFFFF;  transition: background-color 0.2s ease-in-out;  cursor: pointer;  } .f533:hover {background-color: #EBEFF6;  } .f534 {background-color: #E0F1F7;  } .f534 .f535 {color: #2F86AA;  } .f534 .f536 {color: #2F86AA;  } .f537 {display: flex;  justify-content: center;  align-items: center;  outline: 1px solid #EBEFF6;  outline-offset: -1px;  border-radius: 8px;  width: 40px;  min-width: 40px;  height: 40px;  background-color: #FFFFFF;  background-repeat: no-repeat;  background-size: 24px;  background-position: center;  } .f536 {color: #576A84;  } .f538 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2px;  max-width: calc(100% - 60px);  } .f535 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f539 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f540 {background-image: url('/img/icon/icon_popup-text-normal.svg');  } .f541 {background-image: url('/img/icon/icon_popup-text-h1.svg');  } .f542 {background-image: url('/img/icon/icon_popup-text-h2.svg');  } .f543 {background-image: url('/img/icon/icon_popup-text-h3.svg');  } .f544 {background-image: url('/img/icon/icon_popup-image.svg');  } .f545 {background-image: url('/img/icon/icon_popup-video.svg');  } .f546 {background-image: url('/img/icon/icon_popup-audio.svg');  } .f547 {background-image: url('/img/icon/icon_popup-pdf.svg');  } .f548 {background-image: url('/img/icon/icon_popup-marker.svg');  } .f549 {background-image: url('/img/icon/icon_popup-cod.svg');  } .f550 {background-image: url('/img/icon/icon_popup-paper-clip.svg');  } .f551 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f552 {position: absolute;  z-index: 101;  } .f553 {list-style: none;  padding: 0px;  margin: 0px;  } .f554 {margin: 0px;  text-decoration: none;  color: inherit;  } .f555 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f556 {z-index: 101;  position: fixed;  overflow: hidden;  border-radius: 12px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f557 {width: 240px;  min-width: 240px;  padding: 8px 0 8px 8px ;  height: 100%;  overflow-y: auto;  overflow-x: clip;  } .f558 {display: flex;  flex-direction: column;  width: 220px;  } .f559 {margin: 0px;  margin-bottom: 4px;  padding-left: 4px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f560 {display: flex;  flex-direction: column;  gap: 2px;  width: 100%;  margin-bottom: 16px;  } .f560:last-child {margin-bottom: 0px;  } .f561 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  padding: 4px 8px 4px 4px;  width: 100%;  height: 34px;  border-radius: 12px;  text-align: left;  background-color: #FFFFFF;  transition: background-color 0.2s ease-in-out;  cursor: pointer;  } .f561:hover {background-color: #EBEFF6;  } .f562 {background-color: #E0F1F7;  } .f563 {outline: none;  width: 24px;  min-width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: 16px;  background-position: center;  } .f564 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2px;  max-width: calc(100% - 60px);  } .f565 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f566 {background-image: url('/img/icon/icon_popup-text-normal.svg');  } .f567 {background-image: url('/img/icon/icon_popup-text-h1.svg');  } .f568 {background-image: url('/img/icon/icon_popup-text-h2.svg');  } .f569 {background-image: url('/img/icon/icon_popup-text-h3.svg');  } .f570 {background-image: url('/img/icon/icon_popup-image.svg');  } .f571 {background-image: url('/img/icon/icon_popup-video.svg');  } .f572 {background-image: url('/img/icon/icon_popup-audio.svg');  } .f573 {background-image: url('/img/icon/icon_popup-pdf.svg');  } .f574 {background-image: url('/img/icon/icon_popup-marker.svg');  } .f575 {background-image: url('/img/icon/icon_popup-cod.svg');  } .f576 {background-image: url('/img/icon/icon_popup-text-list.svg');  } .f577 {background-image: url('/img/icon/icon_popup-paper-clip.svg');  } .f578 {position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  padding: 0px;  overflow: hidden;  border: 0px;  } .f579 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f580 {position: absolute;  z-index: 101;  } .f581 {list-style: none;  padding: 0px;  margin: 0px;  } .f582 {margin: 0px;  text-decoration: none;  color: inherit;  } .f583 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f584 {z-index: 101;  position: fixed;  overflow: hidden;  border-radius: 12px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f585 {width: 280px;  min-width: 280px;  padding: 8px 0 8px 8px ;  height: 100%;  overflow-y: auto;  overflow-x: clip;  } .f586 {display: flex;  flex-direction: column;  width: 260px;  } .f587 {margin: 0px;  margin-bottom: 4px;  padding-left: 4px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f588 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  } .f589 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  padding: 4px 2px 2px 4px;  width: 100%;  border-radius: 8px;  text-align: left;  background-color: #FFFFFF;  background-size: 16px;  background-position: right 12px center;  background-repeat: no-repeat;  transition: background-color 0.2s ease-in-out;  cursor: pointer;  } .f589:hover {background-color: #EBEFF6;  } .f590 {background-color: #E0F1F7;  } .f591 {padding-bottom: 4px;  margin-bottom: 2px;  border-bottom: 1px solid #EBEFF6;  } .f592 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f593 {color: #060606;  } .f594 {color: #7E94AA;  } .f595 {color: #AFC2D4;  } .f596 {color: #0CA15E;  } .f597 {color: #FF4F3F;  } .f598 {color: #F59E0B;  } .f599 {color: #124BE7;  } .f600 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f601 {position: absolute;  z-index: 101;  } .f602 {list-style: none;  padding: 0px;  margin: 0px;  } .f603 {margin: 0px;  text-decoration: none;  color: inherit;  } .f604 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f605 {z-index: 101;  position: fixed;  overflow: hidden;  border-radius: 12px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f606 {width: 280px;  min-width: 280px;  max-height: 280px;  padding: 8px 0 8px 8px ;  height: 100%;  overflow-y: auto;  overflow-x: clip;  } .f607 {display: flex;  flex-direction: column;  width: 260px;  } .f608 {margin: 0px;  margin-bottom: 4px;  padding-left: 4px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f609 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  } .f610 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  padding: 4px 8px 4px 4px;  width: 100%;  border-radius: 12px;  text-align: left;  background-color: #FFFFFF;  background-size: 16px;  background-position: right 12px center;  background-repeat: no-repeat;  transition: background-color 0.2s ease-in-out;  cursor: pointer;  } .f610:hover {background-color: #EBEFF6;  } .f611 {outline: 1px solid #EBEFF6;  outline-offset: -1px;  border-radius: 8px;  width: 40px;  min-width: 40px;  height: 40px;  background-color: #FFFFFF;  background-repeat: no-repeat;  background-size: 24px;  background-position: center;  pointer-events: none;  } .f612 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2px;  max-width: calc(100% - 60px);  pointer-events: none;  } .f613 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f614 {margin: 0px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f615 {background-image: url('/img/icon/icon_popup-trash.svg');  } .f616 {background-image: url('/img/icon/icon_popup-duplicate.svg');  } .f617 {background-image: url('/img/icon/icon_popup-change-block.svg');  } .f618 {background-image: url('/img/icon/icon_popup-color.svg');  } .f619 {background-image: url('/img/icon/icon_popup-cut.svg');  } .f620 {background-image: url('/img/icon/icon_popup-arrow-gray.svg');  } .f621 {position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  padding: 0px;  overflow: hidden;  border: 0px;  } .f622 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f623 {position: absolute;  z-index: 101;  } .f624 {list-style: none;  padding: 0px;  margin: 0px;  } .f625 {margin: 0px;  text-decoration: none;  color: inherit;  } .f626 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f627 {z-index: 101;  position: absolute;  top: 0px;  left: 0px;  display: flex;  flex-wrap: wrap;  flex-direction: row;  align-items: center;  gap: 12px;  padding: 4px;  border-radius: 12px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  min-width: 450px;  } .f628 {display: flex;  justify-content: center;  align-items: center;  padding: 8px;  height: 40px;  min-width: 40px;  border-radius: 12px;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: undefined;  transition: background-color 0.2s ease-in-out;  cursor: pointer;  } .f628:hover {background-color: #EBEFF6;  } .f629 {color: #2F86AA;  background-color: #E0F1F7;  } .f630 {padding-left: 12px;  padding-right: 32px;  background-size: 16px;  background-repeat: no-repeat;  background-position: right 8px center;  } .f631 {width: 24px;  min-width: 24px;  height: 24px;  border-radius: 4px;  background-color: #3A4C64;  pointer-events: none;  } .f632 {margin: 0px;  margin-bottom: 4px;  padding-left: 4px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f633 {display: flex;  flex-wrap: wrap;  align-items: center;  gap: 2px;  } .f634 {height: 24px;  } .f635 {background-image: url('/img/icon/icon_popup-arrow-select.svg');  } .f636 {position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  padding: 0px;  overflow: hidden;  border: 0px;  } .f637 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f638 {position: absolute;  z-index: 101;  } .f639 {pointer-events: none;  } .f640 {border-top: 1px solid #DADFE7;  border-bottom: 1px solid #DADFE7;  margin-top: 16px;  margin-bottom: 16px;  padding-top: 8px;  padding-bottom: 12px;  } .f641 {display: block;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin: 0px;  margin-bottom: 16px;  } .f642 {display: flex;  margin-bottom: 10px;  } .f643 {display: flex;  justify-content: center;  align-items: center;  background: #DADFE7;  margin-right: 6px;  border-radius: 4px;  height: 30px;  width: 30px;  cursor: pointer;  } .f641:focus-visible {outline: none;  } .f644 {} .f645 {} .f646 {} .f647 {} .f648 {margin-bottom: 24px;  } .f649 {display: flex;  flex-direction: column;  margin-bottom: 16px;  } .f650 {display: flex;  } .f651 {} .f652 {cursor: pointer;  } .f653 {font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  margin-top: 6px;  border: none;  outline: none;  } .f654 {width: 100%;  padding: 12px 24px;  border: 1px solid #DADFE7;  background-color: #F8FCFF;  outline: none;  display: flex;  flex: 1;  color: #AAB5C6;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  border-radius: 12px;  margin: 0px 8px;  } .f654:active {color: #1B2637;  background-color: #FFFFFF;  } .f654:focus {color: #1B2637;  background-color: #FFFFFF;  } .f655 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f655:focus {outline: none;  } .f655:focus-visible {background: #145585;  outline: none;  } .f655:hover {background: #145585;  } .f655:active {background: #02356C;  } .f655:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f656 {border: 1px solid #FF1A05;  border-radius: 12px;  } .f657 {list-style: none;  padding: 0px;  margin: 0px;  } .f658 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f659 {display: none;  } .f660 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  position: absolute;  } .f660:focus {outline: none;  } .f660:focus-visible {background: #145585;  outline: none;  } .f660:hover {background: #145585;  } .f660:active {background: #02356C;  } .f660:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f661 {position: relative;  display: flex;  align-items: center;  justify-content: center;  } .f662 {display: flex;  align-items: center;  justify-content: center;  } .f661 > div {width: 100%;  } .f663 {position: absolute;  display: flex;  align-items: center;  justify-content: center;  } .f664 {position: absolute;  display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-width: 64px;  padding: 5px 16px;  } .f664::before {content: '';  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 64px;  background-color: #000000;  opacity: 0.5;  } .f665 {position: relative;  margin: 0px;  text-align: center;  color: #FFFFFF;  } .f666 {display: flex;  justify-content: center;  align-items: center;  flex-direction: row;  height: 200px;  width: 100%;  border: 1px dashed #AAB5C6;  border-radius: 24px;  padding: 12px 16px;  cursor: pointer;  } .f666:focus {outline: none;  } .f667 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  padding: 10px 16px 10px 48px;  color: #AAB5C6;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-position: left 0 center;  background-repeat: no-repeat;  background-size: 32px;  } .f668 {background-image: url('/img/icon/icon_image-small-gray.svg');  } .f669 {background-position: center;  background-repeat: no-repeat;  } .f670 {background-image: url('/img/icon/icon_doc-gray.svg');  } .f671 {position: relative;  } .f672 {position: absolute;  top: 0px;  right: 0px;  padding: 4px;  margin: 12px;  display: flex;  flex-direction: row;  flex-wrap: wrap;  border-radius: 12px;  background-color: #FFFFFF;  opacity: 0;  transition: opacity 0.2s ease-in-out;  } .f661:hover .f672 {opacity: 1;  } .f673 {display: flex;  justify-content: center;  align-items: center;  padding: 8px 12px;  margin: 0px;  outline: 4px solid transparent;  outline-offset: -2px;  border-radius: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  text-align: center;  white-space: nowrap;  background-color: transparent;  cursor: pointer;  transition: background-color 0.2s ease-in-out, outline 0.2s ease-in-out;  } .f672:focus-within {opacity: 1;  } .f673:focus {outline: 4px solid #88C9E0;  background-color: #EBEFF6;  } .f673:hover {background-color: #EBEFF6;  } .f673:active {outline: 4px solid transparent;  background-color: #DFE4EC;  } .f674 {background-color: #FFEDEB;  border: 1px dashed #FF4F3F;  } .f675 {} .f675::before {z-index: -1;  content: '';  display: block;  position: absolute;  top: -4px;  bottom: -4px;  left: -8px;  right: -8px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f676::before {background-color: #FFEDEB;  border-radius: 8px;  } .f677 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f678 {list-style: none;  padding: 0px;  margin: 0px;  } .f679 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f679:focus {outline: 4px solid transparent;  } .f679:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f679:hover {outline: 4px solid transparent;  background: #145585;  } .f679:active {outline: 4px solid transparent;  background: #02356C;  } .f679:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f680 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f680:focus {outline: 4px solid transparent;  } .f680:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f680:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f680:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f680:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f681 {display: flex;  height: 39px;  min-height: 39px;  width: 100%;  padding: 0 18px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f681:focus {outline: 4px solid transparent;  } .f681:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f681:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f681:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f681:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f682 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f682:focus {outline: 4px solid transparent;  } .f682:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f682:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f682:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f682:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f683 {display: flex;  height: 54px;  mim-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f683:focus {outline: 4px solid transparent;  } .f683:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f683:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f683:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f683:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f684 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f684:focus {outline: 4px solid transparent;  } .f684:focus-visible {outline: 4px solid #88C9E0;  background: #EBEFF6;  } .f684:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f684:active {outline: 4px solid transparent;  background: #DFE4EC;  } .f684:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: transparent;  } .f685 {z-index: 20;  position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  display: flex;  justify-content: center;  align-items: center;  } .f686 {position: absolute;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  background-color: #00000059;  } .f687 {z-index: 2;  max-width: 1024px;  max-height: 100vh;  border-radius: 24px;  overflow: hidden;  background-color: #FFFFFF;  } .f688 {display: flex;  flex-direction: column;  width: 100%;  max-height: 100vh;  padding: 24px;  overflow-y: auto;  } .f689 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  margin-bottom: 16px;  } .f690 {margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f691 {width: 32px;  height: 32px;  min-width: 32px;  min-height: 32px;  cursor: pointer;  background-repeat: no-repeat;  background-size: 32px;  background-position: center;  } .f692 {background-image: url('/img/icon/icon_closed-d-gray.svg');  } .f693 {max-width: 720px;  margin: 0px;  margin-bottom: 24px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #576A84;  } .f694 {position: relative;  max-height: 450px;  } .f695 {width: 720px;  } .f696 {display: flex;  flex-direction: row;  gap: 40px;  margin-bottom: 32px;  } .f697 {display: flex;  flex-direction: column;  width: 216px;  gap: 24px;  } .f698 {display: flex;  flex-direction: row;  flex-wrap: wrap;  width: 100%;  gap: 24px;  } .f699 {display: flex;  flex-direction: column;  gap: 8px;  min-width: 216px;  flex: 1;  } .f700 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #576A84;  } .f701 {background-color: #88C9E0;  } .f702 {padding: 0;  width: 100%;  color: #3A4C64;  } .f703 {display: flex;  flex-direction: row;  justify-content: space-between;  } .f704 {display: flex;  flex-direction: row;  gap: 8px;  } .f705 {display: flex;  flex-direction: row;  gap: 8px;  } .f706 {width: 100%;  } .f707 {margin: 0px;  text-decoration: none;  color: inherit;  } .f708 {min-width: 360px;  width: 360px;  height: 100%;  position: fixed;  top: 50px;  background-color: #F8FCFF;  z-index: 1;  } .f709 {list-style: none;  padding: 0px;  margin: 0px;  } .f710 {padding: 24px 0 0 24px;  overflow-y: auto;  overflow-x: clip;  height: 100%;  border-right: 1px solid #DFE4EC;  padding-bottom: 80px;  } .f711 {display: flex;  flex-direction: column;  width: calc(100% - 24px);  } .f712 {display: flex;  flex-direction: column;  gap: 8px;  } .f713 {display: flex;  border-radius: 12px;  background: #FFFFFF;  outline: 1px solid #DFE4EC;  transition: outline 0.4s ease-in-out;  } .f713:hover {outline: 1px solid #3A4C64;  } .f714 {outline: 1px solid #2F86AA;  width: 100%;  background-color: undefined;  } .f714 .f715 {color: #1D6591;  } .f716 {position: relative;  display: flex;  padding: 12px;  padding-left: 16px;  gap: 4px;  width: 100%;  flex-direction: column;  text-decoration: none;  cursor: pointer;  } .f715 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  user-select: none;  pointer-events: none;  } .f717 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  user-select: none;  pointer-events: none;  } .f718 {height: 59px;  } .f719 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 176px;  overflow: hidden;  margin-bottom: 8px;  } .f720 {min-width: auto;  height: 100%;  } .f721 {display: flex;  flex-direction: row;  align-items: flex-start;  justify-content: space-between;  gap: 16px;  margin-bottom: 16px;  } .f722 {max-height: 69px;  margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: normal;  display: flex;  flex: 1;  } .f723 {margin: 0px;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  margin-bottom: 24px;  } .f724 {display: flex;  justify-content: space-between;  } .f725 {display: flex;  align-items: top;  gap: 4px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #1D6591;  } .f726 {height: 16px;  fill: #AAB5C6;  } .f727 {position: relative;  display: flex;  justify-content: flex-end;  align-items: center;  height: 16px;  width: 16px;  border-radius: 8px;  } .f728 {position: absolute;  display: flex;  justify-content: flex-end;  align-items: center;  gap: 4px;  padding: 5px 10px;  right: -10px;  border-radius: 20px;  opacity: 0;  white-space: nowrap;  transition: opacity 0.5s ease-in-out;  overflow: hidden;  } .f728:hover {background: white;  outline: 1px solid #DFE4EC;  opacity: 1;  } .f729 {height: 12px;  width: 12px;  min-width: 12px;  border-radius: 50%;  background: #2F86AA;  } .f730 {outline: 1px solid #DFE4EC;  } .f714 .f726 {fill: #2F86AA;  } .f730:hover {outline: 1px solid #DFE4EC;  } .f730 .f715 {color: #DADFE7;  } .f730 .f717 {color: #DADFE7;  } .f730 .f726 {fill: #DADFE7;  } .f731 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  z-index: 1;  } .f732 {height: 59px;  } .f733 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f734 {padding: 0px;  border: none;  background-color: transparent;  } .f735 {width: 40px;  min-width: 40px;  height: 40px;  cursor: pointer;  } .f736 {width: 100%;  } .f737 {display: none;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;  width: 100%;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  user-select: none;  pointer-events: none;  } .f738 {width: 360px;  } .f739 {left: -360px;  } .f740 {width: 0px;  } .f741 {display: flex;  flex: 1;  flex-direction: column;  gap: 8px;  } .f742 {height: 20px;  width: 20px;  user-select: none;  pointer-events: none;  } .f743 {background: #DADFE7;  height: 30px;  width: 30px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 6px;  cursor: pointer;  user-select: none;  position: absolute;  right: 24px;  margin-top: -1px;  z-index: 1;  } .f744 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f744:focus {outline: none;  } .f744:focus-visible {background: #145585;  outline: none;  } .f744:hover {background: #145585;  } .f744:active {background: #02356C;  } .f744:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f745 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f746 {margin: 0px;  text-decoration: none;  color: inherit;  } .f747 {padding: 0 16px;  min-height: 54px;  height: 54px;  border-radius: 12px;  background-color: #FFFFFF;  border: none;  outline: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f747::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f747:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f747:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f747:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f747:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f747:invalid {outline: 1px solid #FF4F3F;  } .f748 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  border: 2px solid #1B2637;  text-decoration: none;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: transparent;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f748:focus {outline: none;  } .f748:focus-visible {background-color: #88C9E0;  outline: none;  } .f748:hover {background-color: #C2E3EF;  } .f748:active {background-color: #5DB4D2;  } .f748:disabled {border: 2px solid #AAB5C6;  background: #FFFFFF;  color: #AAB5C6;  } .f749 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f749:focus {outline: none;  } .f749:focus-visible {background: #145585;  outline: none;  } .f749:hover {background: #145585;  } .f749:active {background: #10472E;  } .f749:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f750 {position: fixed;  left: 0px;  right: 0px;  top: 0px;  bottom: 0px;  z-index: 5;  background-color: #F8FCFF;  background-size: contain;  background-position: right;  background-repeat: no-repeat;  } .f751 {background-image: url(/img/bg/bg_auth.svg);  } .f752 {height: 100vh;  width: 100%;  overflow-y: auto;  } .f753 {display: flex;  align-items: center;  justify-content: space-between;  margin: auto;  max-width: 1440px;  height: 100px;  padding: 0 48px;  } .f754 {display: flex;  align-items: center;  gap: 8px;  height: 100%;  min-width: 82px;  margin: 0px;  padding: 16px;  margin-right: auto;  } .f755 {height: 37px;  } .f756 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #1B2637;  } .f757 {display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  background-color: transparent;  cursor: pointer;  } .f758 {width: 100%;  } .f759 {margin: auto;  max-width: 840px;  width: 100%;  padding: 24px 20px 120px 20px;  display: flex;  } .f760 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f761 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f762 {display: flex;  flex-direction: column;  border-top: 1px solid #DFE4EC;  padding: 16px 0 64px 0;  } .f763 {padding-bottom: 40px;  } .f762:last-child {padding-bottom: 0px;  } .f764 {margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f765 {display: flex;  flex-direction: row;  gap: 32px;  } .f766 {display: flex;  flex-direction: column;  flex: 1;  } .f767 {margin: 0px;  margin-bottom: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f767:last-child {margin-bottom: 0px;  } .f768 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f769 {margin-bottom: 12px;  } .f770 {height: 160px;  padding: 12px 16px;  margin-bottom: 24px;  resize: none;  } .f770:last-child {margin-bottom: 0px;  } .f771 {position: relative;  display: flex;  align-items: center;  flex-direction: row;  margin-bottom: 12px;  } .f771:last-child {margin-bottom: 0px;  } .f772 {align-items: flex-end;  padding-top: 24px;  } .f773 {display: flex;  gap: 14px;  } .f774 {color: #DADFE7;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f775 {border: 2px solid #EBEFF6;  background: #AAB5C6;  color: #EBEFF6;  } .f776 {color: #AAB5C6;  background-color: #EBEFF6;  } .f777 {} .f778 {} .f779 {} .f780 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f781 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  cursor: pointer;  } .f781:focus {background: #145585;  outline: none;  } .f781:hover {background: #1D6591;  } .f781:active {background: #0B4578;  } .f781:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f782 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  display: flex;  align-items: center;  justify-content: center;  z-index: 10;  overflow-y: auto;  } .f783 {width: auto;  max-width: 640px;  padding: 32px;  margin: auto;  border-radius: 32px;  background: #FFFFFF;  background-image: url(/img/bg/bg_congratulations.jpg);  background-size: 100% auto;  background-repeat: no-repeat;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f784 {display: flex;  flex-direction: row;  margin-bottom: 24px;  } .f785 {margin: 0px;  margin-right: auto;  color: #1B2637;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f786 {height: 48px;  width: 48px;  min-width: 48px;  background-color: transparent;  cursor: pointer;  } .f787 {width: 100%;  } .f788 {margin: 0px;  margin-bottom: 24px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f789 {margin-bottom: 24px;  } .f790 {margin-bottom: 48px;  } .f791 {color: #DADFE7;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  text-decoration-line: line-through;  margin-left: 8px;  } .f792 {display: flex;  align-items: flex-end;  } .f793 {position: relative;  display: flex;  flex-direction: row;  max-width: 100%;  height: 211px;  padding: 12px;  border-radius: 32px;  text-decoration: none;  color: inherit;  background: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f793:focus {outline: 2px solid #1D6591;  } .f794 {display: flex;  align-items: center;  justify-content: center;  width: 268px;  min-width: 268px;  height: auto;  overflow: hidden;  border-radius: 24px;  background-color: #F8FCFF;  } .f795 {width: 100%;  } .f796 {position: absolute;  top: 20px;  left: 228px;  display: flex;  align-items: center;  justify-content: center;  width: 44px;  height: 44px;  border-radius: 22px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f797 {display: flex;  flex-wrap: wrap;  margin: 0px;  } .f798 {display: flex;  justify-content: center;  align-items: center;  margin: 0px 8px 0px 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f799 {position: relative;  display: flex;  height: 191px;  flex-direction: column;  padding-left: 16px;  gap: 8px;  } .f800 {margin: 0px;  height: 70px;  overflow: hidden;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f801 {position: absolute;  bottom: 12px;  left: 296px;  display: flex;  align-items: flex-end;  } .f802 {display: flex;  flex-direction: column;  gap: 2px;  } .f803 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f804 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f805 {display: flex;  flex-wrap: wrap;  gap: 12px;  max-width: 912px;  } .f806 {position: relative;  display: flex;  max-width: 120px;  width: 100%;  height: 140px;  border-radius: 16px;  border: 2px solid transparent;  overflow: hidden;  outline: none;  text-decoration: none;  color: inherit;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;  } .f806:focus {border: 2px solid #1D6591;  background-color: #EBEFF6;  } .f806:focus-visible {border: 2px solid #1D6591;  outline: none;  background-color: #EBEFF6;  } .f806:hover {border: 2px solid transparent;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f806:active {border: 2px solid #2F86AA;  background-color: #FFFFFF;  } .f807 {border: 2px solid #2F86AA;  background: #FFFFFF;  } .f807:hover {border: 2px solid #2F86AA;  background: #FFFFFF;  } .f808 {width: 100%;  } .f809 {position: absolute;  bottom: 0px;  display: flex;  align-items: flex-end;  justify-content: flex-start;  padding: 8px 8px 5px 10px;  width: 100%;  margin: 0px;  hyphens: auto;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f810 {list-style: none;  padding: 0px;  margin: 0px;  } .f811 {margin: 0px;  text-decoration: none;  color: inherit;  } .f812 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f813 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f813:focus {outline: 4px solid transparent;  } .f813:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f813:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f813:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f813:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f814 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f814:focus {outline: 4px solid transparent;  } .f814:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f814:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f814:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f814:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f815 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f815:focus {outline: 4px solid transparent;  } .f815:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f815:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f815:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f815:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f816 {margin: 0px;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f817 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f818 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f819 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f820 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f821 {color: #243042;  } .f822 {color: #485B74;  } .f823 {color: #3A4C64;  } .f824 {color: #64748B;  } .f825 {color: #AAB5C6;  } .f826 {position: relative;  display: flex;  justify-content: center;  flex: 1;  padding: 24px 16px 0 24px;  gap: 24px;  width: 100%;  max-width: 1340px;  overflow-y: auto;  } .f827 {position: absolute;  display: flex;  flex-direction: column;  align-items: flex-start;  width: 100%;  max-width: 615px;  padding: 0 16px 0 24px;  } .f828 {margin-bottom: 16px;  } .f829 {display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;  width: 100%;  height: 100%;  padding-bottom: 128px;  } .f830 {margin-bottom: 16px;  } .f831 {margin-bottom: 16px;  } .f832 {display: flex;  gap: 16px;  padding-top: 40px;  } .f833 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  margin-bottom: 16px;  } .f834 {position: relative;  } .f835 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  padding: 12px 64px 12px 20px;  outline: 1px solid #EBEFF6;  border-radius: 16px;  background-color: #FFFFFF;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f835:focus {outline: 1px solid #1D6591;  } .f835:hover {outline: 1px solid #DFE4EC;  } .f835:active {outline: 1px solid #1D6591;  } .f836 {outline: 1px solid #1D6591;  } .f837 {text-align: left;  } .f838 {position: absolute;  top: 50%;  right: 24px;  width: 24px;  height: 24px;  background-color: #FFFFFF;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  transform: translateY(-50%);  opacity: 0;  transition: opacity 0.3s ease-in-out;  cursor: pointer;  } .f834:focus-within .f838 {opacity: 1;  } .f834:hover .f838 {opacity: 1;  } .f839 {background-image: url('/img/icon/icon_trash-red.svg');  } .f840 {display: flex;  } .f841 {color: #FF4F3F;  } .f841:after {position: absolute;  top: 50%;  right: 24px;  content: '';  display: block;  width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  background-image: url('/img/icon/icon_warning-red.svg');  transform: translateY(-50%);  } .f842 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  height: calc( 100vh - 72px );  } .f842:last-child {display: flex;  flex: 1;  width: 100%;  } .f843 {display: flex;  flex: initial;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f844 {display: flex;  justify-content: space-between;  align-items: center;  } .f845 {display: flex;  justify-content: flex-start;  align-items: center;  padding-left: 44px;  min-height: 33px;  background-position: left;  background-repeat: no-repeat;  background-size: 32px;  } .f846 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f847 {margin: 0px;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f848 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  } .f848 > div {display: flex;  flex: 1;  width: 100%;  } .f849 {background-image: url('/img/icon/icon_warning-orange.svg');  } .f850 {background-image: url('/img/icon/icon_time-l-gray.svg');  } .f851 {list-style: none;  padding: 0px;  margin: 0px;  } .f852 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f853 {display: flex;  align-items: center;  gap: 4px;  } .f854 {display: flex;  align-items: center;  gap: 12px;  padding: 4px 52px 4px 4px;  border-radius: 16px;  background-color: #C2E3EF;  background-size: 24px;  background-position: right 16px center;  background-repeat: no-repeat;  cursor: pointer;  } .f855 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f856 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f857 {position: absolute;  width: 100%;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  } .f858 {margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f859 {position: absolute;  top: 83px;  right: 156px;  display: flex;  width: 100%;  max-width: 260px;  padding: 8px 0;  border-radius: 24px;  overflow: hidden;  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f860 {display: flex;  flex-direction: column;  gap: 2px;  overflow-y: auto;  width: 100%;  } .f861 {width: 100%;  } .f862 {display: flex;  align-items: center;  gap: 8px;  padding: 4px 12px;  width: 100%;  cursor: pointer;  } .f862:hover {background-color: #EBEFF6;  } .f862:active {background-color: transparent;  } .f862:active .f858 {color: #1D6591;  } .f863 {display: flex;  flex-direction: column;  } .f864 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f865 {margin: 0px;  padding-left: 40px;  padding-top: 8px;  padding-bottom: 4px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #64748B;  } .f866 {display: flex;  flex-direction: column;  } .f867 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f868 {margin: 0px;  padding-left: 40px;  padding-top: 8px;  padding-bottom: 4px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #64748B;  } .f869 {position: relative;  display: inline-block;  margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f870 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 146.25px;  gap: 8px;  max-width: 718px;  width: 100%;  padding-bottom: 8px;  padding-top: 4px;  } .f870 div {margin-bottom: 0px;  max-height: 100%;  height: 100%;  } .f870 > div > div > div {border-radius: 16px;  background-color: #DADFE7;  } .f871::-webkit-media-controls {display: none;  } .f872 {position: relative;  } .f873 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f874 {position: reltive;  list-style: none;  padding: 0px;  margin: 0px;  } .f875 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f875:focus {outline: 4px solid transparent;  } .f875:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f875:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f875:active {outline: 4px solid transparent;  background: #DADFE7;  } .f875:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f876 {text-decoration: none;  color: inherit;  } .f877 {display: flex;  flex-direction: column;  gap: 32px;  } .f878 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f879 {display: flex;  flex-direction: column;  gap: 32px;  } .f880 {position: relative;  display: flex;  flex-direction: column;  } .f881 {position: relative;  display: flex;  flex-direction: column;  } .f882 {position: relative;  display: flex;  flex-direction: column;  } .f883 {position: relative;  display: flex;  column-gap: 12px;  } .f884 {margin-bottom: 8px;  } .f885 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  width: 48px;  min-width: 48px;  height: 48px;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f886 {width: 100%;  } .f887 {position: relative;  display: flex;  flex-direction: column;  justify-content: center;  gap: 2px;  } .f888 {position: absolute;  top: 50%;  right: 0px;  padding: 4px;  border-radius: 99px;  color: #576A84;  background-color: #F8FCFF;  opacity: 0;  transform: translateY(-50%);  cursor: pointer;  transition: opacity 0.3s ease-in-out;  } .f883:hover .f888 {opacity: 1;  } .f889 {display: flex;  flex-direction: row;  align-items: flex-end;  gap: 8px;  } .f890 {display: inline-block;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f891 {display: block;  margin: 0px;  padding-left: 20px;  white-space: nowrap;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-size: 16px;  background-repeat: no-repeat;  background-position: 1px 3px;  } .f892 {background-image: url('/img/icon/icon_arrow-up-gray.svg');  } .f893 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f894 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  padding: 0 8px;  height: 22px;  border-radius: 24px;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f895 {margin: 0px;  margin-bottom: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f896 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f897 {display: flex;  align-items: center;  color: #64748B;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f898 {padding-left: 8px;  } .f899 {margin-right: 4px;  } .f900 {width: 20px;  height: 20px;  fill: #AAB5C6;  } .f901 {margin: 0px;  color: #FF4F3F;  } .f902 {color: #1D6591;  } .f903 {color: #FF4F3F;  } .f903 .f901 {display: block;  } .f904 {padding-left: 24px;  padding-top: 24px;  padding-bottom: 24px;  gap: 24px;  } .f904 .f880:last-child {padding-bottom: 32px;  } .f905 {display: flex;  } .f906 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 14px;  outline: none;  border: 2px solid #3A4C64;  text-decoration: none;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #3A4C64;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;  cursor: pointer;  } .f906:focus {outline: none;  } .f906:focus-visible {background: #243042;  border: 2px solid #576A84;  outline: none;  } .f906:hover {background: #243042;  border: 2px solid #243042;  } .f906:active {background: #1B2637;  } .f906:disabled {opacity: 0.4;  background: #3A4C64;  } .f907 {position: relative;  overflow: hidden;  } .f908 {position: absolute;  display: block;  width: 100%;  height: 100%;  background-color: #EBEFF6;  } .f909 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  } .f910 {display: flex;  align-items: center;  gap: 16px;  width: 100%;  padding: 20px 24px;  border-radius: 24px;  border: 1px solid #DFE4EC;  } .f911 {padding: 12px;  border-radius: 99px;  color: #576A84;  background-color: #EBEFF6;  } .f912 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f913 {display: flex;  flex-direction: column;  padding: 16px 0;  } .f914 {list-style: none;  padding: 0px;  margin: 0px;  } .f915 {text-decoration: none;  color: inherit;  } .f916 {display: flex;  flex-direction: column;  } .f917 {margin: 0px;  margin-bottom: 32px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f918 {display: flex;  flex-direction: column;  } .f919 {display: flex;  flex-direction: column;  gap: 8px;  } .f920 {display: flex;  } .f921 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  width: 48px;  min-width: 48px;  height: 48px;  margin-right: 12px;  } .f922 {width: 100%;  } .f923 {display: flex;  flex-direction: column;  gap: 2px;  } .f924 {display: flex;  flex-direction: row;  gap: 8px;  } .f925 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f926 {display: block;  margin: 0px;  padding-left: 20px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-size: 16px;  background-repeat: no-repeat;  background-position: 1px 3px;  } .f927 {background-image: url('/img/icon_arrow-up-gray.svg');  } .f928 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f929 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  padding: 0 8px;  height: 22px;  border-radius: 24px;  color: #145585;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f930 {color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f931 {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  margin-right: 12px;  } .f932 {display: flex;  align-items: center;  gap: 4px;  margin-right: 8px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f932:last-child {margin-right: 0px;  } .f933 {width: 20px;  height: 20px;  fill: #AAB5C6;  } .f934 {margin: 0px;  color: #FF4F3F;  } .f935 {color: #2F86AA;  } .f935 .f933 {fill: #2F86AA;  } .f936 {color: #FF4F3F;  } .f936 .f933 {fill: #FF4F3F;  } .f937 {padding-left: 24px;  padding-top: 24px;  gap: 24px;  } .f938 {padding: 0px;  border: none;  background-color: inherit;  } .f939 {min-height: 147px;  border-radius: 16px;  padding: 12px 16px 68px 24px;  border: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f940 {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f941 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 14px;  outline: none;  border: 2px solid #3A4C64;  text-decoration: none;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #3A4C64;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;  cursor: pointer;  } .f941:focus {outline: none;  } .f941:focus-visible {background: #243042;  border: 2px solid #576A84;  outline: none;  } .f941:hover {background: #243042;  border: 2px solid #243042;  } .f941:active {background: #1B2637;  } .f941:disabled {opacity: 0.4;  background: #3A4C64;  } .f942 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f943 {list-style: none;  padding: 0px;  margin: 0px;  } .f944 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f944:focus {outline: 4px solid transparent;  } .f944:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f944:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f944:active {outline: 4px solid transparent;  background: #DADFE7;  } .f944:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f945 {display: flex;  flex-direction: column;  } .f946 {display: flex;  column-gap: 12px;  } .f947 {margin-bottom: 8px;  } .f948 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  width: 48px;  min-width: 48px;  height: 48px;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f949 {width: 100%;  } .f950 {display: flex;  flex-direction: column;  justify-content: center;  gap: 2px;  } .f951 {display: flex;  flex-direction: row;  align-items: flex-end;  gap: 8px;  } .f952 {display: inline-block;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f953 {display: block;  margin: 0px;  padding-left: 20px;  white-space: nowrap;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-size: 16px;  background-repeat: no-repeat;  background-position: 1px 3px;  } .f954 {background-image: url('/img/icon/icon_arrow-up-gray.svg');  } .f955 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f956 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  padding: 0 8px;  height: 22px;  border-radius: 24px;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f957 {margin: 0px;  margin-bottom: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f958 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f959 {list-style: none;  padding: 0px;  margin: 0px;  } .f960 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f960:focus {outline: 4px solid transparent;  } .f960:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f960:hover {border: 2px solid transparent;  background: #243042;  } .f960:active {border: 2px solid transparent;  background: #3A4C64;  } .f960:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f961 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f961:focus {outline: 4px solid transparent;  } .f961:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f961:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f961:active {outline: 4px solid transparent;  background: #DADFE7;  } .f961:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f962 {display: none;  } .f963 {display: flex;  flex-direction: column;  } .f964 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  } .f965 {width: 100%;  min-height: 148px;  padding: 0 20px 64px 20px;  border-radius: 16px;  border: 1px solid #DFE4EC;  color: #243042;  background-color: #FFFFFF;  } .f966 {display: flex;  width: 100%;  padding-top: 20px;  padding-bottom: 16px;  } .f967 {display: flex;  flex-direction: column;  width: 100%;  padding: 12px 16px;  border-radius: 12px;  background-color: #EBEFF6;  } .f968 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f969 {width: 100%;  min-height: 72px;  outline: none;  border: none;  padding: 12px 0 0 0;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: text;  color: #3A4C64;  background-color: transparent;  resize: none;  } .f969:focus {border: none;  outline: none;  } .f969::placeholder {color: #AAB5C6;  white-space: pre-wrap;  word-break: break-word;  } .f970 {position: absolute;  bottom: 12px;  right: 12px;  display: flex;  gap: 12px;  } .f971 {position: absolute;  bottom: 20px;  left: 20px;  color: #1D6591;  cursor: pointer;  } .f972 {width: 100%;  } .f973 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 151px;  grid-gap: 12px;  } .f974 {position: relative;  display: flex;  flex-direction: column;  overflow: hidden;  } .f975 {position: absolute;  left: 0px;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f976 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  justify-content: space-between;  width: 100%;  overflow: hidden;  border-radius: 12px;  background-color: #FFFFFF;  } .f977 {position: relative;  display: flex;  gap: 8px;  justify-content: space-between;  align-items: center;  padding-left: 8px;  } .f978 {position: relative;  display: flex;  align-items: center;  min-height: 26px;  padding: 0 8px;  } .f979 {position: absolute;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  border-radius: 16px;  opacity: 0.6;  } .f980 {background-color: #FFFFFF;  } .f981 {position: relative;  margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f982 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 8px;  color: #243042;  cursor: pointer;  } .f983 {position: absolute;  top: 4px;  left: 4px;  bottom: 4px;  right: 4px;  border-radius: 8px;  opacity: 0.6;  } .f984 {position: relative;  display: flex;  color: #1B2637;  } .f985 {display: flex;  flex: 1;  } .f986 {position: absolute;  top: 50%;  left: 50%;  display: flex;  justify-content: center;  align-items: center;  padding: 6.5px;  transform: translate(-50%, -50%);  } .f987 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f988 {left: 3px;  } .f989 {position: relative;  color: #1B2637;  } .f990 {display: flex;  justify-content: flex-end;  align-items: center;  padding: 8px;  } .f991 {display: block;  width: 100%;  min-height: 30px;  margin: 0px;  padding: 6px 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #243042;  } .f992 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 0 4px;  } .f993 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f994 {position: relative;  margin: 0px;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  color: #243042;  } .f995 {margin: 0px;  text-decoration: none;  color: inherit;  } .f996 {display: flex;  align-items: flex-end;  padding-top: 16px;  gap: 4px;  } .f997 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #64748B;  } .f998 {display: flex;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #1D6591;  } .f999 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f1000 {position: absolute;  z-index: 101;  } .f1001 {display: flex;  flex-direction: column;  background-color: #FFFFFF;  border-radius: 10px;  box-shadow: 0 10px 20px rgb(64 64 64 / 5%);  padding: 10px 0;  } .f1002 {border: 0px;  padding: 10px 30px 10px 15px;  width: 100%;  display: flex;  align-items: center;  position: relative;  text-decoration: unset;  color: #000;  font-weight: 500;  transition: 0.5s linear;  -webkit-transition: 0.5s linear;  -moz-transition: 0.5s linear;  -ms-transition: 0.5s linear;  -o-transition: 0.5s linear;  cursor: pointer;  } .f1002:hover {background: #f1f3f7;  } .f1003 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1004 {display: flex;  flex-direction: column;  align-items: center;  padding: 24px;  width: 368px;  min-height: 544px;  border-radius: 24px;  justify-content: space-between;  background-color: #FFFFFF;  background-size: cover;  } .f1005 {background-image: url(/img/bg/bg_start_colum02.svg);  } .f1006 {display: flex;  flex-direction: column;  width: 100%;  } .f1007 {display: flex;  justify-content: flex-end;  min-height: 16px;  } .f1008 {display: flex;  flex-direction: column;  align-items: center;  gap: 12px;  } .f1009 {width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: cover;  background-position: center;  } .f1010 {background-image: url('/img/icon/icon_shopping-cart.svg');  } .f1011 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1012 {display: flex;  flex-direction: column;  align-items: center;  gap: 4px;  } .f1013 {margin: 0px;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f1014 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  text-decoration: line-through;  } .f1015 {color: #243042;  } .f1016 {display: flex;  flex-direction: row;  gap: 8px;  align-items: center;  margin-top: 24px;  height: 44px;  padding: 0 24px;  border-radius: 24px;  background-color: #C2E3EF;  } .f1017 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1018 {color: #145585;  } .f1019 {padding: 0 16px;  } .f1020 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 25px;  height: 25px;  min-width: 25px;  } .f1021 {position: absolute;  width: 100%;  opasity: 1;  transition: width 0.4s ease-in-out;  } .f1022 {position: absolute;  width: 0%;  opacity: 1;  transition: width 0.4s ease-in-out;  } .f1019:hover .f1021 {width: 0%;  } .f1019:hover .f1022 {width: 100%;  } .f1023 {cursor: pointer;  } .f1024 {cursor: pointer;  } .f1025 {cursor: pointer;  } .f1026 {position: relative;  height: 24px;  width: 24px;  min-width: 24px;  } .f1027 {padding: 0 16px;  min-height: 54px;  height: 54px;  border-radius: 12px;  background-color: #FFFFFF;  border: none;  outline: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f1027::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1027:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f1027:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f1027:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f1027:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f1027:invalid {outline: 1px solid #FF4F3F;  } .f1028 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f1029 {display: flex;  flex-direction: column;  min-height: 287px;  padding-top: 40px;  } .f1030 {margin-bottom: 24px;  } .f1031 {background-color: #FFF6F5;  outline: 2px solid #FF4F3F;  } .f1032 {margin: 0px;  padding-top: 8px;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1033 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  width: 100%;  gap: 8px;  padding-top: 20px;  } .f1034 {padding: 0 30px;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1035 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  margin-bottom: 8px;  } .f1036 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f1036:focus {outline: none;  } .f1036:focus-visible {background: #145585;  outline: none;  } .f1036:hover {background: #145585;  } .f1036:active {background: #10472E;  } .f1036:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f1037 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  border: 2px solid #1B2637;  text-decoration: none;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: transparent;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f1037:focus {outline: none;  } .f1037:focus-visible {background-color: #88C9E0;  outline: none;  } .f1037:hover {background-color: #C2E3EF;  } .f1037:active {background-color: #5DB4D2;  } .f1037:disabled {border: 2px solid #AAB5C6;  background: #FFFFFF;  color: #AAB5C6;  } .f1038 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-height: 64px;  width: 100%;  padding: 5px 48px;  border-radius: 12px;  outline: 4px solid transparent;  outline-offset: -2px;  border: 2px solid #000000;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #000000;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1038:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #243042;  background-color: #243042;  } .f1038:hover {outline: 4px solid transparent;  border: 2px solid #243042;  background-color: #243042;  } .f1038:active {outline: 4px solid transparent;  border: 2px solid #3A4C64;  background-color: #3A4C64;  } .f1038:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background-color: #EBEFF6;  } .f1039 {color: #DADFE7;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  text-decoration-line: line-through;  margin-left: 8px;  } .f1040 {display: flex;  align-items: flex-end;  } .f1041 {position: relative;  display: block;  max-width: 308px;  height: 415px;  padding: 12px 12px 24px 12px;  border-radius: 32px;  outline: 2px solid transparent;  text-decoration: none;  color: inherit;  background: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f1041:hover {outline: 2px solid transparent;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f1041:focus {outline: 2px solid #1D6591;  } .f1042 {position: relative;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  overflow: hidden;  padding-top: 62.5%;  margin-bottom: 10px;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f1043 {background-image: url('/img/bg/card_paid_img02.svg');  } .f1044 {position: absolute;  height: 120%;  min-height: 120%;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  filter: blur(20px);  } .f1045 {position: absolute;  width: 100%;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  } .f1046 {position: absolute;  top: 168px;  right: 24px;  display: flex;  align-items: center;  justify-content: center;  width: 44px;  height: 44px;  border-radius: 22px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f1047 {display: flex;  flex-wrap: wrap;  margin: 0px;  } .f1048 {display: flex;  justify-content: center;  align-items: center;  margin: 0px 8px 0px 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f1049 {position: relative;  display: flex;  height: 191px;  flex-direction: column;  padding: 0px 12px;  gap: 12px;  } .f1050 {margin: 0px;  height: 70px;  overflow: hidden;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1051 {position: absolute;  bottom: 24px;  left: 24px;  display: flex;  align-items: flex-end;  } .f1052 {display: flex;  flex-direction: column;  gap: 2px;  } .f1053 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1054 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1055 {} .f1056 {list-style-type: none;  padding: 0px;  } .f1057 {padding: 80px 72px 120px 72px;  gap: 56px;  margin-bottom: 80px;  border-radius: 40px;  background-color: #FFFFFF;  background-size: cover;  background-repeat: no-repeat;  background-image: url(/img/bg/bg_course-program.svg);  } .f1058 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  } .f1059 {display: flex;  flex-direction: row;  align-items: center;  justify-content: flex-start;  } .f1060 {width: 148px;  } .f1061 {position: relative;  display: flex;  flex-direction: row;  align-items: center;  justify-content: flex-start;  gap: 4px;  } .f1062 {width: 88px;  height: 18px;  } .f1063 {position: absolute;  display: flex;  align-items: center;  justify-content: flex-start;  overflow: hidden;  } .f1064 {margin-top: 56px;  } .f1065 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f1066 {margin: 0px 0px 0px 12px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1067 {margin-bottom: 32px;  } .f1068 {margin-top: 16px;  } .f1069 {display: flex;  flex-direction: row;  } .f1070 {margin: 0px 0px 2px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1071 {width: 4px;  min-height: 100%;  margin-right: 12px;  border-radius: 4px;  background: #1D6591;  } .f1072 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f1073 {margin: 0px;  padding-top: 4px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1074 {margin: 56px 0px 0px 0px;  cursor: pointer;  color: #1D6591;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f1075 {list-style: none;  padding: 0px;  margin: 0px;  } .f1076 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1077 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1078 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1078:focus {outline: 4px solid transparent;  } .f1078:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f1078:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f1078:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f1078:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1079 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1079:focus {outline: 4px solid transparent;  } .f1079:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f1079:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f1079:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f1079:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f1080 {display: flex;  padding: 20px 40px;  border-bottom: 1px solid #EBEFF6;  } .f1081 {display: flex;  flex: 1;  width: 100%;  padding: 24px 16px 16px 40px;  } .f1082 {display: flex;  gap: 12px;  } .f1083 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f1084 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1085 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f1086 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1087 {display: flex;  flex: 1;  justify-content: space-between;  gap: 24px;  width: 100%;  max-width: 1356px;  margin: 0 auto;  padding: 24px 16px 0 40px;  } .f1088 {position: relative;  display: flex;  flex-direction: column;  max-width: 980px;  width: 100%;  overflow-y: auto;  } .f1088::-webkit-scrollbar {width: 0 !important;  background: transparent;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  } .f1089 {position: absolute;  display: flex;  flex-direction: column;  flex: 1;  gap: 40px;  width: 100%;  } .f1090 {display: flex;  flex-direction: column;  gap: 12px;  } .f1091 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1092 {display: flex;  gap: 8px;  flex-wrap: wrap;  } .f1093 {display: flex;  flex-direction: column;  gap: 8px;  width: 180px;  padding: 12px 16px;  border-radius: 16px;  background-color: #FFFFFF;  outline: 1px solid #EBEFF6;  } .f1094 {position: relative;  display: flex;  overflow: hidden;  max-width: 280px;  min-width: 280px;  flex: 1;  padding: 16px 0;  margin-bottom: 16px;  border-radius: 24px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f1095 {position: absolute;  display: flex;  width: 102%;  height: calc(100% - 32px);  padding-left: 16px;  flex: 1;  overflow-y: auto;  transition: width 0.4s ease-in-out;  } .f1095:hover {width: calc(100% - 4px);  } .f1096 {display: flex;  flex-direction: column;  width: 248px;  } .f1097 {display: flex;  flex-direction: column;  gap: 24px;  } .f1098 {display: flex;  flex-direction: column;  gap: 16px;  } .f1099 {display: flex;  flex-direction: column;  gap: 2px;  } .f1100 {margin-bottom: auto;  } .f1101 {display: flex;  flex-direction: column;  gap: 8px;  } .f1102 {display: flex;  align-items: center;  justify-content: space-between;  gap: 16px;  padding: 16px;  border-radius: 16px;  background-color: #FFFFFF;  box-shadow: 0 1px 2px 0 rgba(24, 39, 75, 0.08);  } .f1103 {display: flex;  flex-direction: column;  gap: 2px;  } .f1104 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  padding: 2px 8px;  min-height: 25px;  border-radius: 8px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #64748B;  background-color: #EBEFF6;  } .f1105 {color: #1D6591;  background-color: #C2E3EF;  } .f1106 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1107 {display: flex;  flex-direction: column;  gap: 16px;  } .f1108 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1109 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1110 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1111 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1112 {color: #64748B;  } .f1113 {color: #243042;  } .f1114 {color: #AAB5C6;  } .f1115 {bottom: 24px;  display: flex;  justify-content: flex-end;  position: fixed;  margin-top: -98px;  margin-bottom: 24px;  right: 24px;  } .f1116 {position: relative;  display: flex;  align-items: center;  flex-wrap: wrap;  justify-content: space-between;  width: 715px;  padding: 12px 16px 12px 24px;  margin: 0px 24px 0px 0px;  border-radius: 12px;  row-gap: 20px;  background-color: #26759D;  box-shadow: 0px 12px 24px 0px rgba(24, 39, 75, 0.12);  } .f1117 {display: block;  margin: 0 20px 0 0;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1118 {display: flex;  gap: 12px;  } .f1119 {display: flex;  align-items: center;  margin: 0;  text-decoration: none;  } .f1120 {height: 45px;  } .f1121 {list-style: none;  padding: 0px;  margin: 0px;  } .f1122 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1123 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1123:focus {outline: 4px solid transparent;  } .f1123:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f1123:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f1123:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f1123:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1124 {position: relative;  display: flex;  flex-direction: column;  padding: 12px 12px 16px 16px;  width: 100%;  border-radius: 16px;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  background-color: transparent;  } .f1125 {display: flex;  gap: 8px;  margin-bottom: 8.5px;  } .f1126 {display: flex;  flex-direction: column;  align-items: flex-start;  } .f1127 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1128 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1129 {display: flex;  margin: 0px;  width: 100%;  max-height: 46px;  overflow: hidden;  text-align: start;  color: #576A84;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1130 {padding-right: 20px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1130::after {position: absolute;  right: 12px;  bottom: 16px;  content: '';  width: 12px;  height: 12px;  border-radius: 50%;  background-color: #1D6591;  } .f1131 {border: 1px solid #1D6591;  background-color: #FFFFFF;  } .f1132 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #2F86AA;  } .f1133 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1134 {display: flex;  flex: 1;  width: 100%;  max-width: 1170px;  margin: 0 auto;  gap: 24px;  padding: 24px 16px 0 40px;  } .f1135 {position: relative;  flex: 1;  width: 100%;  max-width: 316px;  overflow-y: auto;  } .f1135::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f1136 {position: absolute;  display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f1137 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f1138 {width: 100%;  } .f1139 {display: flex;  flex-direction: column;  gap: 8px;  flex: 1;  width: 100%;  padding-bottom: 16px;  } .f1140 {display: flex;  flex-direction: column;  flex: 1;  overflow-y: hidden;  border-radius: 24px;  border: 1px solid #EBEFF6;  padding: 16px 16px 0 24px;  } .f1141 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1142 {position: relative;  flex: 1;  overflow-y: auto;  } .f1142::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f1143 {position: absolute;  display: flex;  flex-direction: column;  gap: 12px;  width: 100%;  } .f1144 {display: flex;  justify-content: center;  width: 100%;  min-height: 43px;  padding: 8px 0;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1145 {display: flex;  align-items: flex-end;  gap: 8px;  padding-right: 16px;  max-width: 100%;  } .f1146 {display: flex;  flex-direction: column;  max-width: min(480px, calc(100% - 45px));  padding: 12px 12px 8px 16px;  border-radius: 12px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f1147 {display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: flex-start;  margin-bottom: 4px;  } .f1148 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1149 {margin: 0px;  margin-bottom: 4px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1150 {display: flex;  justify-content: flex-end;  width: 100%;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f1151 .f1146 {background-color: #C2E3EF;  } .f1151 .f1147 {padding-right: 20px;  background-size: 16px;  background-repeat: no-repeat;  background-position: center right;  background-image: url('/img/icon/icon_star-green-gradient.svg');  } .f1152 {justify-content: flex-end;  padding-right: 0px;  padding-left: 16px;  } .f1152 .f1132 {display: none;  } .f1152 .f1146 {background-color: #C2E3EF;  } .f1152 .f1147 {justify-content: flex-end;  } .f1152 .f1148 {width: 100%;  } .f1153 {position: relative;  } .f1154 {display: block;  flex-direction: column;  gap: 16px;  padding: 16px 8px 8px 16px;  border-radius: 16px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f1155 {margin: 0px;  resize: none;  width: 100%;  border: 1px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1155::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1156 {display: flex;  justify-content: flex-end;  } .f1157 {position: absolute;  bottom: 8px;  left: 16px;  display: block;  width: 32px;  min-width: 32px;  height: 32px;  background-position: center;  background-repeat: no-repeat;  background-size: 24px;  cursor: pointer;  } .f1158 {background-image: url('/img/icon/icon_paperclip.svg');  } .f1159 {list-style: none;  padding: 0px;  margin: 0px;  } .f1160 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1161 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1161:focus {outline: 4px solid transparent;  } .f1161:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f1161:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f1161:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f1161:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1162 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1162:focus {outline: 4px solid transparent;  } .f1162:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1162:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1162:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1162:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1163 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1163:focus {outline: 4px solid transparent;  } .f1163:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1163:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1163:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1163:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1164 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1164:focus {outline: 4px solid transparent;  } .f1164:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f1164:hover {border: 2px solid transparent;  background: #243042;  } .f1164:active {border: 2px solid transparent;  background: #3A4C64;  } .f1164:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f1165 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #2F86AA;  } .f1166 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1167 {display: flex;  flex: 1;  width: 100%;  max-width: 1170px;  margin: 0 auto;  gap: 40px;  padding: 24px 16px 0 40px;  } .f1168 {display: flex;  margin-bottom: 16px;  } .f1169 {outline-offset: -4px;  } .f1170 {display: flex;  flex-direction: column;  gap: 16px;  width: 100%;  } .f1171 {display: flex;  flex-direction: column;  padding-bottom: 16px;  flex: 1;  width: 100%;  max-width: 280px;  } .f1172 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  overflow-y: hidden;  border-radius: 12px;  border: 1px solid #EBEFF6;  padding: 16px;  } .f1173 {display: flex;  flex-direction: column;  width: 100%;  padding: 4px;  padding-bottom: 24px;  margin-bottom: auto;  } .f1174 {display: flex;  flex-direction: column;  position: relative;  flex: 1;  padding-bottom: 16px;  } .f1175 {display: flex;  flex-direction: column;  position: relative;  flex: 1;  overflow-y: auto;  } .f1175::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f1176 {margin-bottom: 16px;  } .f1177 {position: absolute;  display: flex;  flex-direction: column;  width: 100%;  min-height: 100%;  } .f1178 {display: flex;  gap: 8px;  margin-bottom: 16px;  } .f1179 {display: flex;  align-items: center;  gap: 12px;  margin-bottom: 24px;  } .f1180 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1181 {display: flex;  flex-direction: column;  gap: 16px;  } .f1182 {display: flex;  flex-direction: column;  gap: 8px;  } .f1183 {display: flex;  flex-direction: column;  width: 100%;  } .f1184 {display: flex;  flex-direction: column;  gap: 16px;  } .f1185 {display: flex;  flex-direction: column;  gap: 2px;  } .f1186 {display: flex;  flex-direction: column;  padding: 24px;  border-radius: 16px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f1187 {margin: 0px;  margin-bottom: 16px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f1188 {display: flex;  gap: 16px;  margin-bottom: 16px;  align-items: center;  } .f1189 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #3A4C64;  } .f1190 {border: 1px solid #DFE4EC;  border-radius: 16px;  padding: 12px 12px 0 20px;  } .f1191 {width: 100%;  min-height: 60px;  padding: 0px;  padding-right: 8px;  border: none;  outline: transparent;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: transparent;  } .f1192 {display: flex;  align-items: center;  justify-content: space-between;  padding: 12px 0;  } .f1193 {width: 24px;  min-width: 24px;  height: 24px;  cursor: pointer;  background-repeat: no-repeat;  background-position: center;  background-size: 24px;  } .f1194 {background-image: url('/img/icon/icon_image-green.svg');  } .f1195 {position: relative;  display: flex;  align-items: center;  } .f1196 {width: 36px;  min-width: 36px;  height: 36px;  background-repeat: no-repeat;  background-position: center;  background-size: 24px;  cursor: pointer;  } .f1197 {background-image: url('/img/grade/star_empty.svg');  } .f1198 {background-image: url('/img/grade/star.svg');  } .f1199 {display: flex;  justify-content: center;  align-items: center;  height: 25px;  min-height: 25px;  padding: 2px 8px;  border-radius: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  text-align: center;  white-space: nowrap;  background-color: #EBEFF6;  } .f1200 {color: #1D6591;  background-color: #C2E3EF;  } .f1201 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1202 {cursor: pointer;  } .f1203 .f1204 {background-color: #C2E3EF;  } .f1203 .f1205 {padding-right: 20px;  background-size: 16px;  background-repeat: no-repeat;  background-position: center right;  background-image: url('/img/icon/icon_star-green-gradient.svg');  } .f1206 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1207 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1208 {color: #AAB5C6;  } .f1209 {color: #3A4C64;  } .f1210 {list-style: none;  padding: 0px;  margin: 0px;  } .f1211 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1212 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1212:focus {outline: 4px solid transparent;  } .f1212:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f1212:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f1212:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f1212:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1213 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1213:focus {outline: 4px solid transparent;  } .f1213:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1213:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1213:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1213:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1214 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1214:focus {outline: 4px solid transparent;  } .f1214:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1214:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1214:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1214:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1215 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1215:focus {outline: 4px solid transparent;  } .f1215:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f1215:hover {border: 2px solid transparent;  background: #243042;  } .f1215:active {border: 2px solid transparent;  background: #3A4C64;  } .f1215:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f1216 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #2F86AA;  } .f1217 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1218 {display: flex;  flex: 1;  width: 100%;  max-width: 1170px;  margin: 0 auto;  gap: 40px;  padding: 24px 16px 0 40px;  } .f1219 {display: flex;  margin-bottom: 24px;  } .f1220 {outline-offset: -4px;  } .f1221 {display: flex;  flex-direction: column;  padding-bottom: 16px;  flex: 1;  width: 100%;  max-width: 280px;  } .f1222 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  overflow-y: hidden;  border-radius: 12px;  border: 1px solid #EBEFF6;  padding: 16px;  } .f1223 {display: flex;  flex-direction: column;  width: 100%;  padding: 4px;  padding-bottom: 24px;  margin-bottom: auto;  } .f1224 {display: flex;  flex-direction: column;  position: relative;  flex: 1;  padding-bottom: 16px;  } .f1225 {display: flex;  flex-direction: column;  position: relative;  flex: 1;  overflow-y: auto;  } .f1225:last-child {margin-bottom: 0px;  } .f1225::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f1226 {margin-bottom: 16px;  } .f1227 {margin-bottom: 24px;  } .f1228 {position: absolute;  display: flex;  flex-direction: column;  width: 100%;  min-height: 100%;  } .f1229 {display: flex;  flex-direction: column;  gap: 24px;  } .f1230 {display: flex;  flex-direction: column;  gap: 16px;  } .f1231 {display: flex;  flex-direction: column;  gap: 16px;  } .f1232 {display: flex;  gap: 8px;  margin-bottom: 16px;  } .f1233 {display: flex;  align-items: center;  gap: 12px;  } .f1234 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f1235 {display: flex;  align-items: center;  gap: 8px;  } .f1236 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1237 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1238 {display: flex;  flex-direction: column;  gap: 16px;  } .f1239 {display: flex;  flex-direction: column;  gap: 8px;  } .f1240 {display: flex;  flex-direction: column;  width: 100%;  } .f1241 {display: flex;  flex-direction: column;  gap: 16px;  } .f1242 {display: flex;  flex-direction: column;  gap: 2px;  } .f1243 {display: flex;  flex-direction: column;  } .f1244 {display: flex;  justify-content: center;  align-items: center;  height: 25px;  min-height: 25px;  padding: 2px 8px;  border-radius: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  text-align: center;  white-space: nowrap;  background-color: #EBEFF6;  } .f1245 {color: #1D6591;  background-color: #C2E3EF;  } .f1246 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1247 {cursor: pointer;  } .f1248 .f1249 {background-color: #C2E3EF;  } .f1248 .f1250 {padding-right: 20px;  background-size: 16px;  background-repeat: no-repeat;  background-position: center right;  background-image: url('/img/icon/icon_star-green-gradient.svg');  } .f1251 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1252 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1253 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1254 {color: #AAB5C6;  } .f1255 {color: #3A4C64;  } .f1256 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1257 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1258 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1258:focus {outline: 4px solid transparent;  } .f1258:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1258:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1258:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1258:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1259 {position: relative;  display: flex;  justify-content: center;  flex: 1;  overflow-y: auto;  } .f1260 {position: absolute;  display: flex;  flex-direction: column;  align-items: center;  gap: 16px;  width: 100%;  max-width: 816px;  padding: 24px 24px 128px 24px;  } .f1261 {display: flex;  flex-direction: column;  width: 100%;  padding: 20px;  border-radius: 24px;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  background-color: #FFFFFF;  } .f1262 {display: flex;  justify-content: space-between;  margin-bottom: 12px;  } .f1263 {display: flex;  gap: 12px;  } .f1264 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #2F86AA;  } .f1265 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1266 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f1267 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1268 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1269 {margin-bottom: 20px;  } .f1270 {display: flex;  flex-direction: column;  gap: 12px;  } .f1271 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1272 {display: flex;  gap: 16px;  justify-content: space-between;  align-items: center;  width: 100%;  } .f1273 {display: flex;  gap: 8px;  align-items: center;  } .f1274 {display: block;  padding: 3px 12px 3px 32px;  min-height: 30px;  min-width: 30px;  border-radius: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #EBEFF6;  background-size: 16px;  background-repeat: no-repeat;  background-position: left 12px center;  cursor: pointer;  } .f1275 {background-image: url('/img/icon/icon_like-d-gray-small.svg');  } .f1276 {color: #1D6591;  background-color: #C2E3EF;  background-image: url('/img/icon/icon_like-green-small.svg');  } .f1277 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f1278 {display: flex;  justify-content: space-between;  align-items: center;  padding: 12px 12px 12px 20px;  border-radius: 12px;  border: 1px solid #EBEFF6;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f1279 {display: flex;  align-items: center;  margin: 0px;  padding: 6px 16px;  min-height: 40px;  border-radius: 12px;  background-color: #EBEFF6;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1280 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1281 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1281:focus {outline: 4px solid transparent;  } .f1281:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1281:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1281:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1281:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1282 {display: flex;  height: 50px;  min-height: 50px;  padding: 5px 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #FF4F3F;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #FF4F3F;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1282:focus {outline: 4px solid transparent;  } .f1282:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FF1A05;  } .f1282:hover {border: 2px solid #FF1A05;  outline: 4px solid transparent;  background: #FF1A05;  } .f1282:active {border: 2px solid #E01300;  outline: 4px solid transparent;  background: #E01300;  } .f1282:disabled {border: 2px solid #EBEFF6;  outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1283 {position: fixed;  display: flex;  justify-content: center;  align-items: center;  height: 100%;  width: 100%;  } .f1284 {position: absolute;  height: 100%;  width: 100%;  background-color: #000000;  opacity: 0.5;  } .f1285 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  max-width: 600px;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  } .f1286 {display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 16px;  gap: 16px;  } .f1287 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1288 {width: 32px;  min-width: 32px;  height: 32px;  background-repeat: no-repeat;  background-position: center;  background-size: 20px;  cursor: pointer;  } .f1289 {background-image: url('/img/icon/icon_closed-skinny.svg');  } .f1290 {margin: 0px;  margin-bottom: 24px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1291 {display: flex;  justify-content: flex-end;  align-items: center;  width: 100%;  gap: 8px;  } .f1292 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1293 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f1294 {position: absolute;  } .f1295 {position: fixed;  top: 0px;  left: 0px;  display: flex;  justify-content: center;  height: 100vh;  width: 100vw;  padding: 48px 24px 24px 24px;  background-color: #F8FCFF;  } .f1296 {padding-right: 8px;  width: 100%;  } .f1297 {display: flex;  flex-direction: column;  width: 100%;  max-width: 768px;  } .f1298 {display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 16px;  gap: 16px;  } .f1299 {display: flex;  gap: 12px;  } .f1300 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1301 {color: #3A4C64;  } .f1302 {color: #3A4C64;  cursor: pointer;  } .f1303 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1304 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1305 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1306 {position: relative;  display: flex;  justify-content: center;  flex: 1;  overflow-y: auto;  } .f1307 {position: absolute;  display: flex;  flex-direction: column;  align-items: center;  gap: 24px;  width: 100%;  max-width: 816px;  padding: 24px 24px 128px 24px;  } .f1308 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f1309 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1310 {display: flex;  justify-content: space-between;  gap: 16px;  width: 100%;  padding: 16px;  border-radius: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  cursor: pointer;  } .f1311 {display: flex;  gap: 12px;  } .f1312 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f1313 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1314 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f1315 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1316 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1317 {margin-bottom: 20px;  } .f1318 {display: flex;  gap: 16px;  justify-content: space-between;  align-items: center;  width: 100%;  } .f1319 {display: flex;  gap: 8px;  align-items: center;  } .f1320 {display: flex;  justify-content: center;  align-items: center;  height: 25px;  min-height: 25px;  padding: 2px 8px;  border-radius: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  text-align: center;  white-space: nowrap;  background-color: #EBEFF6;  cursor: pointer;  } .f1321 {color: #1D6591;  background-color: #C2E3EF;  } .f1322 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1323 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1324 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1325 {position: relative;  z-index: 1;  display: flex;  flex-direction: column;  min-height: 140px;  padding: 40px;  gap: 40px;  background-color: #000000;  } .f1326 {display: flex;  align-items: center;  } .f1327 {display: flex;  flex-direction: row;  flex-wrap: nowrap;  column-gap: 80px;  row-gap: 40px;  } .f1328 {display: flex;  flex-wrap: wrap;  gap: 4px;  width: 94px;  } .f1329 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #FFFFFF;  } .f1330 {width: 100%;  } .f1331 {margin: 0;  color: #DADFE7;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1332 {display: flex;  align-items: center;  flex-wrap: wrap;  column-gap: 32px;  row-gap: 16px;  margin-right: auto;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  transition: color 0.3s ease-in-out;  } .f1333:hover {color: #2F86AA;  } .f1334 {display: flex;  flex-direction: row;  flex-wrap: nowrap;  row-gap: 32px;  width: 481px;  } .f1335 {display: flex;  flex-direction: column;  gap: 12px;  padding-right: 64px;  margin-right: auto;  } .f1335:last-child {padding-right: 0px;  margin-right: 0px;  } .f1336 {width: 32px;  height: 32px;  background-size: contain;  background-repeat: no-repeat;  background-position: center;  } .f1337 {background-image: url('img/social/vk-two.svg');  } .f1338 {background-image: url('img/social/telegram.svg');  } .f1339 {margin: 0px;  color: #DADFE7;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  white-space: nowrap;  } .f1340 {display: flex;  gap: 12px;  flex-wrap: nowrap;  } .f1341 {display: flex;  align-items: center;  margin: 0;  text-decoration: "none";  } .f1342 {height: 45px;  } .f1343 {display: flex;  flex-direction: row;  flex-wrap: wrap;  column-gap: 24px;  row-gap: 8px;  } .f1344 {display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  gap: 32px;  } .f1345 {margin: 0px;  color: #DADFE7;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  cursor: pointer;  } .f1345:hover {color: #FFFFFF;  } .f1346 {padding-left: 20px;  background-repeat: no-repeat;  background-position: left;  background-size: 16px;  } .f1347 {background-image: url('/img/icon/page-theme-01.svg');  } .f1348 {background-image: url('/img/icon/page-theme-02.svg');  } .f1349 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1349:focus {outline: 4px solid transparent;  } .f1349:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f1349:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f1349:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f1349:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f1350 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1350:focus {outline: 4px solid transparent;  } .f1350:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f1350:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f1350:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f1350:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1351 {display: none;  } .f1352 {} .f1353 {} .f1354 {background: #1D6591;  height: 100%;  width: 100%;  color: #FFFFFF;  display: flex;  justify-content: center;  align-items: center;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f1355 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1356 {list-style: none;  padding: 0px;  margin: 0px;  } .f1357 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1357:focus {outline: 4px solid transparent;  } .f1357:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f1357:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f1357:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1357:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1358 {position: relative;  display: flex;  align-items: center;  gap: 8px;  width: 100%;  } .f1359 {display: flex;  } .f1360 {cursor: pointer;  } .f1361 {display: flex;  } .f1362 {position: absolute;  top: 50%;  left: 0px;  display: flex;  transform: translateY(-50%);  pointer-events: none;  } .f1363 {color: #AAB5C6;  } .f1364 {color: #F59E0B;  } .f1365 {position: absolute;  top: 0px;  left: 0px;  width: 0px;  height: 0px;  overflow: hidden;  } .f1366 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1367 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: none;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1367:focus {outline: none;  } .f1367:focus-visible {background: #88C9E0;  outline: none;  } .f1367:hover {background: #C2E3EF;  } .f1367:active {background: #5DB4D2;  } .f1367:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f1368 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 2px 16px;  margin: 0px;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  text-decoration: none;  color: #243042;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: transparent;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1368:focus {outline: 4px solid transparent;  } .f1368:focus-visible {border: 1px solid transparent;  outline: 4px solid #5DB4D2;  } .f1368:hover {border: 1px solid #DFE4EC;  } .f1368:active {border: 1px solid #C2E3EF;  color: #1D6591;  background: #C2E3EF;  } .f1369 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1370 {margin: 0px;  } .f1371 {position: relative;  height: 72px;  padding: 0 48px;  width: 100%;  font-family: Manrope;  background-color: #F8FCFF;  } .f1372 {padding: 0px;  border: none;  background-color: transparent;  } .f1373 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 277px;  background: linear-gradient(#C2E3EF, transparent);  opacity: 0.7;  pointer-events: none;  } .f1374 {position: relative;  display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  height: 100%;  gap: 10px;  } .f1375 {display: none;  justify-content: center;  align-items: center;  height: 28px;  width: 28px;  min-width: 28px;  cursor: pointer;  } .f1376 {height: 100%;  } .f1377 {display: flex;  align-items: center;  gap: 8px;  height: 100%;  min-width: 82px;  margin: 0px;  padding: 16px;  margin-right: auto;  } .f1378 {height: 100%;  } .f1379 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #1B2637;  } .f1380 {display: flex;  align-items: center;  gap: 12px;  } .f1381 {display: flex;  align-items: center;  gap: 12px;  } .f1382 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  padding: 8px;  margin-right: 12px;  border-radius: 50%;  background-color: #EBEFF6;  cursor: pointer;  } .f1383 {height: 100%;  } .f1384 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1385 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: none;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1385:focus {outline: none;  } .f1385:focus-visible {background: #88C9E0;  outline: none;  } .f1385:hover {background: #C2E3EF;  } .f1385:active {background: #5DB4D2;  } .f1385:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f1386 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 2px 16px;  margin: 0px;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  text-decoration: none;  color: #243042;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: transparent;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1386:focus {outline: 4px solid transparent;  } .f1386:focus-visible {border: 1px solid transparent;  outline: 4px solid #5DB4D2;  } .f1386:hover {border: 1px solid #DFE4EC;  } .f1386:active {border: 1px solid #C2E3EF;  color: #1D6591;  background: #C2E3EF;  } .f1387 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1388 {position: fixed;  z-index: 2;  top: 0px;  padding: 0 48px;  width: 100%;  font-family: Manrope;  background-color: #F8FCFF;  height: 72px;  } .f1389 {padding: 0px;  border: none;  background-color: transparent;  } .f1390 {border-bottom: 1px solid #DFE4EC;  } .f1391 {height: 72px;  } .f1392 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  height: 100%;  gap: 10px;  } .f1393 {display: none;  justify-content: center;  align-items: center;  height: 28px;  width: 28px;  min-width: 28px;  cursor: pointer;  } .f1394 {height: 100%;  } .f1395 {display: flex;  align-items: center;  gap: 8px;  height: 100%;  min-width: 82px;  margin: 0px;  padding: 16px;  margin-right: auto;  } .f1396 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #1B2637;  } .f1397 {height: 100%;  } .f1398 {display: flex;  align-items: center;  height: 46px;  width: 100%;  max-width: 500px;  margin-left: 16px;  border-radius: 70px;  border: 1px solid #DFE4EC;  background: #FFFFFF;  } .f1399 {width: 24px;  height: 24px;  margin: 0px 16px;  } .f1400 {width: 100%;  margin-right: 30px;  padding: 0px;  border: none;  outline: none;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1401 {display: flex;  align-items: center;  gap: 12px;  } .f1402 {display: flex;  align-items: center;  gap: 12px;  } .f1403 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  padding: 8px;  margin-right: 12px;  border-radius: 50%;  background-color: #EBEFF6;  cursor: pointer;  } .f1404 {height: 100%;  } .f1405 {display: flex;  align-items: center;  justify-content: center;  padding: 0px 32px;  height: 49px;  border-radius: 26px;  background: #1D6591;  border: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  cursor: pointer;  } .f1405:focus {background: #145585;  outline: none;  border: none;  } .f1405:hover {background: #1D6591;  } .f1405:active {background: #0B4578;  } .f1406 {height: 40px;  width: 40px;  border-radius: 20px;  } .f1407 {height: 40px;  width: 40px;  border-radius: 20px;  background-color: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  display: flex;  align-items: center;  justify-content: center;  } .f1408 {display: flex;  flex-direction: row;  flex-wrap: wrap;  row-gap: 16px;  column-gap: 8px;  max-width: 718px;  width: 100%;  padding: 12px 12px 12px 16px;  border-radius: 12px;  background-color: #C2E3EF;  } .f1409 {display: block;  width: 100%;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1410 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1411 {width: 100%;  } .f1412 {position: relative;  display: flex;  width: calc(100%/3 - 16px);  overflow: hidden;  height: 127.76px;  border-radius: 16px;  background-color: #DFE4EC;  } .f1412 div {display: flex;  align-items: center;  width: 100%;  } .f1411 div {margin-bottom: 0px;  } .f1413 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1414 {list-style: none;  padding: 0px;  margin: 0px;  } .f1415 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1415:focus {outline: 4px solid transparent;  } .f1415:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f1415:hover {border: 2px solid transparent;  background: #243042;  } .f1415:active {border: 2px solid transparent;  background: #3A4C64;  } .f1415:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f1416 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1416:focus {outline: 4px solid transparent;  } .f1416:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f1416:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f1416:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1416:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1417 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1417:focus {outline: 4px solid transparent;  } .f1417:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f1417:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f1417:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1417:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1418 {display: none;  } .f1419 {display: flex;  flex-direction: column;  } .f1420 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  } .f1421 {width: 100%;  min-height: 148px;  padding: 0 20px 64px 20px;  border-radius: 16px;  border: 1px solid #DFE4EC;  color: #243042;  background-color: #FFFFFF;  } .f1422 {display: flex;  width: 100%;  padding-top: 20px;  padding-bottom: 16px;  } .f1423 {display: flex;  flex-direction: column;  width: 100%;  padding: 12px 16px;  border-radius: 12px;  background-color: #EBEFF6;  } .f1424 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f1425 {width: 100%;  min-height: 72px;  outline: none;  border: none;  padding: 12px 0 0 0;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: text;  color: #3A4C64;  resize: none;  } .f1425:focus {border: none;  outline: none;  } .f1425::placeholder {color: #AAB5C6;  white-space: pre-wrap;  word-break: break-word;  } .f1426 {position: absolute;  bottom: 12px;  right: 12px;  display: flex;  gap: 12px;  } .f1427 {position: absolute;  bottom: 20px;  left: 20px;  color: #1D6591;  cursor: pointer;  } .f1428 {width: 100%;  } .f1429 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 151px;  grid-gap: 12px;  } .f1430 {position: relative;  display: flex;  flex-direction: column;  overflow: hidden;  } .f1431 {position: absolute;  left: 0px;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1432 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  justify-content: space-between;  width: 100%;  overflow: hidden;  border-radius: 12px;  background-color: #FFFFFF;  } .f1433 {position: relative;  display: flex;  gap: 8px;  justify-content: space-between;  align-items: center;  padding-left: 8px;  } .f1434 {position: relative;  display: flex;  align-items: center;  min-height: 26px;  padding: 0 8px;  } .f1435 {position: absolute;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  border-radius: 16px;  opacity: 0.6;  } .f1436 {background-color: #FFFFFF;  } .f1437 {position: relative;  margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f1438 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 8px;  color: #243042;  cursor: pointer;  } .f1439 {position: absolute;  top: 4px;  left: 4px;  bottom: 4px;  right: 4px;  border-radius: 8px;  opacity: 0.6;  } .f1440 {position: relative;  display: flex;  color: #1B2637;  } .f1441 {display: flex;  flex: 1;  } .f1442 {position: absolute;  top: 50%;  left: 50%;  display: flex;  justify-content: center;  align-items: center;  padding: 6.5px;  transform: translate(-50%, -50%);  } .f1443 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1444 {left: 3px;  } .f1445 {position: relative;  color: #1B2637;  } .f1446 {display: flex;  justify-content: flex-end;  align-items: center;  padding: 8px;  } .f1447 {display: block;  width: 100%;  min-height: 30px;  margin: 0px;  padding: 6px 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #243042;  } .f1448 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 0 4px;  } .f1449 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1450 {position: relative;  margin: 0px;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  color: #243042;  } .f1451 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1452 {display: flex;  align-items: flex-end;  padding-top: 16px;  gap: 4px;  } .f1453 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #64748B;  } .f1454 {display: flex;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #1D6591;  } .f1455 {display: flex;  flex-direction: row;  flex-wrap: wrap;  row-gap: 16px;  column-gap: 8px;  max-width: 718px;  width: 100%;  } .f1456 {display: block;  width: 100%;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1457 {width: 100%;  } .f1458 {position: relative;  display: flex;  width: calc(100%/3 - 16px);  overflow: hidden;  height: 127.76px;  border-radius: 16px;  background-color: #DFE4EC;  } .f1458 div {display: flex;  align-items: center;  width: 100%;  } .f1457 div {margin-bottom: 0px;  } .f1459::-webkit-media-controls {display: none;  } .f1460 {position: relative;  } .f1461 {position: relative;  display: flex;  flex-direction: column;  } .f1462 {padding: 24px 0;  } .f1462::before {content: '';  position: absolute;  top: 0px;  bottom: 0px;  left: -24px;  right: -24px;  border-radius: 24px;  border: 2px solid #EBEFF6;  } .f1463 {position: relative;  display: flex;  column-gap: 12px;  } .f1464 {margin-bottom: 10px;  } .f1465 {position: relative;  } .f1466 {position: relative;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  width: 48px;  min-width: 48px;  height: 48px;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1467 {position: absolute;  top: 0px;  left: 0px;  display: flex;  justify-content: center;  align-items: center;  height: 100%;  width: 100%;  margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1468 {position: absolute;  top: 50%;  left: 0px;  width: 100%;  transform: translateY(-50%);  } .f1469 {position: absolute;  top: 0px;  right: 0px;  display: flex;  border-radius: 99px;  padding: 1px;  color: #FFFFFF;  background-color: #26759D;  } .f1470 {display: flex;  flex-direction: column;  justify-content: center;  gap: 2px;  } .f1471 {display: flex;  flex-direction: row;  gap: 8px;  } .f1472 {display: inline-block;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1473 {display: block;  margin: 0px;  white-space: nowrap;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1474 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1475 {position: relative;  display: flex;  flex-direction: column;  gap: 16px;  } .f1476 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1477 {background-color: #f00;  } .f1478 {list-style: none;  padding: 0px;  margin: 0px;  } .f1479 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1479:focus {outline: 4px solid transparent;  } .f1479:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1479:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1479:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1479:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1480 {display: flex;  flex-direction: column;  padding-bottom: 24px;  } .f1481 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1482 {display: flex;  flex-direction: column;  gap: 32px;  width: 100%;  } .f1483 {padding-top: 16px;  width: 100%;  } .f1484 {margin: 0px;  margin-bottom: 16px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1485 {display: flex;  flex-direction: column;  padding-top: 40px;  } .f1486 {position: relative;  display: flex;  justify-content: center;  align-items: center;  flex-direction: column;  height: 118px;  border-radius: 12px;  overflow: hidden;  background-color: #FFFFFF;  } .f1487 {position: absolute;  width: 100%;  } .f1488 {position: absolute;  top: 4px;  left: 4px;  right: 4px;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  padding-left: 8px;  } .f1488::before {content: '';  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 8px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1489 {position: relative;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1490 {position: relative;  border: none;  padding: 4px;  background-color: transparent;  width: 32px;  height: 32px;  cursor: pointer;  } .f1491 {width: 100%;  } .f1492 {width: 48px;  max-width: 48px;  } .f1493 {position: absolute;  bottom: 8px;  left: 12px;  right: 8px;  margin: 0px;  display: flex;  flex-direction: row;  } .f1494 {display: block;  overflow: hidden;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  white-space: nowrap;  text-overflow: ellipsis;  } .f1495 {position: relative;  display: flex;  align-items: center;  justify-content: center;  padding: 0 4px;  } .f1495::before {content: '';  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 16px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1496 {position: relative;  color: #1B2637;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  white-space: nowrap;  } .f1497 {position: absolute;  bottom: 8px;  right: 8px;  display: flex;  align-items: center;  justify-content: center;  padding: 0 4px;  } .f1497::before {content: '';  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 16px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1498 {position: relative;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f1499 {list-style: none;  padding: 0px;  margin: 0px;  } .f1500 {display: flex;  flex-direction: column;  padding: 12px 16px;  border-radius: 12px;  width: auto;  gap: 8px;  background-color: #EBEFF6;  } .f1501 {display: flex;  } .f1502 {margin: 0px;  margin-right: auto;  color: #DADFE7;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1503 {display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 8px;  } .f1504 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1505 {list-style: none;  padding: 0px;  margin: 0px;  } .f1506 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1506:focus {outline: 4px solid transparent;  } .f1506:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f1506:hover {border: 2px solid transparent;  background: #243042;  } .f1506:active {border: 2px solid transparent;  background: #3A4C64;  } .f1506:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f1507 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1507:focus {outline: 4px solid transparent;  } .f1507:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f1507:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f1507:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1507:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1508 {display: none;  } .f1509 {display: flex;  flex-direction: column;  } .f1510 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  } .f1511 {width: 100%;  min-height: 148px;  padding: 0 20px 64px 20px;  border-radius: 16px;  border: 1px solid #DFE4EC;  color: #243042;  background-color: #FFFFFF;  } .f1512 {display: flex;  width: 100%;  padding-top: 20px;  padding-bottom: 16px;  } .f1513 {display: flex;  flex-direction: column;  width: 100%;  padding: 12px 16px;  border-radius: 12px;  background-color: #EBEFF6;  } .f1514 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f1515 {width: 100%;  min-height: 72px;  outline: none;  border: none;  padding: 12px 0 0 0;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: text;  color: #3A4C64;  background-color: transparent;  resize: none;  } .f1515:focus {border: none;  outline: none;  } .f1515::placeholder {color: #AAB5C6;  white-space: pre-wrap;  word-break: break-word;  } .f1516 {position: absolute;  bottom: 12px;  right: 12px;  display: flex;  gap: 12px;  } .f1517 {position: absolute;  bottom: 20px;  left: 20px;  color: #1D6591;  cursor: pointer;  } .f1518 {width: 100%;  } .f1519 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 151px;  grid-gap: 12px;  } .f1520 {position: relative;  display: flex;  flex-direction: column;  overflow: hidden;  } .f1521 {position: absolute;  left: 0px;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f1522 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  justify-content: space-between;  width: 100%;  overflow: hidden;  border-radius: 12px;  background-color: #FFFFFF;  } .f1523 {position: relative;  display: flex;  gap: 8px;  justify-content: space-between;  align-items: center;  padding-left: 8px;  } .f1524 {position: relative;  display: flex;  align-items: center;  min-height: 26px;  padding: 0 8px;  } .f1525 {position: absolute;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  border-radius: 16px;  opacity: 0.6;  } .f1526 {background-color: #FFFFFF;  } .f1527 {position: relative;  margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f1528 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 8px;  color: #243042;  cursor: pointer;  } .f1529 {position: absolute;  top: 4px;  left: 4px;  bottom: 4px;  right: 4px;  border-radius: 8px;  opacity: 0.6;  } .f1530 {position: relative;  display: flex;  color: #1B2637;  } .f1531 {display: flex;  flex: 1;  } .f1532 {position: absolute;  top: 50%;  left: 50%;  display: flex;  justify-content: center;  align-items: center;  padding: 6.5px;  transform: translate(-50%, -50%);  } .f1533 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1534 {left: 3px;  } .f1535 {position: relative;  color: #1B2637;  } .f1536 {display: flex;  justify-content: flex-end;  align-items: center;  padding: 8px;  } .f1537 {display: block;  width: 100%;  min-height: 30px;  margin: 0px;  padding: 6px 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #243042;  } .f1538 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 0 4px;  } .f1539 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f1540 {position: relative;  margin: 0px;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  color: #243042;  } .f1541 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1542 {display: flex;  align-items: flex-end;  padding-top: 16px;  gap: 4px;  } .f1543 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #64748B;  } .f1544 {display: flex;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #1D6591;  } .f1545 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1545:focus {outline: 4px solid transparent;  } .f1545:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1545:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1545:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1545:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1546 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1546:focus {outline: 4px solid transparent;  } .f1546:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1546:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1546:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1546:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1547 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f1547:focus {outline: none;  } .f1547:focus-visible {background: #145585;  outline: none;  } .f1547:hover {background: #145585;  } .f1547:active {background: #10472E;  } .f1547:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f1548 {margin-bottom: 40px;  } .f1549 {display: flex;  width: 100%;  } .f1550 {display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  gap: 16px;  width: 100%;  min-height: 82px;  border-radius: 24px;  padding: 15px 24px;  background-color: #EBEFF6;  } .f1551 {display: flex;  align-items: center;  gap: 16px;  } .f1552 {color: #243042;  } .f1553 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f1554 {background-color: #FFEDEB;  } .f1555 {background-color: #88C9E0;  } .f1556 {position: relative;  } .f1557 {position: relative;  display: flex;  width: 100%;  color: #AAB5C6;  } .f1558 {position: absolute;  top: 0px;  left: 0px;  overflow: hidden;  } .f1559 {display: flex;  color: #FBBF24;  } .f1560 {width: 80%;  } .f1561 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1561:focus {outline: 4px solid transparent;  } .f1561:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1561:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1561:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1561:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1562 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1562:focus {outline: 4px solid transparent;  } .f1562:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f1562:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f1562:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1562:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1563 {display: flex;  width: 100%;  } .f1564 {display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 2px;  width: 100%;  min-height: 20px;  border-radius: 12px;  padding: 4px 16px;  background-color: #EBEFF6;  } .f1565 {display: flex;  align-items: center;  gap: 12px;  } .f1566 {color: #576A84;  } .f1567 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f1568 {background-color: #FFEDEB;  } .f1569 {background-color: #88C9E0;  } .f1570 {position: relative;  } .f1571 {position: relative;  display: flex;  width: 100%;  color: #AAB5C6;  } .f1572 {position: absolute;  top: 0px;  left: 0px;  overflow: hidden;  } .f1573 {display: flex;  color: #FBBF24;  } .f1574 {width: 80%;  } .f1575 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1575:focus {outline: 4px solid transparent;  } .f1575:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1575:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f1575:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f1575:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f1576 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1576:focus {outline: 4px solid transparent;  } .f1576:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f1576:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f1576:active {outline: 4px solid transparent;  background: #DADFE7;  } .f1576:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1577 {display: flex;  width: 100%;  } .f1578 {display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  gap: 16px;  width: 100%;  min-height: 50px;  border-radius: 16px;  padding: 5px 16px;  background-color: #EBEFF6;  } .f1579 {display: flex;  align-items: center;  gap: 16px;  } .f1580 {color: #243042;  } .f1581 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f1582 {background-color: #FFEDEB;  } .f1583 {background-color: #88C9E0;  } .f1584 {position: relative;  } .f1585 {position: relative;  display: flex;  width: 100%;  color: #AAB5C6;  } .f1586 {position: absolute;  top: 0px;  left: 0px;  overflow: hidden;  } .f1587 {display: flex;  color: #FBBF24;  } .f1588 {width: 80%;  } .f1589 {list-style: none;  padding: 0px;  margin: 0px;  } .f1590 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1591 {display: flex;  height: 28px;  min-height: 28px;  padding: 0px 10px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF1A05;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FFF6F5;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1591:focus {outline: 4px solid transparent;  } .f1591:focus-visible {border: 2px solid transparent;  outline: 4px solid #88C9E0;  color: undefined;  background: #FFEDEB;  } .f1591:hover {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFEDEB;  } .f1591:active {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFE3E0;  } .f1591:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f1592 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1592:focus {outline: 4px solid transparent;  } .f1592:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f1592:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f1592:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f1592:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1593 {z-index: 5;  position: relative;  display: flex;  flex-direction: column;  gap: 16px;  max-width: 500px;  max-height: calc(100% - 48px);  width: 100%;  border-radius: 24px;  padding: 24px;  overflow-y: auto;  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f1594 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f1595 {margin: 0px;  color: #576A84;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1596 {display: flex;  flex-direction: column;  gap: 24px;  outline: 1px solid #EBEFF6;  outline-offset: -1px;  border-radius: 32px;  padding: 24px;  overflow-y: auto;  } .f1597 {display: flex;  flex-direction: column;  gap: 24px;  } .f1598 {display: flex;  flex-direction: row;  justify-content: space-between;  gap: 10px;  } .f1599 {margin: 0px;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  } .f1600 {max-width: 284px;  width: 100%;  } .f1601 {color: #AAB5C6;  } .f1602 {position: fixed;  z-index: 20;  top: 0px;  left: 0px;  width: 100%;  height: 100vh;  display: flex;  justify-content: center;  align-items: center;  } .f1603 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  background-color: #000000;  opacity: 0.5;  } .f1604 {list-style: none;  padding: 0px;  margin: 0px;  } .f1605 {position: relative;  width: 100%;  } .f1606 {display: flex;  align-items: center;  width: 100%;  height: 40px;  min-height: 40px;  padding: 0 12px;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  border-radius: 12px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  background-color: #FFFFFF;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  } .f1606::placeholder {font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #AAB5C6;  } .f1606:focus {outline: 4px solid transparent;  border: 1px solid #5DB4D2;  } .f1606:focus-visible {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f1606:hover {border: 1px solid #DADFE7;  } .f1606:active {border: 1px solid #5DB4D2;  outline: 4px solid transparent;  } .f1607 {padding-top: 4px;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  color: #FF4F3F;  } .f1608 {border: 1px solid #DFE4EC;  background-color: #EBEFF6;  color: #AAB5C6;  } .f1609 {border: 1px solid #FF4F3F;  background-color: #FFEDEB;  } .f1610 {list-style: none;  padding: 0px;  margin: 0px;  } .f1611 {position: relative;  width: 100%;  } .f1612 {display: flex;  align-items: center;  width: 100%;  height: 50px;  min-height: 50px;  padding: 0 12px;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  border-radius: 12px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #3A4C64;  background-color: #FFFFFF;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out;  } .f1612::placeholder {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #AAB5C6;  } .f1612:focus {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f1612:hover {border: 1px solid #DADFE7;  } .f1612:active {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f1613 {padding-top: 8px;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #FF4F3F;  } .f1614 {border: 1px solid #FF4F3F;  background-color: #FFEDEB;  } .f1615 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1616 {padding: 0px;  border: none;  background-color: transparent;  } .f1617 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #243042;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1617:focus {outline: 4px solid transparent;  } .f1617:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid transparent;  background: #DFE4EC;  } .f1617:hover {outline: 4px solid transparent;  border: 2px solid transparent;  background: #DFE4EC;  } .f1617:active {outline: 4px solid transparent;  border: 2px solid transparent;  background: #DADFE7;  } .f1617:disabled {outline: 4px solid transparent;  border: 2px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1618 {z-index: 1;  left: 0px;  display: flex;  flex-direction: column;  min-width: 360px;  width: 360px;  height: 100%;  position: fixed;  top: 50px;  border-right: 1px solid #DFE4EC;  background-color: #F8FCFF;  } .f1619 {list-style: none;  padding: 0px;  margin: 0px;  } .f1620 {padding: 24px 0 0 24px;  overflow-y: auto;  overflow-x: clip;  height: 100%;  background-color: #F8FCFF;  } .f1621 {display: flex;  flex-direction: column;  max-width: 312px;  width: 100%;  padding-bottom: 320px;  } .f1622 {min-height: 59px;  } .f1623 {display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  margin-bottom: 24px;  } .f1624 {display: flex;  flex-direction: column;  gap: 8px;  } .f1625 {display: flex;  border-radius: 24px;  } .f1626 {display: flex;  align-items: center;  border-radius: 24px;  padding-right: 8px;  gap: 12px;  width: 100%;  flex-direction: row;  cursor: pointer;  transition: background-color 0.3s ease-in-out;  } .f1626:hover {background-color: #88C9E0;  } .f1626:active {background-color: #5DB4D2;  } .f1627 {background-color: #5DB4D2;  } .f1627:hover {background-color: #5DB4D2;  } .f1628 {height: 59px;  } .f1629 {display: flex;  padding-top: 24px;  justify-content: flex-start;  } .f1630 {display: flex;  padding-left: 48px;  width: 100%;  margin-right: 15px;  background-image: url('/img/icon/icon_books-d-gray.svg');  background-repeat: no-repeat;  background-size: 36px;  background-position: 0 center;  } .f1631 {margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #485B74;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1632 {display: flex;  width: 40px;  min-width: 40px;  height: 40px;  cursor: pointer;  } .f1633 {width: 100%;  } .f1634 {display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  } .f1635 {width: 100%;  } .f1636 {display: block;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1637 {display: flex;  justify-content: flex-start;  } .f1638 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 24px;  outline: 4px solid transparent;  outline-offset: -3px;  border: 2px solid #1B2637;  text-decoration: none;  color: #1B2637;  white-space: nowrap;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1638:focus {outline: 4px solid transparent;  } .f1638:focus-visible {background: #88C9E0;  outline: 4px solid #5DB4D2;  } .f1638:hover {outline: 4px solid transparent;  background: #C2E3EF;  } .f1638:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f1638:disabled {border: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f1639 {position: fixed;  top: 75px;  left: 24px;  max-width: 90%;  display: flex;  flex-direction: column;  z-index: 1;  } .f1640 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f1641 {width: 40px;  min-width: 40px;  height: 40px;  cursor: pointer;  } .f1642 {width: 100%;  } .f1643 {display: none;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1644 {width: 360px;  } .f1645 {left: -360px;  } .f1646 {width: 100%;  height: 380px;  } .f1647 {width: 0px;  } .f1648 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1649 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1649:focus {outline: 4px solid transparent;  } .f1649:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f1649:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f1649:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f1649:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f1650 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1650:focus {outline: 4px solid transparent;  } .f1650:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f1650:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f1650:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f1650:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f1651 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1652 {min-width: 360px;  width: 360px;  height: 100%;  position: fixed;  top: 50px;  background-color: #F8FCFF;  z-index: 1;  } .f1653 {list-style: none;  padding: 0px;  margin: 0px;  } .f1654 {padding: 24px 0 0 24px;  overflow-y: auto;  overflow-x: clip;  height: 100%;  border-right: 1px solid #DFE4EC;  padding-bottom: 80px;  } .f1655 {display: flex;  flex-direction: column;  width: calc(100% - 24px);  } .f1656 {display: flex;  flex-direction: column;  gap: 8px;  } .f1657 {display: flex;  flex-direction: column;  gap: 8px;  } .f1658 {padding-left: 20px;  } .f1659 {display: flex;  border-radius: 12px;  background: transparent;  outline: 4px solid transparent;  border: 1px solid #DFE4EC;  transition: outline 0.4s ease-in-out, border 0.3s ease-in-out;  } .f1659:hover {border: 1px solid #DADFE7;  } .f1660 {border: 1px solid #2F86AA;  width: 100%;  background-color: #FFFFFF;  } .f1660 .f1661 {outline: 4px solid transparent;  color: #1D6591;  } .f1662 {position: relative;  display: flex;  padding: 12px;  padding-left: 16px;  gap: 4px;  outline: 4px solid transparent;  border-radius: 12px;  width: 100%;  flex-direction: column;  text-decoration: none;  cursor: pointer;  transition: outline 0.4s ease-in-out, border 0.3s ease-in-out;  } .f1662:focus-visible {outline: 4px solid #5DB4D2;  } .f1662:active {outline: 4px solid transparent;  } .f1661 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1663 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f1664 {height: 59px;  } .f1665 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 176px;  overflow: hidden;  margin-bottom: 8px;  } .f1666 {min-width: auto;  height: 100%;  } .f1667 {display: flex;  flex-direction: row;  align-items: flex-start;  justify-content: space-between;  gap: 16px;  margin-bottom: 16px;  } .f1668 {max-height: 69px;  margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: normal;  } .f1669 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  border: 1px solid #DADFE7;  border-radius: 12px;  outline-offset: -1px;  outline: 4px solid transparent;  cursor: pointer;  transition: outline 0.4s ease-in-out;  } .f1670 {width: 100%;  } .f1671 {margin: 0px;  outline: 4px solid transparent;  border-radius: 4px;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  margin-bottom: 24px;  transition: outline 0.4s ease-in-out;  } .f1671:focus-visible {outline: 4px solid #5DB4D2;  } .f1671:active {outline: 4px solid transparent;  } .f1672 {display: flex;  justify-content: space-between;  } .f1673 {display: flex;  align-items: center;  gap: 4px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #1D6591;  } .f1674 {color: #576A84;  } .f1675 {color: #64748B;  } .f1676 {color: #FF4F3F;  } .f1677 {color: #1D6591;  } .f1678 {color: #1B2637;  } .f1679 {z-index: 1;  position: relative;  padding: 2px;  background-color: #2F86AA;  border-radius: 4px;  color: #FFFFFF;  } .f1680 {z-index: -1;  position: absolute;  top: 0px;  right: 0px;  display: flex;  width: 0px;  height: 0px;  padding: 4px 8px;  border-radius: 4px;  margin: 0px;  overflow: hidden;  color: #FFFFFF;  white-space: nowrap;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  opacity: 0;  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;  pointer-events: none;  } .f1662:hover .f1680 {width: 160px;  height: auto;  opacity: 1;  } .f1681 {position: relative;  display: flex;  justify-content: flex-end;  align-items: center;  height: 16px;  width: 16px;  border-radius: 8px;  } .f1682 {position: absolute;  display: flex;  justify-content: flex-end;  align-items: center;  gap: 4px;  padding: 5px 10px;  right: -10px;  border-radius: 20px;  opacity: 0;  white-space: nowrap;  transition: opacity 0.5s ease-in-out;  overflow: hidden;  } .f1682:hover {background: white;  outline: 1px solid #DFE4EC;  opacity: 1;  } .f1683 {height: 12px;  width: 12px;  min-width: 12px;  border-radius: 50%;  background: #2F86AA;  } .f1684 {outline: 1px solid #DFE4EC;  } .f1660 .f1674 {fill: #2F86AA;  } .f1684:hover {outline: 1px solid #DFE4EC;  } .f1684 .f1661 {color: #DADFE7;  } .f1684 .f1663 {color: #DADFE7;  } .f1684 .f1674 {fill: #DADFE7;  } .f1685 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  z-index: 1;  } .f1686 {height: 22px;  } .f1687 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f1669:focus-visible {outline: 4px solid #5DB4D2;  } .f1688 {color: #3A4C64;  } .f1689 {display: none;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;  width: 100%;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1690 {width: 360px;  } .f1691 {left: -360px;  } .f1692 {width: 0px;  } .f1693 {margin-bottom: 16px;  } .f1693:last-child {margin-bottom: 0px;  } .f1694 {margin-bottom: 24px;  } .f1694:last-child {margin-bottom: 0px;  } .f1695 {color: #2F86AA;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1696 {background-color: #E0F1F7;  } .f1697 {height: 66px;  } .f1698 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1699 {list-style: none;  padding: 0px;  margin: 0px;  } .f1700 {display: flex;  flex: 1;  align-items: center;  justify-content: center;  flex-direction: column;  gap: 16px;  width: 100%;  } .f1701 {height: 96px;  } .f1702 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1703 {display: flex;  justify-content: flex-end;  align-items: center;  padding: 5px 10px;  border-radius: 20px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #AAB5C6;  white-space: nowrap;  } .f1704 {display: flex;  flex-direction: column;  padding: 20px 24px;  border-radius: 16px;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f1705 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1706 {padding: 0 0 20px 20px;  } .f1707 {margin-bottom: 40px;  } .f1707:last-child {margin-bottom: 0px;  } .f1708 {height: 6px;  width: 100%;  display: none;  position: fixed;  top: 0px;  z-index: 10;  } .f1709 {background-color: #2F86AA;  height: 100%;  width: 70%;  } .f1710 {list-style: none;  padding: 0px;  margin: 0px;  } .f1711 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1712 {display: flex;  flex-direction: column;  gap: 8px;  } .f1713 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1714 {position: relative;  } .f1715 {display: flex;  min-height: 50px;  width: 320px;  padding: 8px 12px;  border: 1px solid #DFE4EC;  border-radius: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1715::placeholder {color: #AAB5C6;  } .f1716 {position: fixed;  top: 89px;  left: 0px;  max-width: 368px;  width: 100%;  } .f1717 {display: flex;  flex-direction: column;  max-width: 368px;  width: 100%;  padding: 24px;  border-radius: 24px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f1718 {display: flex;  justify-content: space-between;  align-items: center;  width: 100%;  margin-bottom: 12px;  } .f1719 {display: flex;  width: 48px;  min-width: 48px;  height: 40px;  background-size: 24px;  background-repeat: no-repeat;  background-position: center;  cursor: pointer;  } .f1720 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f1721 {transform: rotate(180deg);  background-image: url('/img//icon/icon_chevron-left.svg');  } .f1722 {display: flex;  align-items: center;  gap: 4px;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1723 {display: flex;  align-items: center;  justify-content: center;  min-height: 40px;  padding: 4px 12px;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1724 {display: flex;  width: 100%;  } .f1725 {display: flex;  justify-content: center;  align-items: center;  min-height: 44px;  width: calc(100% / 7);  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f1726 {display: flex;  width: 100%;  flex-wrap: wrap;  row-gap: 2px;  } .f1727 {width: calc(100% / 7);  } .f1728 {display: flex;  justify-content: center;  align-items: center;  min-height: 40px;  width: 100%;  outline: 4px solid transparent;  border: 2px solid transparent;  outline-offset: -4px;  border-radius: 12px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  cursor: pointer;  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, outline 0.2s ease-in-out, border 0.2s ease-in-out;  } .f1729 {color: #AAB5C6;  } .f1730 {outline: 4px solid transparent;  border: 2px solid #1D6591;  } .f1731 {outline: 4px solid transparent;  background-color: #1D6591;  color: #FFFFFF;  } .f1728:focus {outline: 4px solid transparent;  } .f1728:focus-visible {outline: 4px solid #5DB4D2;  } .f1728:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background-color: #88C9E0;  } .f1728:active {outline: 4px solid transparent;  background-color: #1D6591;  color: #FFFFFF;  } .f1732 {} .f1733 {list-style: none;  padding: 0px;  margin: 0px;  } .f1734 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1735 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f1735:focus {outline: 4px solid transparent;  } .f1735:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f1735:hover {border: 2px solid transparent;  background: #243042;  } .f1735:active {border: 2px solid transparent;  background: #3A4C64;  } .f1735:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f1736 {z-index: 5;  display: flex;  flex-direction: column;  width: 320px;  border-radius: 24px;  padding: 16px;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  background-color: #FFFFFF;  } .f1737 {margin: 0px;  margin-bottom: 16px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #485B74;  } .f1738 {display: flex;  flex-direction: column;  gap: 8px;  margin-bottom: 16px;  } .f1739 {display: flex;  flex-direction: row;  align-items: center;  gap: 12px;  width: 100%;  padding: 12px;  border-radius: 16px;  outline: 2px solid #C2E3EF;  cursor: pointer;  } .f1740 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #1D6591;  } .f1741 {position: absolute;  top: 50%;  left: 50%;  margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transform: translate(-50%, -50%);  } .f1742 {position: absolute;  top: 50%;  left: 50%;  height: 100%;  transform: translate(-50%, -50%);  } .f1743 {display: flex;  flex-direction: column;  align-items: flex-start;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f1744 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f1745 {color: #AAB5C6;  } .f1746 {background-color: #E0F1F7;  outline: 2px solid transparent;  } .f1747 {display: flex;  justify-content: flex-start;  } .f1748 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1749 {margin-top: 0px;  } .f1750 {display: flex;  flex-direction: row;  padding: 12px;  border-radius: 16px;  margin-bottom: 32px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f1751 {height: 32px;  } .f1752 {display: flex;  align-items: center;  height: 40px;  width: 100%;  gap: 12px;  } .f1753 {display: flex;  align-items: center;  justify-content: center;  min-width: 40px;  height: 40px;  background-color: transparent;  border: none;  cursor: pointer;  } .f1754 {display: block;  height: 24px;  } .f1755 {height: 24px;  } .f1753:focus {outline: none;  } .f1756 {display: flex;  flex-direction: column;  justify-content: center;  width: 100%;  height: 100%;  } .f1757:focus {outline: none;  } .f1757 {height: 6px;  width: 100%;  overflow: hidden;  border-radius: 4px;  background-color: #2F86AA;  -webkit-appearance: none;  cursor: pointer;  } .f1758 {height: 100%;  width: 0%;  background-color: #2F86AA;  } .f1759 {display: flex;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1760 {height: 40px;  width: 40px;  min-width: 40px;  background-position: center;  background-size: 24px;  background-repeat: no-repeat;  cursor: pointer;  } .f1761 {display: flex;  justify-content: center;  align-items: center;  color: #576A84;  } .f1762 {} .f1763 {} .f1764 {} .f1757::-webkit-slider-runnable-track {height: 10px;  -webkit-appearance: none;  color: #2F86AA;  margin-top: -1px;  } .f1757::-webkit-slider-thumb {width: 0px;  height: 10px;  -webkit-appearance: none;  cursor: pointer;  background: #C2E3EF;  box-shadow: 400px 0 0 400px #C2E3EF;  } .f1765 {display: none;  } .f1757::-moz-range-progress {background-color: #C2E3EF;  } .f1757::-moz-range-track {background-color: #2F86AA;  } .f1757::-ms-fill-lower {background-color: #C2E3EF;  } .f1757::-ms-fill-upper {background-color: #2F86AA;  } .f1766 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1767 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 32px;  border-radius: 16px;  padding: 20px 24px 40px 24px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f1768 {display: flex;  margin: 0px;  white-space: pre-wrap;  word-break: break-word;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1769 {margin: 0px;  width: 100%;  } .f1770 {display: flex;  justify-content: space-between;  align-items: center;  } .f1771 {display: flex;  gap: 12px;  } .f1772 {display: flex;  justify-content: center;  align-items: center;  width: 20px;  max-width: 20px;  height: 20px;  outline: 4px solid transparent;  border-radius: 4px;  outline-offset: 2px;  color: #AAB5C6;  cursor: pointer;  transition: color 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f1773 {max-width: 100%;  } .f1772:focus-visible {outline: 4px solid #5DB4D2;  } .f1772:hover {color: #64748B;  } .f1772:active {color: #3A4C64;  } .f1774 {display: flex;  align-items: center;  gap: 4px;  min-height: 28px;  padding-left: 4px;  padding-right: 4px;  outline: 4px solid transparent;  border-radius: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  transition: color 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f1775 {margin: 0px;  color: currentColor;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1774:focus-visible {outline: 4px solid #5DB4D2;  } .f1774:hover {color: #64748B;  } .f1774:active {color: #3A4C64;  } .f1776 {margin: 0px;  width: 100%;  min-height: 54px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1776 a {margin: 0px;  color: #1D6591;  text-decoration: none;  } .f1776:focus {outline: none;  } .f1777 {user-select: none;  } .f1777 > .f1767 {background-color: #DFE4EC;  } .f1778 > .f1767 {background-color: #FFEDEB;  } .f1779 {display: flex;  flex-direction: column;  gap: 20px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  } .f1780 {margin-top: 0px;  } .f1781 {display: flex;  align-items: center;  width: 100%;  } .f1782 {display: flex;  align-items: center;  width: 100%;  margin: 0px;  padding: 20px 23px;  text-decoration: none;  color: inherit;  background-image: url('/img/icon/icon_download-gray.svg');  background-size: 24px 24px;  background-position: top 50% right 24px;  background-repeat: no-repeat;  } .f1783 {margin: 0px;  margin-right: auto;  max-width: 600px;  width: 100%;  overflow: hidden;  padding-right: 12px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1784 {display: none;  } .f1785 {display: flex;  justify-content: center;  align-items: center;  } .f1786 {text-align: start;  margin: 0px;  margin-right: auto;  color: #576A84;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1787 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1788 {color: #3A4C64;  } .f1789 {color: #576A84;  } .f1790 {color: #AAB5C6;  } .f1791 {margin-right: 16px;  } .f1792 {display: block;  color: #243042;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  margin-top: 32px;  margin-bottom: 24px;  } .f1793 {margin-top: 0px;  } .f1794 {display: block;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  margin-top: 24px;  margin-bottom: 16px;  } .f1795 {margin-top: 0px;  } .f1796 {position: relative;  display: block;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  margin-top: 24px;  margin-bottom: 16px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f1796::before {z-index: -1;  content: '';  display: block;  position: absolute;  top: -4px;  bottom: -4px;  left: -8px;  right: -8px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f1797 {margin-top: 0px;  } .f1796:focus-visible {outline: none;  } .f1798 > .f1796::before {background-color: #EBEFF6;  } .f1799 > .f1796::before {background-color: #FFEDEB;  } .f1800 {margin: 16px 0px;  padding: 19px 23px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  margin-bottom: 32px;  transition: background-color 0.4s ease-in-out;  } .f1801 {margin-top: 0px;  } .f1802 {display: block;  min-height: 32px;  margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1800 a {color: #1D6591;  text-decoration: none;  } .f1803 {display: flex;  flex-direction: column;  gap: 8px;  margin-top: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1803 a {color: #1D6591;  text-decoration: none;  } .f1804 {display: block;  margin: 0px;  width: 100%;  margin-bottom: 2px;  white-space:  pre-wrap;  word-break: break-word;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1804 a {color: #1D6591;  text-decoration: none;  } .f1804:focus-visible {outline: none;  } .f1805:before {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 1;  margin-bottom: 0px;  content: '•';  } .f1806 {position: relative;  display: flex;  margin-bottom: 0px;  margin-left: 32px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f1806::before {z-index: -1;  content: '';  display: block;  position: absolute;  top: 0px;  bottom: 0px;  left: -8px;  right: -8px;  background-color: transparent;  transition: background-color 0.4s ease-in-out;  } .f1805 {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin-right: 12px;  } .f1807 > .f1806::before {background-color: #EBEFF6;  } .f1808 > .f1806::before {background-color: #FFEDEB;  } .f1809 {background-color: #FF1A05;  height: 50px;  width: 50px;  } .f1810 {display: flex;  flex-direction: column;  gap: 20px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f1811 {margin-top: 0px;  } .f1812 {display: flex;  align-items: center;  width: 100%;  } .f1813 {display: flex;  align-items: center;  width: 100%;  margin: 0px;  padding: 19px 23px;  text-decoration: none;  color: inherit;  } .f1814 {margin: 0px;  margin-right: auto;  max-width: 600px;  width: 100%;  overflow: hidden;  padding-right: 12px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1815 {display: flex;  justify-content: center;  align-items: center;  } .f1816 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1817 {text-align: start;  margin: 0px;  margin-right: auto;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1818 {color: #3A4C64;  } .f1819 {color: #576A84;  } .f1820 {color: #AAB5C6;  } .f1821 {margin-right: 16px;  } .f1822 {list-style: none;  padding: 0px;  margin: 0px;  } .f1823 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1824 {position: relative;  display: flex;  justify-content: center;  align-items: center;  margin-bottom: 32px;  width: 100%;  min-width: 220px;  } .f1825 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 16px;  width: 100%;  } .f1825::before {position: relative;  content: '';  display: block;  padding-top: 62.5%;  width: 100%;  } .f1826 {margin-top: 0px;  } .f1827 {position: absolute;  width: 110%;  filter: blur(20px);  } .f1828 {position: absolute;  width: 100%;  } .f1829 {display: block;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  margin-top: 24px;  margin-bottom: 16px;  } .f1830 {margin-top: 0px;  } .f1831 {display: flex;  flex: 1;  flex-direction: column;  height: 100vh;  width: 100%;  background-color: #FFFFFF;  position: fixed;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  z-index: 10;  } .f1831 > div {display: flex;  flex: 1;  width: 100%;  } .f1832 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1832:focus {outline: 4px solid transparent;  } .f1832:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f1832:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f1832:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f1832:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f1833 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f1833:focus {outline: 4px solid transparent;  } .f1833:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f1833:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f1833:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f1833:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f1834 {display: flex;  height: 40px;  min-height: 40px;  padding: 2px 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1834:focus {outline: 4px solid transparent;  } .f1834:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f1834:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f1834:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f1834:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f1835 {list-style: none;  padding: 0px;  margin: 0px;  } .f1836 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f1837 {display: flex;  flex-direction: column;  padding: 12px 16px;  width: 100%;  border-radius: 16px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f1838 {display: flex;  flex-wrap: wrap;  gap: 8px;  align-items: center;  justify-content: space-between;  } .f1839 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  color: #243042;  } .f1840 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f1841 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f1842 {display: flex;  align-items: center;  gap: 8px;  padding: 12px 16px;  width: 100%;  border-radius: 16px;  border: 1px solid #EBEFF6;  } .f1843 {color: #243042;  } .f1844 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f1845 {display: flex;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 4px;  width: calc(100% - 20px);  } .f1846 {display: flex;  flex-direction: column;  gap: 4px;  width: calc(100%/2 - 16px);  min-width: 200px;  } .f1847 {display: flex;  justify-content: space-between;  gap: 8px;  flex-wrap: wrap;  padding-top: 8px;  } .f1848 {display: flex;  flex-direction: column;  padding: 16px;  border-radius: 16px;  background-color: #E0F1F7;  } .f1849 {color: #64748B;  } .f1850 {color: #1D6591;  background-color: #C2E3EF;  } .f1851 {color: #F59E0B;  background-color: #FEF3C7;  } .f1852 {color: #FF4F3F;  background-color: #FFEDEB;  } .f1853 {color: #1D6591;  background-color: #C2E3EF;  } .f1854 {color: #FF4F3F;  } .f1855 {margin-bottom: 32px;  } .f1855:last-child {margin-bottom: 0px;  } .f1856 {margin-bottom: 20px;  } .f1856:last-child {margin-bottom: 0px;  } .f1857 {margin-bottom: 16px;  } .f1857:last-child {margin-bottom: 0px;  } .f1858 {margin-bottom: 12px;  } .f1858:last-child {margin-bottom: 0px;  } .f1859 {margin-bottom: 8px;  } .f1859:last-child {margin-bottom: 0px;  } .f1860 {padding-left: 20px;  } .f1861 {display: block;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin: 0px;  margin-bottom: 16px;  } .f1861 a {color: #1D6591;  text-decoration: none;  } .f1862 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1863 {position: relative;  display: flex;  justify-content: center;  max-height: 760px;  width: 100%;  margin-bottom: 32px;  border-radius: 16px;  overflow: hidden;  background-color: #FFFFFF;  } .f1864 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  display: flex;  align-items: center;  justify-content: center;  border-radius: 16px;  outline-offset: -4px;  outline: 4px solid transparent;  cursor: pointer;  transition: outline 0.3s ease-in-out;  } .f1864:focus-visible {outline: 4px solid #5DB4D2;  } .f1865 {position: absolute;  height: 62px;  width: 91px;  color: #FFFFFF;  transition: color 0.3s ease-in-out;  } .f1865:hover {color: #E0F1F7;  } .f1866 {} .f1867 {max-height: 760px;  max-width: 100%;  } .f1868 {width: 100%;  max-height: 500px;  padding-top: 62.5%;  background-color: #5DB4D2;  } .f1869 {margin-top: 0px;  } .f1870 {z-index: 5;  position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  display: flex;  flex: 1;  justify-content: center;  align-items: center;  background-color: transparent !important;  } .f1871 {position: absolute;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  background-color: #000000;  opacity: 0.6;  } .f1872 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  max-width: 1080px;  margin: 24px;  max-height: 100vh;  } .f1873 {width: 100%;  max-height: 100vh;  } .f1874 {} .f1875 {} .f1876 {height: 40px;  width: 40px;  border-radius: 20px;  } .f1877 {display: flex;  text-decoration: none;  color: inherit;  } .f1878 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  max-width: 40px;  width: 40px;  border-radius: 20px;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: normal;  background-color: #1D6591;  } .f1879 {display: flex;  align-items: center;  } .f1880 {margin-left: 12px;  border: none;  background-color: transparent;  cursor: pointer;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #1B2637;  } .f1881 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: none;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1881:focus {outline: none;  } .f1881:focus-visible {background: #88C9E0;  outline: none;  } .f1881:hover {background: #C2E3EF;  } .f1881:active {background: #5DB4D2;  } .f1881:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f1882 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1882:focus {outline: none;  } .f1882:focus-visible {background: #145585;  outline: none;  } .f1882:hover {background: #145585;  } .f1882:active {background: #02356C;  } .f1882:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f1883 {width: 100%;  } .f1884 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1885 {list-style: none;  padding: 0px;  margin: 0px;  } .f1886 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1887 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 66px;  border: none;  outline: none;  text-decoration: none;  text-align: center;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f1887:focus {outline: none;  } .f1887:focus-visible {background: #145585;  outline: none;  } .f1887:hover {background: #145585;  } .f1887:active {background: #02356C;  } .f1887:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f1888 {position: fixed;  z-index: 99;  top: 0px;  left: -3100px;  display: flex;  flex-direction: column;  width: 100%;  min-height: 100vh;  height: 100%;  padding: 16px 16px 24px 24px;  background-color: #FFFFFF;  } .f1889 {display: flex;  flex-direction: column;  gap: 16px;  } .f1890 {display: flex;  justify-content: flex-end;  } .f1891 {width: 32px;  height: 32px;  background-color: transparent;  cursor: pointer;  } .f1892 {width: 100%;  } .f1893 {display: flex;  flex-direction: column;  } .f1894 {width: 100%;  } .f1895 {display: inline-block;  padding: 12px 0;  margin: 0px;  width: 100%;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f1896 {display: flex;  flex-direction: column;  margin-top: auto;  width: 100%;  } .f1897 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1898 {list-style: none;  padding: 0px;  margin: 0px;  } .f1899 {position: fixed;  z-index: 99;  top: 0px;  left: -1100px;  display: none;  flex-direction: column;  width: 100%;  height: 100vh;  padding: 16px 16px 16px 24px;  background-color: #FFFFFF;  } .f1900 {display: flex;  flex-direction: column;  gap: 16px;  } .f1901 {display: flex;  justify-content: space-between;  } .f1902 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1903 {width: 40px;  height: 40px;  background-color: transparent;  cursor: pointer;  } .f1904 {width: 100%;  } .f1905 {display: block;  } .f1906 {display: flex;  justify-content: space-between;  align-items: center;  width: 100%;  padding-top: 12px;  padding-bottom: 12px;  padding-right: 12px;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  background-color: transparent;  } .f1907 {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1907 .f1908 {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1907 .f1909 {display: block;  } .f1909 {display: none;  height: 24px;  transform: rotate(0turn);  } .f1910 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1911 {list-style: none;  padding: 0px;  margin: 0px;  } .f1912 {margin: 0px;  text-decoration: none;  color: inherit;  } .f1913 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1913:focus {outline: 4px solid transparent;  } .f1913:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f1913:hover {outline: 4px solid transparent;  background: #145585;  } .f1913:active {outline: 4px solid transparent;  background: #02356C;  } .f1913:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f1914 {display: flex;  align-items: center;  justify-content: center;  height: 54px;  min-height: 54px;  padding: 0 40px;  border-radius: 12px;  outline: 2px solid #1B2637;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  white-space: nowrap;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f1914:focus {outline: 2px solid #1B2637;  } .f1914:focus-visible {background: #88C9E0;  outline: 2px solid #1B2637;  } .f1914:hover {background: #C2E3EF;  } .f1914:active {background: #5DB4D2;  } .f1914:disabled {outline: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f1915 {position: fixed;  z-index: 99;  top: 0px;  left: -1100px;  display: none;  flex-direction: column;  width: 100%;  height: 100vh;  padding: 16px 16px 16px 24px;  background-color: #FFFFFF;  } .f1916 {display: flex;  flex-direction: column;  gap: 16px;  } .f1917 {display: flex;  justify-content: space-between;  } .f1918 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f1919 {width: 40px;  height: 40px;  background-color: transparent;  cursor: pointer;  } .f1920 {width: 100%;  } .f1921 {display: inline-block;  padding-top: 12px;  padding-bottom: 12px;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1922 {display: flex;  flex-direction: column;  padding-right: 8px;  gap: 8px;  margin-top: auto;  width: 100%;  } .f1923 {position: relative;  z-index: 2;  display: flex;  align-items: center;  width: 100%;  height: 46px;  border-radius: 70px;  outline: 1px solid #DFE4EC;  background: #FFFFFF;  } .f1924 {right: 0px;  width: 56px;  max-height: 56px;  padding: 12px 16px;  } .f1925 {display: none;  cursor: pointer;  } .f1926 {width: 100%;  height: 100%;  padding: 0 0 0 56px;  border: none;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  outline: none;  background-image: url('/img/search_img.svg');  background-repeat: no-repeat;  background-size: 24px 24px;  background-position: 16px center;  } .f1923:focus {outline: 2px solid #1D6591;  background: #F8FCFF;  } .f1923:hover {outline: 1px solid #DADFE7;  } .f1923:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f1926:disabled {color: #1B2637;  } .f1926:focus {color: #1B2637;  } .f1923:disabled {outline: 1px solid #DFE4EC;  background: #EBEFF6;  } .f1923:focus-within {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f1926::placeholder {color: #AAB5C6;  } .f1927 {} .f1928 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1929 {display: none;  align-items: center;  padding-bottom: 24px;  justify-content: space-between;  } .f1930 {display: flex;  justify-content: center;  align-items: center;  height: 44px;  min-width: 44px;  padding: 0 10px;  border-radius: 12px;  border: 1px solid #DFE4EC;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #F8FCFF;  background-position: center;  background-size: 24px;  background-repeat: no-repeat;  cursor: pointer;  } .f1931 {background-image: url('/img/icon/icon_sliders-horizontal.svg');  } .f1932 {padding-right: 52px;  background-image: url('/img/icon/icon_filter.svg');  background-position: center right 10px;  } .f1933 {padding-right: 52px;  background-image: url('/img/icon/icon_filter-up.svg');  background-position: center right 10px;  } .f1934 {} .f1935 {} .f1936 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1937 {margin-top: 0px;  } .f1938 {position: relative;  display: flex;  flex-direction: row;  align-items: center;  padding: 10px 12px;  min-height: 70px;  outline: 4px solid transparent;  border-radius: 16px;  margin-bottom: 32px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  user-select: none;  transition: outline 0.3s ease-in-out;  } .f1938:focus-visible {outline: 4px solid #5DB4D2;  } .f1939 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f1940 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f1941 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f1942 {height: 40px;  width: 40px;  min-width: 40px;  background-position: center;  background-size: 24px;  background-repeat: no-repeat;  cursor: pointer;  } .f1943 {background-image: url('/img/icon/icon_audio-d-gray.svg');  } .f1944 {background-image: url('/img/icon/icon_audio-mute-d-gray.svg');  } .f1945 {display: flex;  align-items: center;  height: 40px;  width: 100%;  gap: 12px;  } .f1946 {display: flex;  align-items: center;  justify-content: center;  min-width: 40px;  height: 40px;  border: none;  cursor: pointer;  } .f1947 {display: block;  height: 24px;  } .f1948 {height: 24px;  } .f1949 {display: flex;  flex-direction: column;  justify-content: center;  width: 100%;  height: 100%;  } .f1950:focus {outline: none;  } .f1950 {height: 6px;  width: 100%;  overflow: hidden;  border-radius: 4px;  background-color: #2F86AA;  -webkit-appearance: none;  cursor: pointer;  } .f1951 {height: 100%;  width: 0%;  background-color: #2F86AA;  } .f1952 {display: flex;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f1953 {} .f1950::-webkit-slider-runnable-track {height: 10px;  -webkit-appearance: none;  color: #2F86AA;  margin-top: -1px;  } .f1950::-webkit-slider-thumb {width: 0px;  height: 10px;  -webkit-appearance: none;  cursor: pointer;  background: #C2E3EF;  box-shadow: 400px 0 0 400px #C2E3EF;  } .f1950::-moz-range-progress {background-color: #C2E3EF;  } .f1950::-moz-range-track {background-color: #2F86AA;  } .f1950::-ms-fill-lower {background-color: #C2E3EF;  } .f1950::-ms-fill-upper {background-color: #2F86AA;  } .f1954 {display: flex;  align-items: center;  padding: 18px 23px;  border-radius: 16px;  min-height: 70px;  width: 100%;  outline: 4px solid transparent;  background: #FFFFFF;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f1954:focus-visible {outline: 4px solid #5DB4D2;  } .f1955 {position: relative;  width: 100%;  border-radius: 16px;  outline: 4px solid transparent;  margin-bottom: 32px;  transition: outline 0.4s ease-in-out;  } .f1956 {background-image: url('/img/icon/icon_plus-gray.svg');  } .f1957 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f1958 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1959 {display: none;  } .f1960 {background-color: #EBEFF6;  } .f1961 {background-color: #FFEDEB;  } .f1962 {} .f1963 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1964 {position: relative;  display: flex;  flex-direction: column;  gap: 20px;  width: 100%;  margin-bottom: 32px;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f1965 {position: relative;  width: 100%;  } .f1966 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f1967 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f1968 {margin-top: 0px;  } .f1969 {position: relative;  display: flex;  padding-left: 36px;  width: 100%;  height: 30px;  align-items: center;  background-image: url('/img/icon/icon_paper-clip-gray.svg');  background-size: 24px 24px;  background-position: top 50% left 0;  background-repeat: no-repeat;  } .f1970 {display: flex;  align-items: center;  width: 100%;  min-height: 70px;  margin: 0px;  padding: 18px 23px;  outline: 4px solid transparent;  border-radius: 16px;  text-decoration: none;  color: inherit;  background-image: url('/img/icon/icon_download-gray.svg');  background-size: 24px 24px;  background-position: top 50% right 24px;  background-repeat: no-repeat;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f1970:focus-visible {outline: 4px solid #5DB4D2;  } .f1971 {position: absolute;  margin: 0px;  width: calc(100% - 60px);  overflow: hidden;  padding-right: 12px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f1972 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f1973 {display: flex;  align-items: center;  width: 100%;  min-height: 70px;  padding: 16px 23px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  outline: 4px solid transparent;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f1973:focus-visible {outline: 4px solid #5DB4D2;  } .f1974 {background-image: url('/img/icon/icon_plus-gray.svg');  } .f1975 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f1976 {text-align: start;  margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f1977 {display: none;  } .f1978 {background-color: #EBEFF6;  } .f1979 {background-color: #FFEDEB;  } .f1980 {} .f1981 {display: flex;  flex: 1;  min-height: 100px;  } .f1982 {display: flex;  flex: 1;  padding-left: 16px;  padding-right: 16px;  padding-bottom: 200px;  flex-direction: column;  } .f1983 {} .f1983 div {} .f1984 {background-color: #FF1A05;  } .f1985 {width: 2px;  } .f1986 {display: flex;  align-items: center;  justify-content: center;  border-radius: 6px;  background: transparent;  cursor: pointer;  user-select: none;  } .f1987 {display: flex;  flex-direction: row;  position: absolute;  margin-left: -65px;  z-index: 1;  } .f1988 {height: 24px;  width: 24px;  background-size: cover;  background-position: center;  background-repeat: no-repeat;  user-select: none;  pointer-events: none;  } .f1989 {background-image: url('/img/icon/icon_popup-plus-gray.svg');  } .f1990 {background-image: url('/img/icon/icon_popup-ellipsis-gray.svg');  } .f1986:hover .f1989 {background-image: url('/img/icon/icon_popup-plus-d-gray.svg');  } .f1986:hover .f1990 {background-image: url('/img/icon/icon_popup-ellipsis-d-gray.svg');  } .f1991 {border-bottom: 3px solid #5DB4D2;  } .f1992 {display: flex;  flex-direction: column;  } .f1993 {width: 0px;  height: 0px;  line-height: 0;  border: 1px dotted #5DB4D2;  background-color: #4F97B6;  position: fixed;  z-index: 100;  visibility: hidden;  filter: alpha(opacity=40);  opacity: 0.4;  } .f1994 {} .f1995 {background-color: #FFE8E5;  border-radius: 8px;  } .f1996 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f1997 {position: relative;  display: flex;  flex-direction: column;  gap: 20px;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f1998 {position: relative;  width: 100%;  } .f1999 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f2000 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f2001 {margin-top: 0px;  } .f2002 {position: relative;  display: flex;  padding: 20px 23px;  padding-left: 64px;  width: 100%;  min-height: 70px;  align-items: center;  background-image: url('/img/icon/icon_pdf-gray.svg');  background-size: 24px 24px;  background-position: top 50% left 24px;  background-repeat: no-repeat;  } .f2003 {display: flex;  align-items: center;  border-radius: 16px;  outline: 4px solid transparent;  width: 100%;  margin: 0px;  text-decoration: none;  color: inherit;  background-image: url('/img/icon/icon_download-gray.svg');  background-size: 24px 24px;  background-position: top 50% right 24px;  background-repeat: no-repeat;  transition: outline 0.4s ease-in-out;  } .f2003:focus-visible {outline: 4px solid #5DB4D2;  } .f2004 {position: absolute;  margin: 0px;  width: calc(100% - 112px);  overflow: hidden;  padding-right: 12px;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f2005 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f2005:focus {outline: 4px solid #5DB4D2;  } .f2006 {position: relative;  display: flex;  align-items: center;  min-height: 70px;  padding: 16px 23px;  margin-bottom: 32px;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.3s ease-in-out;  } .f2006:focus-visible {outline: 4px solid #5DB4D2;  } .f2007 {background-image: url('/img/icon/icon_plus-gray.svg');  } .f2008 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f2009 {text-align: start;  margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2010 {display: none;  } .f2011 {background-color: #EBEFF6;  } .f2012 {background-color: #FFEDEB;  } .f2013 {} .f2014 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2015 {position: relative;  display: flex;  outline: 4px solid transparent;  justify-content: center;  align-items: center;  width: 100%;  margin-bottom: 32px;  border-radius: 16px;  overflow: hidden;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f2016 {position: relative;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f2017 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f2015::before {content: '';  display: block;  padding-top: 62.5%;  width: 100%;  } .f2018 {margin-top: 0px;  } .f2019 {position: absolute;  width: 100%;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transition: filter 0.4s ease-in-out;  } .f2020 {display: flex;  align-items: center;  min-height: 70px;  padding: 18px 23px;  width: 100%;  outline: 4px solid transparent;  margin-bottom: 32px;  border-radius: 16px;  background: #FFFFFF;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f2020:focus-visible {outline: 4px solid #5DB4D2;  } .f2021 {background-image: url('/img/icon/icon_plus-gray.svg');  } .f2022 {position: relative;  width: 100%;  } .f2023 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f2024 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f2025 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f2026 {margin: 0px;  text-align: left;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2027 {display: none;  } .f2028 {display: flex;  align-items: center;  justify-content: center;  outline: none;  } .f2029 {position: relative;  margin: 0px;  outline: none;  text-align: center;  color: #3A4C64;  } .f2030 .f2019 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f2030 {background-color: #EBEFF6;  } .f2031 {background-color: #FFEDEB;  } .f2032 {} .f2033 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2034 {position: relative;  display: flex;  outline: 4px solid transparent;  justify-content: center;  margin-bottom: 32px;  width: 100%;  border-radius: 16px;  background-color: #FFFFFF;  transition: outline 0.4s ease-in-out;  } .f2035 {display: none;  position: absolute;  top: 0px;  left: 0px;  border-radius: 16px;  width: 100%;  height: 100%;  outline: 4px solid transparent;  transition: outline 0.3s ease-in-out;  } .f2036 {position: relative;  width: 100%;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 16px;  transition: background-color 0.4s ease-in-out;  } .f2037 {position: relative;  width: 100%;  } .f2038 {position: absolute;  top: 50%;  right: 16px;  display: none;  width: 24px;  height: 24px;  background-size: 24px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  transform: translateY(-50%);  } .f2039 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f2040 {max-width: 450px;  width: 100%;  display: flex;  align-items: center;  justify-content: center;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transition: filter 0.4s ease-in-out;  } .f2041 {padding-top: 62.5%;  width: 100%;  background-color: #5DB4D2;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transition: filter 0.4s ease-in-out;  } .f2042 {position: relative;  display: flex;  outline: none;  justify-content: center;  align-items: center;  width: 100%;  overflow: hidden;  border-radius: 16px;  } .f2043 {position: absolute;  top: 50%;  outline: 4px solid transparent;  height: 100%;  width: 100%;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  transform: translateY(-50%);  transition: filter 0.4s ease-in-out;  } .f2044 {margin-top: 0px;  } .f2045 {height: 62px;  width: 91px;  position: absolute;  border-radius: 70px;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  } .f2046 {} .f2047 {display: flex;  align-items: center;  padding: 18px 23px;  min-height: 70px;  width: 100%;  outline: 4px solid transparent;  border-radius: 16px;  background: #FFFFFF;  background-size: 24px;  background-position: right 24px center;  background-repeat: no-repeat;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  cursor: pointer;  transition: filter 0.4s ease-in-out, background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  filter: opacity(1) drop-shadow(0 0 0 #EBEFF6);  } .f2047:focus-visible {outline: 4px solid #5DB4D2;  } .f2048 {background-image: url('/img/icon/icon_plus-gray.svg');  } .f2049 {opacity: 0;  } .f2050 {width: 24px;  min-width: 24px;  margin-right: 16px;  color: #576A84;  } .f2051 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2052 {display: none;  } .f2053 .f2047 {background-color: #EBEFF6;  } .f2053 .f2040 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f2053 .f2041 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f2053 .f2043 {filter: opacity(0.6) drop-shadow(0 0 0 #EBEFF6);  } .f2054 .f2047 {background-color: #FFEDEB;  } .f2055 {} .f2056 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2057 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2057:focus {outline: 4px solid transparent;  } .f2057:focus-visible {outline: 4px solid #88C9E0;  background: #EBEFF6;  } .f2057:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f2057:active {outline: 4px solid transparent;  background: #DFE4EC;  } .f2057:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: transparent;  } .f2058 {display: flex;  height: 54px;  mim-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2058:focus {outline: 4px solid transparent;  } .f2058:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f2058:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f2058:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f2058:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f2059 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2059:focus {outline: 4px solid transparent;  } .f2059:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f2059:hover {outline: 4px solid transparent;  background: #145585;  } .f2059:active {outline: 4px solid transparent;  background: #02356C;  } .f2059:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f2060 {z-index: 101;  position: fixed;  display: flex;  flex-direction: column;  overflow: hidden;  border-radius: 24px;  max-width: 480px;  width: 100%;  padding: 24px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f2061 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  margin-bottom: 16px;  } .f2062 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2063 {margin: 0px;  margin-bottom: 24px;  color: #576A84;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2064 {width: 32px;  min-width: 32px;  height: 32px;  color: #243042;  background-size: 32px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  } .f2065 {background-image: url('img/icon/x.svg');  } .f2066 {margin-bottom: 24px;  } .f2067 {display: flex;  flex-direction: row;  justify-content: flex-end;  gap: 8px;  } .f2068 {width: auto;  } .f2069 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  background-color: #0000000f;  } .f2070 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  display: flex;  flex: 1;  align-items: center;  justify-content: center;  z-index: 105;  } .f2071 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2072 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2072:focus {outline: 4px solid transparent;  } .f2072:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f2072:hover {outline: 4px solid transparent;  background: #145585;  } .f2072:active {outline: 4px solid transparent;  background: #02356C;  } .f2072:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f2073 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2073:focus {outline: 4px solid transparent;  } .f2073:focus-visible {outline: 4px solid #88C9E0;  background: #EBEFF6;  } .f2073:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f2073:active {outline: 4px solid transparent;  background: #DFE4EC;  } .f2073:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: transparent;  } .f2074 {padding: 0 16px;  min-height: 54px;  height: 54px;  border-radius: 12px;  background-color: #FFFFFF;  border: none;  outline: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f2074::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2074:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f2074:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f2074:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f2074:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f2074:invalid {outline: 1px solid #FF4F3F;  } .f2075 {z-index: 104;  position: fixed;  display: flex;  flex-direction: column;  overflow: hidden;  border-radius: 24px;  max-width: 480px;  width: 100%;  padding: 24px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f2076 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  margin-bottom: 16px;  } .f2077 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2078 {width: 32px;  min-width: 32px;  height: 32px;  color: #243042;  background-size: 32px;  background-position: center;  background-repeat: no-repeat;  cursor: pointer;  } .f2079 {background-image: url('img/icon/x.svg');  } .f2080 {margin-bottom: 24px;  } .f2081 {display: flex;  flex-direction: row;  justify-content: flex-end;  gap: 8px;  } .f2082 {width: auto;  } .f2083 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  background-color: #0000000f;  } .f2084 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  display: flex;  flex: 1;  align-items: center;  justify-content: center;  z-index: 105;  } .f2085 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2086 {list-style: none;  padding: 0px;  margin: 0px;  } .f2087 {display: flex;  flex-direction: column;  padding: 16px;  border-radius: 16px;  width: 248px;  gap: 4px;  background-color: #FFFFFF;  box-shadow: 0px 7px 16px 0px rgba(24, 39, 75, 0.10);  position: absolute;  } .f2088 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f2089 {display: flex;  flex-direction: column;  } .f2090 {display: flex;  align-items: center;  height: 34px;  min-height: 34px;  padding-left: 32px;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-repeat: no-repeat;  background-size: 24px;  background-position: left 0 center;  } .f2091 {background-image: url('img/icon/icon_x-in-circle-red.svg');  } .f2092 {background-image: url('img/icon/icon_v-in-circle-greev.svg');  } .f2093 {position: fixed;  top: 0px;  left: 0px;  right: 0px;  bottom: 0px;  z-index: 100;  } .f2094 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f2095 {list-style: none;  padding: 0px;  margin: 0px;  } .f2096 {width: 372px;  max-width: 372px;  max-height: 582px;  border-radius: 24px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f2097 {display: flex;  align-items: center;  justify-content: space-between;  padding: 16px 16px 16px 24px;  border-bottom: 1px solid #DFE4EC;  } .f2098 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2099 {display: block;  justify-content: center;  align-items: center;  padding: 0px;  border: none;  width: 24px;  height: 24px;  background-color: transparent;  cursor: pointer;  } .f2100 {width: 100%;  } .f2101 {display: flex;  flex-direction: column;  padding-left: 16px;  max-height: 478px;  overflow-y: auto;  } .f2102 {display: flex;  flex-direction: column;  gap: 12px;  border-bottom: 1px solid #DFE4EC;  max-width: 338px;  } .f2102:last-child {border-bottom: none;  } .f2103 {display: flex;  flex-direction: column;  gap: 4px;  padding: 8px 0;  margin: 0px;  text-decoration: none;  color: inherit;  } .f2104 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  } .f2105 {display: flex;  flex-direction: row;  align-items: center;  gap: 2px;  width: 100%;  margin-right: 8px;  } .f2106 {width: 12px;  min-width: 12px;  } .f2107 {margin: 0px;  max-width: 318px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2108 {height: 12px;  width: 12px;  min-width: 12px;  border-radius: 50%;  background-color: #1D6591;  margin-right: 2px;  } .f2109 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  } .f2110 {position: relative;  } .f2111 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  } .f2112 {width: 100%;  } .f2113 {position: absolute;  right: -2px;  bottom: -4px;  } .f2114 {display: flex;  flex-direction: column;  gap: 2px;  } .f2115 {margin: 0px;  max-height: 34px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2116 {color: #1D6591;  } .f2117 {color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2118 {display: block;  align-items: center;  padding: 12px 20px;  border-top: 1px solid #DFE4EC;  } .f2119 {text-decoration: none;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2120 {list-style: none;  padding: 0px;  margin: 0px;  } .f2121 {display: grid;  gap: 16px;  width: 100%;  max-width: 956px;  grid-template-columns: repeat(3, 1fr);  } .f2122 {list-style: none;  padding: 0px;  margin: 0px;  } .f2123 {display: grid;  gap: 16px;  width: 100%;  max-width: 956px;  grid-template-columns: repeat(3, 1fr);  } .f2124 {list-style: none;  padding: 0px;  margin: 0px;  } .f2125 {display: grid;  gap: 16px;  width: 100%;  grid-template-columns: repeat(3, 1fr);  } .f2126 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2127 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f2128 {display: flex;  flex-direction: column;  padding: 12px;  border-radius: 32px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f2128:focus {outline: 2px solid #1D6591;  } .f2129 {outline: 2px solid #1D6591;  } .f2128:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2130 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f2131 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2132 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 120%;  filter: blur(20px);  } .f2133 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  } .f2134 {display: flex;  flex-direction: column;  justify-content: space-between;  padding: 12px;  min-height: 210px;  } .f2135 {display: flex;  align-items: flex-start;  flex-direction: column;  gap: 12px;  } .f2136 {display: flex;  flex-wrap: wrap;  row-gap: 8px;  column-gap: 12px;  } .f2137 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2138 {display: block;  margin: 0px;  height: 70px;  overflow: hidden;  word-break: break-word;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2139 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2140 {color: #1D6591;  background-color: #C2E3EF;  } .f2141 {color: #FF4F3F;  background-color: #FFEDEB;  } .f2142 {color: #1D6591;  background-color: #C2E3EF;  } .f2143 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2144 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f2145 {display: flex;  flex-direction: column;  padding: 12px;  border-radius: 32px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f2145:focus {outline: 2px solid #1D6591;  } .f2146 {outline: 2px solid #1D6591;  } .f2145:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2147 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f2148 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2149 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 120%;  filter: blur(20px);  } .f2150 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  } .f2151 {display: flex;  flex-direction: column;  justify-content: space-between;  padding: 12px;  min-height: 210px;  } .f2152 {display: flex;  align-items: flex-start;  flex-direction: column;  gap: 12px;  } .f2153 {display: flex;  flex-wrap: wrap;  row-gap: 8px;  column-gap: 12px;  } .f2154 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2155 {display: block;  margin: 0px;  height: 70px;  overflow: hidden;  word-break: break-word;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2156 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2157 {color: #1D6591;  background-color: #C2E3EF;  } .f2158 {color: #FF4F3F;  background-color: #FFEDEB;  } .f2159 {color: #1D6591;  background-color: #C2E3EF;  } .f2160 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2161 {list-style: none;  padding: 0px;  margin: 0px;  } .f2162 {display: flex;  flex-direction: column;  padding: 12px;  border-radius: 32px;  min-width: 191px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f2162:focus {outline: 2px solid #1D6591;  } .f2162:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2163 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f2164 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2165 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 120%;  filter: blur(20px);  } .f2166 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  } .f2167 {display: flex;  flex-direction: column;  justify-content: space-between;  align-items: flex-start;  padding: 12px;  min-height: 210px;  } .f2168 {display: flex;  flex-direction: column;  align-items: flex-start;  width: 100%;  } .f2169 {display: flex;  flex-direction: row;  justify-content: center;  align-items: center;  height: 25px;  margin-bottom: 12px;  min-height: 25px;  padding: 4px 8px;  border-radius: 8px;  background-color: #EBEFF6;  } .f2170 {margin: 0px;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #576A84;  } .f2171 {background-color: #FEF3C7;  } .f2171 > .f2170 {color: #D97706;  } .f2172 {background-color: #C2E3EF;  } .f2172 > .f2170 {color: #145585;  } .f2173 {background-color: #FEF3C7;  } .f2173 > .f2170 {color: #D97706;  } .f2174 {display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 8px;  } .f2175 {margin: 0px;  margin-bottom: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2176 {display: block;  margin: 0px;  height: 70px;  overflow: hidden;  word-break: break-word;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2177 {margin: 0px;  margin-bottom: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2178 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f2179 {margin: 0px;  padding-left: 32px;  height: 24px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-size: 24px;  background-position: left center;  background-repeat: no-repeat;  } .f2180 {background-image: url('/img/icon/icon_like-l-gray.svg');  } .f2181 {background-image: url('/img/icon/icon_comment-l-gray.svg');  } .f2182 {color: #2F86AA;  background-image: url('/img/icon/icon_like-green.svg');  } .f2183 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2184 {display: flex;  align-items: center;  height: 44px;  padding: 0 36px 0 16px;  width: 220px;  border-radius: 16px;  outline: 1px solid transparent;  background: #E0F1F7;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2185 {margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2186 {width: 220px;  height: fit-content;  list-style-type: none;  padding-left: 0px;  overflow: hidden;  margin: 0px;  margin-top: 4px;  border-radius: 8px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  position: absolute;  z-index: 1;  } .f2187 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f2187:focus {background-color: #EBEFF6;  outline: none;  } .f2187:hover {background-color: #EBEFF6;  } .f2187:active {color: #1D6591;  } .f2184:hover {} .f2184:focus {} .f2184:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  background-image: url(img/select-arrow-black.svg);  } .f2184:disabled {outline: 1px solid #DFE4EC;  } .f2188 {background-image: url(img/select-arrow-black.svg);  } .f2189 {} .f2190 {} .f2191 {list-style: none;  padding: 0px;  margin: 0px;  } .f2192 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2193 {display: flex;  justify-content: space-between;  align-items: center;  } .f2194 {display: flex;  flex-direction: row;  flex-wrap: wrap;  align-items: center;  min-height: 47px;  border-radius: 16px;  padding: 4px;  background-color: #C2E3EF;  } .f2195 {display: flex;  align-items: center;  white-space: nowrap;  padding: 8px 14px;  border-radius: 12px;  text-align: center;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  box-shadow: 0px 0px 0px 0px rgba(24, 39, 75, 0.09);  cursor: pointer;  transition: color 0.4s ease-in-out;  } .f2195:hover {color: #243042;  } .f2196 {color: #243042;  outline: none;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  background-color: #FFFFFF;  } .f2197 {list-style: none;  padding: 0px;  margin: 0px;  } .f2198 {display: flex;  flex-direction: row;  } .f2199 {display: flex;  align-items: center;  white-space: nowrap;  padding: 12px 24px;  border-radius: 12px;  text-align: center;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  cursor: pointer;  } .f2200 {background-color: #E0F1F7;  outline: none;  } .f2201 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2202 {list-style: none;  padding: 0px;  margin: 0px;  } .f2203 {display: flex;  flex-direction: column;  padding: 12px;  border-radius: 32px;  min-width: 191px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f2203:hover {outline: 2px solid transparent;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2203:focus {outline: 2px solid #1D6591;  } .f2204 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2205 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f2206 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2207 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 120%;  filter: blur(20px);  } .f2208 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  } .f2209 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 16px 12px 12px 12px;  min-height: 210px;  } .f2210 {display: flex;  flex-direction: row;  flex-wrap: wrap;  margin-bottom: 4px;  gap: 8px;  } .f2211 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f2212 {display: block;  width: 100%;  margin: 0px;  height: 70px;  overflow: hidden;  word-break: break-word;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2213 {display: flex;  justify-content: center;  align-items: center;  border-radius: 8px;  height: 25px;  min-height: 25px;  padding: 0 8px;  text-align: center;  margin: 0px;  margin-bottom: 12px;  color: #D97706;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FEF3C7;  } .f2214 {color: #145585;  background-color: #C2E3EF;  } .f2215 {color: #576A84;  background-color: #EBEFF6;  } .f2216 {color: #D97706;  background-color: #FEF3C7;  } .f2217 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2218 {position: absolute;  display: flex;  justify-content: center;  width: 100vw;  height: 100vh;  } .f2219 {display: flex;  flex-direction: column;  padding: 48px 24px;  max-width: 808px;  width: auto;  } .f2220 {display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 24px;  } .f2221 {display: flex;  gap: 20px;  align-items: center;  } .f2222 {display: flex;  gap: 8px;  align-items: center;  color: #3A4C64;  transition: color 0.3s ease-in-out;  cursor: pointer;  } .f2223 {height: 24px;  width: 24px;  } .f2224 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  transition: color 0.3s ease-in-out;  } .f2222:hover {color: #576A84;  } .f2222:hover .f2224 {color: #485B74;  } .f2222:active {color: #3A4C64;  } .f2222:active .f2224 {color: #243042;  } .f2225 {display: flex;  align-items: center;  height: 25px;  padding: 0 8px;  border-radius: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;  cursor: pointer;  } .f2225:hover {color: #3A4C64;  } .f2225:active {background-color: #DFE4EC;  } .f2226 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  height: 32px;  cursor: pointer;  } .f2227 {width: 100%;  } .f2228 {display: flex;  overflow-y: auto;  margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2229 {position: fixed;  bottom: 148px;  left: 24px;  display: flex;  flex-direction: column;  z-index: 99;  } .f2230 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f2231 {list-style: none;  padding: 0px;  margin: 0px;  } .f2232 {display: flex;  flex-direction: column;  gap: 10px;  } .f2233 {display: flex;  flex-direction: column;  padding: 16px 24px;  border-radius: 24px;  width: 320px;  max-width: 320px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  margin-bottom: 16px;  margin-left: -400px;  } .f2234 {width: 24px;  min-width: 24px;  } .f2235 {width: 40px;  min-width: 40px;  } .f2236 {margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2237 {margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2238 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2239 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2240 {display: flex;  flex-direction: column;  gap: 2px;  } .f2241 {display: flex;  justify-content: flex-end;  } .f2242 {display: flex;  height: 32px;  padding: 0 12px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  outline: none;  text-decoration: none;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f2242:focus {outline: none;  } .f2242:focus-visible {background-color: #88C9E0;  outline: none;  } .f2242:hover {background-color: #C2E3EF;  } .f2242:active {background-color: #5DB4D2;  } .f2242:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f2243 {background-color: #4F97B6;  } .f2244 {flex-direction: row;  gap: 12px;  padding: 16px 24px 16px 16px;  background-color: #4F97B6;  } .f2245 {background-color: #FBBF24;  } .f2246 {flex-direction: row;  gap: 12px;  padding: 16px 24px 16px 16px;  background-color: #FBBF24;  } .f2247 {background-color: #FBBF24;  } .f2248 {flex-direction: row;  gap: 12px;  padding: 16px 24px 16px 16px;  background-color: #FBBF24;  } .f2249 {padding: 16px 24px;  gap: 2px;  background-color: #1B2637;  } .f2250 {flex-direction: row;  align-items: center;  padding: 16px;  gap: 12px;  background-color: #1B2637;  } .f2251 {padding: 16px 12px 12px 24px;  gap: 8px;  background-color: #1B2637;  } .f2252 {padding: 16px 12px 12px 24px;  gap: 8px;  background-color: #4F97B6;  } .f2253 {position: fixed;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  background-color: #00000033;  z-index: 9999;  display: flex;  justify-content: center;  align-items: center;  } .f2254 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2255 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2256 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2256:focus {outline: 4px solid transparent;  } .f2256:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f2256:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f2256:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2256:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f2257 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #26759D;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2257:focus {outline: 4px solid transparent;  } .f2257:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f2257:hover {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f2257:active {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #88C9E0;  } .f2257:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f2258 {display: flex;  flex-direction: column;  padding: 24px;  border-radius: 32px;  margin-bottom: 40px;  overflow: hidden;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  } .f2259 {display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  height: 44px;  min-height: 44px;  } .f2260 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2261 {padding-top: 16px;  display: flex;  flex-direction: column;  } .f2262 {margin: 0px;  margin-bottom: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f2263 {margin: 0px;  margin-bottom: 24px;  color: #576A84;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2264 {margin: 0px;  color: #26759D;  } .f2265 {display: flex;  } .f2266 {display: none;  } .f2267 {display: flex;  justify-content: flex-end;  width: 100%;  } .f2268 {position: relative;  z-index: 2;  display: flex;  align-items: center;  width: 131px;  max-width: 300px;  height: 46px;  border-radius: 70px;  outline: 1px solid #DFE4EC;  overflow: hidden;  background: #FFFFFF;  transition: width 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f2269 {right: 0;  width: 56px;  max-height: 56px;  padding: 12px 16px;  } .f2270 {display: none;  cursor: pointer;  } .f2271 {width: 100%;  height: 100%;  padding: 0 0 0 56px;  border: none;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  outline: none;  background-image: url('/img/search_img.svg');  background-repeat: no-repeat;  background-size: 24px 24px;  background-position: 16px center;  } .f2268:focus {width: 300px;  outline: 2px solid #1D6591;  background: #F8FCFF;  } .f2268:hover {outline: 1px solid #DADFE7;  } .f2268:active {width: 300px;  outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f2271:disabled {color: #1B2637;  } .f2271:focus {color: #1B2637;  } .f2268:disabled {outline: 1px solid #DFE4EC;  background: #EBEFF6;  } .f2268:focus-within {width: 300px;  outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f2271::placeholder {color: #AAB5C6;  } .f2272 {} .f2273 {color: #243042;  } .f2274 {color: #3A4C64;  } .f2275 {color: #64748B;  } .f2276 {color: #AAB5C6;  } .f2277 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2278 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2279 {position: fixed;  left: 0px;  top: 0px;  display: flex;  justify-content: center;  align-items: flex-start;  width: 100vw;  height: 100vh;  padding: 40px;  } .f2280 {position: absolute;  left: 0px;  top: 0px;  width: 100%;  height: 100%;  opacity: 0.5;  background-color: #000000;  } .f2281 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  max-width: 768px;  max-height: 100%;  overflow: hidden;  border-radius: 24px;  outline: 1px solid #DFE4EC;  background-color: #FFFFFF;  } .f2282 {display: flex;  align-items: center;  gap: 16px;  padding: 20px 24px;  border-bottom: 1px solid #DFE4EC;  } .f2283 {color: #576A84;  cursor: pointer;  } .f2284 {display: flex;  justify-content: center;  height: 32px;  width: 100%;  outline: none;  margin: 0px;  padding: 0px;  border: none;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  text-overflow: ellipsis;  } .f2284::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f2285 {display: flex;  flex-direction: column;  padding-top: 12px;  padding-bottom: 24px;  } .f2286 {display: flex;  align-items: center;  width: 100%;  min-height: 32px;  padding: 0 24px;  } .f2287 {display: flex;  flex-direction: column;  padding-top: 8px 0;  border-bottom: 1px solid #EBEFF6;  } .f2287:last-child {border-bottom: none;  } .f2288 {display: flex;  align-items: center;  width: 100%;  min-height: 48px;  padding: 9px 24px;  } .f2289 {margin-right: 8px;  } .f2290 {margin-right: auto;  } .f2291 {list-style: none;  padding: 0px;  margin: 0px;  } .f2292 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2293 {display: flex;  flex-direction: column;  overflow-y: auto;  } .f2294 {display: flex;  flex-direction: column;  width: 100%;  } .f2295 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 0 12px;  border-radius: 8px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2295:focus {outline: 4px solid transparent;  } .f2295:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f2295:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f2295:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f2295:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2296 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f2296:focus {outline: 4px solid transparent;  } .f2296:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f2296:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f2296:active {outline: 4px solid transparent;  background: #DADFE7;  } .f2296:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2297 {width: 100;  } .f2298 {display: flex;  align-items: center;  gap: 16px;  width: 100%;  padding: 10px 24px;  text-align: start;  transition: background-color 0.3s ease-in-out;  cursor: pointer;  } .f2298:hover {background-color: #EBEFF6;  } .f2299 {position: relative;  display: flex;  overflow: hidden;  border-radius: 8px;  background-size: contain;  background-repeat: no-repeat;  background-position: center;  background-color: #26759D;  } .f2300 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2301 {filter: blur(5px);  } .f2302 {position: absolute;  top: 50%;  left: 0px;  transform: translateY(-50%);  } .f2303 {display: flex;  flex-direction: column;  gap: 2px;  overflow: hidden;  } .f2304 {display: block;  overflow: hidden;  width: 100%;  text-overflow: ellipsis;  white-space: nowrap;  } .f2305 {display: flex;  align-items: center;  flex-direction: column;  width: 100%;  padding: 224px 24px 40px 24px;  background-position: top 24px center;  background-repeat: no-repeat;  background-size: 180px;  } .f2306 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  color: #AAB5C6;  } .f2307 {background-image: url('/img/search_no_img.png');  } .f2308 {display: flex;  padding: 16px 24px;  border-top: 1px solid #DFE4EC;  } .f2309 {display: flex;  padding: 12px 24px;  align-items: flex-start;  gap: 16px;  max-width: 499px;  width: 100%;  color: inherit;  text-decoration: none;  } .f2309:focus {outline: none;  background: #EBEFF6;  } .f2309:hover {background: #EBEFF6;  } .f2309:active {background: #FFFFFF;  color: #1D6591;  } .f2310 {display: flex;  align-items: center;  justify-content: center;  min-width: 48px;  min-height: 48px;  max-width: 48px;  max-height: 48px;  border-radius: 12px;  overflow: hidden;  } .f2311 {width: 100%;  } .f2312 {} .f2313 {margin-bottom: 4px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2314 {color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2315 {position: absolute;  z-index: 10;  display: flex;  flex-direction: column;  align-items: flex-start;  margin-top: 8px;  max-width: 499px;  width: 100%;  padding: 12px 0px 24px 0px;  gap: 12px;  border-radius: 16px;  border: 1px solid #DFE4EC;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f2316 {margin: auto;  } .f2317 {display: flex;  padding: 10px 32px;  flex-direction: column;  justify-content: center;  align-items: center;  border-radius: 8px;  text-decoration: none;  color: #1B2637;  border: 2px solid #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2317:focus {outline: none;  background: #88C9E0;  } .f2317:hover {background: #C2E3EF;  } .f2317:active {background: #5DB4D2;  } .f2317:disabled {background: #FFFFFF;  border: 2px solid #AAB5C6;  } .f2318 {} .f2319 {} .f2320 {position: fixed;  top: 100px;  bottom: 0px;  left: 0px;  right: 0px;  z-index: 1;  } .f2321 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2322 {position: relative;  width: 100%;  } .f2322::before {content: '';  position: absolute;  top: 50%;  left: 12px;  width: 20px;  height: 20px;  background-size: contain;  background-repeat: no-repeat;  background-position: center;  background-image: url('/img/icon/icon_search-l-gray.svg');  transform: translateY(-50%);  pointer-events: none;  } .f2323 {display: flex;  align-items: center;  width: 100%;  min-height: 40px;  margin: 0px;  padding: 8px 40px 8px 40px;  outline: 4px solid transparent;  outline-offset: -1px;  border: 1px solid #DFE4EC;  border-radius: 12px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  transition: outline 0.3s ease-in-out, border 0.3s ease-in-out, background-color 0.3s ease-in-out;  } .f2323:hover {border: 1px solid #DADFE7;  } .f2323:focus {border: 1px solid #1D6591;  } .f2323:active {border: 1px solid #1D6591;  } .f2323::placeholder {font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #AAB5C6;  } .f2324 {display: none;  } .f2325 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2326 {display: flex;  align-items: center;  justify-content: space-between;  height: 50px;  min-height: 50px;  padding: 8px 12px;  width: 100%;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #DFE4EC;  color: #AAB5C6;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2327 {margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  transition: color 0.4s ease-in-out;  } .f2328 {position: absolute;  z-index: 1;  top: 58px;  width: 100%;  min-width: 220px;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 8px 0;  margin: 0px;  overflow: hidden;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  } .f2329 {margin: 0px;  padding: 0px;  list-style-type: none;  overflow-y: auto;  } .f2330 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  overflow: hidden;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f2331 {transition: color 0.3s ease-in-out;  } .f2330:focus {background-color: #EBEFF6;  } .f2330:hover {background-color: #EBEFF6;  } .f2330:active {color: #1D6591;  } .f2326:focus {border: 1px solid #2F86AA;  color: #AAB5C6;  } .f2326:hover {border: 1px solid #DADFE7;  outline: 4px solid transparent;  color: #576A84;  } .f2326:active {border: 1px solid #2F86AA;  outline: 4px solid transparent;  color: #AAB5C6;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  } .f2326:disabled {border: 1px solid #DFE4EC;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2332 {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f2333 {color: #AAB5C6;  } .f2334 {} .f2335 {} .f2336 {background-color: #FFEDEB;  border: 1px solid #FF4F3F;  } .f2337 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2338 {display: flex;  align-items: center;  justify-content: space-between;  height: 40px;  min-height: 40px;  padding: 6px 12px;  width: 100%;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #DFE4EC;  color: #AAB5C6;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2339 {margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  transition: color 0.4s ease-in-out;  } .f2340 {position: absolute;  z-index: 1;  top: 48px;  width: 100%;  min-width: 220px;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 8px 0;  margin: 0px;  overflow: hidden;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  } .f2341 {margin: 0px;  padding: 0px;  list-style-type: none;  overflow-y: auto;  } .f2342 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  overflow: hidden;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f2343 {transition: color 0.3s ease-in-out;  } .f2342:focus {background-color: #EBEFF6;  } .f2342:hover {background-color: #EBEFF6;  } .f2342:active {color: #1D6591;  } .f2338:focus {border: 1px solid #2F86AA;  color: #AAB5C6;  } .f2338:hover {border: 1px solid #DADFE7;  outline: 4px solid transparent;  color: #576A84;  } .f2338:active {border: 1px solid #2F86AA;  outline: 4px solid transparent;  color: #AAB5C6;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  } .f2338:disabled {border: 1px solid #DFE4EC;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2344 {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f2345 {color: #AAB5C6;  } .f2346 {} .f2347 {} .f2348 {display: flex;  flex-direction: column;  width: 100%;  } .f2349 {border: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f2349:focus {border: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f2350 {border: 1px solid #DFE4EC;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2350:focus {border: 1px solid #DFE4EC;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2351 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2352 {display: flex;  align-items: center;  justify-content: space-between;  height: 50px;  min-height: 50px;  padding: 8px 12px;  width: 100%;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #DFE4EC;  color: #AAB5C6;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2353 {margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: color 0.4s ease-in-out;  } .f2354 {position: absolute;  z-index: 1;  top: 58px;  width: 100%;  min-width: 220px;  padding-left: 0px;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 8px 0;  margin: 0px;  overflow: hidden;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  } .f2355 {width: 100%;  margin: 0px;  padding: 0px;  list-style-type: none;  overflow-y: auto;  } .f2356 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f2357 {transition: color 0.3s ease-in-out;  } .f2356:focus {background-color: #EBEFF6;  } .f2356:hover {background-color: #EBEFF6;  } .f2356:active {color: #1D6591;  } .f2352:focus {border: 1px solid #2F86AA;  color: #AAB5C6;  } .f2352:hover {border: 1px solid #DADFE7;  color: #576A84;  outline: 4px solid transparent;  } .f2352:active {border: 1px solid #2F86AA;  outline: 4px solid transparent;  color: #AAB5C6;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 16px top 50%;  background-size: 24px 24px;  } .f2352:disabled {border: 1px solid #DFE4EC;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2358 {border: 1px solid #5DB4D2;  outline: 4px solid #5DB4D2;  } .f2359 {color: #AAB5C6;  } .f2360 {} .f2361 {} .f2362 {background-color: #FFEDEB;  border: 1px solid #FF4F3F;  } .f2363 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2364 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-column-gap: 16px;  grid-row-gap: 43px;  max-width: 956px;  } .f2365 {padding: 0 24px;  max-width: 1008px;  margin: 0 auto;  padding-bottom: 64px;  } .f2365:last-child {padding-bottom: 128px;  } .f2366 {margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2367 {position: relative;  max-width: 1240px;  padding: 24px 24px 0 24px;  margin: 0 auto 64px;  } .f2368 {display: flex;  flex-direction: column;  padding: 48px 64px;  border-radius: 48px;  background-color: #C2E3EF;  } .f2369 {margin: 0px;  margin-bottom: 24px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2370 {margin: 0px;  margin-bottom: 40px;  max-width: 640px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2371 {max-width: 996px;  width: 100%;  padding: 0 24px;  margin: 0 auto 64px auto;  } .f2372 {position: relative;  display: flex;  justify-content: space-between;  flex-direction: row;  overflow: hidden;  border-radius: 32px;  background-color: #FFFFFF;  background-size: cover;  background-repeat: no-repeat;  } .f2373 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 48px 0 48px 48px;  max-width: 480px;  } .f2374 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f2375 {display: inline-block;  margin: 0px;  margin-bottom: 40px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2376 {display: flex;  gap: 12px;  flex-wrap: nowrap;  margin-top: auto;  } .f2377 {display: flex;  align-items: center;  margin: 0px;  text-decoration: none;  } .f2378 {height: 50px;  } .f2379 {display: flex;  justify-content: center;  align-items: center;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  text-align: center;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #000000;  } .f2380 {width: 434px;  height: 303px;  background-repeat: no-repeat;  background-position: bottom 0 cneter;  background-size: cover;  } .f2381 {background-image: url('/img/bg/bg-banner01.svg');  } .f2382 {background-image: url('/img/bg/img-banner01.png');  } .f2383 {background-image: url('/img/bg/bg-banner02.svg');  } .f2384 {background-image: url('/img/bg/img-banner02.png');  } .f2385 {list-style-type: none;  padding: 0px;  } .f2386 {display: flex;  align-items: center;  margin: 0px;  margin-bottom: 24px;  gap: 12px;  } .f2387 {display: flex;  align-items: center;  gap: 12px;  text-decoration: none;  color: #1B2637;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2388 {margin: 0px;  } .f2389 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2390 {display: flex;  justify-content: space-between;  margin-bottom: 80px;  } .f2391 {display: flex;  flex-direction: column;  align-items: flex-start;  margin-left: 48px;  } .f2392 {display: flex;  align-items: center;  justify-content: center;  width: 375px;  height: fit-content;  max-height: 211px;  margin-bottom: 38px;  overflow: hidden;  } .f2393 {width: 100%;  } .f2394 {display: flex;  flex-direction: column;  gap: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2395 {display: none;  margin: 0 20px 20px 20px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2396 {margin: 0 0 20px 0;  font-size: 1.7rem;  } .f2397:last-child {margin-bottom: 0px;  } .f2398 {margin: 0px 0px 16px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2399 {margin: 0px;  margin-bottom: 38px;  } .f2399:last-child {margin-bottom: 0px;  } .f2400 {display: flex;  flex-direction: row;  align-items: center;  margin: 0px;  margin-bottom: 16px;  } .f2401 {width: 24px;  height: 24px;  } .f2402 {display: flex;  flex-direction: row;  align-items: center;  } .f2403 {display: flex;  padding: 32px 20px;  justify-content: space-around;  align-items: center;  margin-bottom: 80px;  flex-wrap: wrap;  gap: 60px 0;  border-radius: 24px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2404 {margin: 0px 0px 0px 12px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2405 {display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between;  height: 120px;  width: 30%;  min-width: 167px;  } .f2406 {margin: 0px;  text-align: center;  white-space: break-spaces;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2407 {margin: 0;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 64px;  font-style: normal;  font-weight: 600;  line-height: 68px;  } .f2408 {display: flex;  padding: 80px 72px 120px 72px;  flex-direction: column;  gap: 56px;  margin-bottom: 80px;  border-radius: 80px;  background-color: #FFFFFF;  background: url(/img/bg/bg_course-program.svg);  background-size: 100% 100%;  background-repeat: no-repeat;  } .f2409 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2410 {padding: 0px;  margin: 0;  column-count: 2;  column-gap: 40px;  list-style-type: none;  } .f2411 {break-inside: avoid-column;  margin-bottom: 24px;  } .f2412 {margin: 0px 0px 4px 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2413 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2414 {height: 398px;  display: flex;  justify-content: center;  overflow: hidden;  margin-bottom: 50px;  } .f2415 {display: flex;  height: 384px;  width: fit-content;  } .f2416 {display: flex;  width: 966px;  height: 384px;  padding: 57px 0px 0px 60px;  margin-right: 24px;  border-radius: 24px;  outline: 2px solid transparent;  background: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  overflow: hidden;  color: black;  text-decoration: none;  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  cursor: pointer;  } .f2416:focus {outline: 2px solid #1D6591;  outline-offset: -2px;  } .f2416:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f2417 {max-width: 400px;  } .f2418 {margin: 0px 0px 24px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2419 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2420 {position: relative;  display: flex;  justify-content: center;  width: 312px;  height: 628px;  margin: auto;  } .f2421 {position: absolute;  top: 0px;  width: 100%;  } .f2422 {position: absolute;  top: 0;  width: 100%;  padding: 15px;  border-radius: 50px;  } .f2423 {position: absolute;  top: 12px;  width: 121px;  height: 23px;  } .f2424 {list-style: none;  padding: 0px;  margin: 0px;  } .f2425 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2426 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f2426::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2426:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f2426:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f2426:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f2426:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f2426:invalid {outline: 1px solid #FF4F3F;  } .f2427 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2427:focus {outline: 4px solid transparent;  } .f2427:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f2427:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f2427:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f2427:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f2428 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 2px 16px;  margin: 0px;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  text-decoration: none;  color: #243042;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: transparent;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f2428:focus {outline: 4px solid transparent;  } .f2428:focus-visible {border: 1px solid transparent;  outline: 4px solid #5DB4D2;  } .f2428:hover {border: 1px solid #DFE4EC;  } .f2428:active {border: 1px solid #C2E3EF;  color: #1D6591;  background: #C2E3EF;  } .f2429 {display: flex;  flex: 1;  width: 100%;  padding-right: 8px;  } .f2430 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f2431 {position: absolute;  } .f2432 {width: 100%;  padding-right: 8px;  } .f2433 {display: flex;  flex-direction: column;  padding: 12px 16px;  width: 100%;  border-radius: 16px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f2434 {display: flex;  align-items: flex-end;  gap: 8px;  } .f2435 {display: flex;  color: #64748B;  } .f2436 {display: flex;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 4px;  width: calc(100% - 20px);  } .f2437 {display: flex;  flex-direction: column;  gap: 4px;  width: calc(100%/2 - 16px);  min-width: 200px;  } .f2438 {margin: 0px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f2439 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f2440 {color: #64748B;  } .f2441 {color: #1D6591;  background-color: #C2E3EF;  } .f2442 {color: #FF4F3F;  background-color: #FFEDEB;  } .f2443 {padding-left: 20px;  } .f2444 {margin-bottom: 20px;  } .f2444:last-child {margin-bottom: 0px;  } .f2445 {margin-bottom: 16px;  } .f2445:last-child {margin-bottom: 0px;  } .f2446 {display: flex;  flex-direction: column;  width: 100%;  gap: 40px;  padding-left: 4px;  } .f2447 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  padding-right: 8px;  } .f2448 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  } .f2449 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  } .f2450 {margin: 0px;  padding-bottom: 8px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f2451 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f2452 {margin: 0px;  padding-bottom: 8px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #64748B;  } .f2453 {height: 149px;  padding: 12px;  resize: none;  } .f2454 {list-style: none;  padding: 0px;  margin: 0px;  } .f2455 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2456 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2456:focus {outline: 4px solid transparent;  } .f2456:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f2456:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f2456:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f2456:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f2457 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2457:focus {outline: 4px solid transparent;  } .f2457:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f2457:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f2457:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f2457:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2458 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f2459 {display: flex;  flex-direction: column;  } .f2460 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f2461 {position: absolute;  } .f2462 {display: flex;  flex-direction: column;  flex: 1;  min-width: 330px;  width: 330px;  border-radius: 24px;  border: 1px solid #EBEFF6;  } .f2463 {display: flex;  flex-direction: column;  padding: 16px;  gap: 16px;  } .f2464 {display: flex;  flex-direction: column;  gap: 8px;  } .f2465 {display: flex;  flex-direction: column;  padding: 0 0 16px;  gap: 8px;  flex: 1;  } .f2466 {margin: 0px;  padding: 0 16px 8px;  color: #485B74;  } .f2467 {display: flex;  flex-direction: column;  gap: 8px;  padding: 0 16px 0;  width: 100%;  } .f2468 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 12px 12px 12px 16px;  cursor: pointer;  } .f2469 {display: flex;  justify-content: space-between;  align-items: center;  gap: 8px;  min-height: 25px;  width: 100%;  } .f2470 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #AAB5C6;  } .f2471 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f2472 {background-color: #E0F1F7;  } .f2473 {border-color: #FF4F3F;  } .f2474 {border-color: #AAB5C6;  } .f2475 {margin: 0px;  white-space: nowrap;  overflow: hidden;  width: 100%;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #243042;  } .f2476 {color: #FF4F3F;  background-color: #FFE3E0;  } .f2477 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2478 {display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  background-color: #FFFFFF;  } .f2479 {display: flex;  align-items: flex-start;  flex-direction: column;  padding: 20px 40px;  width: 100%;  gap: 4px;  border-bottom: 1px solid #EBEFF6;  } .f2480 {display: flex;  gap: 12px;  align-items: center;  cursor: pointer;  } .f2481 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f2482 {margin: 0px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f2483 {display: flex;  justify-content: center;  flex: 1;  width: 100%;  } .f2484 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  } .f2485 {display: flex;  flex: 1;  gap: 32px;  padding: 24px 16px 16px 40px;  width: 100%;  max-width: 1356px;  } .f2486 {list-style: none;  padding: 0px;  margin: 0px;  } .f2487 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2488 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f2488::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2488:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f2488:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f2488:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f2488:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f2488:invalid {outline: 1px solid #FF4F3F;  } .f2489 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2489:focus {outline: 4px solid transparent;  } .f2489:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f2489:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f2489:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f2489:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f2490 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2490:focus {outline: 4px solid transparent;  } .f2490:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f2490:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f2490:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f2490:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2491 {display: flex;  height: 50px;  min-height: 50px;  padding: 5px 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2491:focus {outline: 4px solid transparent;  } .f2491:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f2491:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f2491:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f2491:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f2492 {display: flex;  height: 28px;  min-height: 28px;  padding: 0px 10px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF1A05;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FFF6F5;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2492:focus {outline: 4px solid transparent;  } .f2492:focus-visible {border: 2px solid transparent;  outline: 4px solid #88C9E0;  color: undefined;  background: #FFEDEB;  } .f2492:hover {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFEDEB;  } .f2492:active {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFE3E0;  } .f2492:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f2493 {display: flex;  flex: 1;  width: 100%;  padding-right: 8px;  } .f2494 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f2495 {position: absolute;  } .f2496 {display: flex;  flex-direction: column;  width: 100%;  gap: 40px;  padding-right: 8px;  padding-left: 70px;  } .f2497 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f2498 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  gap: 16px;  } .f2499 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding-right: 8px;  padding-bottom: 80px;  } .f2500 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f2501 {max-width: 320px;  width: 100%;  } .f2502 {max-width: 120px;  } .f2503 {display: flex;  flex-wrap: wrap;  width: 100%;  max-width: 680px;  column-gap: 40px;  row-gap: 16px;  } .f2504 {max-width: 100px;  } .f2505 {display: flex;  flex-direction: column;  gap: 16px;  } .f2506 {display: flex;  flex-direction: column;  padding: 4px 20px 12px;  width: 100%;  border-radius: 12px;  border: 1px solid #DFE4EC;  } .f2507 {display: flex;  } .f2508 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  } .f2509 {} .f2510 {display: flex;  flex-direction: column;  gap: 16px;  padding: 12px 16px;  width: 100%;  border-radius: 16px;  border: 1px solid #EBEFF6;  } .f2511 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  } .f2512 {display: flex;  align-items: center;  justify-content: space-between;  } .f2513 {margin: 0px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f2514 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f2515 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f2516 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #64748B;  } .f2517 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f2518 {height: 149px;  padding: 12px;  resize: none;  } .f2519 {width: 120px;  } .f2520 {border: 1px solid #FF4F3F;  background-color: #FFEDEB;  } .f2521 {color: #FF4F3F;  } .f2522 {list-style: none;  padding: 0px;  margin: 0px;  } .f2523 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2524 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2524:focus {outline: 4px solid transparent;  } .f2524:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f2524:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f2524:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f2524:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f2525 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2525:focus {outline: 4px solid transparent;  } .f2525:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f2525:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f2525:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f2525:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2526 {display: flex;  flex-direction: column;  } .f2527 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f2528 {position: absolute;  } .f2529 {display: flex;  flex-direction: column;  flex: 1;  min-width: 330px;  width: 330px;  border-radius: 24px;  border: 1px solid #EBEFF6;  } .f2530 {display: flex;  flex-direction: column;  padding: 16px;  gap: 8px;  } .f2531 {display: flex;  flex-direction: column;  padding: 0 0 16px;  gap: 8px;  flex: 1;  } .f2532 {margin: 0px;  padding: 0 16px 8px;  color: #485B74;  } .f2533 {display: flex;  flex-direction: column;  gap: 8px;  padding: 0 16px 0;  width: 100%;  } .f2534 {padding: 0 16px 0;  margin-bottom: 16px;  } .f2535 {position: relative;  } .f2536 {position: absolute;  top: 0px;  right: 0px;  display: flex;  gap: 4px;  padding: 4px;  } .f2537 {cursor: pointer;  } .f2538 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  border: 1px solid #EBEFF6;  border-radius: 12px;  padding: 12px 12px 12px 16px;  cursor: pointer;  } .f2539 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f2540 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #AAB5C6;  } .f2541 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f2542 {border-color: #2F86AA;  } .f2543 {margin: 0px;  white-space: nowrap;  overflow: hidden;  width: 100%;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #243042;  } .f2544 {transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;  } .f2545 {border: 1px solid #FF4F3F;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;  } .f2546 {border-color: #AAB5C6;  } .f2547 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2548 {display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  background-color: #FFFFFF;  user-select: auto!important;  } .f2549 {display: flex;  align-items: flex-start;  flex-direction: column;  padding: 20px 40px;  width: 100%;  gap: 4px;  border-bottom: 1px solid #EBEFF6;  } .f2550 {display: flex;  gap: 12px;  align-items: center;  cursor: pointer;  } .f2551 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f2552 {margin: 0px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f2553 {display: flex;  justify-content: center;  flex: 1;  width: 100%;  } .f2554 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  } .f2555 {display: flex;  flex: 1;  gap: 32px;  padding: 24px 16px 16px 40px;  width: 100%;  max-width: 1356px;  } .f2556 {width: 754px;  margin: 0 auto;  } .f2557 {display: flex;  justify-content: space-between;  } .f2558 {display: flex;  flex-direction: column;  align-items: center;  width: 368px;  height: 444px;  border-radius: 32px;  background-size: 100% 100%;  } .f2559 {background-image: url(/img/bg_start_colum01.jpg);  } .f2560 {background-image: url(/img/bg_start_colum02.jpg);  } .f2561 {margin-top: 40px;  width: 24px;  height: 24px;  } .f2562 {margin: 12px 0px 0px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2563 {margin: 112px 0px 0px 0px;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2564 {display: flex;  flex-direction: column;  justify-content: flex-end;  align-items: center;  min-height: 172px;  } .f2565 {margin-top: 0px;  text-decoration: line-through;  color: gray;  } .f2566 {margin-top: 16px;  } .f2567 {margin: 16px 0px 0px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2568 {margin-top: 67px;  padding: 0 30px;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2569 {display: flex;  height: 64px;  padding: 0 40px;  flex-direction: column;  justify-content: center;  align-items: center;  margin-top: 67px;  border-radius: 8px;  border: 2px solid #1B2637;  text-decoration: none;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #FFFFFF;  } .f2569:focus {background-color: #88C9E0;  outline: none;  } .f2569:hover {background-color: #C2E3EF;  } .f2569:active {background-color: #5DB4D2;  } .f2569:disabled {border: 2px solid #AAB5C6;  background: #FFFFFF;  } .f2570 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2571 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f2571:focus {outline: 4px solid transparent;  } .f2571:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f2571:hover {border: 2px solid transparent;  background: #243042;  } .f2571:active {border: 2px solid transparent;  background: #3A4C64;  } .f2571:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f2572 {bottom: 24px;  display: flex;  justify-content: flex-end;  position: fixed;  margin-top: -98px;  margin-bottom: 24px;  right: 24px;  } .f2573 {display: flex;  flex-wrap: wrap;  row-gap: 20px;  justify-content: space-between;  align-items: center;  width: 765px;  padding: 12px 16px 12px 24px;  margin: 0px 24px 0px 0px;  border-radius: 12px;  background-color: #C2E3EF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f2574 {display: flex;  align-items: center;  flex-direction: row;  flex-wrap: wrap;  column-gap: 48px;  row-gap: 20px;  } .f2575 {display: flex;  flex-direction: column;  gap: 4px;  } .f2576 {margin: 0px;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2577 {display: flex;  flex-direction: row;  gap: 8px;  align-items: flex-end;  } .f2578 {margin: 0px;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2579 {color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  text-decoration: line-through;  } .f2580 {list-style: none;  padding: 0px;  margin: 0px;  } .f2581 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2582 {display: flex;  flex-direction: column;  padding: 72px 0 120px;  border-radius: 80px;  margin-bottom: 80px;  background-color: #E0F1F7;  } .f2583 {margin: 0px;  margin-bottom: 40px;  padding: 0 80px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2584 {margin: 0px;  margin-bottom: 56px;  padding: 0 80px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2585 {display: flex;  flex-direction: row;  gap: 40px;  padding-left: 80px;  padding-bottom: 30px;  overflow-x: auto;  } .f2586 {display: flex;  flex-direction: column;  min-width: 300px;  width: 300px;  } .f2587 {display: flex;  flex-direction: row;  align-items: center;  gap: 24px;  margin-bottom: 24px;  } .f2588 {posititon: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  background-color: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2589 {posititon: absolute;  width: 100%;  } .f2590 {display: flex;  flex-direction: column;  gap: 2px;  width: calc(100% - 72px);  } .f2591 {margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2592 {margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2593 {posititon: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 16px;  width: 100%;  height: 256px;  max-height: 256px;  background-color: #1B2637;  } .f2594 {posititon: absolute;  height: 100%;  } .f2595 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2596 {list-style: none;  padding: 0px;  margin: 0px;  } .f2597 {display: flex;  align-items: center;  gap: 24px;  padding: 8px 16px;  } .f2598 {color: #FFFFFF;  cursor: pointer;  } .f2599 {color: #FF4F3F;  cursor: pointer;  } .f2600 {margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f2601 {display: flex;  align-items: center;  gap: 8px;  } .f2602 {position: relative;  padding: 4px;  cursor: pointer;  } .f2603 {display: flex;  gap: 4px;  } .f2604 {position: absolute;  bottom: 0px;  left: 4px;  padding: 8px 8px 28px;  width: 0px;  height: 0px;  opacity: 1;  } .f2605 {display: flex;  flex-direction: column;  border-radius: 4px;  overflow: hidden;  background-color: #000000;  } .f2602:hover .f2604 {opacity: 1;  width: auto;  height: auto;  } .f2602:focus .f2604 {opacity: 1;  width: auto;  height: auto;  } .f2602:focus-within .f2604 {opacity: 1;  width: auto;  height: auto;  } .f2606 {width: 100%;  padding: 8px;  cursor: pointer;  transition: background-color 0.3s ease-in-out;  } .f2606:hover {background-color: #64748B;  } .f2606:focus {outline: none;  background-color: #64748B;  } .f2607 {color: #AAB5C6;  } .f2608 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2609 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2609:focus {outline: 4px solid transparent;  } .f2609:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f2609:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f2609:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2609:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f2610 {z-index: 5;  position: absolute;  top: 0px;  right: 0px;  width: 100%;  height: 50%;  } .f2611 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f2612 {position: absolute;  top: 0px;  right: 0px;  height: 100%;  width: 100%;  opacity: 0.8;  background-color: #000000;  } .f2613 {position: relative;  display: flex;  flex: 1;  width: 100%;  justify-content: center;  align-items: center;  overflow: hidden;  } .f2614 {height: 100%;  } .f2615 {position: relative;  display: flex;  width: 100%;  justify-content: center;  background-color: #000000;  } .f2616 {position: fixed;  top: 0px;  left: 0px;  width: 100vw;  height: 100vh;  } .f2617 {z-index: 100;  position: fixed;  top: 82px;  right: 16px;  width: 100%;  height: 100%;  max-width: 300px;  max-height: 225px;  display: flex;  flex-direction: column;  border-radius: 8px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  background-color: #FFFFFF;  overflow: hidden;  } .f2618 {padding: 10px 15px;  background-color: #2F86AA;  color: #1B2637;  cursor: move;  display: flex;  justify-content: space-between;  align-items: center;  user-select: none;  } .f2619 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #FFFFFF;  } .f2620 {color: #FFFFFF;  cursor: pointer;  } .f2621 {color: #FF4F3F;  cursor: pointer;  } .f2622 {display: flex;  gap: 16px;  justify-content: space-between;  width: 100%;  } .f2623 {height: auto;  width: 100%;  } .f2624 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2625 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2625:focus {outline: 4px solid transparent;  } .f2625:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f2625:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f2625:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2625:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f2626 {display: flex;  align-items: center;  gap: 8px;  border-radius: 64px;  cursor: pointer;  } .f2627 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2628 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2628:focus {outline: 4px solid transparent;  } .f2628:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f2628:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f2628:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2628:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f2629 {display: flex;  align-items: center;  gap: 8px;  border-radius: 64px;  cursor: pointer;  } .f2630 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2631 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2631:focus {outline: 4px solid transparent;  } .f2631:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f2631:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f2631:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f2631:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f2632 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2632:focus {outline: 4px solid transparent;  } .f2632:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f2632:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f2632:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f2632:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f2633 {position: fixed;  top: 82px;  right: 16px;  width: 300px;  height: 225px;  background-color: #FFFFFF;  border-radius: 8px;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  z-index: 100;  display: flex;  flex-direction: column;  overflow: hidden;  resize: both;  min-width: 250px;  min-height: 200px;  } .f2634 {padding: 10px 15px;  background-color: #2F86AA;  color: #1B2637;  cursor: move;  display: flex;  justify-content: space-between;  align-items: center;  user-select: none;  } .f2635 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #FFFFFF;  } .f2636 {display: inline-block;  width: 10px;  height: 10px;  border-radius: 50%;  margin-right: 5px;  background-color: #DFE4EC;  } .f2637 {display: flex;  gap: 5px;  } .f2638 {background: none;  border: none;  color: #FFFFFF;  cursor: pointer;  font-size: 16px;  width: 24px;  height: 24px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%;  transition: background-color 0.2s;  } .f2638:hover {background-color: #64748B;  } .f2639 {position: relative;  flex: 1;  overflow: hidden;  background-color: #000000;  } .f2640 {width: 100%;  height: 100%;  object-fit: cover;  } .f2641 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  color: white;  text-align: center;  font-size: 14px;  } .f2642 {padding: 10px 15px;  background-color: #FFFFFF;  display: flex;  justify-content: space-between;  border-top: 1px solid #DADFE7;  } .f2643 {display: flex;  gap: 10px;  } .f2644 {display: flex;  gap: 10px;  } .f2645 {position: absolute;  top: 12px;  left: 12px;  } .f2646 {position: relative;  } .f2647 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  padding: 4px;  border-radius: 4px;  background-color: #1B2637;  opacity: 0.5;  } .f2648 {position: relative;  color: #FFFFFF;  } .f2649 {padding: 4px;  } .f2650 {background: none;  border: none;  width: 36px;  height: 36px;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  transition: background-color 0.2s;  } .f2650:hover {background-color: #DFE4EC;  } .f2650:focus {background-color: #DFE4EC;  } .f2651 {color: #64748B;  } .f2652 {color: #1B2637;  } .f2653 {background-color: #F59E0B;  animation: scaleAnim 2s infinite linear;  } .f2654 {animation: scaleAnim 2s infinite linear;  } .f2655 {background-color: #2F86AA;  } .f2656 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2657 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  padding: 0 40px;  border-radius: 66px;  border: none;  outline: none;  text-decoration: none;  text-align: center;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f2657:focus {outline: none;  } .f2657:focus-visible {background: #145585;  outline: none;  } .f2657:hover {background: #145585;  } .f2657:active {background: #02356C;  } .f2657:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f2658 {z-index: 10;  position: fixed;  top: 0px;  left: 0px;  display: flex;  flex-direction: column;  height: 100vh;  width: 100vw;  } .f2659 {display: flex;  flex-direction: column;  flex: 1;  align-items: center;  justify-content: center;  width: 100%;  background-color: #F8FCFF;  background-size: cover;  background-image: url(img/bg_course_descrip.svg);  } .f2660 {display: flex;  gap: 16px;  flex-direction: column;  justify-content: center;  align-items: center;  } .f2661 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2662 {padding-top: 20px;  } .f2663 {list-style: none;  padding: 0px;  margin: 0px;  } .f2664 {display: flex;  gap: 24px;  flex-wrap: wrap;  flex: 1;  } .f2665 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  gap: 8px;  width: 16%;  min-width: 240px;  } .f2666 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2667 {display: flex;  flex-direction: column;  flex: 1;  } .f2668 {list-style: none;  padding: 0px;  margin: 0px;  } .f2669 {text-decoration: none;  color: inherit;  } .f2670 {padding: 0px;  border: none;  background-color: inherit;  } .f2671 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  margin: 0 auto;  background-color: #F8FCFF;  } .f2672 {} .f2673 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  } .f2674 {height: 59px;  } .f2675 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f2676 {width: 40px;  min-width: 40px;  height: 40px;  } .f2677 {width: 100%;  } .f2678 {display: none;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2679 {display: flex;  flex-direction: column;  padding-top: 40px;  padding-bottom: 120px;  padding: 40px 20px 120px 20px;  max-width: 800px;  width: 100%;  } .f2680 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  border-bottom: 1px solid #DFE4EC;  } .f2681 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  } .f2682 {display: flex;  height: 26px;  padding: 0 12px;  justify-content: center;  border-radius: 8px;  align-items: center;  text-align: center;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #EBEFF6;  } .f2683 {color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f2684 {position: relative;  display: flex;  justify-content: center;  align-items: center;  height: auto;  width: 100%;  overflow: hidden;  border-radius: 16px;  } .f2684::before {content: '';  display: block;  padding-top: 62.5%;  width: 100%;  } .f2685 {position: absolute;  width: 150%;  filter: blur(20px);  } .f2686 {position: absolute;  width: 100%;  } .f2687 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2688 {display: flex;  flex-direction: row;  align-items: center;  gap: 24px;  text-decoration: none;  } .f2689 {display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  width: 48px;  min-width: 48px;  height: 48px;  } .f2690 {background-color: #1D6591;  display: flex;  flex: 1;  width: 100%;  height: 100%;  justify-content: center;  align-items: center;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #FFFFFF;  } .f2691 {width: 100%;  } .f2692 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2px;  } .f2693 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2694 {color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2695 {display: flex;  flex-direction: column;  } .f2696 {} .f2697 {margin-top: 24px;  } .f2698 {display: flex;  flex: 1;  } .f2699 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2700 {display: flex;  flex-direction: column;  flex: 1;  } .f2701 {list-style: none;  padding: 0px;  margin: 0px;  } .f2702 {text-decoration: none;  color: inherit;  } .f2703 {padding: 0px;  border: none;  background-color: inherit;  } .f2704 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  margin: 0 auto;  background-color: #F8FCFF;  } .f2705 {} .f2706 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  } .f2707 {height: 59px;  } .f2708 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f2709 {width: 40px;  min-width: 40px;  height: 40px;  } .f2710 {width: 100%;  } .f2711 {display: none;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2712 {display: flex;  flex-direction: column;  padding-top: 40px;  padding-bottom: 120px;  padding: 40px 40px 120px 40px;  width: 800px;  gap: 40px;  } .f2713 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f2714 {display: flex;  flex-direction: column;  gap: 24px;  } .f2715 {} .f2716 {margin-top: 24px;  } .f2717 {display: flex;  flex: 1;  } .f2718 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2719 {position: relative;  display: flex;  flex-direction: column;  flex: 1;  } .f2720 {list-style: none;  padding: 0px;  margin: 0px;  } .f2721 {padding: 0px;  border: none;  background-color: transparent;  } .f2722 {display: flex;  flex: 1;  flex-direction: row;  width: 100%;  justify-content: center;  margin: 0 auto;  background-color: #F8FCFF;  } .f2723 {width: 40px;  min-width: 40px;  height: 40px;  } .f2724 {width: 100%;  } .f2725 {display: none;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2726 {display: flex;  flex-direction: column;  padding: 40px 40px 120px 40px;  max-width: 848px;  width: 100%;  gap: 48px;  } .f2727 {background: #EBEFF6;  } .f2728 {background: #FFFFFF;  } .f2729 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  padding: 0 24px 0 40px;  } .f2730 {display: flex;  flex-direction: row;  gap: 12px;  } .f2731 {display: flex;  column-gap: 64px;  row-gap: 16px;  padding: 0 24px 0 40px;  flex-wrap: wrap;  } .f2732 {display: flex;  flex-direction: column;  gap: 8px;  max-width: 360px;  padding-bottom: 15px;  overflow: hidden;  } .f2733 {display: flex;  flex-direction: row;  gap: 12px;  max-width: 100%;  } .f2734 {display: flex;  align-items: center;  justify-content: center;  width: 48px;  min-width: 48px;  height: 48px;  border-radius: 50%;  overflow: hidden;  } .f2735 {width: 100%;  } .f2736 {display: flex;  flex-direction: column;  gap: 2px;  overflow: auto;  } .f2737 {display: block;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2738 {display: flex;  flex-direction: row;  gap: 8px;  } .f2739 {display: block;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2740 {display: flex;  justify-content: center;  align-items: center;  padding: 2px 8px;  border-radius: 24px;  color: #145585;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f2741 {display: block;  height: 45px;  margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2742 {width: 36px;  } .f2743 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f2744 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: 2px solid #1B2637;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2744:focus {outline: 2px solid #1B2637;  } .f2744:focus-visible {background: #88C9E0;  outline: 2px solid #1B2637;  } .f2744:hover {background: #C2E3EF;  } .f2744:active {background: #5DB4D2;  } .f2744:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f2745 {display: grid;  gap: 16px;  grid-template-columns: repeat(3, 1fr);  } .f2746 {height: 420px;  border-radius: 32px;  background-color: gray;  } .f2747 {width: 308px;  height: 396px;  border-radius: 32px;  background-color: gray;  } .f2748 {width: 600px;  min-width: 600px;  height: auto;  border-radius: 32px;  background-color: gray;  } .f2749 {display: flex;  flex: 1;  flex-direction: row;  } .f2750 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2751 {display: flex;  flex-direction: column;  flex: 1;  } .f2752 {padding: 0px;  border: none;  background-color: transparent;  } .f2753 {margin: 0px;  padding: 0px;  list-style: none;  } .f2754 {display: flex;  flex-direction: row;  width: 100%;  flex: 1;  justify-content: center;  margin: 0 auto;  background-color: #F8FCFF;  } .f2755 {} .f2756 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  } .f2757 {height: 59px;  } .f2758 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f2759 {width: 40px;  min-width: 40px;  height: 40px;  } .f2760 {width: 100%;  } .f2761 {display: none;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2762 {display: flex;  flex-direction: column;  padding-top: 40px;  padding-bottom: 120px;  padding: 40px 20px 120px 20px;  max-width: 1080px;  width: 100%;  } .f2763 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  } .f2764 {display: flex;  flex-direction: row;  align-items: center;  gap: 24px;  flex: 1;  } .f2765 {display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  width: 96px;  min-width: 96px;  height: 96px;  color: #FFFFFF;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  background-color: #1D6591;  } .f2766 {width: 100%;  } .f2767 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  } .f2768 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f2769 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 24px;  outline: 4px solid transparent;  outline-offset: -3px;  border: 2px solid #1B2637;  text-decoration: none;  color: #1B2637;  white-space: nowrap;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2769:focus {outline: 4px solid transparent;  } .f2769:focus-visible {background: #88C9E0;  outline: 4px solid #5DB4D2;  } .f2769:hover {outline: 4px solid transparent;  background: #C2E3EF;  } .f2769:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2769:disabled {border: 2px solid #AAB5C6;  color: #3A4C64;  background: #EBEFF6;  } .f2770 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2771 {position: relative;  height: 35px;  margin-bottom: 40px;  } .f2772 {position: absolute;  display: flex;  flex-direction: row;  gap: 40px;  } .f2773 {display: flex;  } .f2774 {border: none;  padding: 0px;  padding-bottom: 10px;  border-bottom: 2px solid transparent;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  cursor: pointer;  text-decoration: none;  } .f2775 {border-bottom: 2px solid #1B2637;  } .f2776 {position: absolute;  bottom: 0px;  background-color: #DFE4EC;  height: 1px;  width: 100%;  } .f2777 {display: flex;  flex: 1;  } .f2778 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2779 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-height: 64px;  width: 100%;  padding: 5px 48px;  border-radius: 12px;  outline: 4px solid transparent;  outline-offset: -2px;  border: 2px solid #000000;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #000000;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2779:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #243042;  background-color: #243042;  } .f2779:hover {outline: 4px solid transparent;  border: 2px solid #243042;  background-color: #243042;  } .f2779:active {outline: 4px solid transparent;  border: 2px solid #3A4C64;  background-color: #3A4C64;  } .f2779:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background-color: #EBEFF6;  } .f2780 {list-style: none;  padding: 0px;  margin: 0px;  } .f2781 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f2781:focus {outline: 4px solid transparent;  } .f2781:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f2781:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f2781:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f2781:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f2782 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2782:focus {outline: 4px solid transparent;  } .f2782:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f2782:hover {background: #145585;  border: 2px solid #145585;  } .f2782:active {background: #0B4578;  border: 2px solid #0B4578;  } .f2782:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f2783 {z-index: 5;  position: fixed;  display: flex;  flex-direction: column;  align-items: center;  top: 0px;  left: 0px;  width: 100vw;  height: 100vh;  background-color: #F8FCFF;  } .f2784 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  max-width: 816px;  padding-top: 48px;  } .f2785 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  padding: 0 24px;  margin-bottom: 24px;  } .f2786 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2787 {border-radius: 99px;  color: #3A4C64;  cursor: pointer;  } .f2788 {} .f2789 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  overflow-y: auto;  } .f2790 {position: absolute;  } .f2791 {display: flex;  flex-direction: column;  padding: 0 24px 80px;  width: 100%;  } .f2792 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f2793 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2794 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2795 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2795:focus {outline: 4px solid transparent;  } .f2795:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f2795:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f2795:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f2795:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f2796 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f2797 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2798 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f2799 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2800 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  gap: 8px;  border-radius: 16px;  padding: 16px 16px 16px 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f2801 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2802 {color: #FF4F3F;  } .f2803 {color: #F59E0B;  } .f2804 {display: flex;  justify-content: flex-start;  } .f2805 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2806 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f2806:last-child {margin-bottom: 0px;  } .f2807 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f2808 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f2809 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2810 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2811 {margin-bottom: 24px;  } .f2812 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2813 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f2814 {display: flex;  justify-content: space-between;  align-items: center;  } .f2815 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2816 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2817 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f2818 {display: flex;  flex-direction: column;  } .f2819 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f2819:last-child {margin-bottom: 0px;  } .f2820 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2821 {margin-bottom: 8px;  } .f2822 {display: flex;  flex-direction: column;  } .f2823 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  resize: none;  } .f2823:focus {outline: 1px solid #1D6591;  } .f2823:hover {outline: 1px solid #DADFE7;  } .f2823:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f2823:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  resize: none;  } .f2823:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f2824 {height: 142px;  } .f2824:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  resize: none;  } .f2825 {} .f2825::-webkit-outer-spin-button {-webkit-appearance: none;  margin: 0px;  } .f2825::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0px;  } .f2826 {appearance: textfield;  } .f2827 {width: 140px;  } .f2828 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: cover;  background-repeat: no-repeat;  cursor: pointer;  } .f2829 {height: 100%;  } .f2830 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f2831 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2832 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f2833 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f2834 {align-items: flex-end;  } .f2835 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f2836 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  } .f2837 {margin-bottom: 16px;  } .f2838 {} .f2839 {} .f2840 {} .f2841 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2842 {display: flex;  flex-direction: column;  flex: 1;  } .f2843 {padding: 0px;  border: none;  background-color: transparent;  } .f2844 {margin: 0px;  padding: 0px;  list-style: none;  } .f2845 {display: flex;  flex-direction: row;  width: 100%;  flex: 1;  justify-content: center;  margin: 0 auto;  } .f2846 {} .f2847 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  } .f2848 {height: 59px;  } .f2849 {width: 720px;  display: flex;  flex-direction: column;  padding-bottom: 64px;  margin-top: 64px;  } .f2850 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2851 {display: flex;  flex: 1;  justify-content: center;  } .f2852 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  } .f2853 {display: flex;  align-items: center;  justify-content: center;  height: 300px;  background-color: #5DB4D2;  border-radius: 4px;  border-width: 4px;  border-color: #4F97B6;  border-style: dashed;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #4F97B6;  cursor: pointer;  outline: none;  } .f2850:focus-visible {outline: none;  } .f2854 {display: flex;  flex: 1;  } .f2855 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2856 {display: flex;  flex-direction: column;  flex: 1;  } .f2857 {list-style: none;  padding: 0px;  margin: 0px;  } .f2858 {display: flex;  width: 100%;  margin: 0px;  flex: 1;  } .f2859 {display: flex;  flex-direction: column;  padding-top: 24px;  padding-bottom: 150px;  padding: 24px 20px 150px 20px;  max-width: 760px;  width: 100%;  margin: 0 auto;  flex: 1;  } .f2860 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  } .f2861 {display: flex;  flex-direction: row;  gap: 8px;  } .f2862 {max-height: 60px;  margin: 0px;  margin-bottom: 17px;  overflow: hidden;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: normal;  } .f2863 {display: flex;  align-items: center;  padding: 0 12px;  height: 26px;  margin: 0px;  border-radius: 8px;  background-color: #EBEFF6;  text-decoration: none;  } .f2864 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  text-decoration: none;  } .f2865 {text-decoration: none;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f2866 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2866:focus-visible {outline: none;  } .f2867 {display: flex;  flex-direction: column;  margin-bottom: 64px;  flex: 1;  } .f2867:last-child {margin-bottom: 0px;  } .f2868 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 24px 32px 40px 32px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f2869 {display: block;  padding-left: 44px;  margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  background-repeat: no-repeat;  background-position: 0 center;  background-size: 32px;  } .f2870 {background-image: url('/img/icon/icon_pen.svg');  } .f2871 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  margin-bottom: 40px;  } .f2871:last-child {margin-bottom: 0px;  } .f2872 {padding-top: 32px;  } .f2873 {display: flex;  align-items: center;  justify-content: center;  height: 300px;  background-color: #5DB4D2;  border-radius: 4px;  border-width: 4px;  border-color: #4F97B6;  border-style: dashed;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #4F97B6;  cursor: pointer;  outline: none;  } .f2874 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f2874:focus {outline: none;  } .f2874:focus-visible {background: #145585;  outline: none;  } .f2874:hover {background: #145585;  } .f2874:active {background: #02356C;  } .f2874:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f2875 {margin: 0px;  text-decoration: none;  color: inherit;  } .f2876 {position: fixed;  left: 0px;  right: 0px;  top: 0px;  bottom: 0px;  background-color: #F8FCFF;  background-size: contain;  background-position: right;  background-repeat: no-repeat;  } .f2877 {} .f2878 {height: 100%;  width: 100%;  overflow-y: auto;  } .f2879 {margin: auto;  max-width: 1144px;  min-width: 500px;  padding: 36px 32px;  } .f2880 {display: flex;  align-items: center;  justify-content: space-between;  } .f2881 {display: flex;  align-items: center;  gap: 8px;  height: 100%;  margin: 0px;  padding: 16px;  margin-right: auto;  } .f2882 {height: 37px;  } .f2883 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #1B2637;  } .f2884 {margin: auto;  max-width: 1144px;  min-width: 500px;  padding: 40px 32px;  display: flex;  justify-content: space-between;  } .f2885 {max-width: 400px;  } .f2886 {margin: 0 0 8px 0;  color: #AAB5C6;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2887 {margin: 0 0 32px 0;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2888 {margin: 0 0 40px 0;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2889 {margin: 0px 0px 32px 0px;  padding: 0px;  list-style-type: none;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2890 {margin: 0px 0px 8px 0px;  } .f2890:last-child {margin-bottom: 0px;  } .f2891 {display: flex;  padding: 16px 24px;  margin-bottom: 32px;  flex-direction: column;  align-items: flex-start;  gap: 12px;  border-radius: 24px;  border: 2px solid #DADFE7;  } .f2892 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2893 {display: flex;  flex-direction: row;  gap: 12px;  } .f2894 {display: flex;  } .f2895 {display: flex;  height: 48px;  max-width: 162px;  } .f2896 {cursor: pointer;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  padding: 20px 40px;  margin-bottom: 16px;  border-radius: 66px;  background: #1D6591;  outline: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2896:focus {background: #145585;  } .f2896:hover {background: #1D6591;  } .f2896:active {background: #0B4578;  } .f2896:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f2897 {} .f2898 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f2899 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f2900 {position: relative;  max-width: 1024px;  width: 100%;  margin: auto;  margin-top: 0px;  padding: 24px 24px 157px 24px;  } .f2901 {display: flex;  align-items: center;  margin:  0 0 24px 0;  gap: 12px;  } .f2902 {display: flex;  align-items: center;  gap: 12px;  text-decoration: none;  color: #1B2637;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2903 {margin: 0px;  } .f2902:last-child {color: #AAB5C6;  } .f2904 {display: flex;  flex-direction: row;  align-items: center;  margin-bottom: 40px;  } .f2905 {display: flex;  align-items: center;  justify-content: flex-start;  padding-left: 56px;  min-height: 56px;  text-decoration: none;  color: inherit;  background-position: left;  background-repeat: no-repeat;  background-size: 48px;  } .f2906 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f2907 {display: flex;  align-items: center;  justify-content: center;  width: 48px;  height: 48px;  } .f2908 {width: 100%;  } .f2909 {margin: 0px 0px 0px 4px;  color: #243042;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2910 {margin-bottom: 45px;  } .f2911 {display: flex;  align-items: center;  justify-content: space-between;  max-width: 958px;  width: 100%;  margin: -8px 0 36px 0;  } .f2912 {width: 220px;  } .f2913 {outline: none;  min-width: 220px;  height: 44px;  padding: 0 16px;  justify-content: space-between;  margin: 0px;  align-items: center;  border-radius: 8px;  border: 1px solid #DFE4EC;  background: #F8FCFF;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2913:hover {border: 1px solid #DADFE7;  background: #F8FCFF;  } .f2913:focus {border: 1px solid #1D6591;  background: #F8FCFF;  } .f2913:active {border: 1px solid #2F86AA;  background: #FFFFFF;  } .f2913:disabled {border: 1px solid #DFE4EC;  background: #EBEFF6;  } .f2914 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-column-gap: 16px;  grid-row-gap: 43px;  max-width: 958px;  } .f2915 {margin: 0px 0px 0px 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f2916 {} .f2917 {} .f2918 {list-style: none;  padding: 0px;  margin: 0px;  } .f2919 {padding: 40px 24px 128px 24px;  max-width: 1028px;  margin: auto;  margin-top: 0px;  } .f2920 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f2921 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f2922 {text-decoration: none;  color: inherit;  } .f2923 {background-color: #F8FCFF;  background-image: url(img/bg/bg_course_descrip.svg);  background-size: cover;  } .f2924 {font-family: Manrope;  height: 109px;  padding: 0 48px;  } .f2925 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  height: 100%;  } .f2926 {display: flex;  align-items: center;  } .f2927 {display: flex;  align-items: center;  justify-content: flex-start;  width: 23vw;  max-width: 94px;  height: 32px;  margin: 0;  margin-right: 60px;  text-decoration: none;  color: inherit;  } .f2928 {width: 100%;  } .f2929 {display: flex;  align-items: center;  height: 46px;  width: 100%;  max-width: 500px;  margin-left: 16px;  border-radius: 70px;  border: 1px solid #DFE4EC;  background: #FFFFFF;  } .f2930 {width: 24px;  height: 24px;  margin: 0px 16px;  } .f2931 {width: 100%;  margin-right: 30px;  padding: 0px;  border: none;  outline: none;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2932 {display: flex;  justify-content: space-between;  align-items: center;  } .f2933 {display: flex;  margin: 0px 48px;  flex-wrap: wrap;  } .f2934 {text-decoration: none;  color: inherit;  } .f2935 {display: inline-flex;  height: 44px;  padding: 0 24px;  justify-content: center;  align-items: center;  border-radius: 26px;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f2935:hover {background: #C2E3EF;  } .f2935:focus {background: #88C9E0;  outline: none;  } .f2935:focus-visible {outline: transparent;  } .f2935:active {background: #5DB4D2;  } .f2936 {display: none;  height: 24px;  margin: 0px 16px;  cursor: pointer;  } .f2937 {display: flex;  align-items: center;  justify-content: center;  padding: 0 24px;  height: 44px;  border-radius: 22px;  background: #1D6591;  border: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  cursor: pointer;  } .f2937:focus {background: #145585;  outline: none;  border: none;  } .f2937:hover {background: #1D6591;  } .f2937:active {background: #0B4578;  } .f2938 {height: 40px;  width: 40px;  border-radius: 20px;  } .f2939 {height: 40px;  width: 40px;  border-radius: 20px;  background-color: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  display: flex;  align-items: center;  justify-content: center;  } .f2940 {list-style-type: none;  padding: 0px;  } .f2941 {display: flex;  align-items: center;  margin: 0px;  margin-bottom: 16px;  gap: 12px;  } .f2942 {display: flex;  align-items: center;  gap: 12px;  text-decoration: none;  color: #1B2637;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f2943 {margin: 0px;  } .f2944 {display: flex;  flex-direction: column;  gap: 24px;  } .f2945 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f2946 {display: flex;  gap: 48px;  margin-bottom: 80px;  } .f2947 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 38px;  } .f2948 {position: relative;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  max-height: 550px;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  margin-bottom: 40px;  background-size: 70%;  background-repeat: no-repeat;  background-position: center;  background-color: #C2E3EF;  } .f2949 {background-image: url('/img/bg/card_paid_img02.svg');  } .f2950 {position: absolute;  top: 50%;  width: 120%;  min-height: 120%;  filter: blur(20px) opacity(0.9);  transform: translateY(-50%);  } .f2951 {position: absolute;  top: 50%;  height: 100%;  transform: translateY(-50%);  } .f2952 {display: flex;  flex-direction: column;  gap: 16px;  max-width: 556px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2953 {margin: 0px 0px 16px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2954 {display: flex;  flex-direction: column;  gap: 4px;  margin: 0px;  } .f2954:last-child {margin-bottom: 0px;  } .f2955 {display: flex;  flex-direction: row;  align-items: center;  gap: 12px;  margin-bottom: 4px;  } .f2955:last-child {margin-bottom: 0px;  } .f2956 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  } .f2957 {width: 24px;  height: 24px;  } .f2958 {display: flex;  flex-direction: column;  gap: 12px;  } .f2959 {display: flex;  flex-direction: row;  align-items: flex-start;  gap: 12px;  } .f2960 {display: flex;  align-items: center;  margin-bottom: 80px;  flex-wrap: wrap;  column-gap: 32px;  row-gap: 32px;  } .f2961 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2962 {display: flex;  flex-direction: column;  flex: 1;  align-items: center;  justify-content: center;  gap: 16px 32px;  min-height: 160px;  padding: 24px 10px 48px 10px;  border-radius: 24px;  background-color: #C2E3EF;  } .f2963 .f2964 {height: 85px;  } .f2965 {display: flex;  justify-content: center;  min-width: 56px;  margin: 0px;  padding-top: 60px;  text-align: center;  white-space: nowrap;  color: #485B74;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-repeat: no-repeat;  background-size: 56px;  background-position: center 0;  } .f2966 {background-image: url('/img/icon/icon_course_pen.svg');  } .f2967 {background-image: url('/img/icon/icon_course_book-gray.svg');  } .f2968 {background-image: url('/img/icon/icon_course_video.svg');  } .f2969 {background-image: url('/img/icon/icon_course_microphone.svg');  } .f2970 {background-image: url('/img/icon/icon_course_video.svg');  } .f2971 {background-image: url('/img/icon/icon_course_microphone.svg');  } .f2964 {display: flex;  height: 91px;  align-items: center;  justify-content: center;  margin: 0;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 64px;  font-style: normal;  font-weight: 600;  line-height: 68px;  } .f2972 {margin-bottom: 80px;  } .f2973 {display: flex;  padding: 80px 70px 120px 70px;  flex-direction: column;  gap: 56px;  border-radius: 40px;  background-color: #FFFFFF;  background-size: cover;  background-repeat: no-repeat;  background-image: url(/img/bg/bg_course-program.svg);  } .f2974 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f2975 {display: flex;  flex-wrap: wrap;  column-gap: 40px;  row-gap: 24px;  } .f2976 {display: flex;  flex-direction: column;  gap: 4px;  width: calc(100% / 2 - 24px);  } .f2977 {display: flex;  flex-direction: column;  gap: 24px;  padding: 16px 0 16px 24px;  width: 100%;  } .f2978 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2979 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2980 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f2981 {margin-bottom: 80px;  } .f2982 {display: flex;  column-gap: 52px;  row-gap: 20px;  align-items: center;  padding: 50px 90px;  border-radius: 40px;  border: 8px solid #EBEFF6;  background-color: #F8FCFF;  } .f2983 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  min-width: 160px;  width: 160px;  height: 160px;  border-radius: 80px;  } .f2984 {width: 100%;  } .f2985 {margin: 0px 0px 8px 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f2986 {} .f2987 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f2988 {display: flex;  justify-content: space-between;  width: 784px;  margin: 0 auto;  } .f2989 {display: flex;  flex-direction: column;  align-items: center;  padding: 24px;  width: 368px;  min-height: 544px;  border-radius: 24px;  justify-content: space-between;  background-color: #FFFFFF;  background-size: cover;  } .f2990 {background-image: url(/img/bg/bg_start_colum01.svg);  } .f2991 {display: flex;  flex-direction: column;  align-items: center;  gap: 12px;  } .f2992 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  background-color: transparent;  cursor: pointer;  } .f2993 {width: 100%;  } .f2994 {padding-top: 16px;  } .f2995 {width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: cover;  background-position: center;  } .f2996 {background-image: url('/img/icon/icon_clock.svg');  } .f2997 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f2998 {display: flex;  flex-direction: column;  align-items: center;  gap: 4px;  } .f2999 {margin: 0px;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f3000 {display: flex;  flex-direction: column;  align-items: center;  gap: 4px;  } .f3001 {margin: 0px;  color: #DADFE7;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  text-decoration: line-through;  } .f3002 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3003 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  width: 100%;  gap: 8px;  padding-top: 20px;  } .f3004 {margin: 0px;  text-align: center;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3005 {} .f3006 {} .f3006 div {color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3007 {text-decoration: none;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3006 a {color: #145585;  text-decoration: none;  } .f3008 .f2962 {flex-direction: row-reverse;  } .f3008 {column-gap: 64px;  } .f3009 {padding: 8px 16px;  border-radius: 16px;  border: 1px solid #2F86AA;  } .f3010 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f3011 {column-gap: 70px;  } .f3011 .f2962 {flex-direction: row-reverse;  } .f3012 .f2962:nth-last-child(2) {flex-direction: row-reverse;  } .f3012 .f2962:last-child {flex-direction: row-reverse;  } .f3013 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3014 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #26759D;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3014:focus {outline: 4px solid transparent;  } .f3014:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f3014:hover {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f3014:active {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #88C9E0;  } .f3014:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f3015 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f3016 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f3017 {display: flex;  flex-direction: column;  flex: 1;  } .f3018 {padding: 24px 20px 120px 20px;  display: flex;  flex-direction: column;  width: 100%;  max-width: 1020px;  gap: 24px;  margin: auto;  margin-top: 0px;  } .f3019 {display: flex;  gap: 8px;  } .f3020 {display: flex;  } .f3021 {display: flex;  flex-direction: column;  gap: 20px;  width: 100%;  padding: 12px 24px;  } .f3022 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3023 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3024 {display: flex;  flex-wrap: wrap;  gap: 16px;  padding: 12px;  border-radius: 32px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f3025 {position: relative;  display: flex;  flex: 1;  justify-content: center;  align-items: center;  max-width: 336px;  min-width: 200px;  height: 210px;  width: 100%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f3026 {background-image: url('/img/bg/card_paid_img02.svg');  } .f3027 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 120%;  filter: blur(20px);  } .f3028 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  } .f3029 {display: flex;  flex: 1;  flex-direction: column;  gap: 12px;  min-width: 200px;  } .f3030 {display: flex;  align-items: center;  gap: 12px;  } .f3031 {color: #F59E0B;  } .f3032 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f3033 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3034 {color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3035 {width: fit-content;  padding: 0 20px;  text-decoration: none;  background-color: #1D6591;  color: #F8FCFF;  border-radius: 22px;  border: none;  cursor: pointer;  } .f3035:hover {background-color: #145585;  } .f3035:active {background-color: #0B4578;  } .f3036 .f3037 .f3038 {card: [object Object];  course: [object Object];  } .f3039 {list-style: none;  padding: 0px;  margin: 0px;  } .f3040 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3041 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3041:focus {outline: 4px solid transparent;  } .f3041:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f3041:hover {border: 2px solid transparent;  background: #243042;  } .f3041:active {border: 2px solid transparent;  background: #3A4C64;  } .f3041:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f3042 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3042:focus {outline: 4px solid transparent;  } .f3042:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3042:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3042:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3042:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3043 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3043:focus {outline: 4px solid transparent;  } .f3043:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f3043:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f3043:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f3043:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f3044 {position: fixed;  z-index: 20;  top: 0px;  left: 0px;  width: 100%;  height: 100vh;  display: flex;  justify-content: center;  align-items: center;  padding: 24px;  background-color: rgba(0, 0, 0, 0.35);  } .f3045 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  overflow-y: auto;  width: 100%;  padding: 0 12px 0 4px;  } .f3046 {position: absolute;  } .f3047 {position: relative;  width: 100%;  max-width: 720px;  max-height: calc(100vh - 48px);  display: flex;  flex-direction: column;  gap: 24px;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 20px 64px 0px rgba(24, 39, 75, 0.11);  } .f3048 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  } .f3049 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f3050 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f3051 {cursor: pointer;  color: #64748B;  display: flex;  align-items: center;  justify-content: center;  } .f3052 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3053 {border-bottom: 1px solid #AAB5C6;  margin: 0px;  padding: 4px 0;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3054 {display: flex;  flex-direction: column;  gap: 16px;  } .f3055 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3056 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3057 {display: flex;  flex-direction: column;  gap: 4px;  } .f3058 {display: flex;  flex-direction: column;  gap: 8px;  padding-left: 40px;  } .f3059 {display: flex;  margin: 0px;  margin-bottom: 2px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #1B2637;  } .f3060 {display: flex;  flex-direction: column;  width: 100%;  gap: 4px;  } .f3061 {display: flex;  flex-direction: column;  gap: 5px;  } .f3062 {display: flex;  gap: 8px;  align-items: center;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #AAB5C6;  } .f3063 {width: 100%;  margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f3064 {} .f3065 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3066 {display: flex;  flex-direction: column;  gap: 12px;  width: 100%;  } .f3067 {padding-left: 20px;  } .f3067 .f3068 {padding-left: 0px;  } .f3069 {padding-bottom: 20px;  } .f3069 .f3068 {padding-bottom: 0px;  } .f3070 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3071 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #26759D;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3071:focus {outline: 4px solid transparent;  } .f3071:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f3071:hover {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f3071:active {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #88C9E0;  } .f3071:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f3072 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f3073 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f3074 {display: flex;  flex-direction: column;  flex: 1;  } .f3075 {padding: 24px 20px 120px 20px;  display: flex;  flex-direction: column;  width: 100%;  max-width: 1020px;  gap: 24px;  margin: auto;  margin-top: 0px;  } .f3076 {display: flex;  gap: 8px;  } .f3077 {display: flex;  } .f3078 {display: flex;  flex-direction: column;  gap: 20px;  width: 100%;  padding: 12px 24px;  } .f3079 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3080 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3081 {display: flex;  flex-wrap: wrap;  gap: 16px;  padding: 12px;  border-radius: 32px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f3082 {position: relative;  display: flex;  flex: 1;  justify-content: center;  align-items: center;  max-width: 336px;  min-width: 200px;  height: 210px;  width: 100%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f3083 {background-image: url('/img/bg/card_paid_img02.svg');  } .f3084 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 120%;  filter: blur(20px);  } .f3085 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  } .f3086 {display: flex;  flex: 1;  flex-direction: column;  gap: 12px;  min-width: 200px;  } .f3087 {display: flex;  align-items: center;  gap: 12px;  } .f3088 {color: #F59E0B;  } .f3089 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f3090 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3091 {color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3092 {width: fit-content;  padding: 0 20px;  text-decoration: none;  background-color: #1D6591;  color: #F8FCFF;  border-radius: 22px;  border: none;  cursor: pointer;  } .f3092:hover {background-color: #145585;  } .f3092:active {background-color: #0B4578;  } .f3093 .f3094 .f3095 {card: [object Object];  course: [object Object];  } .f3096 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3097 {background-image: url(img/bg_course_descrip.svg);  background-size: cover;  display: flex;  flex-direction: column;  flex: 1;  } .f3098 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  padding: 20px;  max-width: 1080px;  margin: auto;  } .f3099 {text-align: center;  margin-bottom: 20px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3100 {display: flex;  gap: 12px;  flex-wrap: nowrap;  } .f3101 {display: flex;  align-items: center;  margin: 0px;  text-decoration: none;  } .f3102 {height: 45px;  } .f3103 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3104 {padding: 0 16px;  min-height: 54px;  height: 54px;  border-radius: 12px;  background-color: #FFFFFF;  border: none;  outline: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f3104::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3104:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f3104:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f3104:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f3104:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f3104:invalid {outline: 1px solid #FF4F3F;  } .f3105 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  border: 2px solid #1B2637;  text-decoration: none;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: transparent;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f3105:focus {outline: none;  } .f3105:focus-visible {background-color: #88C9E0;  outline: none;  } .f3105:hover {background-color: #C2E3EF;  } .f3105:active {background-color: #5DB4D2;  } .f3105:disabled {border: 2px solid #AAB5C6;  background: #FFFFFF;  color: #AAB5C6;  } .f3106 {display: flex;  height: 64px;  width: 100%;  padding: 0 40px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 16px;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f3106:focus {outline: none;  } .f3106:focus-visible {background: #145585;  outline: none;  } .f3106:hover {background: #145585;  } .f3106:active {background: #10472E;  } .f3106:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f3107 {position: fixed;  left: 0px;  right: 0px;  top: 0px;  bottom: 0px;  background-color: #F8FCFF;  background-size: contain;  background-position: right;  background-repeat: no-repeat;  } .f3108 {background-image: url(/img/bg/bg_auth.svg);  } .f3109 {height: 100%;  width: 100%;  overflow-y: auto;  } .f3110 {display: flex;  align-items: center;  justify-content: space-between;  margin: auto;  max-width: 1440px;  height: 100px;  padding: 0 48px;  } .f3111 {text-decoration: none;  color: inherit;  } .f3112 {width: 106px;  height: 36px;  } .f3113 {display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  background-color: transparent;  cursor: pointer;  } .f3114 {width: 100%;  } .f3115 {display: flex;  flex-direction: column;  margin: auto;  max-width: 680px;  width: 100%;  padding: 24px 20px 120px 20px;  } .f3116 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f3117 {margin: 0px;  margin-bottom: 23px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3118 {display: flex;  flex-direction: column;  padding-left: 30px;  margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3119 {list-style-type: disc;  font-size: 15px;  } .f3120 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  color: #1D6591;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3121 {margin: 0px;  color: #1D6591;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3122 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  background-color: transparent;  cursor: pointer;  } .f3123 {width: 100%;  } .f3124 {display: flex;  flex-direction: column;  gap: 8px;  padding: 24px;  margin-bottom: 24px;  border-radius: 24px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f3124:last-child {margin-bottom: 0px;  } .f3125 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3126 {color: #1D6591;  } .f3127 {margin: 0px;  margin-bottom: 64px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3127:last-child {margin-bottom: 0px;  } .f3128 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3129 {margin-bottom: 12px;  } .f3130 {display: flex;  align-items: flex-start;  } .f3131 {border: 2px solid #AAB5C6;  background: #FFFFFF;  color: #AAB5C6;  } .f3132 {background-color: #F8FCFF;  } .f3133 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3134 {background-image: url(img/bg_course_descrip.svg);  background-size: cover;  display: flex;  flex-direction: column;  flex: 1;  } .f3135 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  max-width: 1080px;  margin: auto;  } .f3136 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3137 {color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3138 {margin: 60px 0 20px 0;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3139 {display: flex;  gap: 12px;  flex-wrap: nowrap;  } .f3140 {display: flex;  align-items: center;  margin: 0px;  text-decoration: none;  } .f3141 {height: 45px;  } .f3142 {margin-top: 60px;  } .f3143 {display: flex;  align-items: center;  justify-content: center;  padding: 15px 64px;  cursor: pointer;  border: none;  text-decoration: none;  text-align: center;  border-radius: 66px;  background: #1D6591;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3143:focus {background: #145585;  } .f3143:hover {background: #1D6591;  } .f3143:active {background: #0B4578;  } .f3143:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f3144 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3145 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3145:focus {outline: 4px solid transparent;  } .f3145:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f3145:hover {background: #145585;  border: 2px solid #145585;  } .f3145:active {background: #0B4578;  border: 2px solid #0B4578;  } .f3145:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f3146 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #EBEFF6;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3146:focus {outline: 4px solid transparent;  } .f3146:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f3146:hover {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  background: #DFE4EC;  } .f3146:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f3146:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3147 {display: flex;  flex-direction: column;  height: 100vh;  width: 100%;  } .f3148 {position: absolute;  width: 1px;  height: 1px;  margin: -1px;  border: 0px;  padding: 0px;  white-space: nowrap;  clip-path: inset(100%);  clip: rect(0 0 0 0);  overflow: hidden;  } .f3149 {display: flex;  flex-direction: column;  flex: 1;  justify-content: center;  align-items: center;  padding: 24px;  padding-top: 40px;  } .f3150 {display: flex;  flex-direction: column;  max-width: 440px;  width: 100%;  padding: 24px;  border-radius: 24px;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  background-color: #FFFFFF;  } .f3151 {margin: 0px;  margin-bottom: 40px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3152 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3153 {display: flex;  flex-direction: column;  margin-bottom: 32px;  } .f3154 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3155 {margin: 0px;  margin-bottom: 16px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3156 {display: flex;  flex-direction: column;  margin-bottom: 16px;  } .f3156:last-child {margin-bottom: 0px;  } .f3157 {display: flex;  flex-direction: column;  gap: 8px;  } .f3158 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3159 {max-width: 1020px;  margin: auto;  margin-top: 0px;  padding: 24px 20px 150px 20px;  } .f3160 {list-style: none;  padding-left: 20px;  } .f3161 {list-style: none;  padding-left: 20px;  } .f3162 {list-style: none;  padding-left: 20px;  } .f3163 {} .f3164 {} .f3165 {height: 100vh;  display: flex;  flex-direction: column;  flex: 1;  } .f3166 {flex: 1;  display: flex;  } .f3167 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f3168 {background-image: url(img/bg_course_descrip.svg);  background-size: cover;  display: flex;  flex-direction: column;  flex: 1;  } .f3169 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  padding: 20px;  max-width: 1080px;  margin: auto;  } .f3170 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f3171 {margin-top: 60px;  } .f3172 {display: flex;  align-items: center;  justify-content: center;  padding: 15px 64px;  cursor: pointer;  border: none;  text-decoration: none;  text-align: center;  border-radius: 66px;  background: #1D6591;  color: #F8FCFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3172:focus {background: #145585;  } .f3172:hover {background: #1D6591;  } .f3172:active {background: #0B4578;  } .f3172:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f3173 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3174 {list-style: none;  padding: 0px;  margin: 0px;  } .f3175 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3175:focus {outline: 4px solid transparent;  } .f3175:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3175:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3175:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3175:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3176 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3176:focus {outline: 4px solid transparent;  } .f3176:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f3176:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f3176:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f3176:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f3177 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3177:focus {outline: 4px solid transparent;  } .f3177:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #88C9E0;  background: #88C9E0;  } .f3177:hover {outline: 4px solid transparent;  border: 2px solid #88C9E0;  background: #88C9E0;  } .f3177:active {outline: 4px solid transparent;  border: 2px solid #5DB4D2;  background: #5DB4D2;  } .f3177:disabled {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  color: #AAB5C6;  background: transparent;  } .f3178 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f3179 {display: flex;  align-items: center;  justify-content: space-between;  min-height: 88px;  padding: 23px 40px;  border-bottom: 1px solid #EBEFF6;  } .f3180 {position: relative;  display: flex;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3181 {position: absolute;  top: 0px;  left: 50%;  display: flex;  flex: 1;  gap: 8px;  padding: 24px 16px 24px 40px;  width: 100%;  height: 100%;  max-width: 1170px;  transform: translateX(-50%);  } .f3182 {margin: 0px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f3183 {display: flex;  flex: 1;  flex-direction: column;  gap: 8px;  width: 100%;  min-width: 200px;  overflow-y: auto;  } .f3183::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f3184 {display: flex;  align-items: center;  gap: 12px;  width: 100%;  padding: 12px 16px;  border-radius: 16px;  border: 1px solid #EBEFF6;  outline: 4px solid transparent;  outline-offset: -1px;  cursor: pointer;  transition: outline 0.3s ease-in-out, border 0.3s ease-in-out, background-color 0.3s ease-in-out;  } .f3184:focus-visible {outline: 4px solid #5DB4D2;  } .f3184:active {outline: 4px solid transparent;  border: 1px solid #1D6591;  background-color: #FFFFFF;  } .f3185 {border: 1px solid #1D6591;  background-color: #FFFFFF;  } .f3186 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  background-color: #EBEFF6;  background-image: url('/img/icon/icon_person-gray.svg');  background-repeat: no-repeat;  background-size: 20px;  background-position: center;  } .f3187 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #1D6591;  } .f3188 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f3189 {display: flex;  flex-direction: column;  gap: 4px;  } .f3190 {display: block;  margin: 0px;  max-width: 300px;  overflow: hidden;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  text-overflow: ellipsis;  } .f3191 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3192 {display: flex;  flex: 1;  flex-direction: column;  width: 100%;  max-width: 553px;  height: 100%;  padding: 24px 4px 24px 0;  border: 1px solid #EBEFF6;  border-radius: 16px;  background-color: #FFFFFF;  } .f3193 {display: flex;  flex-direction: column;  width: 100%;  padding: 0 20px 0 24px;  overflow-y: auto;  } .f3194 {display: flex;  flex-wrap: wrap;  row-gap: 16px;  column-gap: 40px;  justify-content: space-between;  } .f3195 {display: flex;  flex-direction: column;  border-radius: 16px;  padding: 16px;  gap: 24px;  margin-bottom: 16px;  background-color: #E0F1F7;  } .f3196 {display: flex;  align-items: center;  gap: 12px;  } .f3197 {display: flex;  flex-wrap: wrap;  justify-content: flex-start;  gap: 8px;  } .f3198 {display: flex;  flex-direction: column;  gap: 16px;  padding-top: 8px;  } .f3199 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3200 {color: #64748B;  } .f3201 {display: flex;  flex-direction: column;  gap: 8px;  } .f3202 {display: flex;  align-items: center;  padding: 10px 52px 10px 16px;  border: 1px solid #DFE4EC;  border-radius: 12px;  background-position: center right 16px;  background-size: 24px;  background-repeat: no-repeat;  cursor: pointer;  } .f3203 {display: block;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3204 {background-image: url('/img/icon/icon_copy-d-gray.svg');  } .f3205 {display: flex;  flex-direction: column;  } .f3206 {display: flex;  padding: 4px;  border-radius: 16px;  margin-bottom: 16px;  background-color: #E0F1F7;  } .f3207 {margin: 0px;  } .f3208 {display: flex;  padding: 8px 16px;  border-radius: 12px;  background-color: transparent;  box-shadow: 0 0 0 0 transparent;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;  cursor: pointer;  } .f3208:hover {color: #243042;  } .f3208:active {background-color: #FFFFFF;  color: #243042;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f3209 {background-color: #FFFFFF;  color: #243042;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f3210 {margin-bottom: 24px;  } .f3210:last-child {margin-bottom: 0px;  } .f3211 {margin: 0px;  margin-bottom: 16px;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3212 {display: flex;  flex-direction: column;  gap: 19px;  } .f3213 {display: flex;  flex-direction: column;  gap: 16px;  padding-top: 8px;  } .f3214 {position: relative;  display: flex;  flex-direction: column;  padding-right: 64px;  padding-bottom: 16px;  gap: 4px;  border-bottom: 1px solid #EBEFF6;  } .f3215 {color: #AAB5C6;  } .f3216 {position: absolute;  right: 0px;  top: 50%;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 12px;  background-color: #FFEDEB;  background-position: center;  background-size: 24px;  background-repeat: no-repeat;  opacity: 0;  transform: translateY(-50%);  cursor: pointer;  transition: opacity 0.3s ease-in-out;  } .f3214:hover .f3216 {opacity: 1;  } .f3217 {background-image: url('/img/icon/icon_trash-red.svg');  } .f3218 {display: flex;  flex: 1;  width: 100%;  } .f3219 {list-style: none;  padding: 0px;  margin: 0px;  } .f3220 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3221 {display: flex;  flex-direction: column;  gap: 16px;  padding-top: 8px;  } .f3222 {position: relative;  width: 100%;  } .f3223 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3224 {color: #AAB5C6;  } .f3225 {position: absolute;  right: 0px;  top: 50%;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 12px;  padding: 8px;  opacity: 0;  color: #FF4F3F;  background-color: #FFEDEB;  transform: translateY(-50%);  cursor: pointer;  transition: opacity 0.3s ease-in-out;  } .f3226 {background-image: url('/img/icon/icon_trash-red.svg');  } .f3222:hover .f3225 {opacity: 1;  } .f3225:focus {opacity: 1;  } .f3227 {display: flex;  flex-direction: column;  padding-right: 64px;  padding-bottom: 16px;  gap: 4px;  border-bottom: 1px solid #EBEFF6;  text-align: left;  cursor: pointer;  } .f3228 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3228:focus {outline: 4px solid transparent;  } .f3228:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3228:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3228:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3228:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3229 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  max-width: 720px;  max-height: 514px;  width: 100%;  height: 100%;  padding: 24px;  margin: auto;  } .f3230 {margin: 0px;  margin-bottom: 16px;  color: #485B74;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3231 {display: flex;  max-width: 480px;  margin: 0px;  margin-bottom: 24px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3232 {display: flex;  justify-content: center;  } .f3233 {list-style: none;  padding: 0px;  margin: 0px;  } .f3234 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3235 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3235:focus {outline: 4px solid transparent;  } .f3235:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3235:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3235:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3235:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3236 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3236:focus {outline: 4px solid transparent;  } .f3236:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #EBEFF6;  background: #EBEFF6;  } .f3236:hover {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  background: #EBEFF6;  } .f3236:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f3236:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3237 {position: absolute;  display: flex;  justify-content: center;  align-items: center;  width: 100vw;  height: 100vh;  top: 0px;  bottom: 0px;  left: 0px;  right: 0px;  } .f3238 {display: flex;  flex-direction: column;  width: 480px;  max-height: min(612px, calc(100vh - 48px));  padding: 24px 8px 24px 20px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f3239 {display: flex;  justify-content: space-between;  align-items: center;  gap: 24px;  margin-bottom: 20px;  padding-right: 16px;  padding-left: 4px;  } .f3240 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f3241 {height: 32px;  width: 32px;  max-width: 32px;  cursor: pointer;  background-size: 20px;  background-repeat: no-repeat;  background-position: center;  } .f3242 {background-image: url('/img/icon/icon_closed-skinny.svg');  } .f3243 {display: flex;  flex-direction: column;  padding: 4px 0 4px 4px;  width: 448px;  overflow-y: auto;  } .f3244 {display: flex;  flex-direction: column;  width: 432px;  gap: 8px;  } .f3245 {margin-bottom: 16px;  padding-left: 4px;  padding-right: 16px;  } .f3246 {display: flex;  justify-content: flex-end;  padding: 20px 16px 0 4px;  gap: 8px;  } .f3247 {list-style: none;  padding: 0px;  margin: 0px;  } .f3248 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3249 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3249:focus {outline: 4px solid transparent;  } .f3249:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3249:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3249:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3249:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3250 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3250:focus {outline: 4px solid transparent;  } .f3250:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #EBEFF6;  background: #EBEFF6;  } .f3250:hover {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  background: #EBEFF6;  } .f3250:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background: #DADFE7;  } .f3250:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3251 {position: absolute;  display: flex;  justify-content: center;  align-items: center;  width: 100vw;  height: 100vh;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  } .f3252 {display: flex;  flex-direction: column;  width: 480px;  max-height: min(612px, calc(100vh - 48px));  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f3253 {display: flex;  justify-content: space-between;  align-items: center;  gap: 24px;  margin-bottom: 20px;  } .f3254 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f3255 {height: 32px;  width: 32px;  max-width: 32px;  cursor: pointer;  background-size: 20px;  background-repeat: no-repeat;  background-position: center;  } .f3256 {background-image: url('/img/icon/icon_closed-skinny.svg');  } .f3257 {display: flex;  flex-direction: column;  padding: 16px;  width: 100%;  border-radius: 16px;  margin-bottom: 24px;  background-color: #E0F1F7;  } .f3258 {display: flex;  flex-direction: column;  width: 100%;  max-height: min(calc(100vh - 314px), 350px);  gap: 16px;  overflow-y: auto;  } .f3259 {max-width: calc(100% - 16px);  } .f3260 {display: flex;  gap: 12px;  align-items: center;  margin-bottom: 16px;  width: 100%;  } .f3261 {display: flex;  justify-content: flex-end;  gap: 8px;  } .f3262 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  background-color: #EBEFF6;  background-image: url('/img/icon/icon_person-gray.svg');  background-repeat: no-repeat;  background-size: 20px;  background-position: center;  } .f3263 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #1D6591;  } .f3264 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f3265 {display: flex;  flex-direction: column;  gap: 4px;  } .f3266 {display: block;  margin: 0px;  max-width: 300px;  overflow: hidden;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  text-overflow: ellipsis;  } .f3267 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3268 {} .f3269 {} .f3270 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3271 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: none;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3271:focus {outline: none;  } .f3271:focus-visible {background: #88C9E0;  outline: none;  } .f3271:hover {background: #C2E3EF;  } .f3271:active {background: #5DB4D2;  } .f3271:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f3272 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3272:focus {outline: none;  } .f3272:focus-visible {background: #145585;  outline: none;  } .f3272:hover {background: #145585;  } .f3272:active {background: #02356C;  } .f3272:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f3273 {height: 40px;  width: 40px;  border-radius: 20px;  } .f3274 {display: flex;  text-decoration: none;  color: inherit;  } .f3275 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  max-width: 40px;  width: 40px;  border-radius: 20px;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: normal;  background-color: #1D6591;  } .f3276 {display: flex;  justify-content: center;  align-items: center;  border-radius: 20px;  width: 40px;  min-width: 40px;  height: 40px;  background-color: #EBEFF6;  cursor: pointer;  } .f3277 {width: 24px;  height: 24px;  } .f3278 {display: flex;  align-items: center;  } .f3279 {display: flex;  align-items: center;  gap: 24px;  padding-left: 12px;  } .f3280 {border: none;  background-color: transparent;  cursor: pointer;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #1B2637;  } .f3281 {width: 100%;  } .f3282 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 2px 16px;  margin: 0px;  border-radius: 12px;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  text-decoration: none;  color: #243042;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: transparent;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3282:focus {outline: 4px solid transparent;  } .f3282:focus-visible {border: 1px solid transparent;  outline: 4px solid #5DB4D2;  } .f3282:hover {border: 1px solid #DFE4EC;  } .f3282:active {border: 1px solid #C2E3EF;  color: #1D6591;  background: #C2E3EF;  } .f3283 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3284 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3284:focus {outline: 4px solid transparent;  } .f3284:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3284:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3284:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3284:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3285 {color: #FF4F3F;  background-color: #FFEDEB;  } .f3286 {margin: 0px;  } .f3287 {height: 72px;  padding: 0 24px 0 48px;  width: 100%;  font-family: Manrope;  border-bottom: 1px solid #EBEFF6;  } .f3288 {padding: 0px;  border: none;  background-color: transparent;  } .f3289 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  height: 100%;  gap: 10px;  } .f3290 {display: none;  justify-content: center;  align-items: center;  height: 28px;  width: 28px;  min-width: 28px;  cursor: pointer;  } .f3291 {height: 100%;  } .f3292 {display: flex;  align-items: center;  gap: 8px;  height: 100%;  min-width: 82px;  margin: 0px;  padding: 16px;  margin-right: auto;  } .f3293 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #1B2637;  } .f3294 {height: 100%;  } .f3295 {display: flex;  align-items: center;  gap: 12px;  } .f3296 {display: flex;  gap: 12px;  } .f3297 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  padding: 8px;  margin-right: 12px;  border-radius: 50%;  background-color: #EBEFF6;  cursor: pointer;  } .f3298 {height: 100%;  } .f3299 {list-style: none;  padding: 0px;  margin: 0px;  } .f3300 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3301 {position: relative;  } .f3302 {display: flex;  align-items: center;  gap: 4px;  } .f3303 {} .f3304 {padding-right: 12px;  background-color: #C2E3EF;  } .f3305 {position: relative;  } .f3306 {display: flex;  align-items: center;  gap: 12px;  width: 100%;  padding: 4px;  border-radius: 16px;  cursor: pointer;  } .f3307 {position: relative;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 99px;  background-color: #1D6591;  } .f3308 {position: absolute;  top: 50%;  left: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  transform: translate(-50%, -50%);  } .f3309 {position: absolute;  top: 50%;  left: 50%;  width: 100%;  transform: translate(-50%, -50%);  } .f3310 {display: block;  margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3311 {color: #AAB5C6;  } .f3312 {z-index: 1;  position: absolute;  top: 100%;  left: 0px;  display: flex;  flex-direction: column;  padding-top: 4px;  opacity: 0;  transition: opacity 0.3s ease-in-out;  } .f3313 {display: flex;  flex-direction: column;  width: 260px;  max-height: 0px;  padding: 0px;  border-radius: 24px;  overflow: hidden;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  background-color: #FFFFFF;  } .f3314 {display: flex;  flex: 1;  flex-direction: column;  gap: 2px;  overflow-y: auto;  } .f3315 {width: 100%;  } .f3316 {outline: none;  border-radius: 0px;  padding: 4px 12px;  } .f3316:focus {background-color: #EBEFF6;  } .f3316:hover {background-color: #EBEFF6;  } .f3305:hover .f3312 {display: flex;  opacity: 1;  } .f3305:hover .f3313 {max-height: 500px;  padding: 8px 0;  } .f3305:focus .f3312 {display: flex;  opacity: 1;  } .f3305:focus .f3313 {max-height: 500px;  padding: 8px 0;  } .f3317 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3318 {list-style: none;  padding: 0px;  margin: 0px;  } .f3319 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3320 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3320:focus {outline: 4px solid transparent;  } .f3320:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3320:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3320:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3320:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3321 {position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  padding: 0px;  overflow: hidden;  border: 0px;  } .f3322 {min-width: 270px;  width: 270px;  height: calc(100vh - 72px);  border-right: 1px solid #EBEFF6;  overflow-y: auto;  } .f3323 {display: flex;  flex-direction: column;  justify-content: space-between;  padding: 20px 0 16px 16px;  height: 100%;  width: 254px;  } .f3324 {display: flex;  flex-direction: column;  width: 100%;  } .f3325 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  text-decoration: none;  } .f3326 {display: flex;  flex-direction: column;  gap: 8px;  padding: 8px 8px 24px 48px;  } .f3327 {} .f3328 {display: flex;  justify-content: space-between;  align-items: center;  cursor: pointer;  transition: color 0.3s ease-in-out;  } .f3329 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3330 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3327:hover .f3329 {color: #243042;  } .f3327:hover .f3330 {color: #243042;  } .f3331 {display: flex;  flex-direction: column;  gap: 4px;  padding-bottom: 40px;  } .f3332 {position: relative;  } .f3333 {position: absolute;  height: 24px;  width: 24px;  left: 12px;  top: 50%;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  transform: translateY(-50%);  transition: background-color 0.3s ease-in-out;  } .f3334 {display: flex;  width: 100%;  margin: 0px;  padding: 8.5px 12px 8.5px 48px;  border-radius: 12px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3335 {display: flex;  width: 100%;  margin: 0px;  padding: 8.5px 12px 8.5px 48px;  border-radius: 12px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.3s ease-in-out;  cursor: pointer;  } .f3335:hover {color: #243042;  background-color: #EBEFF6;  } .f3335:active {color: #243042;  background-color: #C2E3EF;  } .f3336 {background-image: url('img/icon/icon_org-squares-four-gray.svg');  } .f3337 {background-image: url('img/icon/icon_org-pen-gray.svg');  } .f3338 {background-image: url('img/icon/icon_org-package-gray.svg');  } .f3339 {background-image: url('img/icon/icon_org-scroll-gray.svg');  } .f3340 {background-image: url('img/icon/icon_org-analitics-gray.svg');  } .f3341 {background-image: url('img/icon/icon_org-wallet-gray.svg');  } .f3342 {background-image: url('img/icon/icon_org-briefcase-gray.svg');  } .f3343 {background-image: url('img/icon/icon_org-squares-four.svg');  } .f3344 {background-image: url('img/icon/icon_org-pen.svg');  } .f3345 {background-image: url('img/icon/icon_org-package.svg');  } .f3346 {background-image: url('img/icon/icon_org-scroll.svg');  } .f3347 {background-image: url('img/icon/icon_org-analitics.svg');  } .f3348 {background-image: url('img/icon/icon_org-wallet.svg');  } .f3349 {background-image: url('img/icon/icon_org-briefcase.svg');  } .f3350 {opacity: 0;  transition: opacity 0.3s ease-in-out;  } .f3335:hover .f3350 {opacity: 1;  } .f3351 {gap: 8px;  } .f3352 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3353 {margin-bottom: 40px;  } .f3354 {color: #243042;  background-color: #C2E3EF;  } .f3354:hover {color: #243042;  background-color: #C2E3EF;  } .f3354 .f3350 {opacity: 1;  } .f3355 {font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f3355:hover {font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f3355 .f3329 {font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f3356 {color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3356 .f3329 {color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3356 .f3330 {color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3357 {background-image: url('img/icon/icon_org-squares-four.svg');  } .f3358 {background-image: url('img/icon/icon_org-pen.svg');  } .f3359 {background-image: url('img/icon/icon_org-package.svg');  } .f3360 {background-image: url('img/icon/icon_org-scroll.svg');  } .f3361 {background-image: url('img/icon/icon_org-analitics.svg');  } .f3362 {background-image: url('img/icon/icon_org-wallet.svg');  } .f3363 {background-image: url('img/icon/icon_org-briefcase.svg');  } .f3364 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3365 {list-style: none;  padding: 0px;  margin: 0px;  } .f3366 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3367 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3367:focus {outline: 4px solid transparent;  } .f3367:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3367:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3367:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3367:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3368 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f3369 {display: flex;  flex-direction: column;  width: 100%;  padding: 20px 0 17px 0;  border-bottom: 1px solid #EBEFF6;  } .f3370 {display: flex;  margin: 0px;  margin-bottom: 16px;  padding: 0 40px;  } .f3371 {display: flex;  margin: 0px;  padding-left: 36px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  background-repeat: no-repeat;  background-size: 24px;  background-position: left center;  } .f3372 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f3373 {display: flex;  padding: 0 40px;  margin-bottom: 13px;  } .f3374:last-child {margin-bottom: 0px;  } .f3375 {display: flex;  gap: 8px;  padding: 3px 0;  padding-left: 46px;  overflow-y: auto;  -ms-overflow-style: none;  } .f3375::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f3376 {margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3377 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3378 {background-color: #C2E3EF;  } .f3379 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3380 {list-style: none;  padding: 0px;  margin: 0px;  } .f3381 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #26759D;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3381:focus {outline: 4px solid transparent;  } .f3381:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f3381:hover {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f3381:active {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #88C9E0;  } .f3381:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f3382 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  height: calc(100vh - 72px);  } .f3383 {display: flex;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f3384 {display: flex;  justify-content: space-between;  align-items: center;  } .f3385 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3386 {} .f3387 {display: flex;  gap: 16px;  width: 100%;  justify-content: space-between;  align-items: center;  margin-bottom: 24px;  } .f3388 {display: flex;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3389 {display: flex;  flex-direction: column;  max-width: 1076px;  width: 100%;  padding: 32px 48px 48px 48px;  margin: 0 auto;  } .f3390 {display: grid;  gap: 16px;  width: 100%;  max-width: 956px;  padding-bottom: 80px;  grid-template-columns: repeat(3, calc((100% - 16px * 2 ) / 3));  } .f3391 {} .f3392 {} .f3393 {display: flex;  flex-direction: row;  gap: 4px;  right: 48px;  top: 24px;  padding: 4px;  border-radius: 12px;  outline: 1px solid #EBEFF6;  } .f3394 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  min-width: 32px;  height: 32px;  border-radius: 8px;  color: #576A84;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3395 {color: #3A4C64;  background-color: #C2E3EF;  } .f3394:hover {color: #3A4C64;  } .f3396 {height: 24px;  } .f3397 {grid-template-columns: repeat(1, 1fr);  } .f3397 a {flex-direction: row;  } .f3397 a > div:first-child {width: 336px;  min-width: 336px;  padding-top: 0px;  } .f3397 a > div:last-child {padding: 0 16px 0 12px;  } .f3398 {list-style: none;  padding: 0px;  margin: 0px;  } .f3399 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3400 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3400:focus {outline: 4px solid transparent;  } .f3400:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f3400:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f3400:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f3400:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f3401 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3401:focus {outline: 4px solid transparent;  } .f3401:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3401:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3401:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3401:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3402 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  height: calc(100vh - 258px);  overflow-y: auto;  } .f3403 {display: flex;  flex-direction: column;  padding: 24px 40px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f3404 {margin: 0px;  margin-bottom: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3405 {margin: 0px;  margin-bottom: 16px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f3406 {display: flex;  justify-content: flex-start;  } .f3407 {flex: 1;  overflow-x: clip;  } .f3407 > div {height: 100%;  width: 100%;  } .f3408 {list-style: none;  padding: 0px;  margin: 0px;  } .f3409 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3410 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3410:focus {outline: 4px solid transparent;  } .f3410:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f3410:hover {outline: 4px solid transparent;  background: #145585;  } .f3410:active {outline: 4px solid transparent;  background: #02356C;  } .f3410:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f3411 {padding: 0 16px;  min-height: 54px;  height: 54px;  border-radius: 12px;  background-color: #FFFFFF;  border: none;  outline: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f3411:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f3411:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f3411:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f3411:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f3411:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f3412 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3412:focus {outline: 4px solid transparent;  } .f3412:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f3412:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f3412:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f3412:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f3413 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3413:focus {outline: 4px solid transparent;  } .f3413:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3413:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3413:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3413:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3411::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3411:invalid {outline: 1px solid #FF4F3F;  } .f3414 {position: fixed;  top: 0px;  bottom: 0px;  right: 0px;  padding-top: 278px;  padding-bottom: 16px;  padding-right: 16px;  } .f3415 {height: 100%;  width: 300px;  overflow: hidden;  outline: 1px solid #EBEFF6;  border-radius: 24px;  } .f3416 {display: flex;  justify-content: flex-start;  width: 100%;  height: 100%;  overflow-y: auto;  } .f3417 {display: flex;  flex-direction: column;  width: 284px;  height: 100%;  padding: 16px 0 0 16px;  } .f3418 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f3419 {display: flex;  align-items: flex-start;  flex-wrap: wrap;  margin-bottom: 16px;  } .f3420 {display: flex;  justify-content: center;  align-items: center;  padding: 2px 8px;  height: 25px;  margin: 0px;  border-radius: 8px;  color: #576A84;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  } .f3421 {color: #145585;  background-color: #C2E3EF;  } .f3422 {color: #D97706;  background-color: #FEF3C7;  } .f3423 {color: #FF4F3F;  background-color: #FFEDEB;  } .f3424 {display: flex;  flex-direction: column;  gap: 4px;  } .f3425 {display: flex;  flex-direction: column;  } .f3426 {display: flex;  flex-direction: column;  margin-top: auto;  padding-top: 24px;  padding-bottom: 16px;  gap: 24px;  } .f3427 {display: flex;  flex-direction: column;  gap: 16px;  } .f3428 {display: flex;  flex-direction: column;  gap: 2px;  } .f3429 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3430 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3431 {list-style: none;  padding: 0px;  margin: 0px;  } .f3432 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3433 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3433:focus {outline: 4px solid transparent;  } .f3433:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f3433:hover {outline: 4px solid transparent;  background: #145585;  } .f3433:active {outline: 4px solid transparent;  background: #02356C;  } .f3433:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f3434 {padding: 0 16px;  min-height: 54px;  height: 54px;  border-radius: 12px;  background-color: #FFFFFF;  border: none;  outline: 1px solid #DFE4EC;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f3434:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f3434:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f3434:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f3434:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f3434:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f3434::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3434:invalid {outline: 1px solid #FF4F3F;  } .f3435 {color: #EBEFF6;  background: #DADFE7;  } .f3435:focus {color: #EBEFF6;  background: #DADFE7;  } .f3435:hover {color: #EBEFF6;  background: #DADFE7;  } .f3436 {position: relative;  display: flex;  flex-direction: row;  height: 100%;  padding-right: 304px;  } .f3437 {display: flex;  flex-direction: column;  max-width: 840px;  width: 100%;  padding: 24px 40px 88px 40px;  margin: 0 auto;  } .f3438 {display: inline-block;  margin: 0px;  margin-bottom: 16px;  max-width: 100%;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3439 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 40px;  max-width: 356px;  width: 100%;  } .f3440 {display: flex;  justify-content: flex-start;  width: 100%;  } .f3441 {display: flex;  flex-direction: column;  gap: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3442 {display: inline-block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3443 {list-style: none;  padding: 0px;  margin: 0px;  } .f3444 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3445 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3445:focus {outline: 4px solid transparent;  } .f3445:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f3445:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f3445:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f3445:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f3446 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3446:focus {outline: 4px solid transparent;  } .f3446:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3446:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3446:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3446:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3447 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f3448 {display: flex;  flex: 1;  } .f3449 {position: relative;  display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f3450 {display: flex;  flex-direction: column;  padding: 20px 40px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f3451 {position: relative;  display: flex;  width: 100%;  overflow: hidden;  height: 36px;  margin-bottom: 16px;  } .f3452 {margin: 0px;  margin-bottom: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3453 {display: flex;  width: 100%;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3454 {display: flex;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3455 {display: flex;  align-items: flex-start;  gap: 8px;  width: 100%;  } .f3456 {position: relative;  top: 5px;  display: flex;  color: #243042;  } .f3457 {display: flex;  justify-content: flex-start;  } .f3458 {display: flex;  justify-content: center;  width: 100%;  } .f3459 {display: flex;  margin: 0px;  width: 100%;  max-width: 655px;  padding: 0 40px 40px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #1D6591;  } .f3460 {color: #1D6591;  background-color: #C2E3EF;  } .f3461 {color: #FF4F3F;  background-color: #FFEDEB;  } .f3462 {list-style: none;  padding: 0px;  margin: 0px;  } .f3463 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3464 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3464:focus {outline: 4px solid transparent;  } .f3464:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3464:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3464:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3464:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3465 {position: relative;  display: flex;  flex-direction: column;  padding: 12px 12px 16px 16px;  width: 100%;  border-radius: 16px;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  background-color: transparent;  } .f3466 {display: flex;  gap: 8px;  margin-bottom: 8.5px;  } .f3467 {display: flex;  flex-direction: column;  align-items: flex-start;  } .f3468 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3469 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3470 {display: flex;  margin: 0px;  width: 100%;  max-height: 46px;  overflow: hidden;  text-align: start;  color: #576A84;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3471 {padding-right: 20px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3471::after {position: absolute;  right: 12px;  bottom: 16px;  content: '';  width: 12px;  height: 12px;  border-radius: 50%;  background-color: #1D6591;  } .f3472 {border: 1px solid #1D6591;  background-color: #FFFFFF;  } .f3473 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #2F86AA;  } .f3474 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f3475 {display: flex;  flex: 1;  width: 100%;  max-width: 1170px;  margin: 0 auto;  gap: 24px;  } .f3476 {position: relative;  flex: 1;  width: 100%;  max-width: 316px;  overflow-y: auto;  } .f3476::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f3477 {position: absolute;  display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f3478 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f3479 {width: 100%;  } .f3480 {display: flex;  flex-direction: column;  gap: 8px;  flex: 1;  width: 100%;  padding-bottom: 16px;  } .f3481 {display: flex;  flex-direction: column;  flex: 1;  overflow-y: hidden;  border-radius: 24px;  border: 1px solid #EBEFF6;  padding: 16px 16px 0 24px;  } .f3482 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3483 {position: relative;  flex: 1;  overflow-y: auto;  } .f3483::-webkit-scrollbar {width: 0 !important;  height: 0px;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f3484 {position: absolute;  display: flex;  flex-direction: column;  gap: 12px;  width: 100%;  } .f3485 {display: flex;  justify-content: center;  width: 100%;  min-height: 43px;  padding: 8px 0;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3486 {display: flex;  align-items: flex-end;  gap: 8px;  padding-right: 16px;  max-width: 100%;  } .f3487 {display: flex;  flex-direction: column;  max-width: min(480px, calc(100% - 45px));  padding: 12px 12px 8px 16px;  border-radius: 12px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f3488 {display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: flex-start;  margin-bottom: 4px;  } .f3489 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3490 {margin: 0px;  margin-bottom: 4px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3491 {display: flex;  justify-content: flex-end;  width: 100%;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f3492 .f3487 {background-color: #C2E3EF;  } .f3492 .f3488 {padding-right: 20px;  background-size: 16px;  background-repeat: no-repeat;  background-position: center right;  background-image: url('/img/icon/icon_star-green-gradient.svg');  } .f3493 {justify-content: flex-end;  padding-right: 0px;  padding-left: 16px;  } .f3493 .f3473 {display: none;  } .f3493 .f3487 {background-color: #C2E3EF;  } .f3493 .f3488 {justify-content: flex-end;  } .f3493 .f3489 {width: 100%;  } .f3494 {position: relative;  } .f3495 {display: block;  flex-direction: column;  gap: 16px;  padding: 16px 8px 8px 16px;  border-radius: 16px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f3496 {margin: 0px;  resize: none;  width: 100%;  border: 1px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3496::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3497 {display: flex;  justify-content: flex-end;  } .f3498 {position: absolute;  bottom: 8px;  left: 16px;  display: block;  width: 32px;  min-width: 32px;  height: 32px;  background-position: center;  background-repeat: no-repeat;  background-size: 24px;  cursor: pointer;  } .f3499 {background-image: url('/img/icon/icon_paperclip.svg');  } .f3500 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3501 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3502 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3502:focus {outline: 4px solid transparent;  } .f3502:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f3502:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f3502:active {outline: 4px solid transparent;  background: #DADFE7;  } .f3502:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3503 {position: relative;  display: flex;  justify-content: center;  flex: 1;  overflow-y: auto;  } .f3504 {position: absolute;  display: flex;  flex-direction: column;  align-items: center;  gap: 16px;  width: 100%;  max-width: 816px;  padding: 24px 24px 128px 24px;  } .f3505 {display: flex;  flex-direction: column;  width: 100%;  padding: 20px;  border-radius: 24px;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  background-color: #FFFFFF;  } .f3506 {display: flex;  justify-content: space-between;  margin-bottom: 12px;  } .f3507 {display: flex;  gap: 12px;  } .f3508 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #2F86AA;  } .f3509 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f3510 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f3511 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3512 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3513 {margin-bottom: 20px;  } .f3514 {display: flex;  flex-direction: column;  gap: 12px;  } .f3515 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3516 {display: flex;  gap: 16px;  justify-content: space-between;  align-items: center;  width: 100%;  } .f3517 {display: flex;  gap: 8px;  align-items: center;  } .f3518 {display: block;  padding: 3px 12px 3px 32px;  min-height: 30px;  min-width: 30px;  border-radius: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #EBEFF6;  background-size: 16px;  background-repeat: no-repeat;  background-position: left 12px center;  cursor: pointer;  } .f3519 {background-image: url('/img/icon/icon_like-d-gray-small.svg');  } .f3520 {color: #1D6591;  background-color: #C2E3EF;  background-image: url('/img/icon/icon_like-green-small.svg');  } .f3521 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f3522 {display: flex;  justify-content: space-between;  align-items: center;  padding: 12px 12px 12px 20px;  border-radius: 12px;  border: 1px solid #EBEFF6;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f3523 {display: flex;  align-items: center;  margin: 0px;  padding: 6px 16px;  min-height: 40px;  border-radius: 12px;  background-color: #EBEFF6;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3524 {list-style: none;  padding: 0px;  margin: 0px;  } .f3525 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3526 {display: flex;  flex-direction: column;  flex: 1;  padding: 24px 16px 16px 40px;  } .f3527 {display: flex;  justify-content: flex-start;  margin-bottom: 24px;  } .f3528 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3529 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3530 {position: relative;  display: flex;  justify-content: center;  flex: 1;  overflow-y: auto;  } .f3531 {position: absolute;  display: flex;  flex-direction: column;  align-items: center;  gap: 24px;  width: 100%;  max-width: 816px;  padding: 24px 24px 128px 24px;  } .f3532 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  } .f3533 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3534 {display: flex;  justify-content: space-between;  gap: 16px;  width: 100%;  padding: 16px;  border-radius: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  cursor: pointer;  } .f3535 {display: flex;  gap: 12px;  } .f3536 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f3537 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f3538 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f3539 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3540 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3541 {margin-bottom: 20px;  } .f3542 {display: flex;  gap: 16px;  justify-content: space-between;  align-items: center;  width: 100%;  } .f3543 {display: flex;  gap: 8px;  align-items: center;  } .f3544 {display: flex;  justify-content: center;  align-items: center;  height: 25px;  min-height: 25px;  padding: 2px 8px;  border-radius: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  text-align: center;  white-space: nowrap;  background-color: #EBEFF6;  cursor: pointer;  } .f3545 {color: #1D6591;  background-color: #C2E3EF;  } .f3546 {color: #FF4F3F;  background-color: #FFEDEB;  } .f3547 {list-style: none;  padding: 0px;  margin: 0px;  } .f3548 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3549 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f3550 {display: flex;  flex: 1;  flex-direction: column;  width: 100%;  } .f3551 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3552 {position: absolute;  } .f3553 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  max-width: 848px;  padding: 24px 40px;  } .f3554 {display: flex;  } .f3555 {display: flex;  flex-direction: column;  width: 100%;  align-items: center;  } .f3556 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  max-width: 848px;  padding: 0 40px 128px;  } .f3557 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3558 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  } .f3559 {display: flex;  justify-content: flex-start;  margin-bottom: 24px;  } .f3560 {width: 240px;  } .f3561 {width: 100%;  } .f3562 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  padding: 16px 24px 16px 16px;  border-radius: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3563 {display: flex;  gap: 12px;  } .f3564 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f3565 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f3566 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f3567 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3568 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3569 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3570 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3571 {color: #1D6591;  background-color: #C2E3EF;  } .f3572 {color: #FF4F3F;  background-color: #FFEDEB;  } .f3573 {list-style: none;  padding: 0px;  margin: 0px;  } .f3574 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3575 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3575:focus {outline: 4px solid transparent;  } .f3575:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f3575:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f3575:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f3575:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f3576 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3576:focus {outline: 4px solid transparent;  } .f3576:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3576:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3576:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3576:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3577 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3577:focus {outline: 4px solid transparent;  } .f3577:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3577:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3577:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3577:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3578 {display: flex;  flex: 1;  width: 100%;  } .f3579 {display: flex;  flex-direction: column;  width: 100%;  padding: 0 16px 16px;  } .f3580 {position: relative;  display: flex;  justify-content: center;  flex: 1;  flex-direction: row;  height: 100%;  overflow-y: auto;  } .f3581 {position: absolute;  display: flex;  flex-direction: column;  max-width: 1152px;  width: 100%;  padding: 24px 355px 88px 40px;  margin: 0 auto;  } .f3582 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  gap: 20px;  margin-bottom: 24px;  } .f3583 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f3584 {margin-bottom: 16px;  } .f3584:last-child {margin-bottom: 0px;  } .f3585 {height: 34px;  min-height: 34px;  padding: 0 12px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3586 {display: inline-block;  margin: 0px;  max-width: 100%;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f3587 {display: flex;  gap: 24px;  flex-wrap: wrap;  } .f3588 {display: flex;  align-items: center;  height: 24px;  padding-left: 32px;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-size: 24px;  background-position: left 0 center;  background-repeat: no-repeat;  cursor: pointer;  } .f3589 {background-image: url('/img/icon/icon_popup-duplicate.svg');  } .f3590 {background-image: url('/img/icon/icon_phone.svg');  } .f3591 {background-image: url('/img/icon/icon_popup-text-delete-l-gray.svg');  } .f3592 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f3593 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f3594 {margin: 0px;  margin-bottom: 16px;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f3594:focus-visible {outline: none;  } .f3595 {margin: 0px;  height: 100%;  color: #DADFE7;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3596 {padding-top: 64px;  display: flex;  flex-direction: row;  gap: 16px;  } .f3597 {position: fixed;  top: 233px;  bottom: 16px;  right: 0px;  padding-top: 0px;  padding-right: 16px;  } .f3598 {height: 100%;  width: 300px;  overflow: hidden;  outline: 1px solid #EBEFF6;  border-radius: 24px;  padding: 16px 0;  } .f3599 {display: flex;  justify-content: flex-start;  width: 102%;  height: calc(100% - 76px);  overflow-y: auto;  transition: width 0.3s ease-in-out;  } .f3599:hover {width: calc(100% - 4px);  } .f3600 {display: flex;  flex-direction: column;  width: 284px;  height: 100%;  padding-left: 16px;  } .f3601 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f3602 {width: 100%;  margin-bottom: 16px;  } .f3603 {border: 1px solid #000;  } .f3604 {list-style: none;  padding: 0px;  margin: 0px;  } .f3605 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3606 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3606:focus {outline: 4px solid transparent;  } .f3606:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f3606:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f3606:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f3606:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f3607 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3607:focus {outline: 4px solid transparent;  } .f3607:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f3607:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f3607:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f3607:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f3608 {display: flex;  flex-direction: column;  gap: 8px;  } .f3609 {border-top: 1px solid #AAB5C6;  margin: 0px;  padding-top: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3610 {display: flex;  flex-direction: column;  gap: 8px;  } .f3611 {position: relative;  padding: 12px 12px 12px 16px;  border-radius: 12px;  width: 100%;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  outline-offset: -1px;  background-color: #F8FCFF;  transition: outline 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;  cursor: pointer;  } .f3611:focus-visible {outline: 4px solid #5DB4D2;  } .f3611:hover {border: 1px solid #DADFE7;  } .f3611:active {border: 1px solid #2F86AA;  } .f3612 {border: 1px solid #2F86AA;  background-color: #FFFFFF;  transition: outline 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;  } .f3613 {outline: 4px solid transparent;  border-radius: 12px;  text-align: start;  transition: outline 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;  } .f3613:focus-within {outline: 4px solid #5DB4D2;  } .f3613:active {outline: 4px solid transparent;  } .f3612 .f3614 {color: #26759D;  } .f3612 .f3615 {display: flex;  } .f3616 {background-color: #F8FCFF;  animation-name: colorChange;  animation-duration: 1s;  animation-timing-function: ease-in-out;  } .f3615 {position: absolute;  top: 12px;  right: 12px;  display: none;  justify-content: center;  align-items: center;  width: 20px;  min-width: 20px;  height: 20px;  outline: 4px solid transparent;  border-radius: 4px;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  cursor: pointer;  transition: outline 0.4s ease-in-out;  } .f3615:focus-visible {outline: 4px solid #5DB4D2;  } .f3617 {background-image: url('/img/icon/icon_popup-trash.svg');  } .f3618 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  margin-bottom: 4px;  } .f3614 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3619 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f3620 {display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  height: 21px;  min-geight: 21px;  margin: 0px;  padding: 2px 8px;  border-radius: 8px;  color: #26759D;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #E0F1F7;  } .f3621 {outline: none;  width: 100%;  text-align: start;  pointer-events: none;  } .f3622 {display: inline-block;  width: 100%;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3623 {} .f3624 {font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #2F86AA;  } .f3625 {position: absolute;  top: 12px;  right: 12px;  } .f3626 {width: calc(100% - 20px);  margin-left: 20px;  } .f3627 {background-color: #E0F1F7;  } .f3628 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3629 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3630 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3631 {position: absolute;  } .f3632 {} .f3633 {display: flex;  flex-direction: column;  max-width: 840px;  width: 100%;  padding: 24px 40px 88px 40px;  } .f3634 {width: 100%;  } .f3635 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f3636 {margin: 0px;  margin-bottom: 16px;  color: #243042;  } .f3637 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3638 {position: relative;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  overflow: hidden;  border-radius: 16px;  background-color: #EBEFF6;  } .f3638::before {content: '';  display: flex;  align-items: center;  justify-content: center;  padding-top: 62.5%;  width: 100%;  background-size: contain;  background-repeat: no-repeat;  background-position: center;  background-color: #26759D;  background-image: url('/img/bg/card_paid_img02.svg');  } .f3639 {position: absolute;  display: flex;  height: 120%;  width: 120%;  background-size: 100%;  filter: blur(10px);  } .f3640 {position: absolute;  width: 100%;  } .f3641 {margin-bottom: 40px;  } .f3641:last-child {margin-bottom: 0px;  } .f3642 {list-style: none;  padding: 0px;  margin: 0px;  } .f3643 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3644 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3645 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3645:focus {outline: 4px solid transparent;  } .f3645:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3645:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3645:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3645:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3646 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3646:focus {outline: 4px solid transparent;  } .f3646:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f3646:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f3646:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f3646:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f3647 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3647:focus {outline: 4px solid transparent;  } .f3647:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3647:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3647:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3647:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3648 {display: flex;  height: 40px;  min-height: 40px;  padding: 2px 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f3648:focus {outline: 4px solid transparent;  } .f3648:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f3648:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f3648:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f3648:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f3649 {padding: 0 14px;  min-height: 40px;  height: 40px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f3649::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3649:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f3649:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f3649:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f3649:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f3649:invalid {outline: 1px solid #FF4F3F;  } .f3650 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3651 {position: absolute;  } .f3652 {} .f3653 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f3654 {display: flex;  flex-direction: column;  gap: 40px;  width: 100%;  max-width: 768px;  padding: 24px 40px 128px 40px;  } .f3655 {display: flex;  flex-direction: column;  } .f3656 {margin: 0px;  margin-bottom: 16px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f3657 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 16px;  } .f3658 {display: flex;  flex-direction: column;  gap: 4px;  margin-bottom: 24px;  } .f3658:last-child {margin-bottom: 0px;  } .f3659 {display: flex;  flex-wrap: wrap;  gap: 12px;  margin-bottom: 16px;  } .f3660 {display: flex;  padding-top: 4px;  } .f3661 {display: flex;  gap: 24px;  justify-content: space-between;  align-items: center;  padding: 8px 8px 8px 16px;  border-radius: 16px;  border: 1px solid #DFE4EC;  } .f3662 {display: flex;  flex-direction: column;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f3663 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f3664 {color: #FF4F3F;  } .f3665 {display: flex;  flex-direction: column;  gap: 24px;  padding: 16px;  border-radius: 24px;  border: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f3666 {display: flex;  flex-direction: column;  gap: 4px;  } .f3667 {display: flex;  justify-content: space-between;  align-items: center;  border-radius: 16px;  padding: 16px;  background-color: #E0F1F7;  } .f3668 {display: flex;  flex-wrap: wrap;  column-gap: 32px;  row-gap: 16px;  max-width: 540px;  width: 100%;  } .f3669 {display: flex;  flex-direction: column;  gap: 4px;  } .f3670 {display: flex;  } .f3671 {width: 240px;  } .f3672 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  } .f3673 {width: 100%;  } .f3674 {display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;  gap: 4px;  width: 100%;  min-height: 80px;  padding: 8px 24px 8px 16px;  border: none;  border-radius: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  cursor: pointer;  } .f3675 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3676 {display: flex;  flex-wrap: no-wrap;  gap: 8px;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3677 {display: flex;  flex-direction: column;  justify-content: center;  gap: 16px;  width: 100%;  min-height: 80px;  padding: 16px 24px 16px 16px;  border: none;  border-radius: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  cursor: pointer;  } .f3678 {display: flex;  align-items: center;  gap: 12px;  } .f3679 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f3680 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f3681 {position: relative;  display: flex;  flex-direction: column;  gap: 2px;  justify-content: center;  align-items: flex-start;  width: 100%;  min-width: 250px;  height: 48px;  overflow: hidden;  } .f3682 {position: absolute;  display: block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3683 {display: flex;  flex-wrap: wrap;  padding: 16px;  gap: 16px;  border-radius: 16px;  background-color: #E0F1F7;  } .f3684 {width: clamp(200px, 40%, 300px);  } .f3685 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3686 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3687 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3688 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3689 {color: #64748B;  } .f3690 {color: #3A4C64;  } .f3691 {color: #243042;  } .f3692 {color: #AAB5C6;  } .f3693 {min-width: 100px;  } .f3694 {min-width: 165px;  } .f3695 {margin-bottom: 16px;  } .f3696 {list-style: none;  padding: 0px;  margin: 0px;  } .f3697 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3698 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3699 {position: absolute;  } .f3700 {display: flex;  flex-direction: column;  flex: 1;  } .f3701 {display: flex;  flex-direction: column;  gap: 40px;  width: 100%;  max-width: 848px;  padding: 24px 40px 128px;  } .f3702 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  } .f3703 {display: flex;  flex-direction: row;  column-gap: 4px;  row-gap: 8px;  flex-wrap: wrap;  } .f3704 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3705 {display: flex;  flex-direction: column;  justify-content: space-between;  gap: 8px;  width: 180px;  padding: 12px 16px;  border-radius: 16px;  background-color: #FFFFFF;  outline: 1px solid #EBEFF6;  } .f3706 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3707 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3708 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3709 {color: #1D6591;  cursor: pointer;  } .f3710 {margin-bottom: 20px;  } .f3710:last-child {margin-bottom: 0px;  } .f3711 {list-style: none;  padding: 0px;  margin: 0px;  } .f3712 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3713 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3714 {position: absolute;  } .f3715 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  max-width: 848px;  padding: 24px 40px 128px;  } .f3716 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3717 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  } .f3718 {display: flex;  justify-content: flex-start;  margin-bottom: 24px;  } .f3719 {width: 240px;  } .f3720 {width: 100%;  } .f3721 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  padding: 16px 24px 16px 16px;  border-radius: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f3722 {display: flex;  gap: 12px;  } .f3723 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f3724 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f3725 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f3726 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3727 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3728 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3729 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3730 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3730:focus {outline: 4px solid transparent;  } .f3730:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3730:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3730:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3730:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3731 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f3732 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3733 {position: absolute;  } .f3734 {display: flex;  justify-content: center;  flex: 1;  width: 100%;  } .f3735 {} .f3736 {display: flex;  flex-wrap: wrap;  gap: 16px;  } .f3737 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  max-width: 980px;  } .f3738 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3739 {display: flex;  flex-direction: column;  gap: 16px;  width: 100%;  } .f3740 {display: flex;  flex-direction: column;  gap: 24px;  width: 100%;  padding: 0 20px 20px 0;  } .f3741 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  flex: 1;  width: 100%;  } .f3742 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3743 {display: block;  flex-direction: column;  width: 100%;  } .f3744 {list-style: none;  padding: 0px;  margin: 0px;  } .f3745 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3745:focus {outline: 4px solid transparent;  } .f3745:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3745:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3745:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3745:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3746 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3746:focus {outline: 4px solid transparent;  } .f3746:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f3746:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f3746:active {outline: 4px solid transparent;  background: #DADFE7;  } .f3746:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3747 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f3748 {display: contents;  } .f3749 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  } .f3750 {display: flex;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f3751 {display: flex;  align-items: center;  gap: 12px;  } .f3752 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3753 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f3754 {display: flex;  flex-direction: column;  min-height: 100%;  padding-right: 4px;  } .f3755 {width: 100%;  } .f3756 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3757 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3758 {position: absolute;  } .f3759 {display: flex;  justify-content: center;  flex: 1;  width: 100%;  } .f3760 {} .f3761 {display: flex;  flex-wrap: wrap;  gap: 16px;  } .f3762 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  max-width: 980px;  } .f3763 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3764 {display: flex;  flex-direction: column;  gap: 24px;  width: 100%;  } .f3765 {display: flex;  flex-direction: column;  gap: 16px;  width: 100%;  } .f3766 {display: flex;  flex-direction: column;  gap: 24px;  width: 100%;  padding: 0 20px 20px 0;  } .f3767 {display: flex;  flex-direction: column;  width: 280px;  border-radius: 24px;  padding: 16px 12px 16px 16px;  border: 1px solid #EBEFF6;  } .f3768 {display: flex;  flex: 1;  flex-direction: column;  width: 100%;  } .f3769 {display: flex;  flex-direction: column;  gap: 12px;  } .f3770 {display: flex;  flex-direction: column;  gap: 16px;  } .f3771 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 20px;  } .f3771:list-child {margin-bottom: 0px;  } .f3772 {display: flex;  flex-direction: column;  gap: 2px;  } .f3773 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3774 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3775 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3776 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  flex: 1;  width: 100%;  } .f3777 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3778 {display: block;  flex-direction: column;  width: 100%;  } .f3779 {position: relative;  display: flex;  } .f3780 {display: flex;  } .f3781 {position: absolute;  top: 0px;  left: 0px;  display: flex;  } .f3782 {color: #AAB5C6;  } .f3783 {color: #F59E0B;  } .f3784 {margin-bottom: 24px;  } .f3784:last-child {margin-bottom: 0px;  } .f3785 {margin-bottom: 16px;  } .f3785:last-child {margin-bottom: 0px;  } .f3786 {margin-bottom: 12px;  } .f3786:last-child {margin-bottom: 0px;  } .f3787 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3787:focus {outline: 4px solid transparent;  } .f3787:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f3787:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f3787:active {outline: 4px solid transparent;  background: #DADFE7;  } .f3787:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3788 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3789 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  } .f3790 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  } .f3791 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f3792 {display: flex;  align-items: center;  gap: 12px;  min-width: 300px;  cursor: pointer;  } .f3793 {display: flex;  flex-wrap: wrap;  gap: 16px;  } .f3794 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  max-width: 980px;  } .f3795 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3796 {display: flex;  color: #243042;  } .f3797 {display: flex;  justify-content: flex-start;  } .f3798 {display: flex;  justify-content: center;  flex: 1;  width: 100%;  } .f3799 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f3800 {display: flex;  gap: 20px;  width: 100%;  max-width: 1356px;  padding: 24px 16px 16px 40px;  } .f3801 {display: flex;  flex: 1;  align-items: center;  justify-content: center;  width: 100%;  } .f3802 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f3803 {margin-bottom: 24px;  } .f3803:last-child {margin-bottom: 0px;  } .f3804 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3805 {list-style: none;  padding: 0px;  margin: 0px;  } .f3806 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3806:focus {outline: 4px solid transparent;  } .f3806:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f3806:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f3806:active {outline: 4px solid transparent;  background: #DADFE7;  } .f3806:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3807 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3807:focus {outline: 4px solid transparent;  } .f3807:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f3807:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f3807:active {outline: 4px solid transparent;  background: #DADFE7;  } .f3807:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3808 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3808:focus {outline: 4px solid transparent;  } .f3808:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3808:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3808:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3808:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3809 {padding: 0 14px;  min-height: 40px;  height: 40px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f3809::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3809:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f3809:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f3809:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f3809:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f3809:invalid {outline: 1px solid #FF4F3F;  } .f3810 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3810:focus {outline: 4px solid transparent;  } .f3810:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f3810:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f3810:active {outline: 4px solid transparent;  background: #DADFE7;  } .f3810:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3811 {display: flex;  width: 100%;  } .f3812 {display: flex;  flex-direction: column;  gap: 24px;  padding: 24px;  width: 100%;  border-radius: 32px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f3813 {margin: 0px;  colro: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3814 {display: flex;  flex-direction: column;  gap: 2px;  } .f3815 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3816 {display: flex;  flex-direction: column;  gap: 8px;  } .f3817 {position: relative;  display: flex;  } .f3818 {display: flex;  gap: 8px;  align-items: center;  } .f3819 {min-height: 132px;  padding: 12px 20px 48px 20px;  resize: none;  } .f3820 {position: absolute;  bottom: 12px;  left: 20px;  display: flex;  color: #1D6591;  cursor: pointer;  } .f3821 {display: flex;  justify-content: flex-end;  gap: 8px;  width: 100%;  } .f3822 {display: flex;  width: 100%;  padding-top: 20px;  padding-bottom: 16px;  } .f3823 {display: flex;  flex-direction: column;  width: 100%;  padding: 12px 16px;  border-radius: 12px;  background-color: #EBEFF6;  } .f3824 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f3825 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 151px;  grid-gap: 12px;  } .f3826 {position: relative;  display: flex;  flex-direction: column;  overflow: hidden;  } .f3827 {position: absolute;  left: 0px;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f3828 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  justify-content: space-between;  width: 100%;  overflow: hidden;  border-radius: 12px;  background-color: #FFFFFF;  } .f3829 {position: relative;  display: flex;  gap: 8px;  justify-content: space-between;  align-items: center;  padding-left: 8px;  } .f3830 {position: relative;  display: flex;  align-items: center;  min-height: 26px;  padding: 0 8px;  } .f3831 {position: absolute;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  border-radius: 16px;  opacity: 0.6;  } .f3832 {background-color: #FFFFFF;  } .f3833 {position: relative;  margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f3834 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 8px;  color: #243042;  cursor: pointer;  } .f3835 {position: absolute;  top: 4px;  left: 4px;  bottom: 4px;  right: 4px;  border-radius: 8px;  opacity: 0.6;  } .f3836 {position: relative;  display: flex;  color: #1B2637;  } .f3837 {display: flex;  flex: 1;  } .f3838 {position: absolute;  top: 50%;  left: 50%;  display: flex;  justify-content: center;  align-items: center;  padding: 6.5px;  transform: translate(-50%, -50%);  } .f3839 {position: relative;  color: #1B2637;  } .f3840 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f3841 {display: flex;  justify-content: flex-end;  align-items: center;  padding: 8px;  } .f3842 {position: relative;  margin: 0px;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  color: #243042;  } .f3843 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 0 4px;  } .f3844 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f3845 {display: block;  width: 100%;  min-height: 30px;  margin: 0px;  padding: 6px 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #243042;  } .f3846 {width: 100%;  min-height: 72px;  outline: none;  border: none;  padding: 12px 0 0 0;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: text;  color: #3A4C64;  background-color: transparent;  resize: none;  } .f3846:focus {border: none;  outline: none;  } .f3846::placeholder {color: #AAB5C6;  white-space: pre-wrap;  word-break: break-word;  } .f3847 {left: 3px;  } .f3848 {display: none;  } .f3849 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3850 {list-style: none;  padding: 0px;  margin: 0px;  } .f3851 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 2px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3851:focus {outline: 4px solid transparent;  } .f3851:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f3851:hover {border: 2px solid transparent;  background: #243042;  } .f3851:active {border: 2px solid transparent;  background: #3A4C64;  } .f3851:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f3852 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3852:focus {outline: 4px solid transparent;  } .f3852:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f3852:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f3852:active {outline: 4px solid transparent;  background: #DADFE7;  } .f3852:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3853 {display: none;  } .f3854 {display: flex;  flex-direction: column;  } .f3855 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  } .f3856 {width: 100%;  min-height: 148px;  padding: 0 20px 64px 20px;  border-radius: 16px;  border: 1px solid #DFE4EC;  color: #243042;  background-color: #FFFFFF;  } .f3857 {display: flex;  width: 100%;  padding-top: 20px;  padding-bottom: 16px;  } .f3858 {display: flex;  flex-direction: column;  width: 100%;  padding: 12px 16px;  border-radius: 12px;  background-color: #EBEFF6;  } .f3859 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f3860 {width: 100%;  min-height: 72px;  outline: none;  border: none;  padding: 12px 0 0 0;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: text;  color: #3A4C64;  background-color: transparent;  resize: none;  } .f3860:focus {border: none;  outline: none;  } .f3860::placeholder {color: #AAB5C6;  white-space: pre-wrap;  word-break: break-word;  } .f3861 {position: absolute;  bottom: 12px;  right: 12px;  display: flex;  gap: 12px;  } .f3862 {position: absolute;  bottom: 20px;  left: 20px;  color: #1D6591;  cursor: pointer;  } .f3863 {width: 100%;  } .f3864 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 151px;  grid-gap: 12px;  } .f3865 {position: relative;  display: flex;  flex-direction: column;  overflow: hidden;  } .f3866 {position: absolute;  left: 0px;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f3867 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  justify-content: space-between;  width: 100%;  overflow: hidden;  border-radius: 12px;  background-color: #FFFFFF;  } .f3868 {position: relative;  display: flex;  gap: 8px;  justify-content: space-between;  align-items: center;  padding-left: 8px;  } .f3869 {position: relative;  display: flex;  align-items: center;  min-height: 26px;  padding: 0 8px;  } .f3870 {position: absolute;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  border-radius: 16px;  opacity: 0.6;  } .f3871 {background-color: #FFFFFF;  } .f3872 {position: relative;  margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f3873 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 8px;  color: #243042;  cursor: pointer;  } .f3874 {position: absolute;  top: 4px;  left: 4px;  bottom: 4px;  right: 4px;  border-radius: 8px;  opacity: 0.6;  } .f3875 {position: relative;  display: flex;  color: #1B2637;  } .f3876 {display: flex;  flex: 1;  } .f3877 {position: absolute;  top: 50%;  left: 50%;  display: flex;  justify-content: center;  align-items: center;  padding: 6.5px;  transform: translate(-50%, -50%);  } .f3878 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f3879 {left: 3px;  } .f3880 {position: relative;  color: #1B2637;  } .f3881 {display: flex;  justify-content: flex-end;  align-items: center;  padding: 8px;  } .f3882 {display: block;  width: 100%;  min-height: 30px;  margin: 0px;  padding: 6px 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #243042;  } .f3883 {position: relative;  display: flex;  justify-content: center;  align-items: center;  padding: 0 4px;  } .f3884 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 99px;  background-color: #FFFFFF;  opacity: 0.6;  } .f3885 {position: relative;  margin: 0px;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  color: #243042;  } .f3886 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3887 {display: flex;  align-items: flex-end;  padding-top: 16px;  gap: 4px;  } .f3888 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #64748B;  } .f3889 {display: flex;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #1D6591;  } .f3890 {margin: 0px;  text-decoration: none;  color: inherit;  } .f3891 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3891:focus {outline: 4px solid transparent;  } .f3891:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3891:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3891:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3891:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3892 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f3893 {position: absolute;  } .f3894 {display: flex;  flex: 0;  flex-direction: column;  align-items: center;  width: 100%;  } .f3895 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  } .f3896 {display: flex;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f3897 {display: flex;  align-items: center;  gap: 12px;  } .f3898 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f3899 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f3900 {width: 100%;  } .f3901 {display: flex;  flex-direction: column;  flex: 1;  width: 280px;  border-radius: 24px;  padding: 16px 12px 16px 16px;  border: 1px solid #EBEFF6;  } .f3902 {display: flex;  flex-direction: column;  min-height: 100%;  width: 100%;  padding-right: 4px;  } .f3903 {display: flex;  flex: 1;  flex-direction: column;  width: 100%;  padding-bottom: 24px;  margin-bottom: auto;  } .f3904 {display: flex;  flex-direction: column;  gap: 12px;  } .f3905 {display: flex;  flex-direction: column;  gap: 16px;  } .f3906 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 20px;  } .f3906:list-child {margin-bottom: 0px;  } .f3907 {display: flex;  flex-direction: column;  gap: 2px;  } .f3908 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3909 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3910 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3911 {display: block;  flex-direction: column;  width: 100%;  } .f3912 {position: relative;  display: flex;  } .f3913 {display: flex;  } .f3914 {position: absolute;  top: 0px;  left: 0px;  display: flex;  } .f3915 {color: #AAB5C6;  } .f3916 {color: #F59E0B;  } .f3917 {margin-bottom: 16px;  } .f3917:last-child {margin-bottom: 0px;  } .f3918 {margin-bottom: 24px;  } .f3918:last-child {margin-bottom: 0px;  } .f3919 {list-style: none;  padding: 0px;  margin: 0px;  } .f3920 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3921 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3921:focus {outline: 4px solid transparent;  } .f3921:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3921:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3921:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3921:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3922 {padding: 0 14px;  min-height: 40px;  height: 40px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f3922::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3922:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f3922:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f3922:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f3922:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f3922:invalid {outline: 1px solid #FF4F3F;  } .f3923 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f3923:focus {outline: 4px solid transparent;  } .f3923:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f3923:hover {border: 2px solid transparent;  background: #243042;  } .f3923:active {border: 2px solid transparent;  background: #3A4C64;  } .f3923:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f3924 {color: #243042;  } .f3925 {color: #64748B;  } .f3926 {color: #1D6591;  } .f3927 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3928 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3929 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3930 {display: flex;  flex-direction: column;  width: 100%;  max-width: 840px;  padding: 24px 40px 0;  } .f3931 {margin-bottom: 24px;  } .f3932 {margin-bottom: 16px;  } .f3933 {position: relative;  overflow: hidden;  border-radius: 900px;  margin-bottom: 16px;  background-color: #1D6591;  } .f3934 {margin-bottom: 24px;  } .f3935 {position: absolute;  top: 50%;  left: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  transform: translate(-50%, -50%);  } .f3936 {position: absolute;  top: 50%;  transform: translateY(-50%);  width: 100%;  } .f3937 {display: flex;  flex-direction: column;  gap: 8px;  margin-bottom: 24px;  } .f3937:last-child {margin-bottom: 0px;  } .f3938 {display: flex;  flex-direction: column;  margin-bottom: 40px;  } .f3939 {display: flex;  flex-direction: column;  gap: 16px;  } .f3940 {flex-direction: row;  align-items: center;  gap: 16px;  } .f3941 {position: relative;  } .f3942 {position: absolute;  top: 50%;  color: #AAB5C6;  transform: translateY(-50%);  cursor: pointer;  } .f3943 {left: 12px;  } .f3944 {left: 208px;  } .f3945 {padding-left: 40px;  padding-right: 40px;  } .f3946 {display: flex;  } .f3947 {width: 240px;  } .f3948 {display: flex;  justify-content: flex-end;  padding: 24px 8px;  border-top: 1px solid #DFE4EC;  } .f3949 {display: none;  } .f3950 {padding-top: 4px;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  color: #FF4F3F;  } .f3951 {border: 1px solid #FF4F3F;  } .f3952 {list-style: none;  padding: 0px;  margin: 0px;  } .f3953 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f3954 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f3954::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3954:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f3954:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f3954:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f3954:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f3954:invalid {outline: 1px solid #FF4F3F;  } .f3955 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3955:focus {outline: 4px solid transparent;  } .f3955:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f3955:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f3955:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f3955:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f3956 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3956:focus {outline: 4px solid transparent;  } .f3956:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f3956:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f3956:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f3956:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f3957 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f3957:focus {outline: 4px solid transparent;  } .f3957:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f3957:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f3957:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f3957:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f3958 {display: flex;  flex-direction: column;  flex: 1;  } .f3959 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  padding: 24px 40px;  border-bottom: 1px solid #EBEFF6;  } .f3960 {position: relative;  width: 100%;  min-height: 33px;  } .f3961 {position: absolute;  top: 0px;  display: block;  margin: 0px;  width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f3962 {position: absolute;  top: 0px;  display: inline-block;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f3963 {position: absolute;  display: flex;  justify-content: center;  flex: 1;  width: 100%;  } .f3964 {display: flex;  flex: 1;  justify-content: center;  width: 100%;  } .f3965 {display: flex;  justify-content: flex-start;  flex: 1;  min-height: 100%;  width: 100%;  max-width: 1300px;  } .f3965 > div:last-child {flex: none;  width: 296px;  min-width: 296px;  } .f3965 > div:first-child {display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: auto;  min-width: auto;  } .f3966 {color: #243042;  } .f3967 {color: #3A4C64;  } .f3968 {color: #64748B;  } .f3969 {color: #AAB5C6;  } .f3970 {color: #1D6591;  } .f3971 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f3972 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3973 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f3974 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f3975 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f3976 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f3977 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  max-width: 840px;  padding: 24px 40px 0;  } .f3978 {display: flex;  flex-direction: column;  margin-bottom: 40px;  width: 100%;  } .f3978:last-child {margin-bottom: 0px;  } .f3979 {margin-bottom: 16px;  } .f3980 {display: flex;  flex-direction: column;  gap: 4px;  } .f3981 {max-width: 250px;  } .f3982 {height: 100%;  } .f3983 {display: flex;  flex-wrap: wrap;  row-gap: 24px;  column-gap: 40px;  } .f3984 {display: flex;  } .f3985 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 16px;  width: 100%;  max-width: 680px;  } .f3986 {display: flex;  flex-direction: column;  gap: 8px;  } .f3987 {display: flex;  justify-content: flex-end;  width: 100%;  padding: 24px 8px;  border-top: 1px solid #DFE4EC;  } .f3988 {display: flex;  flex-direction: column;  gap: 4px;  margin: 0px;  margin-bottom: 24px;  padding-left: 25px;  } .f3988:last-child {margin-bottom: 0px;  } .f3989 {display: flex;  justify-content: space-between;  align-items: flex-start;  gap: 12px;  padding: 12px 16px;  border-radius: 12px;  outline: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f3990 {position: relative;  display: flex;  flex-direction: column;  width: calc(100% - 117px);  height: 45px;  } .f3991 {display: flex;  flex-direction: column;  min-width: 88px;  } .f3992 {display: flex;  align-items: center;  gap: 8px;  margin: 0px;  margin-bottom: 4px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #AAB5C6;  } .f3993 {position: absolute;  bottom: 0px;  display: block;  width: 100%;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f3994 {display: flex;  margin: 0px;  margin-bottom: 2px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #485B74;  } .f3995 {display: flex;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f3996 {min-width: 88px;  } .f3997 {display: flex;  flex-direction: column;  gap: 8px;  } .f3998 {display: flex;  flex-direction: column;  gap: 8px;  padding-left: 40px;  } .f3999 {display: flex;  margin: 0px;  margin-bottom: 2px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #2F86AA;  } .f4000 {color: #243042;  } .f4001 {padding: 8px 16px;  border-radius: 16px;  border: 1px solid #2F86AA;  } .f4002 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4003 {border-top: 1px solid #AAB5C6;  margin: 0px;  padding: 8px;  color: #AAB5C6;  } .f4004 {display: flex;  flex-direction: column;  gap: 8px;  padding-top: 16px;  } .f4005 {margin-bottom: 8px;  } .f4006 {margin-bottom: 16px;  } .f4007 {margin-bottom: 24px;  } .f4008 {max-width: 320px;  width: 320px;  } .f4009 {display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: auto;  min-width: auto;  } .f4010 {list-style: none;  padding: 0px;  margin: 0px;  } .f4011 {display: flex;  flex-direction: column;  gap: 8px;  } .f4012 {display: flex;  justify-content: flex-end;  padding: 24px 8px;  border-top: 1px solid #DFE4EC;  } .f4013 {display: flex;  justify-content: space-between;  align-items: flex-start;  gap: 12px;  padding: 12px 16px;  border-radius: 12px;  outline: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f4014 {position: relative;  display: flex;  flex-direction: column;  width: calc(100% - 117px);  height: 45px;  } .f4015 {display: flex;  flex-direction: column;  align-items: flex-end;  min-width: 88px;  } .f4016 {display: flex;  margin: 0px;  margin-bottom: 4px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #AAB5C6;  } .f4017 {position: absolute;  bottom: 0px;  display: block;  width: 100%;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f4018 {display: flex;  margin: 0px;  margin-bottom: 2px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #485B74;  } .f4019 {display: flex;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f4020 {display: flex;  flex-direction: column;  gap: 8px;  } .f4021 {display: flex;  flex-direction: column;  gap: 8px;  padding-left: 40px;  } .f4022 {display: flex;  margin: 0px;  margin-bottom: 2px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #2F86AA;  } .f4023 {color: #243042;  } .f4024 {min-width: 88px;  } .f4025 {overflow: hidden;  width: 0px;  height: 0px;  } .f4026 {background-color: #E0F1F7;  } .f4027 {height: 66px;  } .f4028 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4029 {list-style: none;  padding: 0px;  margin: 0px;  } .f4030 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4031 {display: flex;  flex-direction: column;  flex: 1;  } .f4032 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  padding: 24px 40px;  border-bottom: 1px solid #EBEFF6;  } .f4033 {position: relative;  width: 100%;  min-height: 60px;  } .f4034 {position: absolute;  top: 0px;  display: block;  margin: 0px;  width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f4035 {position: absolute;  bottom: 0px;  display: inline-block;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f4036 {position: relative;  display: flex;  justify-content: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f4037 {display: flex;  flex: 1;  justify-content: center;  width: 100%;  } .f4038 {position: absolute;  display: flex;  justify-content: center;  flex: 1;  width: 100%;  max-width: 1300px;  } .f4038 > div:last-child {flex: none;  width: 296px;  min-width: 296px;  } .f4038 > div:first-child {display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: auto;  min-width: auto;  } .f4039 {position: fixed;  z-index: 2;  top: 0px;  left: 0px;  display: flex;  flex-direction: column;  align-items: center;  overflow-y: auto;  width: 100%;  height: 100%;  background-color: #F8FCFF;  } .f4040 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4041 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-height: 64px;  width: 100%;  padding: 5px 48px;  border-radius: 12px;  outline: 4px solid transparent;  outline-offset: -2px;  border: 2px solid #000000;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #000000;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4041:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #243042;  background-color: #243042;  } .f4041:hover {outline: 4px solid transparent;  border: 2px solid #243042;  background-color: #243042;  } .f4041:active {outline: 4px solid transparent;  border: 2px solid #3A4C64;  background-color: #3A4C64;  } .f4041:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background-color: #EBEFF6;  } .f4042 {list-style: none;  padding: 0px;  margin: 0px;  } .f4043 {padding: 40px 24px 128px 24px;  max-width: 1028px;  margin: auto;  margin-top: 0px;  } .f4044 {display: flex;  flex-direction: column;  width: 100%;  max-width: 1028px;  min-height: 100vh;  padding-top: 48px;  } .f4045 {position: fixed;  display: flex;  justify-content: center;  top: 0px;  left: 0px;  width: 100%;  } .f4046 {display: flex;  justify-content: flex-end;  width: 100%;  padding: 40px 24px;  max-width: 1148px;  } .f4047 {border-radius: 99px;  background-color: #FFFFFF;  cursor: pointer;  } .f4048 {text-decoration: none;  color: inherit;  } .f4049 {background-color: #F8FCFF;  background-image: url(img/bg/bg_course_descrip.svg);  background-size: cover;  } .f4050 {font-family: Manrope;  height: 109px;  padding: 0 48px;  } .f4051 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  height: 100%;  } .f4052 {display: flex;  align-items: center;  } .f4053 {display: flex;  align-items: center;  justify-content: flex-start;  width: 23vw;  max-width: 94px;  height: 32px;  margin: 0;  margin-right: 60px;  text-decoration: none;  color: inherit;  } .f4054 {width: 100%;  } .f4055 {display: flex;  align-items: center;  height: 46px;  width: 100%;  max-width: 500px;  margin-left: 16px;  border-radius: 70px;  border: 1px solid #DFE4EC;  background: #FFFFFF;  } .f4056 {width: 24px;  height: 24px;  margin: 0px 16px;  } .f4057 {width: 100%;  margin-right: 30px;  padding: 0px;  border: none;  outline: none;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4058 {display: flex;  justify-content: space-between;  align-items: center;  } .f4059 {display: flex;  margin: 0px 48px;  flex-wrap: wrap;  } .f4060 {text-decoration: none;  color: inherit;  } .f4061 {display: inline-flex;  height: 44px;  padding: 0 24px;  justify-content: center;  align-items: center;  border-radius: 26px;  white-space: nowrap;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4061:hover {background: #C2E3EF;  } .f4061:focus {background: #88C9E0;  outline: none;  } .f4061:focus-visible {outline: transparent;  } .f4061:active {background: #5DB4D2;  } .f4062 {display: none;  height: 24px;  margin: 0px 16px;  cursor: pointer;  } .f4063 {display: flex;  align-items: center;  justify-content: center;  padding: 0 24px;  height: 44px;  border-radius: 22px;  background: #1D6591;  border: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  cursor: pointer;  } .f4063:focus {background: #145585;  outline: none;  border: none;  } .f4063:hover {background: #1D6591;  } .f4063:active {background: #0B4578;  } .f4064 {height: 40px;  width: 40px;  border-radius: 20px;  } .f4065 {height: 40px;  width: 40px;  border-radius: 20px;  background-color: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  display: flex;  align-items: center;  justify-content: center;  } .f4066 {list-style-type: none;  padding: 0px;  } .f4067 {display: flex;  align-items: center;  margin: 0px;  margin-bottom: 16px;  gap: 12px;  } .f4068 {display: flex;  align-items: center;  gap: 12px;  text-decoration: none;  color: #1B2637;  margin: 0px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f4069 {margin: 0px;  } .f4070 {display: flex;  flex-direction: column;  gap: 24px;  } .f4071 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f4072 {display: flex;  gap: 48px;  margin-bottom: 80px;  } .f4073 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 38px;  } .f4074 {position: relative;  display: flex;  align-items: center;  justify-content: center;  width: 100%;  max-height: 550px;  padding-top: 62.5%;  overflow: hidden;  border-radius: 24px;  margin-bottom: 40px;  background-size: contain;  background-repeat: no-repeat;  background-position: center;  background-color: #26759D;  } .f4075 {background-image: url('/img/bg/card_paid_img02.svg');  } .f4076 {position: absolute;  top: 50%;  width: 120%;  min-height: 120%;  filter: blur(20px) opacity(0.9);  transform: translateY(-50%);  } .f4077 {position: absolute;  top: 50%;  height: 100%;  transform: translateY(-50%);  } .f4078 {display: flex;  flex-direction: column;  gap: 16px;  max-width: 556px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4079 {margin: 0px 0px 16px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4080 {display: flex;  flex-direction: column;  gap: 4px;  margin: 0px;  } .f4080:last-child {margin-bottom: 0px;  } .f4081 {display: flex;  flex-direction: row;  align-items: center;  gap: 12px;  margin-bottom: 4px;  } .f4081:last-child {margin-bottom: 0px;  } .f4082 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  } .f4083 {width: 24px;  height: 24px;  } .f4084 {display: flex;  flex-direction: column;  gap: 12px;  } .f4085 {display: flex;  flex-direction: row;  align-items: flex-start;  gap: 12px;  } .f4086 {display: flex;  align-items: center;  margin-bottom: 80px;  flex-wrap: wrap;  column-gap: 32px;  row-gap: 32px;  } .f4087 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4088 {display: flex;  flex-direction: column;  flex: 1;  align-items: center;  justify-content: center;  gap: 16px 32px;  min-height: 160px;  padding: 24px 10px 48px 10px;  border-radius: 24px;  background-color: #C2E3EF;  } .f4089 .f4090 {height: 85px;  } .f4091 {display: flex;  justify-content: center;  min-width: 56px;  margin: 0px;  padding-top: 60px;  text-align: center;  white-space: nowrap;  color: #485B74;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-repeat: no-repeat;  background-size: 56px;  background-position: center 0;  } .f4092 {background-image: url('/img/icon/icon_course_pen.svg');  } .f4093 {background-image: url('/img/icon/icon_course_book-gray.svg');  } .f4094 {background-image: url('/img/icon/icon_course_video.svg');  } .f4095 {background-image: url('/img/icon/icon_course_microphone.svg');  } .f4096 {background-image: url('/img/icon/icon_course_video.svg');  } .f4097 {background-image: url('/img/icon/icon_course_microphone.svg');  } .f4090 {display: flex;  height: 91px;  align-items: center;  justify-content: center;  margin: 0;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 64px;  font-style: normal;  font-weight: 600;  line-height: 68px;  } .f4098 {margin-bottom: 80px;  } .f4099 {display: flex;  padding: 80px 70px 120px 70px;  flex-direction: column;  gap: 56px;  border-radius: 40px;  background-color: #FFFFFF;  background-size: cover;  background-repeat: no-repeat;  background-image: url(/img/bg/bg_course-program.svg);  } .f4100 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f4101 {display: flex;  flex-wrap: wrap;  column-gap: 40px;  row-gap: 24px;  } .f4102 {display: flex;  flex-direction: column;  gap: 4px;  width: calc(100% / 2 - 24px);  } .f4103 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4104 {display: flex;  flex-direction: column;  gap: 24px;  padding: 16px 0 16px 24px;  width: 100%;  } .f4105 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4106 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f4107 {margin-bottom: 80px;  } .f4108 {display: flex;  column-gap: 52px;  row-gap: 20px;  align-items: center;  padding: 50px 90px;  border-radius: 40px;  border: 8px solid #EBEFF6;  background-color: #F8FCFF;  } .f4109 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  min-width: 160px;  width: 160px;  height: 160px;  border-radius: 80px;  } .f4110 {width: 100%;  } .f4111 {margin: 0px 0px 8px 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4112 {} .f4113 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4114 {display: flex;  justify-content: space-between;  width: 784px;  margin: 0 auto;  } .f4115 {display: flex;  flex-direction: column;  align-items: center;  padding: 24px;  width: 368px;  min-height: 544px;  border-radius: 24px;  justify-content: space-between;  background-color: #FFFFFF;  background-size: cover;  } .f4116 {background-image: url(/img/bg/bg_start_colum01.svg);  } .f4117 {background-image: url(/img/bg/bg_start_colum02.svg);  } .f4118 {display: flex;  flex-direction: column;  align-items: center;  gap: 12px;  } .f4119 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  background-color: transparent;  cursor: pointer;  } .f4120 {width: 100%;  } .f4121 {display: flex;  justify-content: flex-end;  min-height: 16px;  } .f4122 {padding-top: 16px;  } .f4123 {width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: cover;  background-position: center;  } .f4124 {background-image: url('/img/icon/icon_shopping-cart.svg');  } .f4125 {background-image: url('/img/icon/icon_clock.svg');  } .f4126 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f4127 {display: flex;  flex-direction: column;  align-items: center;  gap: 4px;  } .f4128 {margin: 0px;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f4129 {display: flex;  flex-direction: column;  align-items: center;  gap: 4px;  } .f4130 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  text-decoration: line-through;  } .f4131 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4132 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  width: 100%;  gap: 8px;  padding-top: 20px;  } .f4133 {margin: 0px;  text-align: center;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4134 {} .f4135 {} .f4135 div {color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4136 {text-decoration: none;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4135 a {color: #145585;  text-decoration: none;  } .f4137 .f4088 {flex-direction: row-reverse;  } .f4137 {column-gap: 64px;  } .f4138 {column-gap: 70px;  } .f4139 {padding: 8px 16px;  border-radius: 16px;  border: 1px solid #2F86AA;  } .f4140 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4138 .f4088 {flex-direction: row-reverse;  } .f4141 .f4088:nth-last-child(2) {flex-direction: row-reverse;  } .f4141 .f4088:last-child {flex-direction: row-reverse;  } .f4142 {list-style: none;  padding: 0px;  margin: 0px;  } .f4143 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4144 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4144:focus {outline: 4px solid transparent;  } .f4144:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4144:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4144:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4144:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4145 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4145:focus {outline: 4px solid transparent;  } .f4145:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f4145:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f4145:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f4145:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f4146 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4146:focus {outline: 4px solid transparent;  } .f4146:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f4146:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f4146:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f4146:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f4147 {position: fixed;  top: 203px;  right: 0px;  bottom: 0px;  display: flex;  padding: 0px;  padding-right: 16px;  padding-bottom: 16px;  } .f4148 {width: 280px;  border-radius: 24px;  border: 1px solid #DFE4EC;  overflow: hidden;  background-color: #FFFFFF;  } .f4149 {width: 100%;  height: 100%;  overflow-y: auto;  } .f4150 {display: flex;  flex-direction: column;  width: 264px;  min-height: 100%;  padding: 16px 0 16px 16px;  } .f4151 {display: flex;  flex-direction: column;  border-radius: 16px;  margin-bottom: 16px;  padding: 12px;  background-color: #C2E3EF;  } .f4152 {margin-bottom: 16px;  } .f4153 {display: flex;  flex-direction: column;  gap: 8px;  } .f4154 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  width: 100%;  padding: 8px;  border-radius: 12px;  background-color: transparent;  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;  cursor: pointer;  } .f4155 {display: flex;  justify-content: center;  align-items: center;  width: 24px;  min-width: 24px;  height: 24px;  margin: 0px;  border-radius: 50%;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #243042;  background-color: #88C9E0;  background-size: 16px;  background-repeat: no-repeat;  background-position: center;  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;  } .f4156 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f4157 {background-color: #FFFFFF;  } .f4154:hover {background-color: #88C9E0;  } .f4154:hover .f4155 {color: #243042;  background-color: #88C9E0;  } .f4158 .f4155 {color: transparent;  background-color: #2F86AA;  background-image: url('/img/icon/icon_check-white.svg');  } .f4158:hover .f4155 {color: transparent;  background-color: #2F86AA;  } .f4159 {display: flex;  flex-direction: column;  gap: 8px;  margin-bottom: auto;  } .f4160 {display: flex;  flex-direction: column;  width: 100%;  } .f4161 {display: flex;  flex-direction: column;  padding-top: 24px;  margin-top: auto;  } .f4162 {display: flex;  flex-direction: column;  gap: 16px;  margin-bottom: 24px;  } .f4163 {display: flex;  flex-direction: column;  gap: 2px;  } .f4164 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #AAB5C6;  } .f4165 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f4166 {display: flex;  flex: 1;  } .f4167 {list-style: none;  padding: 0px;  margin: 0px;  } .f4168 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4169 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f4169::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4169:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f4169:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f4169:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f4169:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f4169:invalid {outline: 1px solid #FF4F3F;  } .f4170 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f4170:focus {outline: 4px solid transparent;  } .f4170:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f4170:hover {border: 2px solid transparent;  background: #243042;  } .f4170:active {border: 2px solid transparent;  background: #3A4C64;  } .f4170:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f4171 {color: #243042;  } .f4172 {color: #3A4C64;  } .f4173 {color: #64748B;  } .f4174 {color: #AAB5C6;  } .f4175 {color: #1D6591;  } .f4176 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f4177 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4178 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4179 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4180 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4181 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4182 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  max-width: 840px;  padding: 24px 40px 0;  } .f4183 {display: flex;  flex-direction: column;  margin-bottom: 40px;  width: 100%;  } .f4183:last-child {margin-bottom: 0px;  } .f4184 {margin-bottom: 16px;  } .f4185 {display: flex;  flex-direction: column;  gap: 8px;  } .f4186 {display: flex;  } .f4187 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 16px;  width: 100%;  max-width: 680px;  } .f4188 {display: flex;  flex-direction: column;  gap: 8px;  } .f4189 {display: flex;  justify-content: flex-end;  padding: 24px 8px;  border-top: 1px solid #DFE4EC;  } .f4190 {display: flex;  justify-content: space-between;  align-items: flex-start;  gap: 12px;  padding: 12px 16px;  border-radius: 12px;  outline: 1px solid #EBEFF6;  background-color: #FFFFFF;  } .f4191 {position: relative;  display: flex;  flex-direction: column;  width: calc(100% - 117px);  height: 45px;  } .f4192 {display: flex;  flex-direction: column;  min-width: 88px;  } .f4193 {display: flex;  margin: 0px;  margin-bottom: 4px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #AAB5C6;  } .f4194 {position: absolute;  bottom: 0px;  display: block;  width: 100%;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f4195 {display: flex;  margin: 0px;  margin-bottom: 2px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #485B74;  } .f4196 {display: flex;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #AAB5C6;  } .f4197 {min-width: 88px;  } .f4198 {margin-bottom: 16px;  } .f4199 {max-width: 320px;  width: 320px;  } .f4200 {list-style: none;  padding: 0px;  margin: 0px;  } .f4201 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4202 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4202:focus {outline: 4px solid transparent;  } .f4202:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4202:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4202:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4202:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4203 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4203:focus {outline: 4px solid transparent;  } .f4203:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4203:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4203:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4203:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4204 {display: flex;  height: 40px;  min-height: 40px;  padding: 2px 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4204:focus {outline: 4px solid transparent;  } .f4204:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f4204:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f4204:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f4204:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f4205 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4205:focus {outline: 4px solid transparent;  } .f4205:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4205:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4205:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4205:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4206 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f4207 {display: block;  margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f4208 {color: #64748B;  } .f4209 {color: #3A4C64;  } .f4210 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f4211 {display: flex;  flex-direction: row;  gap: 24px;  justify-content: space-between;  align-items: center;  padding: 7px 7px 7px 15px;  border-radius: 16px;  border: 1px solid #DFE4EC;  } .f4212 {display: flex;  flex-direction: column;  } .f4213 {display: flex;  justify-content: space-between;  } .f4214 {display: flex;  flex-direction: column;  border: 1px solid #EBEFF6;  padding: 15px;  border-radius: 24px;  background-color: #FFFFFF;  } .f4215 {display: flex;  flex-direction: column;  gap: 16px;  } .f4216 {display: block;  margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #64748B;  } .f4217 {display: flex;  align-items: center;  justify-content: space-between;  min-height: 50px;  padding: 9px 11px;  border: 1px solid #DFE4EC;  border-radius: 12px;  } .f4218 {display: block;  overflow: hidden;  margin: 0px;  text-overflow: ellipsis;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #64748B;  } .f4219 {display: block;  color: #3A4C64;  cursor: pointer;  } .f4220 {display: flex;  flex-direction: column;  gap: 16px;  } .f4221 {display: flex;  flex-direction: row;  align-items: center;  gap: 12px;  width: 100%;  overflow: hidden;  cursor: pointer;  } .f4222 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  overflow: hidden;  border-radius: 100px;  background-color: #1D6591;  } .f4223 {position: absolute;  top: 50%;  left: 50%;  margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #FFFFFF;  transform: translate(-50%, -50%);  } .f4224 {position: absolute;  top: 50%;  left: 50%;  width: 100%;  transform: translate(-50%, -50%);  } .f4225 {display: flex;  flex-direction: column;  width: calc(100% - 52px);  } .f4226 {margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f4227 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #64748B;  } .f4228 {display: flex;  flex-direction: row;  padding: 16px;  gap: 16px;  border-radius: 16px;  background-color: #E0F1F7;  } .f4229 {display: flex;  flex-direction: column;  } .f4230 {display: flex;  flex-direction: column;  gap: 4px;  } .f4231 {position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  padding: 0px;  overflow: hidden;  border: 0px;  } .f4232 {display: flex;  flex-direction: row;  align-items: center;  } .f4233 {margin-bottom: 24px;  } .f4234 {margin-bottom: 16px;  } .f4235 {position: fixed;  z-index: 3;  top: 0px;  left: 0px;  display: flex;  justify-content: center;  align-items: center;  height: 100vh;  width: 100vw;  } .f4236 {display: flex;  flex-direction: column;  width: 100%;  max-width: 552px;  padding: 24px;  max-height: 100%;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f4237 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  margin-bottom: 16px;  } .f4238 {display: flex;  flex-direction: column;  overflow-y: auto;  } .f4239 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f4240 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  min-width: 32px;  height: 32px;  cursor: pointer;  } .f4241 {color: #3A4C64;  } .f4242 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #3A4C64;  } .f4243 {margin: 0px;  margin-bottom: 24px;  padding-top: 4px;  padding-left: 28px;  } .f4244 {display: flex;  justify-content: flex-end;  } .f4245 {margin-bottom: 16px;  } .f4245:last-child {margin-bottom: 0px;  } .f4246 {list-style: none;  padding: 0px;  margin: 0px;  } .f4247 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4248 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4248:focus {outline: 4px solid transparent;  } .f4248:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4248:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4248:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4248:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4249 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4249:focus {outline: 4px solid transparent;  } .f4249:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4249:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4249:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4249:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4250 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4250:focus {outline: 4px solid transparent;  } .f4250:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f4250:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f4250:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f4250:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f4251 {position: fixed;  z-index: 20;  top: 0px;  left: 0px;  width: 100%;  height: 100vh;  display: flex;  justify-content: center;  align-items: center;  padding: 24px;  background-color: rgba(0, 0, 0, 0.35);  } .f4252 {position: relative;  display: flex;  flex: 1;  flex-direction: column;  overflow-y: auto;  width: 100%;  padding: 0 4px;  } .f4253 {position: absolute;  } .f4254 {position: relative;  width: 100%;  max-width: 720px;  max-height: calc(100vh - 48px);  display: flex;  flex-direction: column;  gap: 24px;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 20px 64px 0px rgba(24, 39, 75, 0.11);  } .f4255 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  } .f4256 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f4257 {cursor: pointer;  color: #64748B;  display: flex;  align-items: center;  justify-content: center;  } .f4258 {display: grid;  gap: 12px;  } .f4259 {margin: 0px;  color: #576A84;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4260 {display: flex;  gap: 8px;  } .f4261 {margin: 0px;  color: #576A84;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4262 {padding-top: 8px;  } .f4263 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  } .f4264 {display: flex;  } .f4265 {display: grid;  gap: 24px;  } .f4266 {display: flex;  flex-direction: column;  gap: 8px;  } .f4267 {display: flex;  flex-wrap: wrap;  row-gap: 4px;  column-gap: 20px;  } .f4268 {display: grid;  gap: 8px;  } .f4269 {max-width: 230px;  } .f4270 {width: 100%;  height: 48px;  padding: 12px 16px;  border-radius: 16px;  outline: 1px solid #DFE4EC;  background-color: #F8FCFF;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4271 {height: 40px;  display: flex;  align-items: center;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4272 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4273 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4274 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4275 {display: grid;  gap: 12px;  padding-bottom: 12px;  width: 100%;  border-bottom: 1px solid #DFE4EC;  } .f4276 {display: flex;  flex-direction: column;  width: 100%;  max-width: 470px;  } .f4277 {display: flex;  gap: 12px;  padding: 12px 20px;  border-radius: 16px;  color: #576A84;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4278 {display: flex;  gap: 12px;  align-items: center;  padding: 0 20px;  border-radius: 16px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4279 {display: flex;  align-items: center;  min-height: 48px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4280 {width: calc( (100% - 12px * 4 - 32px) / 3 );  } .f4281 {padding: 2px;  color: #FF4F3F;  cursor: pointer;  } .f4282 {width: 100%;  height: 48px;  padding: 12px 16px;  border-radius: 16px;  outline: 1px solid #DFE4EC;  background-color: #F8FCFF;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4283 {width: fit-content;  padding: 12px 20px;  border-radius: 16px;  border: none;  cursor: pointer;  color: #FFFFFF;  background-color: #26759D;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4284 {display: grid;  gap: 16px;  } .f4285 {display: flex;  flex-direction: column;  gap: 12px;  width: 100%;  } .f4286 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4287 {display: flex;  gap: 16px;  padding: 4px 16px;  border-radius: 16px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4288 {display: flex;  justify-content: space-between;  gap: 16px;  padding: 14px 16px;  border-radius: 16px;  background-color: #EBEFF6;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4289 {display: flex;  justify-content: space-between;  gap: 12px;  flex-wrap: wrap;  } .f4290 {min-width: 140px;  padding: 14px 20px;  border-radius: 16px;  border: none;  cursor: pointer;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4291 {background-color: #F8FCFF;  color: #485B74;  } .f4292 {background-color: #26759D;  color: #FFFFFF;  } .f4293 {list-style: none;  padding: 0px;  margin: 0px;  } .f4294 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4294:focus {outline: 4px solid transparent;  } .f4294:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4294:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4294:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4294:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4295 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4295:focus {outline: 4px solid transparent;  } .f4295:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4295:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4295:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4295:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4296 {display: flex;  height: 40px;  min-height: 40px;  padding: 2px 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4296:focus {outline: 4px solid transparent;  } .f4296:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f4296:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f4296:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f4296:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f4297 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f4298 {color: #64748B;  } .f4299 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f4300 {display: flex;  flex-direction: column;  } .f4301 {display: flex;  } .f4302 {display: flex;  flex-direction: row;  gap: 24px;  justify-content: space-between;  align-items: center;  padding: 7px 7px 7px 15px;  border-radius: 16px;  border: 1px solid #DFE4EC;  } .f4303 {display: flex;  flex-direction: column;  gap: 16px;  } .f4304 {display: flex;  flex-direction: column;  border: 1px solid #EBEFF6;  padding: 15px;  border-radius: 24px;  background-color: #FFFFFF;  } .f4305 {display: flex;  flex-direction: row;  justify-content: space-between;  flex-wrap: wrap;  gap: 16px;  padding: 16px;  border-radius: 16px;  background-color: #E0F1F7;  } .f4306 {display: flex;  flex-direction: column;  gap: 16px;  max-width: 316px;  width: 100%;  } .f4307 {display: flex;  flex-direction: column;  flex-wrap: wrap;  row-gap: 8px;  column-gap: 40px;  } .f4308 {display: flex;  justify-content: space-between;  } .f4309 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #64748B;  } .f4310 {white-space: nowrap;  } .f4311 {display: flex;  flex-direction: column;  gap: 4px;  } .f4312 {display: flex;  flex-direction: row;  align-items: center;  } .f4313 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f4314 {padding-top: 24px;  } .f4315 {margin-bottom: 16px;  } .f4316 {margin-bottom: 24px;  } .f4317 {list-style: none;  padding: 0px;  margin: 0px;  } .f4318 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4319 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4319:focus {outline: 4px solid transparent;  } .f4319:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4319:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4319:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4319:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4320 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4320:focus {outline: 4px solid transparent;  } .f4320:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4320:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4320:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4320:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4321 {display: flex;  height: 40px;  min-height: 40px;  padding: 2px 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4321:focus {outline: 4px solid transparent;  } .f4321:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f4321:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f4321:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f4321:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f4322 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f4322:focus {outline: 4px solid transparent;  } .f4322:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f4322:hover {border: 2px solid transparent;  background: #243042;  } .f4322:active {border: 2px solid transparent;  background: #3A4C64;  } .f4322:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f4323 {display: flex;  flex-direction: column;  padding: 24px 40px 0 40px;  } .f4324 {display: flex;  flex-direction: column;  max-width: 760px;  width: 100%;  margin: 0 auto;  } .f4325 {margin-bottom: 40px;  } .f4326 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  margin-bottom: 24px;  } .f4327 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  margin-bottom: 24px;  } .f4328 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f4329 {color: #64748B;  } .f4330 {width: 320px;  } .f4331 {display: flex;  flex-direction: column;  width: 100%;  gap: 4px;  } .f4332 {padding-top: 4px;  width: 100%;  } .f4333 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f4334 {margin-bottom: 24px;  } .f4335 {display: flex;  flex-direction: row;  justify-content: flex-start;  width: 100%;  margin-bottom: 24px;  } .f4336 {display: flex;  flex-direction: column;  gap: 40px;  padding-bottom: 16px;  } .f4337 {display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 8px;  margin-bottom: 12px;  } .f4338 {background-color: #5DB4D2;  } .f4339 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 24px;  } .f4340 {display: flex;  flex-direction: column;  } .f4341 {margin-bottom: 40px;  } .f4341:last-child {margin-bottom: 0px;  } .f4342 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f4343 {display: flex;  } .f4344 {display: flex;  flex-direction: column;  gap: 16px;  } .f4345 {display: flex;  flex-direction: column;  gap: 4px;  } .f4346 {display: flex;  flex-direction: column;  flex-wrap: wrap;  row-gap: 8px;  column-gap: 40px;  } .f4347 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #64748B;  } .f4348 {display: flex;  } .f4349 {padding-top: 11px;  padding-bottom: 16px;  display: flex;  flex-direction: column;  width: 304px;  gap: 8px;  } .f4350 {display: flex;  flex-direction: column;  border: 1px solid #EBEFF6;  padding: 15px;  border-radius: 24px;  background-color: #FFFFFF;  } .f4351 {display: flex;  flex-direction: row;  justify-content: space-between;  flex-wrap: wrap;  gap: 16px;  padding: 16px;  border-radius: 16px;  background-color: #E0F1F7;  } .f4352 {display: flex;  flex-direction: column;  gap: 16px;  max-width: 316px;  width: 100%;  } .f4353 {display: block;  margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f4354 {margin-bottom: 8px;  } .f4355 {margin-bottom: 16px;  } .f4356 {margin-bottom: 24px;  } .f4357 {margin-bottom: 16px;  } .f4358 {padding-left: 64px;  } .f4359 {display: flex;  flex-direction: column;  } .f4360 {color: #AAB5C6;  } .f4361 {color: #26759D;  } .f4362 {display: flex;  flex-direction: row;  } .f4363 {white-space: nowrap;  } .f4364 {display: flex;  flex-direction: column;  padding-top: 24px;  } .f4365 {display: flex;  padding: 24px 8px;  justify-content: flex-end;  border-top: 1px solid #DFE4EC;  } .f4366 {max-width: 320px;  width: 320px;  } .f4367 {max-width: 120px;  width: 120px;  } .f4368 {list-style: none;  padding: 0px;  margin: 0px;  } .f4369 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4370 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f4370:focus {outline: 4px solid transparent;  } .f4370:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f4370:hover {border: 2px solid transparent;  background: #243042;  } .f4370:active {border: 2px solid transparent;  background: #3A4C64;  } .f4370:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f4371 {color: #485B74;  } .f4372 {color: #3A4C64;  } .f4373 {color: #64748B;  } .f4374 {color: #AAB5C6;  } .f4375 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4376 {display: flex;  flex-direction: column;  width: 100%;  max-width: 840px;  padding: 24px 40px 0;  } .f4377 {display: flex;  justify-content: flex-end;  align-items: center;  gap: 24px;  margin-bottom: 24px;  } .f4378 {display: flex;  justify-content: flex-end;  padding: 24px 8px;  border-top: 1px solid #DFE4EC;  } .f4379 {display: flex;  justify-content: center;  align-items: center;  color: #64748B;  } .f4380 {display: flex;  align-items: center;  gap: 8px;  cursor: pointer;  } .f4381 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f4382 {margin-bottom: 40px;  } .f4383 {list-style: none;  padding: 0px;  margin: 0px;  } .f4384 {position: relative;  display: flex;  flex-direction: column;  flex: 1;  height: 100%;  } .f4385 {display: flex;  flex-direction: column;  justify-content: center;  gap: 4px;  min-height: 108px;  padding: 22px 40px;  border-bottom: 1px solid #EBEFF6;  } .f4386 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f4387 {margin: 0px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f4388 {position: relative;  display: flex;  justify-content: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f4389 {position: absolute;  display: flex;  flex-direction: column;  gap: 16px;  width: 100%;  max-width: 648px;  padding: 24px 24px 128px;  } .f4390 {width: 100%;  } .f4391 {width: 100%;  height: 245px;  background-color: gray;  } .f4389 a {flex-direction: row;  } .f4389 a > div:first-child {min-width: 280px;  width: 280px;  height: 221px;  padding-top: 0px;  } .f4389 a > div:last-child {padding-top: 0px;  padding-bottom: 0px;  padding-left: 16px;  } .f4392 {list-style: none;  padding: 0px;  margin: 0px;  } .f4393 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4394 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4395 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f4396 {display: contents;  } .f4397 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  } .f4398 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f4399 {position: absolute;  } .f4400 {display: flex;  justify-content: center;  flex: 1;  width: 100%;  } .f4401 {display: flex;  gap: 20px;  width: 100%;  max-width: 1356px;  padding: 24px 16px 16px 40px;  } .f4402 {} .f4403 {display: flex;  flex-direction: column;  gap: 40px;  width: 100%;  max-width: 1000px;  padding-right: 20px;  } .f4404 {display: flex;  flex-direction: column;  } .f4405 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4406 {margin: 0px;  color: #64748B;  } .f4407 {display: flex;  flex-direction: row;  column-gap: 8px;  row-gap: 4px;  flex-wrap: wrap;  } .f4408 {display: flex;  flex-direction: column;  justify-content: space-between;  gap: 8px;  width: 180px;  padding: 12px 16px;  border-radius: 16px;  background-color: #FFFFFF;  outline: 1px solid #EBEFF6;  } .f4409 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4410 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4411 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4411:focus {outline: 4px solid transparent;  } .f4411:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4411:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4411:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4411:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4412 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4412:focus {outline: 4px solid transparent;  } .f4412:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f4412:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f4412:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f4412:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f4413 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4413:focus {outline: 4px solid transparent;  } .f4413:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4413:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4413:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4413:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4414 {display: flex;  height: 40px;  min-height: 40px;  padding: 2px 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #FF4F3F;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FF4F3F;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4414:focus {outline: 4px solid transparent;  } .f4414:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FF1A05;  } .f4414:hover {border: 2px solid #FF1A05;  outline: 4px solid transparent;  background: #FF1A05;  } .f4414:active {border: 2px solid #E01300;  outline: 4px solid transparent;  background: #E01300;  } .f4414:disabled {border: 2px solid #EBEFF6;  outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4415 {display: flex;  flex-direction: column;  gap: 16px;  width: 100%;  padding: 16px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f4416 {display: flex;  flex-direction: column;  gap: 2px;  } .f4417 {justify-content: flex-start;  align-items: flex-start;  white-space: wrap;  text-align: left;  height: auto;  min-height: 40px;  padding: 8px;  width: 100%;  } .f4418 {padding: 3px;  margin-right: 2px;  } .f4419 {margin: 0px;  color: #64748B;  } .f4420 {display: flex;  justify-content: space-between;  gap: 16px;  width: 100%;  } .f4421 {margin-bottom: 12px;  } .f4422 {display: flex;  } .f4423 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  } .f4424 {width: 100%;  } .f4425 {display: flex;  align-items: flex-start;  justify-content: space-between;  gap: 16px;  width: 100%;  padding: 16px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  cursor: pointer;  } .f4426 {display: flex;  flex-direction: column;  gap: 2px;  } .f4427 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4428 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4429 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4430 {display: flex;  justify-content: flex-end;  gap: 8px;  flex-wrap: wrap;  } .f4431 {color: #1D6591;  background-color: #C2E3EF;  } .f4432 {color: #FF4F3F;  background-color: #FFEDEB;  } .f4433 {margin-bottom: 24px;  } .f4421:last-child {margin-bottom: 0px;  } .f4434 {display: none;  } .f4435 {list-style: none;  padding: 0px;  margin: 0px;  } .f4436 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4437 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4437:focus {outline: 4px solid transparent;  } .f4437:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4437:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4437:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4437:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4438 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4438:focus {outline: 4px solid transparent;  } .f4438:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f4438:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f4438:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f4438:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f4439 {display: flex;  flex-direction: column;  justify-content: space-between;  width: 280px;  border-radius: 24px;  padding: 16px;  border: 1px solid #EBEFF6;  } .f4440 {display: flex;  flex-direction: column;  } .f4441 {display: flex;  flex-direction: column;  gap: 16px;  } .f4442 {display: flex;  flex-direction: column;  gap: 2px;  } .f4443 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4444 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4445 {margin-bottom: 24px;  } .f4446:last-child {margin-bottom: 0px;  } .f4446 {margin-bottom: 12px;  } .f4447 {list-style: none;  padding: 0px;  margin: 0px;  } .f4448 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4449 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4450 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4450:focus {outline: 4px solid transparent;  } .f4450:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4450:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4450:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4450:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4451 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4451:focus {outline: 4px solid transparent;  } .f4451:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f4451:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f4451:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f4451:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f4452 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f4453 {display: flex;  flex: 1;  flex-direction: column;  width: 100%;  } .f4454 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  } .f4455 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 20px 40px;  gap: 16px;  width: 100%;  min-width: 300px;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f4456 {display: flex;  align-items: center;  gap: 12px;  cursor: pointer;  } .f4457 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4458 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f4459 {width: 100%;  } .f4460 {display: flex;  color: #243042;  } .f4461 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f4462 {position: absolute;  } .f4463 {display: flex;  justify-content: center;  flex: 1;  width: 100%;  } .f4464 {display: flex;  flex: 1;  } .f4465 {display: flex;  gap: 20px;  width: 100%;  max-width: 1356px;  padding: 24px 16px 16px 40px;  } .f4466 {} .f4467 {display: flex;  flex-direction: column;  gap: 40px;  width: 100%;  max-width: 1000px;  padding-right: 20px;  } .f4468 {display: flex;  flex-direction: column;  } .f4469 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4470 {display: flex;  flex-direction: row;  column-gap: 8px;  row-gap: 4px;  flex-wrap: wrap;  } .f4471 {display: flex;  flex-direction: column;  justify-content: space-between;  gap: 8px;  width: 180px;  padding: 12px 16px;  border-radius: 16px;  background-color: #FFFFFF;  outline: 1px solid #EBEFF6;  } .f4472 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4473 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4474 {display: flex;  } .f4475 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  } .f4476 {width: 100%;  } .f4477 {display: flex;  align-items: center;  justify-content: space-between;  gap: 16px;  width: 100%;  padding: 16px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f4478 {display: flex;  flex-direction: column;  gap: 2px;  } .f4479 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4480 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4481 {display: flex;  justify-content: flex-end;  gap: 8px;  flex-wrap: wrap;  } .f4482 {color: #1D6591;  background-color: #C2E3EF;  } .f4483 {color: #FF4F3F;  background-color: #FFEDEB;  } .f4484 {display: flex;  flex-direction: column;  justify-content: space-between;  width: 280px;  border-radius: 24px;  padding: 16px;  border: 1px solid #EBEFF6;  } .f4485 {display: flex;  flex-direction: column;  } .f4486 {display: flex;  flex-direction: column;  gap: 16px;  } .f4487 {display: flex;  flex-direction: column;  gap: 2px;  } .f4488 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4489 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4490 {margin-bottom: 24px;  } .f4491:last-child {margin-bottom: 0px;  } .f4491 {margin-bottom: 12px;  } .f4492 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4493 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4494 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f4494:focus {outline: 4px solid transparent;  } .f4494:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f4494:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f4494:active {outline: 4px solid transparent;  background: #DADFE7;  } .f4494:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4495 {position: relative;  display: flex;  justify-content: center;  flex: 1;  overflow-y: auto;  } .f4496 {position: absolute;  display: flex;  flex-direction: column;  align-items: center;  gap: 16px;  width: 100%;  max-width: 816px;  padding: 24px 24px 128px 24px;  } .f4497 {display: flex;  flex-direction: column;  width: 100%;  padding: 20px;  border-radius: 24px;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  background-color: #FFFFFF;  } .f4498 {display: flex;  flex-direction: column;  justify-content: space-between;  gap: 4px;  margin-bottom: 12px;  } .f4499 {display: flex;  gap: 12px;  } .f4500 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #2F86AA;  } .f4501 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f4502 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f4503 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4504 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4505 {margin-bottom: 20px;  } .f4506 {display: flex;  flex-direction: column;  gap: 12px;  } .f4507 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4508 {display: flex;  gap: 16px;  justify-content: space-between;  align-items: center;  width: 100%;  } .f4509 {display: flex;  gap: 8px;  align-items: center;  } .f4510 {display: block;  padding: 3px 12px 3px 32px;  min-height: 30px;  min-width: 30px;  border-radius: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #EBEFF6;  background-size: 16px;  background-repeat: no-repeat;  background-position: left 12px center;  cursor: pointer;  } .f4511 {background-image: url('/img/icon/icon_like-d-gray-small.svg');  } .f4512 {color: #1D6591;  background-color: #C2E3EF;  background-image: url('/img/icon/icon_like-green-small.svg');  } .f4513 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f4514 {display: flex;  justify-content: space-between;  align-items: center;  padding: 12px 12px 12px 20px;  border-radius: 12px;  border: 1px solid #EBEFF6;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f4515 {display: flex;  align-items: center;  margin: 0px;  padding: 6px 16px;  min-height: 40px;  border-radius: 12px;  background-color: #EBEFF6;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4516 {list-style: none;  padding: 0px;  margin: 0px;  } .f4517 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4518 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4518:focus {outline: 4px solid transparent;  } .f4518:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4518:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4518:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4518:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4519 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f4520 {display: flex;  flex-direction: column;  width: 100%;  padding: 20px 0 17px 0;  border-bottom: 1px solid #EBEFF6;  } .f4521 {margin: 0px;  padding: 0 40px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4522 {display: flex;  padding: 0 40px;  } .f4523 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f4523 > div {display: flex;  flex: 1;  width: 100%;  } .f4524 {margin-bottom: 16px;  } .f4524:last-child {margin-bottom: 0px;  } .f4525 {list-style: none;  padding: 0px;  margin: 0px;  } .f4526 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4527 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4528 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f4529 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4529:focus {outline: 4px solid transparent;  } .f4529:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4529:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4529:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4529:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4530 {position: relative;  display: flex;  flex: 1;  width: 100%;  flex-direction: column;  overflow-y: auto;  } .f4531 {position: absolute;  } .f4532 {display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  } .f4533 {display: flex;  padding: 24px;  max-width: 816px;  width: 100%;  } .f4534 {align-items: center;  } .f4535 {display: flex;  flex-direction: column;  gap: 8px;  padding: 0 24px 60px;  max-width: 816px;  width: 100%;  } .f4536 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4537 {display: flex;  flex-direction: column;  width: 100%;  border-radius: 24px;  padding: 20px;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f4538 {display: flex;  gap: 16px;  align-items: flex-start;  justify-content: space-between;  } .f4539 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4540 {display: flex;  align-items: center;  gap: 8px;  } .f4541 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f4542 {display: flex;  flex-direction: column;  gap: 2px;  } .f4543 {margin: 0px;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4544 {display: flex;  column-gap: 12px;  row-gap: 4px;  } .f4545 {margin: 0px;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4546 {color: #2F86AA;  background-color: #C2E3EF;  } .f4547 {height: 48px;  width: 100%;  overflow: hidden;  } .f4548 {display: flex;  } .f4549 {margin-bottom: 16px;  } .f4549:last-child {margin-bottom: 0px;  } .f4550 {list-style: none;  padding: 0px;  margin: 0px;  } .f4551 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4552 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4553 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f4554 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4554:focus {outline: 4px solid transparent;  } .f4554:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4554:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4554:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4554:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4555 {position: relative;  display: flex;  flex: 1;  width: 100%;  flex-direction: column;  overflow-y: auto;  } .f4556 {position: absolute;  } .f4557 {display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  } .f4558 {display: flex;  padding: 24px;  max-width: 816px;  width: 100%;  } .f4559 {align-items: center;  padding: 24px 24px 128px 24px;  } .f4560 {display: flex;  flex-direction: column;  gap: 8px;  max-width: 816px;  width: 100%;  } .f4561 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4562 {display: flex;  flex-direction: column;  width: 100%;  border-radius: 24px;  padding: 20px;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f4563 {display: flex;  gap: 16px;  align-items: flex-start;  justify-content: space-between;  } .f4564 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4565 {display: flex;  align-items: center;  gap: 8px;  } .f4566 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f4567 {display: flex;  flex-direction: column;  gap: 2px;  } .f4568 {margin: 0px;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4569 {display: flex;  column-gap: 12px;  row-gap: 4px;  } .f4570 {margin: 0px;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4571 {color: #2F86AA;  background-color: #C2E3EF;  } .f4572 {height: 48px;  width: 100%;  overflow: hidden;  } .f4573 {display: flex;  } .f4574 {margin-bottom: 16px;  } .f4574:last-child {margin-bottom: 0px;  } .f4575 {list-style: none;  padding: 0px;  margin: 0px;  } .f4576 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4577 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4578 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f4579 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4579:focus {outline: 4px solid transparent;  } .f4579:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4579:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4579:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4579:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4580 {position: relative;  display: flex;  flex: 1;  width: 100%;  flex-direction: column;  overflow-y: auto;  } .f4581 {position: absolute;  } .f4582 {display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  } .f4583 {display: flex;  padding: 24px;  max-width: 816px;  width: 100%;  } .f4584 {align-items: center;  } .f4585 {display: flex;  flex-direction: column;  gap: 8px;  padding: 24px 24px 128px 24px;  max-width: 816px;  width: 100%;  } .f4586 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4587 {display: flex;  flex-direction: column;  width: 100%;  border-radius: 24px;  padding: 20px;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f4588 {display: flex;  gap: 16px;  align-items: flex-start;  justify-content: space-between;  } .f4589 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4590 {display: flex;  align-items: center;  gap: 8px;  } .f4591 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-color: #2F86AA;  } .f4592 {display: flex;  flex-direction: column;  gap: 2px;  } .f4593 {margin: 0px;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4594 {display: flex;  column-gap: 12px;  row-gap: 4px;  } .f4595 {margin: 0px;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4596 {color: #2F86AA;  background-color: #C2E3EF;  } .f4597 {width: 100%;  overflow: hidden;  } .f4598 {display: flex;  } .f4599 {margin-bottom: 16px;  } .f4599:last-child {margin-bottom: 0px;  } .f4600 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4601 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4602 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f4602:focus {outline: 4px solid transparent;  } .f4602:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f4602:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f4602:active {outline: 4px solid transparent;  background: #DADFE7;  } .f4602:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4603 {display: flex;  align-items: center;  justify-content: center;  height: 30px;  min-height: 30px;  padding: 2px 12px;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f4603:focus {outline: 4px solid transparent;  } .f4603:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f4603:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f4603:active {outline: 4px solid transparent;  background: #DADFE7;  } .f4603:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4604 {position: relative;  display: flex;  justify-content: center;  flex: 1;  overflow-y: auto;  } .f4605 {position: absolute;  display: flex;  flex-direction: column;  align-items: center;  gap: 16px;  width: 100%;  max-width: 816px;  padding: 24px 24px 128px 24px;  } .f4606 {display: flex;  flex-direction: column;  width: 100%;  padding: 20px;  border-radius: 24px;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  background-color: #FFFFFF;  } .f4607 {display: flex;  justify-content: space-between;  margin-bottom: 12px;  } .f4608 {display: flex;  gap: 12px;  } .f4609 {position: relative;  display: flex;  justify-content: center;  align-items: center;  width: 48px;  min-width: 48px;  height: 48px;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #2F86AA;  } .f4610 {position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  } .f4611 {display: flex;  flex-direction: column;  gap: 2px;  flex-wrap: nowrap;  justify-content: center;  align-items: flex-start;  } .f4612 {display: inline-block;  margin: 0px;  max-width: 100%;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4613 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4614 {margin-bottom: 20px;  } .f4615 {display: flex;  flex-direction: column;  gap: 2px;  } .f4616 {display: flex;  gap: 16px;  justify-content: space-between;  align-items: center;  width: 100%;  } .f4617 {display: flex;  gap: 8px;  align-items: center;  } .f4618 {display: block;  padding: 3px 12px 3px 32px;  min-height: 30px;  min-width: 30px;  border-radius: 8px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #EBEFF6;  background-size: 16px;  background-repeat: no-repeat;  background-position: left 12px center;  cursor: pointer;  } .f4619 {background-image: url('/img/icon/icon_like-d-gray-small.svg');  } .f4620 {color: #1D6591;  background-color: #C2E3EF;  background-image: url('/img/icon/icon_like-green-small.svg');  } .f4621 {display: flex;  flex-direction: column;  gap: 12px;  } .f4622 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4623 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f4624 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f4625 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f4626 {display: flex;  justify-content: space-between;  align-items: center;  padding: 12px 12px 12px 20px;  border-radius: 12px;  border: 1px solid #EBEFF6;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  cursor: pointer;  } .f4627 {display: flex;  align-items: center;  margin: 0px;  padding: 6px 16px;  min-height: 40px;  border-radius: 12px;  background-color: #EBEFF6;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4628 {list-style: none;  padding: 0px;  margin: 0px;  } .f4629 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4630 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4631 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4631:focus {outline: 4px solid transparent;  } .f4631:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4631:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4631:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4631:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4632 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4632:focus {outline: 4px solid transparent;  } .f4632:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f4632:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f4632:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f4632:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f4633 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f4633::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4633:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f4633:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f4633:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f4633:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f4633:invalid {outline: 1px solid #FF4F3F;  } .f4634 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  height: calc( 100vh - 72px );  } .f4634:last-child {display: flex;  flex: 1;  width: 100%;  } .f4635 {display: flex;  flex: initial;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f4636 {display: flex;  justify-content: space-between;  align-items: center;  } .f4637 {display: flex;  justify-content: flex-start;  align-items: center;  padding-left: 44px;  min-height: 33px;  background-position: left;  background-repeat: no-repeat;  background-size: 32px;  } .f4638 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f4639 {margin: 0px;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4640 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  } .f4640 > div {display: flex;  flex: 1;  width: 100%;  } .f4641 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4642 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4643 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4644 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4645 {color: #243042;  } .f4646 {color: #485B74;  } .f4647 {color: #3A4C64;  } .f4648 {color: #64748B;  } .f4649 {color: #AAB5C6;  } .f4650 {position: relative;  display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f4651 {position: relative;  justify-content: center;  display: flex;  flex: 1;  width: 100%;  overflow-y: auto;  max-width: 1340px;  } .f4652 {position: absolute;  display: flex;  flex-direction: column;  width: 100%;  max-width: 615px;  padding: 24px 16px 0 24px;  } .f4653 {display: flex;  flex-direction: column;  gap: 16px;  width: 100%;  max-width: 320px;  margin-bottom: 24px;  } .f4654 {display: flex;  flex-direction: column;  gap: 8px;  } .f4655 {display: flex;  gap: 8px;  width: 100%;  max-width: 320px;  } .f4656 {display: block;  margin-bottom: 40px;  } .f4657 {display: flex;  align-items: center;  gap: 16px;  } .f4658 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4659 {list-style: none;  padding: 0px;  margin: 0px;  } .f4660 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4661 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4662 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4662:focus {outline: 4px solid transparent;  } .f4662:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4662:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4662:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4662:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4663 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4663:focus {outline: 4px solid transparent;  } .f4663:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4663:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4663:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4663:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4664 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4664:focus {outline: 4px solid transparent;  } .f4664:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #88C9E0;  background: #88C9E0;  } .f4664:hover {outline: 4px solid transparent;  border: 2px solid #88C9E0;  background: #88C9E0;  } .f4664:active {outline: 4px solid transparent;  border: 2px solid #5DB4D2;  background: #5DB4D2;  } .f4664:disabled {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  color: #AAB5C6;  background: transparent;  } .f4665 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4666 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4667 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4668 {color: #243042;  } .f4669 {color: #485B74;  } .f4670 {color: #3A4C64;  } .f4671 {color: #64748B;  } .f4672 {color: #AAB5C6;  } .f4673 {display: flex;  flex: 1;  padding: 24px 16px 0 24px;  gap: 24px;  width: 100%;  max-width: 1340px;  } .f4674 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  } .f4675 {display: flex;  gap: 8px;  margin-bottom: 24px;  } .f4676 {position: relative;  display: flex;  flex: 1;  justify-content: center;  width: 100%;  overflow-y: auto;  } .f4676::-webkit-scrollbar {width: 0 !important;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f4677 {position: absolute;  display: flex;  flex-direction: column;  gap: 40px;  width: 100%;  max-width: 575px;  padding-bottom: 80px;  } .f4678 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  padding-bottom: 74px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f4679 {display: flex;  flex-direction: column;  width: 100%;  gap: 12px;  } .f4680 {display: flex;  flex-direction: column;  gap: 8px;  } .f4681 {display: flex;  flex-direction: column;  } .f4682 {display: flex;  width: 100%;  padding-top: 16px;  } .f4683 {display: flex;  width: 100%;  align-items: center;  gap: 16px;  padding: 16px 20px;  border-radius: 16px;  outline: 1px solid #EBEFF6;  outline-offset: -2px;  background-color: #FFFFFF;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f4683:focus {outline: 1px solid #1D6591;  } .f4683:hover {outline: 1px solid #DFE4EC;  } .f4683:active {outline: 1px solid #1D6591;  } .f4684 {outline: 1px solid #1D6591;  } .f4685 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  height: 40px;  min-width: 40px;  min-height: 40px;  border-radius: 50%;  background-color: #EBEFF6;  } .f4686 {color: #3A4C64;  background-color: #C2E3EF;  } .f4687 {color: #3A4C64;  background-color: #EBEFF6;  } .f4688 {color: #3A4C64;  background-color: #C2E3EF;  } .f4689 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 4px;  width: 100%;  margin-right: auto;  } .f4690 {position: relative;  width: 100%;  min-height: 23px;  } .f4691 {width: 100%;  overflow: hidden;  text-align: left;  white-space: nowrap;  text-overflow: ellipsis;  } .f4692 {position: absolute;  top: -4px;  left: -4px;  padding: 4px;  border-radius: 4px;  } .f4692:hover {z-index: 1;  overflow: visible;  white-space: normal;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f4693 {display: flex;  gap: 16px;  flex-wrap: nowrap;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  } .f4694 {color: #F59E0B;  } .f4695 {color: #AAB5C6;  } .f4696 {width: 280px;  min-width: 280px;  padding: 12px 0;  height: calc(100% - 16px);  border-radius: 24px;  outline: 1px solid #DFE4EC;  overflow: hidden;  } .f4697 {position: relative;  width: 102%;  height: 100%;  padding: 4px 0;  overflow-y: auto;  transition: width 0.3s ease-in-out;  } .f4697:hover {width: calc(100% - 4px);  } .f4698 {position: absolute;  display: flex;  flex-direction: column;  padding-left: 16px;  width: 100%;  max-width: 264px;  } .f4699 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4700 {display: flex;  flex-direction: column;  padding: 16px;  border-radius: 16px;  background-color: #C2E3EF;  } .f4701 {display: flex;  flex-direction: column;  gap: 8px;  margin-bottom: 16px;  } .f4702 {display: flex;  flex-direction: column;  gap: 2px;  } .f4703 {width: 100%;  margin-bottom: 16px;  } .f4704 {} .f4705 {} .f4706 {list-style: none;  padding: 0px;  margin: 0px;  } .f4707 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4708 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4709 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4709:focus {outline: 4px solid transparent;  } .f4709:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f4709:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f4709:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f4709:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f4710 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4710:focus {outline: 4px solid transparent;  } .f4710:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4710:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4710:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4710:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4711 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4711:focus {outline: 4px solid transparent;  } .f4711:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4711:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4711:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4711:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4712 {margin: 0px;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f4713 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4714 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4715 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4716 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4717 {color: #243042;  } .f4718 {color: #485B74;  } .f4719 {color: #3A4C64;  } .f4720 {color: #64748B;  } .f4721 {color: #AAB5C6;  } .f4722 {position: relative;  display: flex;  justify-content: center;  flex: 1;  gap: 24px;  width: 100%;  max-width: 1340px;  overflow-y: auto;  } .f4723 {position: absolute;  display: flex;  flex-direction: column;  align-items: flex-start;  width: 100%;  max-width: 615px;  padding: 32px 16px 80px 24px;  } .f4724 {margin-bottom: 16px;  } .f4725 {display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;  width: 100%;  height: 100%;  padding-bottom: 128px;  } .f4726 {margin-bottom: 16px;  } .f4727 {margin-bottom: 16px;  } .f4728 {display: flex;  gap: 16px;  padding-top: 40px;  } .f4729 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  margin-bottom: 16px;  } .f4730 {position: relative;  } .f4731 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  padding: 12px 64px 12px 20px;  outline: 1px solid #EBEFF6;  border-radius: 16px;  background-color: #FFFFFF;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f4731:focus {outline: 1px solid #1D6591;  } .f4731:hover {outline: 1px solid #DFE4EC;  } .f4731:active {outline: 1px solid #1D6591;  } .f4732 {outline: 1px solid #1D6591;  } .f4733 {text-align: left;  } .f4734 {position: absolute;  top: 50%;  right: 24px;  width: 24px;  height: 24px;  background-color: #FFFFFF;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  transform: translateY(-50%);  opacity: 0;  transition: opacity 0.3s ease-in-out;  cursor: pointer;  } .f4730:focus-within .f4734 {opacity: 1;  } .f4730:hover .f4734 {opacity: 1;  } .f4735 {background-image: url('/img/icon/icon_trash-red.svg');  } .f4736 {display: flex;  } .f4737 {color: #FF4F3F;  } .f4737:after {position: absolute;  top: 50%;  right: 24px;  content: '';  display: block;  width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  background-image: url('/img/icon/icon_warning-red.svg');  transform: translateY(-50%);  } .f4738 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  } .f4738:last-child {display: flex;  flex: 1;  width: 100%;  } .f4739 {margin: 0px;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4740 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  } .f4740 > div {display: flex;  flex: 1;  width: 100%;  } .f4741 {background-image: url('/img/icon/icon_warning-orange.svg');  } .f4742 {background-image: url('/img/icon/icon_time-l-gray.svg');  } .f4743 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4744 {list-style: none;  padding: 0px;  margin: 0px;  } .f4745 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4746 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4746:focus {outline: 4px solid transparent;  } .f4746:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4746:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4746:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4746:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4747 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4747:focus {outline: 4px solid transparent;  } .f4747:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4747:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4747:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4747:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4748 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4748:focus {outline: 4px solid transparent;  } .f4748:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #88C9E0;  background: #88C9E0;  } .f4748:hover {outline: 4px solid transparent;  border: 2px solid #88C9E0;  background: #88C9E0;  } .f4748:active {outline: 4px solid transparent;  border: 2px solid #5DB4D2;  background: #5DB4D2;  } .f4748:disabled {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  color: #AAB5C6;  background: transparent;  } .f4749 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  height: calc( 100vh - 72px );  } .f4749:last-child {display: flex;  flex: 1;  width: 100%;  } .f4750 {display: flex;  flex: initial;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f4751 {display: flex;  flex-direction: column;  gap: 16px;  } .f4752 {display: flex;  justify-content: space-between;  align-items: center;  } .f4753 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4754 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  } .f4754 > div {display: flex;  flex: 1;  width: 100%;  justify-content: center;  } .f4755 {} .f4756 {} .f4757 {list-style: none;  padding: 0px;  margin: 0px;  } .f4758 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4759 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4760 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4760:focus {outline: 4px solid transparent;  } .f4760:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4760:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4760:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4760:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4761 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4761:focus {outline: 4px solid transparent;  } .f4761:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4761:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4761:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4761:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4762 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4762:focus {outline: 4px solid transparent;  } .f4762:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4762:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4762:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4762:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4763 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  height: calc( 100vh - 72px );  } .f4763:last-child {display: flex;  flex: 1;  width: 100%;  } .f4764 {display: flex;  flex: initial;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f4765 {display: flex;  justify-content: space-between;  align-items: center;  } .f4766 {display: flex;  justify-content: flex-start;  align-items: center;  padding-left: 44px;  min-height: 33px;  background-position: left;  background-repeat: no-repeat;  background-size: 32px;  } .f4767 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f4768 {margin: 0px;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4769 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  } .f4769 > div {display: flex;  flex: 1;  width: 100%;  } .f4770 {display: flex;  flex: 1;  padding: 24px 16px 0 24px;  gap: 24px;  width: 100%;  max-width: 1340px;  } .f4771 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  } .f4772 {display: flex;  flex-direction: column;  gap: 16px;  margin: 0 auto;  margin-bottom: 24px;  width: 100%;  max-width: 575px;  } .f4773 {display: flex;  } .f4774 {position: relative;  display: flex;  flex: 1;  justify-content: center;  width: 100%;  overflow-y: auto;  } .f4774::-webkit-scrollbar {width: 0 !important;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f4775 {position: absolute;  display: flex;  flex-direction: column;  gap: 40px;  width: 100%;  max-width: 575px;  } .f4776 {display: flex;  flex-direction: column;  width: 100%;  gap: 12px;  } .f4777 {display: flex;  flex-direction: column;  gap: 8px;  } .f4778 {display: flex;  width: 100%;  align-items: center;  gap: 16px;  padding: 16px 20px;  border-radius: 16px;  outline: 1px solid #EBEFF6;  outline-offset: -2px;  background-color: #FFFFFF;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f4778:focus {outline: 1px solid #1D6591;  } .f4778:hover {outline: 1px solid #DFE4EC;  } .f4778:active {outline: 1px solid #1D6591;  } .f4779 {outline: 1px solid #1D6591;  } .f4780 {width: 40px;  height: 40px;  min-width: 40px;  min-height: 40px;  border-radius: 50%;  background-color: #C2E3EF;  background-position: center;  background-repeat: no-repeat;  background-size: 24px;  } .f4781 {background-image: url('/img/bg/bg_arrow-down.svg');  } .f4782 {background-image: url('/img/bg/bg_check.svg');  } .f4783 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 4px;  margin-right: auto;  } .f4784 {text-align: left;  } .f4785 {display: block;  height: 24px;  padding-left: 36px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-position: left 0 center;  background-size: 24px;  background-repeat: no-repeat;  } .f4786 {position: absolute;  display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  padding-bottom: 74px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f4787 {background-image: url('/img/icon/icon_warning-orange.svg');  } .f4788 {background-image: url('/img/icon/icon_time-l-gray.svg');  } .f4789 {width: 280px;  min-width: 280px;  padding: 12px 0;  height: calc(100% - 16px);  border-radius: 24px;  outline: 1px solid #DFE4EC;  overflow: hidden;  } .f4790 {position: relative;  width: 102%;  height: 100%;  padding: 4px 0;  overflow-y: auto;  transition: width 0.3s ease-in-out;  } .f4790:hover {width: calc(100% - 4px);  } .f4791 {position: absolute;  display: flex;  flex-direction: column;  padding-left: 16px;  width: 100%;  max-width: 264px;  } .f4792 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4793 {display: flex;  flex-direction: column;  padding: 16px;  margin-bottom: 16px;  border-radius: 16px;  background-color: #C2E3EF;  } .f4794 {display: flex;  flex-direction: column;  gap: 2px;  margin-bottom: 16px;  } .f4795 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 16px;  } .f4796 {display: flex;  flex-direction: column;  gap: 2px;  } .f4797 {width: 100%;  margin-bottom: 16px;  } .f4798 {margin: 0px;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f4799 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4800 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4801 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4802 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4803 {color: #243042;  } .f4804 {color: #485B74;  } .f4805 {color: #3A4C64;  } .f4806 {color: #64748B;  } .f4807 {color: #AAB5C6;  } .f4808 {list-style: none;  padding: 0px;  margin: 0px;  } .f4809 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4810 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4811 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4811:focus {outline: 4px solid transparent;  } .f4811:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4811:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4811:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4811:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4812 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  height: calc( 100vh - 72px );  } .f4812:last-child {display: flex;  flex: 1;  width: 100%;  } .f4813 {display: flex;  flex: initial;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f4814 {display: flex;  justify-content: space-between;  align-items: center;  } .f4815 {display: flex;  justify-content: flex-start;  align-items: center;  padding-left: 44px;  min-height: 33px;  background-position: left;  background-repeat: no-repeat;  background-size: 32px;  } .f4816 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f4817 {margin: 0px;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4818 {display: flex;  flex: 1;  width: 100%;  justify-content: center;  } .f4818 > div {display: flex;  flex: 1;  width: 100%;  } .f4819 {display: flex;  flex: 1;  padding: 24px 16px 0 40px;  gap: 40px;  width: 100%;  max-width: 1226px;  } .f4820 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  } .f4821 {position: relative;  display: flex;  flex: 1;  width: 100%;  overflow-y: auto;  } .f4821::-webkit-scrollbar {width: 0 !important;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none;  background: transparent;  } .f4822 {position: absolute;  display: flex;  flex-direction: column;  gap: 16px;  } .f4823 {display: flex;  flex-direction: column;  gap: 4px;  } .f4824 {display: flex;  flex-direction: column;  gap: 8px;  } .f4825 {background-color: #EBEFF6;  transform: rotate(180deg);  } .f4826 {background-image: url('/img/icon/icon_warning-orange.svg');  } .f4827 {background-image: url('/img/icon/icon_time-l-gray.svg');  } .f4828 {width: 280px;  min-width: 280px;  padding: 12px 0;  height: calc(100% - 16px);  border-radius: 24px;  outline: 1px solid #DFE4EC;  overflow: hidden;  } .f4829 {position: relative;  width: 102%;  height: 100%;  padding: 4px 0;  overflow-y: auto;  transition: width 0.3s ease-in-out;  } .f4829:hover {width: calc(100% - 4px);  } .f4830 {position: absolute;  display: flex;  flex-direction: column;  padding-left: 16px;  width: 100%;  max-width: 264px;  } .f4831 {margin: 0px;  margin-bottom: 8px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4832 {display: flex;  flex-direction: column;  } .f4833 {display: flex;  justify-content: space-between;  align-items: center;  flex-wrap: wrap;  gap: 12px;  margin-bottom: 16px;  } .f4834 {display: flex;  align-items: center;  min-height: 25px;  padding: 2px 8px;  border-radius: 8px;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  color: #64748B;  background-color: #EBEFF6;  } .f4835 {color: #FF4F3F;  background-color: #FFEDEB;  } .f4836 {color: #F59E0B;  background-color: #FEF3C7;  } .f4837 {color: #F59E0B;  background-color: #1D6591;  } .f4838 {color: #1D6591;  background-color: #C2E3EF;  } .f4839 {display: flex;  flex-direction: column;  gap: 12px;  } .f4840 {display: flex;  flex-direction: column;  } .f4841 {width: 100%;  margin-bottom: 16px;  } .f4842 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4843 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4844 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4845 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4846 {color: #243042;  } .f4847 {color: #485B74;  } .f4848 {color: #3A4C64;  } .f4849 {color: #64748B;  } .f4850 {color: #AAB5C6;  } .f4851 {list-style: none;  padding: 0px;  margin: 0px;  } .f4852 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4853 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4853:focus {outline: 4px solid transparent;  } .f4853:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4853:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4853:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4853:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4854 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4855 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4856 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4857 {color: #243042;  } .f4858 {color: #485B74;  } .f4859 {color: #3A4C64;  } .f4860 {color: #64748B;  } .f4861 {color: #AAB5C6;  } .f4862 {position: relative;  display: flex;  justify-content: center;  flex: 1;  padding: 24px 16px 0 24px;  gap: 24px;  width: 100%;  max-width: 1340px;  overflow-y: auto;  } .f4863 {position: absolute;  display: flex;  flex-direction: column;  width: 100%;  max-width: 615px;  padding: 0 16px 0 24px;  } .f4864 {margin-bottom: 16px;  } .f4865 {display: flex;  flex-direction: column;  gap: 24px;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  padding-bottom: 128px;  } .f4866 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f4867 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  margin-bottom: 40px;  } .f4868 {position: relative;  } .f4869 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  width: 100%;  padding: 12px 64px 12px 20px;  outline: 1px solid #EBEFF6;  border-radius: 16px;  background-color: #FFFFFF;  transition: outline 0.3s ease-in-out;  cursor: pointer;  } .f4869:focus {outline: 1px solid #1D6591;  } .f4869:hover {outline: 1px solid #DFE4EC;  } .f4869:active {outline: 1px solid #1D6591;  } .f4870 {outline: 1px solid #1D6591;  } .f4871 {text-align: left;  } .f4872 {position: absolute;  top: 50%;  right: 24px;  width: 24px;  height: 24px;  background-color: #FFFFFF;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  transform: translateY(-50%);  opacity: 0;  transition: opacity 0.3s ease-in-out;  cursor: pointer;  } .f4868:focus-within .f4872 {opacity: 1;  } .f4868:hover .f4872 {opacity: 1;  } .f4873 {background-image: url('/img/icon/icon_trash-red.svg');  } .f4874 {display: flex;  } .f4875 {color: #FF4F3F;  } .f4875:after {position: absolute;  top: 50%;  right: 24px;  content: '';  display: block;  width: 24px;  height: 24px;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  background-image: url('/img/icon/icon_warning-red.svg');  transform: translateY(-50%);  } .f4876 {list-style: none;  padding: 0px;  margin: 0px;  } .f4877 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4878 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4878:focus {outline: 4px solid transparent;  } .f4878:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f4878:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f4878:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f4878:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f4879 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4879:focus {outline: 4px solid transparent;  } .f4879:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4879:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4879:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4879:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4880 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  height: calc(100vh - 258px);  overflow-y: auto;  } .f4881 {display: flex;  flex-direction: column;  padding: 20px 40px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f4882 {margin: 0px;  margin-bottom: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f4883 {position: relative;  display: block;  min-height: 35px;  width: 100%;  margin: 0px;  margin-bottom: 16px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4884 {position: absolute;  display: block;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4885 {color: #243042;  } .f4886 {display: flex;  justify-content: space-between;  } .f4887 {display: flex;  flex: 1;  width: 100%;  overflow-x: clip;  } .f4887 > div {display: flex;  width: 100%;  flex: 1;  } .f4888 {list-style: none;  padding: 0px;  margin: 0px;  } .f4889 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4890 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4890:focus {outline: 4px solid transparent;  } .f4890:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f4890:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f4890:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f4890:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f4891 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4891:focus {outline: 4px solid transparent;  } .f4891:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4891:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4891:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4891:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4892 {position: relative;  display: flex;  flex-direction: row;  height: 100%;  padding-right: 304px;  } .f4893 {display: flex;  flex-direction: column;  max-width: 840px;  width: 100%;  padding: 24px 40px 88px 40px;  margin: 0 auto;  } .f4894 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  gap: 20px;  margin-bottom: 24px;  } .f4895 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f4896 {height: 34px;  min-height: 34px;  padding: 0 12px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f4897 {display: inline-block;  margin: 0px;  max-width: 100%;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4898 {display: flex;  gap: 24px;  flex-wrap: wrap;  } .f4899 {display: flex;  align-items: center;  height: 24px;  padding-left: 32px;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-size: 24px;  background-position: left 0 center;  background-repeat: no-repeat;  cursor: pointer;  } .f4900 {background-image: url('/img/icon/icon_popup-duplicate.svg');  } .f4901 {background-image: url('/img/icon/icon_phone.svg');  } .f4902 {background-image: url('/img/icon/icon_popup-text-delete-l-gray.svg');  } .f4903 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f4904 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f4905 {margin: 0px;  margin-bottom: 16px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f4905:focus-visible {outline: none;  } .f4906 {margin: 0px;  height: 100%;  color: #DADFE7;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4907 {position: fixed;  top: 278px;  bottom: 0px;  right: 0px;  padding-top: 0px;  padding-bottom: 16px;  padding-right: 16px;  } .f4908 {height: 100%;  width: 300px;  overflow: hidden;  outline: 1px solid #EBEFF6;  border-radius: 24px;  outline-offset: -2px;  } .f4909 {display: flex;  justify-content: flex-start;  width: 100%;  height: 100%;  overflow-y: auto;  } .f4910 {display: flex;  flex-direction: column;  width: 284px;  height: 100%;  padding: 16px 0 16px 16px;  } .f4911 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f4912 {width: 100%;  margin-bottom: 16px;  } .f4913 {list-style: none;  padding: 0px;  margin: 0px;  } .f4914 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4915 {display: flex;  height: 28px;  min-height: 28px;  padding: 0px 10px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF1A05;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FFF6F5;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4915:focus {outline: 4px solid transparent;  } .f4915:focus-visible {border: 2px solid transparent;  outline: 4px solid #88C9E0;  color: undefined;  background: #FFEDEB;  } .f4915:hover {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFEDEB;  } .f4915:active {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFE3E0;  } .f4915:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f4916 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4916:focus {outline: 4px solid transparent;  } .f4916:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4916:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4916:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4916:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4917 {z-index: 5;  position: fixed;  top: 0px;  left: 0px;  width: 100vw;  height: 100vh;  display: flex;  overflow-y: auto;  background-color: #FFFFFF;  } .f4918 {display: flex;  flex-direction: column;  max-width: 885px;  width: 100%;  padding: 48px 49px 0 76px;  margin: 0 auto;  } .f4919 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  gap: 20px;  width: 100%;  margin-bottom: 24px;  } .f4920 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f4921 {display: flex;  align-items: center;  height: 28px;  padding-left: 36px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-size: 24px;  background-repeat: no-repeat;  background-position: left 0 center;  } .f4922 {display: flex;  flex-direction: column;  padding-bottom: 40px;  } .f4923 {background-image: url('/img/icon/icon_pen-02.svg');  } .f4924 {width: 40px;  min-width: 40px;  height: 40px;  background-size: 24px;  background-repeat: no-repeat;  background-position: center;  cursor: pointer;  } .f4925 {background-image: url('/img/icon/icon_closed-fat.svg');  } .f4926 {list-style: none;  padding: 0px;  margin: 0px;  } .f4927 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4928 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4928:focus {outline: 4px solid transparent;  } .f4928:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f4928:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f4928:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f4928:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f4929 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4929:focus {outline: 4px solid transparent;  } .f4929:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4929:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4929:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4929:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4930 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4930:focus {outline: 4px solid transparent;  } .f4930:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4930:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4930:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4930:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4931 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f4931:focus {outline: 4px solid transparent;  } .f4931:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f4931:hover {border: 2px solid transparent;  background: #243042;  } .f4931:active {border: 2px solid transparent;  background: #3A4C64;  } .f4931:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f4932 {position: relative;  display: flex;  flex-direction: row;  height: 100%;  width: 100%;  padding-right: 304px;  } .f4933 {display: flex;  flex-direction: column;  max-width: 885px;  width: 100%;  padding: 24px 49px 88px 76px;  margin: 0 auto;  } .f4934 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  gap: 20px;  margin-bottom: 24px;  } .f4935 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f4936 {height: 34px;  min-height: 34px;  padding: 0 12px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f4937 {display: inline-block;  margin: 0px;  max-width: 100%;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f4938 {display: flex;  gap: 24px;  flex-wrap: wrap;  } .f4939 {display: flex;  align-items: center;  height: 24px;  padding-left: 32px;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-size: 24px;  background-position: left 0 center;  background-repeat: no-repeat;  cursor: pointer;  } .f4940 {background-image: url('/img/icon/icon_popup-duplicate.svg');  } .f4941 {background-image: url('/img/icon/icon_phone.svg');  } .f4942 {background-image: url('/img/icon/icon_popup-text-delete-l-gray.svg');  } .f4943 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f4944 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f4945 {margin: 0px;  margin-bottom: 16px;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f4945:focus-visible {outline: none;  } .f4946 {margin: 0px;  height: 100%;  color: #DADFE7;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4947 {display: block;  margin: 0px;  color: #576A84;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f4948 {padding-top: 64px;  display: flex;  flex-direction: row;  gap: 16px;  } .f4949 {position: fixed;  top: 253px;  bottom: 16px;  right: 0px;  padding-top: 0px;  padding-bottom: 16px;  padding-right: 16px;  } .f4950 {display: flex;  flex-direction: column;  height: 100%;  width: 300px;  overflow: hidden;  outline: 1px solid #EBEFF6;  border-radius: 24px;  padding: 16px 0;  } .f4951 {display: flex;  flex-direction: column;  gap: 8px;  padding: 0 16px;  } .f4952 {position: relative;  display: flex;  flex: 1;  justify-content: flex-start;  width: 102%;  height: 100%;  overflow-y: auto;  transition: width 0.3s ease-in-out;  } .f4952:hover {width: calc(100% - 4px);  } .f4953 {display: flex;  flex-direction: column;  width: 284px;  height: 100%;  padding-left: 16px;  } .f4954 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f4955 {width: 100%;  margin-bottom: 16px;  } .f4956 {border: 1px solid #000;  } .f4957 {display: flex;  flex-direction: column;  gap: 16px;  padding: 24px 0;  justify-content: flex-end;  border-top: 1px solid #DFE4EC;  } .f4958 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f4959 {display: flex;  } .f4960 {margin-bottom: 16px;  } .f4960:last-child {margin-bottom: 0px;  } .f4961 {list-style: none;  padding: 0px;  margin: 0px;  } .f4962 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f4963 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4963:focus {outline: 4px solid transparent;  } .f4963:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f4963:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f4963:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f4963:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f4964 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4964:focus {outline: 4px solid transparent;  } .f4964:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f4964:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f4964:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f4964:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f4965 {display: flex;  flex-direction: column;  gap: 8px;  } .f4966 {display: flex;  flex-direction: column;  gap: 8px;  } .f4967 {position: relative;  padding: 12px 12px 12px 16px;  border-radius: 12px;  width: 100%;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  outline-offset: -1px;  background-color: #F8FCFF;  transition: outline 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;  cursor: pointer;  } .f4967:focus-visible {outline: 4px solid #5DB4D2;  } .f4967:hover {border: 1px solid #DADFE7;  } .f4967:active {border: 1px solid #2F86AA;  } .f4968 {border: 1px solid #2F86AA;  background-color: #FFFFFF;  transition: outline 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;  } .f4969 {outline: 4px solid transparent;  border-radius: 12px;  min-height: 77px;  text-align: start;  transition: outline 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;  } .f4969:focus-within {outline: 4px solid #5DB4D2;  } .f4969:active {outline: 4px solid transparent;  } .f4968 .f4970 {color: #26759D;  } .f4968 .f4971 {display: flex;  } .f4972 {background-color: #F8FCFF;  animation-name: colorChange;  animation-duration: 1s;  animation-timing-function: ease-in-out;  } .f4971 {position: absolute;  top: 12px;  right: 12px;  display: none;  justify-content: center;  align-items: center;  width: 20px;  min-width: 20px;  height: 20px;  outline: 4px solid transparent;  border-radius: 4px;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  cursor: pointer;  transition: outline 0.4s ease-in-out;  } .f4971:focus-visible {outline: 4px solid #5DB4D2;  } .f4973 {background-image: url('/img/icon/icon_popup-trash.svg');  } .f4974 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  margin-bottom: 4px;  } .f4970 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4975 {display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  height: 21px;  min-geight: 21px;  margin: 0px;  padding: 2px 8px;  border-radius: 8px;  color: #26759D;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #E0F1F7;  } .f4976 {outline: none;  width: 100%;  text-align: start;  pointer-events: none;  } .f4977 {display: inline-block;  width: 100%;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f4978 {background-color: #EBEFF6;  } .f4979 {color: #64748B;  } .f4980 {color: #FF4F3F;  background-color: #FFEDEB;  } .f4981 {border: 1px solid #FF4F3F;  background-color: #FFEDEB;  } .f4982 {list-style: none;  padding: 0px;  margin: 0px;  } .f4983 {margin: 0px;  text-decoration: none;  color: inherit;  } .f4984 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4984:focus {outline: 4px solid transparent;  } .f4984:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f4984:hover {outline: 4px solid transparent;  background: #145585;  } .f4984:active {outline: 4px solid transparent;  background: #02356C;  } .f4984:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f4985 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4985:focus {outline: 4px solid transparent;  } .f4985:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f4985:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f4985:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f4985:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f4986 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f4986:focus {outline: 4px solid transparent;  } .f4986:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f4986:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f4986:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f4986:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f4987 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f4987:focus {outline: 4px solid transparent;  } .f4987:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f4987:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f4987:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f4987:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f4988 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f4988::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f4988:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f4988:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f4988:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f4988:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f4988:invalid {outline: 1px solid #FF4F3F;  } .f4989 {height: 100%;  padding-bottom: 16px;  padding-right: 16px;  } .f4990 {position: relative;  display: flex;  flex-direction: column;  flex: 1;  width: 100%;  overflow-y: auto;  } .f4991 {position: absolute;  } .f4992 {height: 100%;  width: 280px;  overflow: hidden;  outline: 1px solid #EBEFF6;  border-radius: 24px;  padding: 16px 0;  } .f4993 {display: flex;  justify-content: flex-start;  width: 103%;  height: 100%;  overflow-y: auto;  transition: width 0.2s ease-in-out;  } .f4993:hover {width: calc(100% - 4px);  } .f4994 {display: flex;  flex-direction: column;  width: 264px;  height: 100%;  padding-left: 16px;  } .f4995 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f4996 {display: flex;  align-items: flex-start;  flex-wrap: wrap;  margin-bottom: 16px;  } .f4997 {display: flex;  justify-content: center;  align-items: center;  padding: 2px 8px;  height: 25px;  margin: 0px;  border-radius: 8px;  color: #576A84;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  } .f4998 {color: #145585;  background-color: #C2E3EF;  } .f4999 {color: #D97706;  background-color: #FEF3C7;  } .f5000 {color: #FF4F3F;  background-color: #FFEDEB;  } .f5001 {display: flex;  flex-direction: column;  } .f5002 {display: flex;  flex-direction: column;  gap: 24px;  padding-bottom: 16px;  margin-bottom: 16px;  border-bottom: 1px solid #EBEFF6;  } .f5003 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5004 {display: flex;  flex-direction: column;  gap: 8px;  } .f5005 {display: flex;  flex-direction: column;  width: 100%;  gap: 4px;  } .f5006 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f5007 {display: flex;  flex-direction: column;  padding-bottom: 16px;  } .f5008 {display: flex;  align-items: center;  height: 34px;  min-height: 34px;  padding-left: 32px;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-repeat: no-repeat;  background-size: 24px;  background-position: left 0 center;  } .f5009 {background-image: url('img/icon/icon_x-in-circle-red.svg');  } .f5010 {background-image: url('img/icon/icon_v-in-circle-greev.svg');  } .f5011 {display: flex;  flex-direction: column;  width: 100%;  padding-bottom: 16px;  border-bottom: 1px solid #EBEFF6;  margin-bottom: 16px;  } .f5012 {display: flex;  flex-direction: column;  margin-top: auto;  padding-top: 24px;  gap: 24px;  } .f5013 {display: flex;  flex-direction: column;  gap: 16px;  } .f5014 {display: flex;  flex-direction: column;  gap: 2px;  } .f5015 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5016 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5017 {display: flex;  flex-direction: column;  gap: 8px;  } .f5018 {margin-bottom: 16px;  } .f5019 {padding-left: 16px;  } .f5020 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5021 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f5021::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5021:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f5021:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f5021:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f5021:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f5021:invalid {outline: 1px solid #FF4F3F;  } .f5022 {display: flex;  flex: 1;  width: 100%;  padding-top: 24px;  gap: 32px;  justify-content: center;  } .f5023 {margin: 0px;  margin-bottom: 16px;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f5024 {position: relative;  display: flex;  flex-direction: column;  flex: 1;  width: 100%;  overflow-y: auto;  } .f5025 {position: absolute;  } .f5026 {max-width: 1064px;  } .f5027 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  padding: 0 8px 16px 76px;  margin: 0 auto;  } .f5028 {display: flex;  flex-direction: row;  justify-content: flex-end;  gap: 24px;  margin-bottom: 24px;  } .f5029 {display: flex;  flex-direction: column;  gap: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5030 {display: flex;  height: 149px;  padding: 12px 16px;  resize: none;  } .f5031 {display: flex;  align-items: center;  height: 24px;  min-height: 24px;  padding-left: 32px;  white-space: nowrap;  color: #576A84;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-repeat: no-repeat;  background-size: 24px;  background-position: left 0 center;  cursor: pointer;  } .f5032 {background-image: url('/img/icon/icon_popup-duplicate.svg');  } .f5033 {background-image: url('/img/icon/icon_phone.svg');  } .f5034 {margin-bottom: 40px;  width: 100%;  } .f5035 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f5036 {margin-bottom: 40px;  } .f5037 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5038 {display: flex;  flex-direction: column;  height: 100%;  } .f5039 {display: inline-block;  margin: 0px;  margin-bottom: 16px;  max-width: 100%;  white-space: nowrap;  color: #243042;  } .f5040 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5041 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5042 {list-style: none;  padding: 0px;  margin: 0px;  } .f5043 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #26759D;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5043:focus {outline: 4px solid transparent;  } .f5043:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f5043:hover {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f5043:active {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #88C9E0;  } .f5043:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f5044 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  height: calc(100vh - 72px);  } .f5045 {display: flex;  width: 100%;  overflow-y: auto;  } .f5046 {display: flex;  flex-direction: row;  gap: 4px;  right: 48px;  top: 24px;  padding: 4px;  border-radius: 12px;  outline: 1px solid #EBEFF6;  } .f5047 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  min-width: 32px;  height: 32px;  border-radius: 8px;  color: #576A84;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f5048 {color: #3A4C64;  background-color: #C2E3EF;  } .f5047:hover {color: #3A4C64;  } .f5049 {height: 24px;  } .f5050 {display: flex;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f5051 {display: flex;  flex-direction: column;  max-width: 1076px;  width: 100%;  padding: 32px 48px 48px 48px;  margin: 0 auto;  } .f5052 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  } .f5053 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5054 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5055 {display: flex;  align-items: center;  height: 44px;  padding: 0 36px 0 16px;  width: 220px;  border-radius: 16px;  outline: 1px solid transparent;  background: #E0F1F7;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5056 {margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5057 {width: 220px;  height: fit-content;  list-style-type: none;  padding-left: 0px;  overflow: hidden;  margin: 0px;  margin-top: 4px;  border-radius: 8px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  position: absolute;  z-index: 1;  } .f5058 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f5058:focus {background-color: #EBEFF6;  outline: none;  } .f5058:hover {background-color: #EBEFF6;  } .f5058:active {color: #1D6591;  } .f5055:hover {outline: 1px solid #2F86AA;  } .f5055:focus {outline: 1px solid #2F86AA;  } .f5055:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  background-image: url(img/select-arrow-black.svg);  } .f5055:disabled {outline: 1px solid #DFE4EC;  } .f5059 {background-image: url(img/select-arrow-black.svg);  } .f5060 {} .f5061 {} .f5062 {width: 220px;  } .f5063 {display: flex;  gap: 16px;  width: 100%;  justify-content: space-between;  align-items: center;  margin-bottom: 24px;  } .f5064 {display: grid;  gap: 16px;  width: 100%;  max-width: 956px;  grid-template-columns: repeat(3, 1fr);  padding-bottom: 48px;  } .f5065 {} .f5066 {grid-template-columns: repeat(1, 1fr);  } .f5066 a {flex-direction: row;  } .f5066 a > div:first-child {width: 336px;  min-width: 336px;  padding-top: 0px;  } .f5066 a > div:last-child {padding: 0 16px 0 12px;  } .f5067 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f5068 {display: flex;  flex-direction: row;  flex: 1;  } .f5069 {display: flex;  flex: 1;  width: 100%;  } .f5069 .f5070 > div {display: flex;  flex: 1;  width: 100%;  } .f5069 > div {display: flex;  flex-direction: column;  flex: 1;  height: 100%;  } .f5071 {display: flex;  flex: 1;  flex-direction: column;  } .f5072 > div {display: flex;  flex-direction: column;  flex: 1;  height: 100%;  justify-content: center;  align-items: center;  } .f5073 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5074 {list-style: none;  padding: 0px;  margin: 0px;  } .f5075 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5076 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 64px;  outline: none;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5076:focus {outline: none;  } .f5076:focus-visible {background: #145585;  outline: none;  } .f5076:hover {background: #145585;  } .f5076:active {background: #02356C;  } .f5076:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f5077 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5077:focus {outline: 4px solid transparent;  } .f5077:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5077:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5077:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f5077:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f5078 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5078:focus {outline: 4px solid transparent;  } .f5078:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5078:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5078:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5078:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5079 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5079:focus {outline: 4px solid transparent;  } .f5079:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f5079:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f5079:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f5079:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f5080 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5080:focus {outline: 4px solid transparent;  } .f5080:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f5080:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f5080:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f5080:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f5081 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #26759D;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5081:focus {outline: 4px solid transparent;  } .f5081:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f5081:hover {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f5081:active {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #88C9E0;  } .f5081:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f5082 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  padding-top: 86px;  overflow-y: auto;  } .f5083 {display: flex;  flex: 1;  } .f5084 {position: absolute;  display: flex;  flex-direction: column;  max-width: 1170px;  width: 100%;  padding: 24px 343px 40px 76px;  margin: 0 auto;  } .f5085 {position: fixed;  z-index: 2;  top: 72px;  right: 0px;  display: flex;  flex-direction: column;  align-items: flex-start;  padding: 20px 40px;  gap: 16px;  width: Calc(100% - 270px);  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f5086 {display: flex;  align-items: center;  background-size: 32px;  background-repeat: no-repeat;  background-position: left 0 center;  } .f5087 {display: inline-block;  margin: 0px;  max-width: 100%;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  cursor: pointer;  } .f5088 {display: flex;  flex-direction: column;  min-height: calc(100vh - 270px);  } .f5089 {display: flex;  flex-direction: column;  width: 100%;  flex: 1;  } .f5090 {position: relative;  overflow: hidden;  margin: 0px;  margin-bottom: 40px;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f5090:focus-visible {outline: none;  } .f5091 {position: relative;  display: flex;  flex-direction: column;  margin-bottom: 8px;  } .f5092 {position: relative;  display: flex;  align-items: center;  justify-content: center;  height: 300px;  background-color: #5DB4D2;  border-radius: 4px;  border-width: 4px;  border-color: #4F97B6;  border-style: dashed;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #4F97B6;  cursor: pointer;  outline: none;  } .f5093 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5094 {position: fixed;  right: 16px;  top: 169px;  bottom: 16px;  width: 280px;  outline: 1px solid #EBEFF6;  outline-offset: -1px;  border-radius: 24px;  overflow: hidden;  background-color: #F8FCFF;  } .f5095 {overflow-y: auto;  height: 100%;  width: 102%;  transition: width 0.2s ease-in-out;  } .f5095:hover {overflow-y: auto;  width: 100%;  } .f5096 {display: flex;  flex-direction: column;  min-height: 100%;  width: 264px;  padding: 16px 0 16px 16px;  user-select: none;  } .f5097 {display: flex;  flex-direction: column;  padding-bottom: 24px;  margin-bottom: auto;  } .f5098 {display: flex;  flex-direction: column;  gap: 14px;  margin-bottom: 24px;  } .f5099 {display: flex;  align-items: flex-start;  } .f5100 {position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  padding: 0px;  overflow: hidden;  border: 0px;  } .f5101 {display: flex;  justify-content: center;  align-items: center;  padding: 2px 8px;  height: 25px;  margin: 0px;  border-radius: 8px;  color: #576A84;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  } .f5102 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5103 {color: #145585;  background-color: #C2E3EF;  } .f5104 {color: #D97706;  background-color: #FEF3C7;  } .f5105 {color: #FF4F3F;  background-color: #FFEDEB;  } .f5106 {display: flex;  flex-direction: column;  margin-bottom: 16px;  gap: 2px;  } .f5107 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5108 {color: #145585;  } .f5109 {display: flex;  flex-direction: column;  gap: 16px;  margin-bottom: 24px;  } .f5110 {display: flex;  flex-direction: column;  gap: 2px;  } .f5111 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5112 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5113 {height: 46px;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5113 a {color: #17AD50;  } .f5114 {display: flex;  flex-direction: column;  gap: 8px;  margin-bottom: 24px;  } .f5115 {display: flex;  flex-direction: column;  gap: 8px;  margin-bottom: 24px;  } .f5116 {display: flex;  flex-direction: column;  } .f5117 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5118 {list-style: none;  padding: 0px;  margin: 0px;  } .f5119 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5120 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5120:focus {outline: 4px solid transparent;  } .f5120:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #88C9E0;  background: #88C9E0;  } .f5120:hover {outline: 4px solid transparent;  border: 2px solid #88C9E0;  background: #88C9E0;  } .f5120:active {outline: 4px solid transparent;  border: 2px solid #5DB4D2;  background: #5DB4D2;  } .f5120:disabled {outline: 4px solid transparent;  border: 2px solid #DFE4EC;  color: #AAB5C6;  background: transparent;  } .f5121 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f5122 {position: relative;  display: flex;  align-items: center;  flex-direction: column;  flex: 1;  width: 100%;  overflow-y: auto;  } .f5123 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  margin-bottom: 24px;  } .f5124 {width: 220px;  height: 40px;  } .f5125 {display: flex;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f5126 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  } .f5127 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5128 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5129 {display: flex;  align-items: center;  height: 44px;  padding: 0 36px 0 16px;  width: 220px;  border-radius: 16px;  outline: 1px solid transparent;  background: #E0F1F7;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5130 {margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5131 {width: 220px;  height: fit-content;  list-style-type: none;  padding-left: 0px;  overflow: hidden;  margin: 0px;  margin-top: 4px;  border-radius: 8px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  position: absolute;  z-index: 1;  } .f5132 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f5132:focus {background-color: #EBEFF6;  outline: none;  } .f5132:hover {background-color: #EBEFF6;  } .f5132:active {color: #1D6591;  } .f5129:hover {outline: 1px solid #2F86AA;  } .f5129:focus {outline: 1px solid #2F86AA;  } .f5129:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  background-image: url('img/select-arrow-black.svg');  } .f5129:disabled {outline: 1px solid #DFE4EC;  } .f5133 {background-image: url('img/select-arrow-black.svg');  } .f5134 {position: absolute;  display: flex;  flex-direction: column;  max-width: 1076px;  width: 100%;  padding: 32px 48px 48px 48px;  margin: 0 auto;  } .f5135 {display: flex;  flex-direction: row;  gap: 4px;  right: 48px;  top: 24px;  padding: 4px;  border-radius: 12px;  outline: 1px solid #EBEFF6;  } .f5136 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  min-width: 32px;  height: 32px;  border-radius: 8px;  color: #576A84;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f5137 {color: #3A4C64;  background-color: #C2E3EF;  } .f5136:hover {color: #3A4C64;  } .f5138 {height: 24px;  } .f5139 {display: grid;  max-width: 956px;  gap: 16px;  width: 100%;  grid-template-columns: repeat(3, calc((100% - 16px * 2 ) / 3));  } .f5140 {grid-template-columns: repeat(1, 1fr);  } .f5140 a {flex-direction: row;  } .f5140 a > div:first-child {width: 336px;  min-width: 336px;  padding-top: 0px;  } .f5140 a > div:last-child {padding: 0 16px 0 12px;  } .f5141 {} .f5142 {} .f5143 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5144 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5145 {list-style: none;  padding: 0px;  margin: 0px;  } .f5146 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f5147 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 12px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5147:focus {outline: 4px solid transparent;  } .f5147:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f5147:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f5147:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f5147:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f5148 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5148:focus {outline: 4px solid transparent;  } .f5148:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f5148:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f5148:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f5148:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f5149 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5149:focus {outline: 4px solid transparent;  } .f5149:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5149:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5149:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5149:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5150 {display: flex;  height: 40px;  min-height: 40px;  padding: 2px 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #FF4F3F;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FF4F3F;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5150:focus {outline: 4px solid transparent;  } .f5150:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FF1A05;  } .f5150:hover {border: 2px solid #FF1A05;  outline: 4px solid transparent;  background: #FF1A05;  } .f5150:active {border: 2px solid #E01300;  outline: 4px solid transparent;  background: #E01300;  } .f5150:disabled {border: 2px solid #EBEFF6;  outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5151 {width: 100%;  } .f5152 {display: flex;  flex-direction: column;  width: 100%;  gap: 16px;  padding: 12px 12px 20px 12px;  border-radius: 32px;  overflow: hidden;  background-color: #FFFFFF;  outline: 2px solid transparent;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f5152:hover {outline: 2px solid transparent;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f5152:focus-within {outline: 2px solid transparent;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f5153 {display: flex;  gap: 24px;  flex-wrap: wrap;  width: 100%;  outline: none;  } .f5153:focus {outline: none;  } .f5154 {position: relative;  display: flex;  justify-content: center;  align-items: center;  flex: 1;  min-width: 292px;  height: 184px;  width: 100%;  overflow: hidden;  border-radius: 24px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f5155 {background-image: url('/img/bg/card_paid_img02.svg');  } .f5156 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 120%;  filter: blur(20px);  } .f5157 {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  height: 100%;  } .f5158 {display: flex;  flex: 1;  flex-direction: column;  justify-content: space-between;  gap: 8px;  min-width: 292px;  width: 100%;  } .f5159 {display: flex;  align-items: flex-start;  flex-direction: column;  gap: 12px;  width: 100%;  } .f5160 {display: flex;  flex-wrap: wrap;  row-gap: 8px;  column-gap: 12px;  } .f5161 {margin: 0px;  color: #64748B;  } .f5162 {display: flex;  flex: 1;  margin: 0px;  overflow: hidden;  word-break: break-word;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f5163 {display: flex;  flex-wrap: wrap;  row-gap: 2px;  column-gap: 16px;  width: 100%;  } .f5164 {margin: 0px;  color: #64748B;  } .f5165 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 8px;  width: 100%;  } .f5166 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 12px;  width: 100%;  overflow: hidden;  gap: 8px;  border: 1px solid #DFE4EC;  border-radius: 16px;  } .f5167 {display: flex;  flex-direction: column;  gap: 2px;  width: 100%;  } .f5168 {display: flex;  justify-content: space-between;  gap: 16px;  width: 100%;  } .f5169 {padding: 3px;  margin-right: 2px;  } .f5170 {color: #1D6591;  background-color: #C2E3EF;  } .f5171 {justify-content: flex-start;  align-items: flex-start;  white-space: wrap;  text-align: left;  height: auto;  min-height: 40px;  padding: 8px;  width: 100%;  } .f5172 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5173 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5174 {list-style: none;  padding: 0px;  margin: 0px;  } .f5175 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid #FF4F3F;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FF4F3F;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5175:focus {outline: 4px solid transparent;  } .f5175:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FF1A05;  } .f5175:hover {border: 2px solid #FF1A05;  outline: 4px solid transparent;  background: #FF1A05;  } .f5175:active {border: 2px solid #E01300;  outline: 4px solid transparent;  background: #E01300;  } .f5175:disabled {border: 2px solid #EBEFF6;  outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5176 {display: flex;  height: 50px;  min-height: 50px;  padding: 5px 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #FF4F3F;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: #FF4F3F;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5176:focus {outline: 4px solid transparent;  } .f5176:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FF1A05;  } .f5176:hover {border: 2px solid #FF1A05;  outline: 4px solid transparent;  background: #FF1A05;  } .f5176:active {border: 2px solid #E01300;  outline: 4px solid transparent;  background: #E01300;  } .f5176:disabled {border: 2px solid #EBEFF6;  outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5177 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5177:focus {outline: 4px solid transparent;  } .f5177:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5177:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5177:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5177:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5178 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f5179 {padding: 0 14px;  min-height: 40px;  height: 40px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f5179::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5179:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f5179:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f5179:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f5179:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f5179:invalid {outline: 1px solid #FF4F3F;  } .f5180 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f5181 {position: relative;  flex: 1;  flex-direction: column;  overflow-y: auto;  } .f5182 {position: absolute;  } .f5183 {display: flex;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f5184 {display: flex;  justify-content: space-between;  align-items: center;  } .f5185 {display: flex;  align-items: center;  gap: 12px;  } .f5186 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5187 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  } .f5188 {display: flex;  flex-direction: column;  align-items: center;  width: 100%;  } .f5189 {display: flex;  flex-wrap: wrap;  align-items: center;  width: 100%;  gap: 24px;  max-width: 1028px;  padding: 24px;  } .f5190 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5191 {width: 100%;  } .f5192 {position: relative;  display: flex;  align-items: center;  flex: 1;  height: 96px;  min-width: 200px;  } .f5193 {position: absolute;  display: block;  overflow: hidden;  width: 100%;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f5194 {display: flex;  gap: 40px;  flex-direction: column;  width: 100%;  padding: 24px 24px 80px;  max-width: 1028px;  } .f5195 {display: flex;  gap: 24px;  flex-direction: column;  width: 100%;  } .f5196 {display: flex;  gap: 4px;  flex-direction: column;  } .f5197 {display: flex;  gap: 16px;  flex-direction: column;  } .f5198 {display: flex;  flex-wrap: wrap;  gap: 16px;  align-items: center;  justify-content: space-between;  width: 100%;  } .f5199 {display: flex;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 8px;  } .f5200 {display: flex;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 24px;  } .f5201 {width: 100%;  max-width: 320px;  } .f5202 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f5203 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5204 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5205 {display: flex;  flex-wrap: wrap;  gap: 16px;  width: 100%;  } .f5206 {display: flex;  flex-direction: column;  width: 100%;  max-width: 308px;  } .f5207 {height: 240px;  padding: 12px 20px;  resize: none;  } .f5208 {color: #FF4F3F;  } .f5209 {display: none;  } .f5210 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5211 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5212 {list-style: none;  padding: 0px;  margin: 0px;  } .f5213 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f5213:focus {outline: 4px solid transparent;  } .f5213:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f5213:hover {border: 2px solid transparent;  background: #243042;  } .f5213:active {border: 2px solid transparent;  background: #3A4C64;  } .f5213:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f5214 {display: flex;  align-items: center;  justify-content: center;  height: 25px;  min-height: 25px;  padding: 3px 8px;  margin: 0px;  border-radius: 8px;  outline: none;  text-decoration: none;  color: #64748B;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background: #EBEFF6;  } .f5215 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  } .f5216 {position: relative;  flex: 1;  flex-direction: column;  overflow-y: auto;  } .f5217 {position: absolute;  } .f5218 {display: flex;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f5219 {display: flex;  justify-content: space-between;  align-items: center;  } .f5220 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5221 {display: flex;  flex: 1;  flex-direction: column;  align-items: center;  width: 100%;  } .f5222 {display: flex;  gap: 16px;  align-items: center;  justify-content: space-between;  padding: 24px 24px 40px 24px;  width: 100%;  max-width: 1072px;  } .f5223 {position: absolute;  right: 10px;  top: 50%;  transform: translateY(-50%);  padding: 6px;  cursor: pointer;  } .f5224 {display: flex;  justify-content: center;  align-items: center;  color: #AAB5C6;  } .f5225 {position: relative;  display: flex;  align-items: center;  width: 100%;  height: 50px;  outline: 1px solid #DFE4EC;  border-radius: 12px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f5226 {padding: 0 52px;  border: none;  width: 100%;  height: 50px;  border-radius: 12px;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background: transparent;  background-image: url('img/icon/icon_search-l-gray.svg');  background-repeat: no-repeat;  background-position: 16px center;  background-size: 24px;  } .f5225:focus {outline: 1px solid #1D6591;  background: #F8FCFF;  } .f5225:hover {outline: 1px solid #2F86AA;  background: #F8FCFF;  } .f5225:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f5227 {display: flex;  flex-direction: column;  flex: 1;  width: 100%;  max-width: 816px;  padding: 24px 24px 0;  } .f5228 {display: flex;  margin-bottom: 24px;  } .f5229 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  padding-right: 8px;  } .f5230 {} .f5231 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  color: #FFFFFF;  background-color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5232 {width: 100%;  } .f5233 {display: flex;  align-items: center;  gap: 16px;  flex-wrap: wrap;  border-radius: 24px;  padding: 16px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f5234 {display: flex;  flex: 1;  flex-direction: column;  gap: 2px;  min-width: 200px;  overflow: hidden;  } .f5235 {display: block;  overflow: hidden;  width: 100%;  margin: 0px;  text-overflow: ellipsis;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f5236 {display: block;  overflow: hidden;  width: 100%;  margin: 0px;  text-overflow: ellipsis;  white-space: nowrap;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5237 {display: flex;  flex-direction: column;  gap: 2px;  justify-content: space-between;  } .f5238 {margin: 0px;  white-space: nowrap;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f5239 {color: #1D6591;  background-color: #C2E3EF;  } .f5240 {color: #2F86AA;  } .f5241 {width: 100%;  margin-bottom: 70px;  display: flex;  justify-content: center;  align-items: center;  } .f5242 {list-style: none;  padding: 0px;  margin: 0px;  } .f5243 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5244 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5244:focus {outline: 4px solid transparent;  } .f5244:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5244:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5244:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f5244:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f5245 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5245:focus {outline: 4px solid transparent;  } .f5245:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f5245:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f5245:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f5245:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f5246 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  height: calc(100vh - 258px);  overflow-y: auto;  } .f5247 {display: flex;  flex-direction: column;  padding: 20px 40px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f5248 {margin: 0px;  margin-bottom: 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f5249 {position: relative;  display: block;  min-height: 35px;  width: 100%;  margin: 0px;  margin-bottom: 16px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5250 {position: absolute;  display: block;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5251 {color: #243042;  } .f5252 {display: flex;  justify-content: space-between;  } .f5253 {flex: 1;  overflow-x: clip;  } .f5253 > div {height: 100%;  } .f5254 {list-style: none;  padding: 0px;  margin: 0px;  } .f5255 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5256 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5256:focus {outline: 4px solid transparent;  } .f5256:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5256:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5256:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f5256:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f5257 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5257:focus {outline: 4px solid transparent;  } .f5257:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5257:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5257:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5257:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5258 {position: relative;  display: flex;  flex-direction: row;  height: 100%;  padding-right: 304px;  } .f5259 {display: flex;  flex-direction: column;  max-width: 840px;  width: 100%;  padding: 24px 40px 88px 40px;  margin: 0 auto;  } .f5260 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  gap: 20px;  margin-bottom: 24px;  } .f5261 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f5262 {height: 34px;  min-height: 34px;  padding: 0 12px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5263 {display: inline-block;  margin: 0px;  max-width: 100%;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f5264 {display: flex;  gap: 24px;  flex-wrap: wrap;  } .f5265 {display: flex;  align-items: center;  height: 24px;  padding-left: 32px;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-size: 24px;  background-position: left 0 center;  background-repeat: no-repeat;  cursor: pointer;  } .f5266 {background-image: url('/img/icon/icon_popup-duplicate.svg');  } .f5267 {background-image: url('/img/icon/icon_phone.svg');  } .f5268 {background-image: url('/img/icon/icon_popup-text-delete-l-gray.svg');  } .f5269 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f5270 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f5271 {margin: 0px;  margin-bottom: 16px;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5271:focus-visible {outline: none;  } .f5272 {margin: 0px;  height: 100%;  color: #DADFE7;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5273 {position: fixed;  top: 278px;  bottom: 0px;  right: 0px;  padding-top: 0px;  padding-bottom: 16px;  padding-right: 16px;  } .f5274 {height: 100%;  width: 300px;  overflow: hidden;  outline: 1px solid #EBEFF6;  border-radius: 24px;  outline-offset: -2px;  } .f5275 {display: flex;  justify-content: flex-start;  width: 100%;  height: 100%;  overflow-y: auto;  } .f5276 {display: flex;  flex-direction: column;  width: 284px;  height: 100%;  padding: 16px 0 16px 16px;  } .f5277 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f5278 {width: 100%;  margin-bottom: 16px;  } .f5279 {list-style: none;  padding: 0px;  margin: 0px;  } .f5280 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5281 {display: flex;  height: 28px;  min-height: 28px;  padding: 0px 10px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF1A05;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FFF6F5;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5281:focus {outline: 4px solid transparent;  } .f5281:focus-visible {border: 2px solid transparent;  outline: 4px solid #88C9E0;  color: undefined;  background: #FFEDEB;  } .f5281:hover {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFEDEB;  } .f5281:active {border: 2px solid transparent;  outline: 4px solid transparent;  color: undefined;  background: #FFE3E0;  } .f5281:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f5282 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5282:focus {outline: 4px solid transparent;  } .f5282:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5282:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5282:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5282:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5283 {z-index: 5;  position: fixed;  top: 0px;  left: 0px;  width: 100vw;  height: 100vh;  display: flex;  overflow-y: auto;  background-color: #FFFFFF;  } .f5284 {display: flex;  flex-direction: column;  max-width: 885px;  width: 100%;  padding: 48px 49px 0 76px;  margin: 0 auto;  } .f5285 {display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  gap: 20px;  width: 100%;  margin-bottom: 24px;  } .f5286 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f5287 {display: flex;  align-items: center;  height: 28px;  padding-left: 36px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-size: 24px;  background-repeat: no-repeat;  background-position: left 0 center;  } .f5288 {display: flex;  flex-direction: column;  padding-bottom: 40px;  } .f5289 {background-image: url('/img/icon/icon_pen-02.svg');  } .f5290 {width: 40px;  min-width: 40px;  height: 40px;  padding: 4px;  background-size: 24px;  background-repeat: no-repeat;  background-position: center;  color: #243042;  cursor: pointer;  } .f5291 {list-style: none;  padding: 0px;  margin: 0px;  } .f5292 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5293 {padding: 0 14px;  min-height: 40px;  height: 40px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f5293::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5293:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f5293:focus {outline: 4px solid #5DB4D2;  border: 1px solid #DFE4EC;  } .f5293:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f5293:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f5293:invalid {outline: 1px solid #FF4F3F;  } .f5294 {position: fixed;  z-index: 5;  top: 0px;  left: 0px;  width: 100vw;  height: 100vh;  } .f5295 {position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  background-color: #000000;  opacity: 0.5;  } .f5296 {position: relative;  display: flex;  justify-content: center;  align-items: center;  height: 100%;  width: 100%;  padding: 24px;  } .f5297 {display: flex;  flex-direction: column;  padding: 24px;  width: 100%;  border-radius: 24px;  max-width: 575px;  max-height: 100%;  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f5298 {display: flex;  gap: 16px;  align-items: center;  justify-content: space-between;  } .f5299 {margin: 0px;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  color: #243042;  } .f5300 {display: flex;  cursor: pointer;  } .f5301 {color: #3A4C64;  } .f5302 {display: flex;  flex-direction: column;  gap: 8px;  max-width: 320px;  width: 100%;  } .f5303 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #64748B;  } .f5304 {position: relative;  display: flex;  } .f5305 {padding-right: 38px;  } .f5306 {position: absolute;  top: 50%;  right: 8px;  color: #64748B;  transform: translateY(-50%);  } .f5307 {display: flex;  flex-direction: column;  padding-right: 4px;  max-height: calc(100vh - 200px);  overflow-y: auto;  } .f5308 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  padding: 12px 12px;  background-color: transparent;  cursor: pointer;  transition: background-color 0.2s ease-in-out;  } .f5309 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #243042;  } .f5310 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #64748B;  } .f5311 {display: block;  overflow: hidden;  max-height: 38px;  text-overflow: ellipsis;  margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  color: #243042;  } .f5308:hover {background-color: #EBEFF6;  } .f5308:focus {outline: none;  background-color: #EBEFF6;  } .f5312 {margin-bottom: 16px;  } .f5312:list-child {margin-bottom: 0px;  } .f5313 {margin-bottom: 8px;  } .f5313:list-child {margin-bottom: 0px;  } .f5314 {list-style: none;  padding: 0px;  margin: 0px;  } .f5315 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5316 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5317 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5317:focus {outline: 4px solid transparent;  } .f5317:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5317:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5317:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f5317:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f5318 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5318:focus {outline: 4px solid transparent;  } .f5318:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f5318:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f5318:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f5318:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f5319 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5319:focus {outline: 4px solid transparent;  } .f5319:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5319:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5319:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5319:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5320 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f5320:focus {outline: 4px solid transparent;  } .f5320:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f5320:hover {border: 2px solid transparent;  background: #243042;  } .f5320:active {border: 2px solid transparent;  background: #3A4C64;  } .f5320:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f5321 {position: relative;  display: flex;  flex-direction: row;  height: 100%;  padding-right: 304px;  } .f5322 {display: flex;  flex-direction: column;  max-width: 885px;  width: 100%;  padding: 24px 49px 88px 76px;  margin: 0 auto;  } .f5323 {display: flex;  flex-direction: column;  gap: 20px;  } .f5324 {display: flex;  justify-content: space-between;  align-items: center;  gap: 20px;  } .f5325 {display: flex;  flex-direction: column;  gap: 12px;  } .f5326 {height: 34px;  min-height: 34px;  padding: 0 12px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5327 {display: inline-block;  margin: 0px;  max-width: 100%;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f5328 {display: flex;  gap: 24px;  flex-wrap: wrap;  } .f5329 {display: flex;  align-items: center;  height: 24px;  padding-left: 32px;  margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-size: 24px;  background-position: left 0 center;  background-repeat: no-repeat;  cursor: pointer;  } .f5330 {background-image: url('/img/icon/icon_popup-duplicate.svg');  } .f5331 {background-image: url('/img/icon/icon_phone.svg');  } .f5332 {background-image: url('/img/icon/icon_popup-text-delete-l-gray.svg');  } .f5333 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f5334 {display: flex;  flex-direction: column;  width: 100%;  height: 100%;  } .f5335 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f5335:focus-visible {outline: none;  } .f5336 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5337 {margin: 0px;  color: #576A84;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5338 {margin: 0px;  height: 100%;  color: #DADFE7;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5339 {padding-top: 64px;  display: flex;  flex-direction: row;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 8px;  } .f5340 {width: 202px;  } .f5341 {position: fixed;  top: 253px;  bottom: 16px;  right: 0px;  padding-top: 0px;  padding-bottom: 16px;  padding-right: 16px;  } .f5342 {display: flex;  flex-direction: column;  height: 100%;  width: 300px;  overflow: hidden;  outline: 1px solid #EBEFF6;  border-radius: 24px;  padding: 16px 0;  } .f5343 {display: flex;  flex-direction: column;  gap: 8px;  padding: 0 16px;  } .f5344 {position: relative;  display: flex;  flex: 1;  justify-content: flex-start;  width: 102%;  overflow-y: auto;  transition: width 0.3s ease-in-out;  } .f5344:hover {width: calc(100% - 4px);  } .f5345 {position: absolute;  display: flex;  flex-direction: column;  width: 284px;  min-height: 100%;  padding-left: 16px;  } .f5346 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f5347 {display: flex;  flex-direction: column;  gap: 8px;  } .f5348 {width: 100%;  margin-bottom: 16px;  } .f5349 {border: 1px solid #1B2637;  } .f5350 {display: flex;  flex-direction: column;  gap: 16px;  padding: 24px 0;  justify-content: flex-end;  border-top: 1px solid #DFE4EC;  } .f5351 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f5352 {display: flex;  } .f5353 {margin-bottom: 24px;  } .f5353:last-child {margin-bottom: 0px;  } .f5354 {margin-bottom: 16px;  } .f5354:last-child {margin-bottom: 0px;  } .f5355 {list-style: none;  padding: 0px;  margin: 0px;  } .f5356 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5357 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5357:focus {outline: 4px solid transparent;  } .f5357:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5357:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5357:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f5357:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f5358 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5358:focus {outline: 4px solid transparent;  } .f5358:focus-visible {outline: 4px solid #5DB4D2;  background: #88C9E0;  } .f5358:hover {outline: 4px solid transparent;  background: #88C9E0;  } .f5358:active {outline: 4px solid transparent;  background: #5DB4D2;  } .f5358:disabled {color: #AAB5C6;  background: #EBEFF6;  } .f5359 {display: flex;  flex-direction: column;  gap: 8px;  } .f5360 {display: flex;  flex-direction: column;  gap: 8px;  } .f5361 {position: relative;  padding: 12px 12px 12px 16px;  border-radius: 12px;  width: 100%;  outline: 4px solid transparent;  border: 1px solid #EBEFF6;  outline-offset: -1px;  background-color: #F8FCFF;  transition: outline 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;  cursor: pointer;  } .f5361:focus-visible {outline: 4px solid #5DB4D2;  } .f5361:hover {border: 1px solid #DADFE7;  } .f5361:active {border: 1px solid #2F86AA;  } .f5362 {border: 1px solid #2F86AA;  background-color: #FFFFFF;  transition: outline 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;  } .f5363 {outline: 4px solid transparent;  min-height: 77px;  border-radius: 12px;  text-align: start;  transition: outline 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;  } .f5363:focus-within {outline: 4px solid #5DB4D2;  } .f5363:active {outline: 4px solid transparent;  } .f5362 .f5364 {color: #26759D;  } .f5362 .f5365 {display: flex;  } .f5366 {background-color: #F8FCFF;  animation-name: colorChange;  animation-duration: 1s;  animation-timing-function: ease-in-out;  } .f5365 {position: absolute;  top: 12px;  right: 12px;  display: none;  justify-content: center;  align-items: center;  width: 20px;  min-width: 20px;  height: 20px;  outline: 4px solid transparent;  border-radius: 4px;  background-repeat: no-repeat;  background-size: contain;  background-position: center;  cursor: pointer;  transition: outline 0.4s ease-in-out;  } .f5365:focus-visible {outline: 4px solid #5DB4D2;  } .f5367 {background-image: url('/img/icon/icon_popup-trash.svg');  } .f5368 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  margin-bottom: 4px;  } .f5364 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5369 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5370 {display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  height: 21px;  min-geight: 21px;  margin: 0px;  padding: 2px 8px;  border-radius: 8px;  color: #26759D;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #E0F1F7;  } .f5371 {outline: none;  width: 100%;  text-align: start;  pointer-events: none;  } .f5372 {display: inline-block;  width: 100%;  margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5373 {} .f5374 {font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #2F86AA;  } .f5375 {position: absolute;  top: 12px;  right: 12px;  } .f5376 {width: calc(100% - 20px);  margin-left: 20px;  } .f5377 {background-color: #E0F1F7;  } .f5378 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f5379 {background-color: #EBEFF6;  } .f5380 {color: #64748B;  } .f5381 {color: #FF4F3F;  background-color: #FFEDEB;  } .f5382 {border: 1px solid #FF4F3F;  background-color: #FFEDEB;  } .f5383 {list-style: none;  padding: 0px;  margin: 0px;  } .f5384 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5385 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5385:focus {outline: 4px solid transparent;  } .f5385:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f5385:hover {outline: 4px solid transparent;  background: #145585;  } .f5385:active {outline: 4px solid transparent;  background: #02356C;  } .f5385:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f5386 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5386:focus {outline: 4px solid transparent;  } .f5386:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f5386:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f5386:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f5386:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f5387 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5387:focus {outline: 4px solid transparent;  } .f5387:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f5387:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f5387:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f5387:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f5388 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5388:focus {outline: 4px solid transparent;  } .f5388:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5388:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5388:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5388:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5389 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f5389::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5389:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f5389:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f5389:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f5389:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f5389:invalid {outline: 1px solid #FF4F3F;  } .f5390 {position: fixed;  top: 253px;  bottom: 0px;  right: 0px;  padding-bottom: 16px;  padding-right: 16px;  } .f5391 {height: 100%;  width: 280px;  overflow: hidden;  outline: 1px solid #EBEFF6;  border-radius: 24px;  padding: 16px 0;  } .f5392 {display: flex;  justify-content: flex-start;  width: 102%;  height: 100%;  overflow-y: auto;  transition: width 0.2s ease-in-out;  } .f5392:hover {width: calc(100% - 4px);  } .f5393 {display: flex;  flex-direction: column;  width: 264px;  height: 100%;  padding-left: 16px;  } .f5394 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f5395 {display: flex;  align-items: flex-start;  flex-wrap: wrap;  margin-bottom: 16px;  } .f5396 {display: flex;  justify-content: center;  align-items: center;  padding: 2px 8px;  height: 25px;  margin: 0px;  border-radius: 8px;  color: #576A84;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  } .f5397 {color: #145585;  background-color: #C2E3EF;  } .f5398 {color: #D97706;  background-color: #FEF3C7;  } .f5399 {color: #FF4F3F;  background-color: #FFEDEB;  } .f5400 {display: flex;  flex-direction: column;  } .f5401 {display: flex;  flex-direction: column;  gap: 24px;  padding-bottom: 16px;  margin-bottom: 16px;  border-bottom: 1px solid #EBEFF6;  } .f5402 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5403 {display: flex;  flex-direction: column;  gap: 8px;  } .f5404 {display: flex;  flex-direction: column;  width: 100%;  gap: 4px;  } .f5405 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  } .f5406 {display: flex;  flex-direction: column;  } .f5407 {display: flex;  flex-direction: column;  padding-top: 12px;  padding-left: 32px;  color: #485B74;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  background-repeat: no-repeat;  background-size: 24px;  background-position: left 0 top 12px;  } .f5408 {background-image: url('img/icon/icon_x-in-circle-red.svg');  } .f5409 {background-image: url('img/icon/icon_v-in-circle-greev.svg');  } .f5410 {display: flex;  flex-direction: column;  width: 100%;  padding-bottom: 16px;  border-bottom: 1px solid #EBEFF6;  margin-bottom: 16px;  } .f5411 {display: flex;  flex-direction: column;  margin-top: auto;  padding-top: 24px;  gap: 24px;  } .f5412 {display: flex;  flex-direction: column;  gap: 16px;  } .f5413 {display: flex;  flex-direction: column;  gap: 2px;  } .f5414 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5415 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5416 {display: flex;  flex-direction: column;  gap: 8px;  } .f5417 {margin-bottom: 16px;  } .f5417 .f5418 {margin-bottom: 0px;  } .f5419 {list-style: none;  padding: 0px;  margin: 0px;  } .f5420 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5421 {display: flex;  height: 54px;  min-height: 54px;  padding: 0 24px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5421:focus {outline: 4px solid transparent;  } .f5421:focus-visible {outline: 4px solid #5DB4D2;  background: #145585;  } .f5421:hover {outline: 4px solid transparent;  background: #145585;  } .f5421:active {outline: 4px solid transparent;  background: #02356C;  } .f5421:disabled {border: 2px solid #DADFE7;  color: #EBEFF6;  background: #DADFE7;  } .f5422 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5422:focus {outline: 4px solid transparent;  } .f5422:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f5422:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f5422:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f5422:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f5423 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 22px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5423:focus {outline: 4px solid transparent;  } .f5423:focus-visible {border: 2px solid #5DB4D2;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f5423:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f5423:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f5423:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f5424 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5424:focus {outline: 4px solid transparent;  } .f5424:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5424:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5424:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5424:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5425 {padding: 0 14px;  min-height: 50px;  height: 50px;  width: 100%;  border-radius: 12px;  background-color: #FFFFFF;  border: 1px solid #DFE4EC;  outline: 4px solid transparent;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  } .f5425::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5425:hover {outline: 4px solid transparent;  border: 1px solid #DADFE7;  } .f5425:focus {outline: 4px solid #5DB4D2;  border: 1px solid #5DB4D2;  } .f5425:active {border: 1px solid #DFE4EC;  color: #3A4C64;  } .f5425:disabled {color: #AAB5C6;  background-color: #EBEFF6;  outline: 1px solid #DFE4EC;  } .f5425:invalid {outline: 1px solid #FF4F3F;  } .f5426 {color: #EBEFF6;  background: #DADFE7;  } .f5426:focus {color: #EBEFF6;  background: #DADFE7;  } .f5426:hover {color: #EBEFF6;  background: #DADFE7;  } .f5427 {position: relative;  display: flex;  flex-direction: row;  height: 100%;  width: 100%;  padding-right: 294px;  } .f5428 {display: flex;  flex-direction: column;  max-width: 840px;  width: 100%;  padding: 24px 40px 88px 40px;  margin: 0 auto;  } .f5429 {display: inline-block;  margin: 0px;  margin-bottom: 16px;  max-width: 100%;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f5430 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 40px;  width: 100%;  } .f5431 {display: flex;  justify-content: flex-start;  width: 100%;  } .f5432 {display: flex;  flex-direction: column;  gap: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5433 {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;  max-width: 240px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5434 {display: inline-block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5435 {display: flex;  flex-wrap: wrap;  column-gap: 12px;  row-gap: 12px;  width: 100%;  margin-bottom: 24px;  } .f5436 {display: flex;  flex-direction: column;  flex: 1;  justify-content: space-between;  gap: 2px;  padding: 12px 16px;  border-radius: 16px;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f5437 {margin: 0px;  color: #64748B;  } .f5438 {margin: 0px;  color: #243042;  } .f5439 {display: flex;  flex-direction: column;  gap: 16px;  width: 100%;  } .f5440 {height: 38px;  padding: 12px 16px;  overflow: hidden;  resize: none;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5440::placeholder {color: #DADFE7;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5441 {padding: 24px;  margin: 0px;  margin-bottom: 16px;  border-radius: 24px;  color: #64748B;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f5442 {color: #2F86AA;  } .f5443 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5444 {color: #3A4C64;  } .f5445 {gap: 4px;  } .f5446 {border: 1px solid #FF4F3F;  background-color: #FFEDEB;  } .f5447 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5448 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f5448:focus {outline: 4px solid transparent;  } .f5448:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f5448:hover {border: 2px solid transparent;  background: #243042;  } .f5448:active {border: 2px solid transparent;  background: #3A4C64;  } .f5448:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f5449 {position: relative;  display: flex;  flex-direction: column;  } .f5450 {display: flex;  flex-direction: column;  flex: 1;  max-width: 885px;  width: 100%;  padding: 24px 49px 40px 76px;  margin: 0 auto;  } .f5451 {display: flex;  flex-direction: row;  justify-content: flex-end;  gap: 24px;  margin-bottom: 24px;  } .f5452 {display: flex;  align-items: center;  height: 24px;  min-height: 24px;  padding-left: 32px;  white-space: nowrap;  color: #576A84;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-repeat: no-repeat;  background-size: 24px;  background-position: left 0 center;  cursor: pointer;  } .f5453 {background-image: url('/img/icon/icon_popup-duplicate.svg');  } .f5454 {background-image: url('/img/icon/icon_phone.svg');  } .f5455 {margin-bottom: 40px;  width: 100%;  } .f5456 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f5457 {margin-bottom: 40px;  } .f5458 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5459 {display: flex;  flex-direction: column;  height: 100%;  } .f5460 {display: inline-block;  margin: 0px;  margin-bottom: 16px;  max-width: 100%;  white-space: nowrap;  color: #243042;  } .f5461 {display: flex;  flex-direction: column;  gap: 16px;  padding: 24px 0;  justify-content: flex-end;  border-top: 1px solid #DFE4EC;  } .f5462 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #243042;  } .f5463 {display: flex;  } .f5464 {border: 1px solid #FF4F3F;  background-color: #FFEDEB;  } .f5465 {list-style: none;  padding: 0px;  margin: 0px;  } .f5466 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5467 {display: flex;  height: 44px;  min-height: 44px;  padding: 0 32px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, border 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5467:focus {outline: 4px solid transparent;  } .f5467:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5467:hover {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #C2E3EF;  } .f5467:active {outline: 4px solid transparent;  border: 2px solid #145585;  color: #145585;  background: #88C9E0;  } .f5467:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f5468 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f5468:focus {outline: 4px solid transparent;  } .f5468:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f5468:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f5468:active {outline: 4px solid transparent;  background: #DADFE7;  } .f5468:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5469 {position: relative;  display: flex;  flex-direction: row;  } .f5470 {display: flex;  flex-direction: column;  gap: 24px;  max-width: 800px;  width: calc(100% - 300px);  padding: 32px 20px 48px 20px;  margin: 0 auto;  } .f5471 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 40px;  } .f5472 {position: relative;  display: flex;  align-items: center;  min-height: 39px;  width: 100%;  overflow: hidden;  padding-left: 44px;  background-size: 32px;  background-repeat: no-repeat;  background-position: left 0 center;  } .f5473 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f5474 {position: absolute;  display: inline-block;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  cursor: pointer;  } .f5475 {display: flex;  flex-wrap: wrap;  column-gap: 12px;  row-gap: 12px;  width: 100%;  } .f5476 {display: flex;  flex: 1;  flex-direction: column;  justify-content: space-between;  gap: 2px;  padding: 12px 16px;  border-radius: 16px;  background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f5477 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5478 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f5479 {display: flex;  flex-direction: column;  gap: 16px;  width: 100%;  } .f5480 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f5481 {display: flex;  flex-direction: column;  gap: 12px;  width: 100%;  } .f5482 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  padding: 12px 16px;  border-radius: 16px;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f5483 {display: inline-block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5484 {min-width: 300px;  } .f5485 {position: fixed;  right: 0px;  top: 72px;  display: flex;  flex-direction: column;  min-height: calc(100vh - 72px);  width: 299px;  padding: 24px;  border-left: 1px solid #EBEFF6;  } .f5486 {display: flex;  flex-direction: column;  padding-bottom: 24px;  margin-bottom: auto;  } .f5487 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 14px;  margin-bottom: 16px;  } .f5488 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5489 {display: flex;  justify-content: center;  align-items: center;  padding: 2px 12px;  height: 26px;  margin: 0px;  border-radius: 8px;  color: #145585;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f5490 {display: flex;  flex-direction: column;  gap: 16px;  margin-bottom: 24px;  } .f5491 {display: flex;  flex-direction: column;  gap: 2px;  } .f5492 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5493 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5494 {display: flex;  flex-direction: column;  gap: 8px;  margin-bottom: 24px;  } .f5495 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5496 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5497 {list-style: none;  padding: 0px;  margin: 0px;  } .f5498 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 22px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #26759D;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #26759D;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5498:focus {outline: 4px solid transparent;  } .f5498:focus-visible {outline: 4px solid #88C9E0;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f5498:hover {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #C2E3EF;  } .f5498:active {outline: 4px solid transparent;  border: 2px solid #1D6591;  background: #88C9E0;  } .f5498:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background: transparent;  } .f5499 {position: relative;  display: flex;  flex-direction: column;  width: 100%;  height: calc(100vh - 72px);  } .f5500 {display: flex;  width: 100%;  overflow-y: auto;  } .f5501 {display: flex;  flex-direction: row;  gap: 4px;  right: 48px;  top: 24px;  padding: 4px;  border-radius: 12px;  outline: 1px solid #EBEFF6;  } .f5502 {display: flex;  justify-content: center;  align-items: center;  width: 32px;  min-width: 32px;  height: 32px;  border-radius: 8px;  color: #576A84;  background-color: transparent;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f5503 {color: #3A4C64;  background-color: #C2E3EF;  } .f5502:hover {color: #3A4C64;  } .f5504 {height: 24px;  } .f5505 {display: flex;  flex-direction: column;  padding: 20px 40px;  gap: 16px;  width: 100%;  border-bottom: 1px solid #EBEFF6;  background-color: #F8FCFF;  } .f5506 {display: flex;  flex-direction: column;  max-width: 1076px;  width: 100%;  padding: 32px 48px 48px 48px;  margin: 0 auto;  } .f5507 {display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  } .f5508 {margin: 0px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5509 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5510 {display: flex;  align-items: center;  height: 44px;  padding: 0 36px 0 16px;  width: 220px;  border-radius: 16px;  outline: 1px solid transparent;  background: #E0F1F7;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5511 {margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5512 {width: 220px;  height: fit-content;  list-style-type: none;  padding-left: 0px;  overflow: hidden;  margin: 0px;  margin-top: 4px;  border-radius: 8px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  display: none;  position: absolute;  z-index: 1;  } .f5513 {display: flex;  align-items: center;  height: 44px;  padding: 0 16px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  cursor: pointer;  } .f5513:focus {background-color: #EBEFF6;  outline: none;  } .f5513:hover {background-color: #EBEFF6;  } .f5513:active {color: #1D6591;  } .f5510:hover {outline: 1px solid #2F86AA;  } .f5510:focus {outline: 1px solid #2F86AA;  } .f5510:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  background-repeat: no-repeat;  background-position: right 10px top 50%;  background-size: 24px 24px;  background-image: url(img/select-arrow-black.svg);  } .f5510:disabled {outline: 1px solid #DFE4EC;  } .f5514 {background-image: url(img/select-arrow-black.svg);  } .f5515 {} .f5516 {} .f5517 {width: 220px;  } .f5518 {display: flex;  gap: 16px;  width: 100%;  justify-content: space-between;  align-items: center;  margin-bottom: 24px;  } .f5519 {display: grid;  gap: 16px;  width: 100%;  max-width: 956px;  grid-template-columns: repeat(3, calc((100% - 16px * 2 ) / 3));  padding-bottom: 48px;  } .f5520 {} .f5521 {grid-template-columns: repeat(1, 1fr);  } .f5521 a {flex-direction: row;  } .f5521 a > div:first-child {width: 336px;  min-width: 336px;  padding-top: 0px;  } .f5521 a > div:last-child {padding: 0 16px 0 12px;  } .f5522 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f5523 {display: flex;  flex-direction: column;  flex: 1;  } .f5524 {display: flex;  flex-direction: column;  padding: 0 20px 120px;  max-width: 808px;  margin: auto;  } .f5525 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f5526 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f5527 {background-image: url(img/bg_course_descrip.svg);  background-size: cover;  display: flex;  flex-direction: column;  flex: 1;  } .f5528 {display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  padding: 20px;  max-width: 1080px;  margin: auto;  } .f5529 {text-align: center;  margin-bottom: 20px;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f5530 {display: flex;  gap: 12px;  flex-wrap: nowrap;  } .f5531 {display: flex;  align-items: center;  margin: 0px;  text-decoration: none;  } .f5532 {height: 45px;  } .f5533 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f5534 {max-width: 1020px;  margin: auto;  margin-top: 0px;  padding: 24px 20px 150px 20px;  } .f5535 {list-style: none;  padding-left: 20px;  } .f5536 {list-style: none;  padding-left: 20px;  } .f5537 {list-style: none;  padding-left: 20px;  } .f5538 {} .f5539 {} .f5540 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 8px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  color: #FFFFFF;  text-align: center;  white-space: nowrap;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #000000;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f5540:focus {outline: 4px solid transparent;  } .f5540:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #243042;  } .f5540:hover {border: 2px solid transparent;  background: #243042;  } .f5540:active {border: 2px solid transparent;  background: #3A4C64;  } .f5540:disabled {border: 2px solid transparent;  color: #AAB5C6;  background: #243042;  } .f5541 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5542 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f5543 {position: relative;  width: 100%;  max-width: 1024px;  margin: 0 auto auto;  margin-top: 0px;  padding: 64px 24px 120px 24px;  } .f5544 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f5545 {margin: 0px;  margin-bottom: 40px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f5546 {display: flex;  gap: 16px;  align-items: center;  justify-content: space-between;  margin: 0px 0px 40px 0px;  } .f5547 {position: absolute;  right: 10px;  top: 50%;  transform: translateY(-50%);  padding: 6px;  cursor: pointer;  } .f5548 {display: flex;  justify-content: center;  align-items: center;  color: #AAB5C6;  } .f5549 {position: relative;  display: flex;  align-items: center;  width: 100%;  height: 50px;  outline: 1px solid #DFE4EC;  border-radius: 12px;  background: #FFFFFF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  } .f5550 {padding: 0 52px;  border: none;  width: 100%;  height: 50px;  border-radius: 12px;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background: transparent;  background-image: url('img/icon/icon_search-l-gray.svg');  background-repeat: no-repeat;  background-position: 16px center;  background-size: 24px;  } .f5549:focus {outline: 1px solid #1D6591;  background: #F8FCFF;  } .f5549:hover {outline: 1px solid #2F86AA;  background: #F8FCFF;  } .f5549:active {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f5550:disabled {color: #1B2637;  } .f5550:focus {color: #1B2637;  } .f5549:disabled {outline: 1px solid #DFE4EC;  background: #EBEFF6;  } .f5549:focus-within {outline: 1px solid #2F86AA;  background: #FFFFFF;  } .f5550::placeholder {color: #AAB5C6;  } .f5551 {display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  gap: 8px;  max-width: 958px;  margin: 0px;  margin-bottom: 24px;  } .f5552 {width: 220px;  } .f5553 {moz-appearance: none;  -webkit-appearance: none;  appearance: none;  background-image: url('../img/icon_arrow-select.svg');  background-repeat: no-repeat;  background-position: right 12px top 50%, 0 0;  background-size: 24px auto;  } .f5553:focus {outline: none;  border: 1px solid #2F86AA;  } .f5553:hover {border: 1px solid #2F86AA;  } .f5553:active {border: 1px solid #2F86AA;  } .f5553::-ms-expand {display: none;  } .f5554 {display: flex;  max-width: 220px;  flex-direction: column;  align-items: flex-start;  border-radius: 8px;  background: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f5555 {display: flex;  height: 44px;  padding: 14px 16px;  align-items: flex-start;  align-self: stretch;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5555:hover {background-color: EFF4F8;  } .f5555:active {color: #1D6591;  } .f5556 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-column-gap: 16px;  grid-row-gap: 43px;  max-width: 958px;  margin: 0px;  } .f5557 {min-width: 308px;  min-height: 417px;  } .f5558 {margin: 0px;  margin-bottom: 56px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5559 {display: flex;  flex-direction: column;  align-items: center;  width: fit-content;  padding-top: 24px;  margin: 0 auto;  margin-bottom: 286px;  } .f5560 {width: 360px;  margin-bottom: 16px;  } .f5561 {color: #DADFE7;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  margin: 0px;  } .f5562 {} .f5563 {} .f5564 {} .f5565 {margin: 0px 0px 0px 4px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5566 {outline: none;  min-width: 220px;  height: 44px;  padding: 0 16px;  justify-content: space-between;  margin: 0px;  align-items: center;  border-radius: 8px;  border: 1px solid #DFE4EC;  background: #F8FCFF;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5566:hover {border: 1px solid #DADFE7;  background: #F8FCFF;  } .f5566:focus {border: 1px solid #1D6591;  background: #F8FCFF;  } .f5566:active {border: 1px solid #2F86AA;  background: #FFFFFF;  } .f5566:disabled {border: 1px solid #DFE4EC;  background: #EBEFF6;  } .f5567 {display: flex;  flex: 1;  flex-direction: column;  height: 100vh;  width: 100%;  background-color: #FFFFFF;  } .f5567 > div {display: flex;  flex: 1;  width: 100%;  } .f5568 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f5569 {display: flex;  flex-direction: column;  flex: 1;  } .f5570 {list-style: none;  padding: 0px;  margin: 0px;  } .f5571 {display: flex;  width: 100%;  margin: 0px;  } .f5572 {display: flex;  flex-direction: column;  padding: 24px 40px 128px;  max-width: 840px;  width: 100%;  gap: 40px;  margin: 0 auto;  } .f5573 {display: flex;  flex-direction: column;  align-items: flex-start;  gap: 24px;  } .f5574 {display: flex;  flex-direction: row;  gap: 8px;  } .f5575 {max-height: 60px;  margin: 0px;  margin-bottom: 17px;  overflow: hidden;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: normal;  } .f5576 {display: flex;  align-items: center;  padding: 0 12px;  height: 26px;  margin: 0px;  border-radius: 8px;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #EBEFF6;  text-decoration: none;  } .f5576 a {display: flex;  color: inherit;  text-decoration: none;  } .f5577 {display: flex;  flex-direction: column;  gap: 24px;  } .f5578 {margin: 0px;  padding-bottom: 8px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f5579 {margin: 0px;  margin-bottom: 12px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f5580 {display: flex;  flex-direction: column;  gap: 16px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5581 {display: flex;  flex-direction: column;  gap: 32px;  padding-bottom: 24px;  } .f5582 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #243042;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5582:focus {outline: 4px solid transparent;  } .f5582:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid transparent;  background: #DFE4EC;  } .f5582:hover {outline: 4px solid transparent;  border: 2px solid transparent;  background: #DFE4EC;  } .f5582:active {outline: 4px solid transparent;  border: 2px solid transparent;  background: #DADFE7;  } .f5582:disabled {outline: 4px solid transparent;  border: 2px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5583 {display: flex;  } .f5584 {display: flex;  flex-direction: row;  align-items: center;  gap: 12px;  text-decoration: none;  color: inherit;  } .f5585 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5586 {color: #3A4C64;  } .f5587 {display: flex;  flex-direction: column;  gap: 4px;  } .f5588 {gap: 8px;  } .f5589 {width: 24px;  } .f5590 {display: flex;  flex-direction: row;  align-items: flex-start;  gap: 16px;  } .f5591 {display: flex;  align-items: center;  justify-content: center;  width: 80px;  height: 80px;  overflow: hidden;  } .f5592 {width: 80px;  height: 80px;  border-radius: 40px;  } .f5593 {text-decoration: none;  } .f5594 {height: 80px;  width: 80px;  border-radius: 40px;  display: flex;  align-items: center;  justify-content: center;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #1D6591;  } .f5595 {display: flex;  flex-direction: column;  gap: 4px;  } .f5596 {display: flex;  flex-direction: column;  gap: 16px;  } .f5597 {display: flex;  flex-direction: column;  gap: 16px;  } .f5598 {display: flex;  flex-direction: column;  } .f5599 {margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5600 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5601 {padding: 8px 16px;  border-radius: 16px;  border: 1px solid #2F86AA;  } .f5602 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f5603 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f5604 {padding-left: 20px;  } .f5605 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f5606 {list-style: none;  margin: 0px;  padding: 0px;  } .f5607 {display: flex;  flex-direction: column;  gap: 16px;  } .f5608 {padding: 0 20px 60px 20px;  max-width: 1020px;  width: 100%;  margin: auto;  margin-top: 0;  } .f5609 {margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f5610 {display: flex;  flex-direction: row;  gap: 8px;  margin-bottom: 16px;  } .f5611 {display: flex;  justify-content: center;  align-items: center;  padding: 7px 12px;  border-radius: 16px;  border: none;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  white-space: nowrap;  background-color: #DFE4EC;  opacity: 0.8;  cursor: pointer;  } .f5611:focus {background: gray;  color: white;  } .f5611:hover {background: gray;  color: white;  } .f5611:active {background: black;  color: white;  } .f5611:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f5612 {background-color: #1D6591;  opacity: 1;  color: #FFFFFF;  } .f5612:focus {background: #145585;  } .f5612:hover {background: #1D6591;  } .f5612:active {background: #0B4578;  } .f5612:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f5613 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 48px;  } .f5614 {display: flex;  flex-direction: column;  gap: 4px;  padding: 12px 12px 16px 16px;  margin: 0px;  text-decoration: none;  color: inherit;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 5px 14px 0px rgba(24, 39, 75, 0.10);  } .f5615 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5616 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5617 {text-decoration: none;  display: flex;  flex-direction: row;  padding: 12px 12px 16px 16px;  gap: 16px;  border-radius: 16px;  outline: 2px solid transparent;  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f5618 {background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f5617:focus {outline: 2px solid #1D6591;  } .f5617:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f5619 {position: relative;  display: flex;  justify-content: center;  align-items: center;  min-width: 284px;  width: 284px;  height: 160px;  overflow: hidden;  border-radius: 12px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f5620 {background-image: url(/img/bg/card_paid_img02.svg);  } .f5621 {position: absolute;  height: 120%;  min-height: 120%;  filter: blur(20px);  } .f5622 {position: absolute;  width: 100%;  } .f5623 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  height: 160px;  overflow: hidden;  } .f5624 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5625 {margin: 0px;  max-height: 125px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5626 {display: flex;  flex-direction: column;  gap: 16px;  } .f5627 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5628 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5628:focus {outline: 4px solid transparent;  } .f5628:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5628:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5628:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5628:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5629 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f5630 {display: flex;  flex-direction: column;  flex: 1;  } .f5631 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f5632 {position: absolute;  } .f5633 {display: flex;  flex: 1;  width: 100%;  margin: 0px;  } .f5634 {list-style: none;  margin: 0px;  padding: 0px;  } .f5635 {padding: 24px 20px 120px 20px;  display: flex;  flex-direction: column;  width: 100%;  max-width: 1020px;  gap: 40px;  margin: auto;  margin-top: 0px;  } .f5636 {position: absolute;  white-space: nowrap;  width: 1px;  height: 1px;  overflow: hidden;  border: 0;  padding: 0;  clip: rect(0 0 0 0);  clip-path: inset(50%);  margin: -1px;  } .f5637 {display: flex;  flex-direction: column;  width: 100%;  } .f5638 {display: flex;  flex-direction: column;  gap: 24px;  width: 100%;  padding: 40px 40px 128px;  max-width: 840px;  } .f5639 {display: flex;  flex-direction: row;  gap: 20px;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  } .f5640 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5641 {display: flex;  flex-direction: column;  gap: 8px;  } .f5642 {display: flex;  flex-direction: column;  gap: 16px;  } .f5643 {display: flex;  gap: 12px;  align-items: center;  } .f5644 {display: flex;  flex-direction: column;  } .f5645 {display: flex;  flex-direction: column;  gap: 8px;  } .f5646 {position: relative;  width: 100%;  } .f5647 {text-decoration: none;  display: flex;  flex-direction: column;  padding: 12px;  gap: 8px;  border-radius: 16px;  outline: 2px solid transparent;  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f5648 {display: flex;  gap: 16px;  width: 100%;  } .f5649 {display: flex;  flex-direction: column;  width: 100%;  } .f5650 {display: flex;  flex-wrap: wrap;  row-gap: 4px;  column-gap: 16px;  width: 100%;  } .f5651 {display: flex;  } .f5652 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 16px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f5653 {background-image: url('/img/bg/card_paid_img02.svg');  } .f5654 {position: absolute;  height: 120%;  min-height: 120%;  filter: blur(20px);  } .f5655 {position: absolute;  height: 100%;  } .f5656 {background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f5647:focus {outline: 2px solid #1D6591;  } .f5647:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f5657 {position: relative;  display: flex;  justify-content: center;  align-items: center;  min-width: 284px;  width: 284px;  height: 160px;  overflow: hidden;  border-radius: 12px;  } .f5658 {position: absolute;  height: 120%;  min-height: 120%;  filter: blur(20px);  } .f5659 {position: absolute;  width: 100%;  } .f5660 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  height: 160px;  overflow: hidden;  } .f5661 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5662 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f5663 {margin: 0px;  max-height: 125px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5664 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 8px;  } .f5665 {display: flex;  flex-direction: column;  gap: 2px;  min-height: 88px;  padding: 16px 24px;  border-radius: 12px;  } .f5666 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5667 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5668 {display: flex;  flex-wrap: wrap;  grid-gap: 8px;  } .f5669 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  padding: 12px 16px;  border-radius: 12px;  width: calc((100% - 8px * 2) / 3);  } .f5670 {display: flex;  justify-content: center;  align-items: center;  height: 64px;  min-width: 59px;  overflow: hidden;  } .f5671 {height: 100%;  } .f5672 {display: flex;  flex-direction: column;  width: calc(100% - 80px);  gap: 4px;  } .f5673 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5674 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f5675 {white-space: nowrap;  max-width: 100%;  height: 18px;  overflow: hidden;  text-overflow: ellipsis;  } .f5675:hover {overflow: visible;  border-radius: 7px;  max-width: fit-content;  width: fit-content;  z-index: 10;  padding-right: 10px;  text-overflow: ellipsis;  background-color: white;  } .f5676 {display: flex;  flex-direction: row;  gap: 8px;  align-items: center;  } .f5677 {height: 6px;  width: 100%;  border-radius: 3px;  overflow: hidden;  background-color: #EBEFF6;  } .f5678 {height: 100%;  background-color: #2F86AA;  } .f5679 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-column-gap: 28px;  grid-row-gap: 43px;  } .f5680 {height: 397px;  width: 308px;  min-width: 308px;  background-color: #EBEFF6;  } .f5681 {font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #DADFE7;  } .f5682 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5683 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  min-height: 44px;  padding: 0 24px;  border-radius: 14px;  outline: none;  border: 2px solid #3A4C64;  text-decoration: none;  color: #FFFFFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #3A4C64;  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;  cursor: pointer;  } .f5683:focus {outline: none;  } .f5683:focus-visible {background: #243042;  border: 2px solid #576A84;  outline: none;  } .f5683:hover {background: #243042;  border: 2px solid #243042;  } .f5683:active {background: #1B2637;  } .f5683:disabled {opacity: 0.4;  background: #3A4C64;  } .f5684 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f5685 {display: flex;  flex-direction: column;  flex: 1;  } .f5686 {display: flex;  width: 100%;  margin: 0px;  } .f5687 {display: flex;  flex-direction: column;  padding: 40px 40px 120px 40px;  max-width: 848px;  width: 100%;  margin: 0 auto;  } .f5688 {display: flex;  flex-direction: column;  width: 100%;  } .f5689 {margin: 0px;  padding: 0px;  list-style: none;  } .f5690 {display: flex;  flex-direction: column;  gap: 24px;  } .f5691 {display: flex;  flex-direction: row;  gap: 8px;  } .f5692 {position: relative;  display: flex;  flex-direction: column;  gap: 24px;  width: 100%;  margin-bottom: 64px;  } .f5693:last-child {margin-bottom: 0px;  } .f5694 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5693 {position: relative;  min-width: 100%;  padding: 12px 12px 54px 16px;  border-radius: 16px;  border: 1px solid #DFE4EC;  background-color: #FFFFFF;  } .f5695 {width: 100%;  min-height: 145px;  border: none;  outline: none;  padding-left: 6px;  color: #243042;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  background-color: transparent;  } .f5695::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f5696 {position: absolute;  left: 18px;  bottom: 10px;  display: flex;  justify-content: center;  align-items: center;  padding: 0px;  border: none;  background-color: transparent;  cursor: pointer;  } .f5697 {position: absolute;  right: 11px;  bottom: 10px;  } .f5698 {display: flex;  color: inherit;  text-decoration: none;  } .f5699 {display: flex;  align-items: center;  padding: 0 12px;  height: 26px;  margin: 0px;  border-radius: 8px;  background-color: #EBEFF6;  text-decoration: none;  } .f5700 {color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5701 {color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f5702 {margin: 0px;  margin-bottom: 32px;  color: #243042;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f5703 {display: flex;  flex-direction: column;  margin-bottom: 32px;  } .f5703 > div:last-child {margin-bottom: 0px;  } .f5704 {display: flex;  flex-direction: column;  margin-bottom: 16px;  } .f5704:last-child {margin-bottom: 0px;  } .f5705 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5706 {display: flex;  flex-direction: column;  gap: 8px;  margin-bottom: 40px;  } .f5707:last-child {margin-bottom: 0px;  } .f5708 {display: flex;  flex-direction: column;  gap: 8px;  border-radius: 24px;  padding: 18px 25px;  background-color: #EBEFF6;  } .f5709 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5710 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5711 {display: flex;  flex-direction: column;  } .f5712 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 40px;  } .f5712:last-child {margin-bottom: 0px;  } .f5713 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5714 {display: flex;  flex-direction: column;  gap: 8px;  } .f5715 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  } .f5716 {display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  border-radius: 50%;  width: 40px;  height: 40px;  min-width: 40px;  } .f5717 {width: 100%;  } .f5718 {display: flex;  flex-direction: column;  gap: 4px;  } .f5719 {display: block;  margin-left: 8px;  padding-left: 18px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  background-image: url('/img/icon_arrow-up-litegray.svg');  background-repeat: no-repeat;  background-size: contain;  background-position: left 0;  } .f5720 {display: flex;  align-items: center;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5721 {display: flex;  flex-direction: column;  padding: 20px 24px;  border-radius: 16px;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f5722 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5723 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 17;  } .f5724 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5725 {display: flex;  padding: 0px;  border: none;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  background-color: transparent;  cursor: pointer;  } .f5726 {gap: 16px;  padding-left: 24px;  } .f5727 {color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5728 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5729 {list-style: none;  padding: 0px;  margin: 0px;  } .f5730 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5730:focus {outline: 4px solid transparent;  } .f5730:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5730:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5730:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5730:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5731 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #1D6591;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5731:focus {outline: 4px solid transparent;  } .f5731:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #145585;  background: #145585;  } .f5731:hover {outline: 4px solid transparent;  border: 2px solid #145585;  background: #145585;  } .f5731:active {outline: 4px solid transparent;  border: 2px solid #0B4578;  background: #0B4578;  } .f5731:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background: #EBEFF6;  } .f5732 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5732:focus {outline: 4px solid transparent;  } .f5732:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5732:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5732:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5732:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5733 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f5733:focus {outline: 4px solid transparent;  } .f5733:focus-visible {outline: 4px solid #5DB4D2;  background: #EBEFF6;  } .f5733:hover {outline: 4px solid transparent;  background: #EBEFF6;  } .f5733:active {outline: 4px solid transparent;  background: #DADFE7;  } .f5733:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5734 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f5735 {display: flex;  flex-direction: column;  flex: 1;  } .f5736 {display: flex;  flex: 1;  width: 100%;  margin: 0px;  } .f5737 {display: flex;  flex: 1;  flex-direction: column;  padding: 40px 40px 120px 40px;  max-width: 848px;  width: 100%;  margin: 0 auto;  } .f5738 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  } .f5739 {display: flex;  flex-direction: column;  gap: 12px;  } .f5740 {display: flex;  flex-direction: column;  gap: 16px;  } .f5741 {display: flex;  flex-direction: column;  } .f5742 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5743 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f5744 {display: flex;  flex-direction: column;  gap: 16px;  } .f5745 {border-top: 1px solid #AAB5C6;  padding-top: 8px;  } .f5746 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5747 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5748 {color: #3A4C64;  } .f5749 {padding-left: 20px;  } .f5750 {padding: 8px 16px;  border-radius: 16px;  border: 1px solid #2F86AA;  } .f5751 {margin: 0px;  color: #2F86AA;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f5752 {display: flex;  flex-direction: row;  gap: 8px;  } .f5753 {max-height: 60px;  margin: 0px;  margin-bottom: 17px;  overflow: hidden;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: normal;  } .f5754 {display: flex;  align-items: center;  padding: 0 12px;  height: 26px;  margin: 0px;  border-radius: 8px;  background-color: #EBEFF6;  text-decoration: none;  } .f5755 {margin: 0px;  color: #485B74;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5756 {text-decoration: none;  color: #1D6591;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #C2E3EF;  } .f5757 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f5758 {display: flex;  flex: 1;  flex-direction: column;  margin-bottom: 48px;  } .f5758:last-child {margin-bottom: 0px;  } .f5759 {display: flex;  flex-direction: column;  padding-top: 16px;  } .f5760 {margin: 0 0 16px 0;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f5761 {display: flex;  flex-wrap: wrap;  row-gap: 32px;  column-gap: 40px;  } .f5762 {display: flex;  flex-direction: column;  flex: 1;  gap: 4px;  width: 100%;  min-width: 230px;  } .f5763 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #AAB5C6;  } .f5764 {margin: 0px;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  color: #243042;  } .f5765 {display: flex;  flex-direction: column;  align-items: flex-start;  padding: 40px;  border-radius: 24px;  margin-bottom: 40px;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.08);  } .f5765:last-child {margin-bottom: 0px;  } .f5766 {display: flex;  align-items: center;  gap: 12px;  margin-bottom: 16px;  } .f5767 {color: #3A4C64;  } .f5768 {display: block;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5769 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f5769 > div:first-child {margin-top: 0px;  } .f5769 > div:last-child {margin-bottom: 0px;  } .f5770 {display: flex;  column-gap: 24px;  row-gap: 8px;  } .f5771 {padding-top: 64px;  } .f5772 {display: flex;  flex-direction: column;  padding: 24px;  border-radius: 24px;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f5773 {margin: 0px;  margin-bottom: 4px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #1D6591;  } .f5774 {margin: 0px;  margin-bottom: 24px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #64748B;  } .f5775 {display: flex;  flex-wrap: wrap;  gap: 12px;  } .f5776 {display: flex;  width: 100%;  } .f5777 {display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  column-gap: 16px;  row-gap: 2px;  width: 100%;  min-height: 50px;  border-radius: 16px;  padding: 2px 16px;  background-color: #EBEFF6;  } .f5778 {display: flex;  align-items: center;  gap: 16px;  } .f5779 {color: #243042;  } .f5780 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #243042;  } .f5781 {background-color: #FFEDEB;  } .f5782 {background-color: #88C9E0;  } .f5783 {position: relative;  } .f5784 {position: relative;  display: flex;  width: 100%;  color: #AAB5C6;  } .f5785 {position: absolute;  top: 0px;  left: 0px;  overflow: hidden;  } .f5786 {display: flex;  color: #FBBF24;  } .f5787 {width: 80%;  } .f5788 {display: flex;  flex-direction: column;  padding: 20px 24px;  border-radius: 16px;  background-color: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f5789 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5790 {padding: 0 0 20px 20px;  } .f5791 {margin-bottom: 40px;  } .f5791:last-child {margin-bottom: 0px;  } .f5792 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f5793 {list-style: none;  padding: 0px;  margin: 0px;  } .f5794 {width: 488px;  margin: auto;  margin-top: 0;  } .f5795 {margin: 0px;  margin-bottom: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  } .f5796 {display: flex;  flex-direction: row;  gap: 8px;  margin-bottom: 16px;  } .f5797 {display: flex;  height: 30px;  min-height: 30px;  padding: 2px 12px;  justify-content: center;  align-items: center;  border-radius: 8px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f5797:focus {outline: 4px solid transparent;  } .f5797:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f5797:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f5797:active {outline: 4px solid transparent;  background: #DADFE7;  } .f5797:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5798 {display: flex;  flex-direction: column;  gap: 12px;  margin-bottom: 48px;  } .f5799 {display: flex;  flex-direction: column;  gap: 12px;  } .f5800 {display: flex;  flex-direction: column;  gap: 6px;  padding: 12px 12px 12px 16px;  margin: 0px;  text-decoration: none;  color: inherit;  border-radius: 16px;  background: #FFFFFF;  box-shadow: 0px 5px 14px 0px rgba(24, 39, 75, 0.10);  } .f5801 {display: flex;  align-items: center;  justify-content: space-between;  width: 100%;  } .f5802 {display: flex;  flex-direction: row;  align-items: center;  gap: 2px;  width: 100%;  margin-right: 8px;  } .f5803 {width: 12px;  min-width: 12px;  } .f5804 {margin: 0px;  max-width: 420px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  color: #3A4C64;  } .f5805 {height: 12px;  width: 12px;  min-width: 12px;  border-radius: 50%;  background-color: #1D6591;  margin-right: 2px;  } .f5806 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  } .f5807 {position: relative;  } .f5808 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  } .f5809 {width: 100%;  } .f5810 {position: absolute;  right: -2px;  bottom: -4px;  } .f5811 {display: flex;  flex-direction: column;  gap: 2px;  } .f5812 {margin: 0px;  max-height: 46px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5813 {color: #1D6591;  } .f5814 {color: #3A4C64;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f5815 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f5816 {min-width: 360px;  width: 360px;  height: 100%;  padding-top: 50px;  position: fixed;  } .f5817 {list-style: none;  padding: 0px;  margin: 0px;  } .f5818 {padding: 24px 0 0 32px;  overflow-y: auto;  overflow-x: clip;  height: 100%;  border-right: 1px solid #DFE4EC;  padding-bottom: 80px;  } .f5819 {display: flex;  flex-direction: column;  width: 296px;  } .f5820 {display: flex;  flex-direction: column;  gap: 8px;  } .f5821 {position: relative;  display: flex;  padding: 12px;  padding-left: 16px;  border-radius: 12px;  outline: 1px solid #DFE4EC;  background: #FFFFFF;  cursor: pointer;  transition: outline 0.4s ease-in-out;  } .f5822 {outline: 1px solid #2F86AA;  } .f5823 {display: flex;  gap: 4px;  width: 100%;  flex-direction: column;  text-decoration: none;  } .f5824 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5825 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5826 {height: 59px;  } .f5827 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 167px;  overflow: hidden;  margin-bottom: 10px;  } .f5828 {min-width: auto;  height: 100%;  } .f5829 {max-height: 60px;  margin: 0px;  margin-bottom: 17px;  overflow: hidden;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: normal;  } .f5830 {display: flex;  justify-content: space-between;  } .f5831 {display: flex;  align-items: top;  gap: 4px;  } .f5832 {height: 16px;  fill: #AAB5C6;  } .f5833 {height: 12px;  width: 12px;  min-width: 12px;  border-radius: 50%;  background: #2F86AA;  } .f5834 {display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  gap: 16px;  margin: auto;  padding-left: 360px;  } .f5835 {height: 96px;  } .f5836 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5837 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f5837::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5837:hover {outline: 1px solid #DADFE7;  } .f5837:focus {outline: 1px solid #1D6591;  } .f5837:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f5837:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f5837:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f5838 {margin: 0px;  text-decoration: none;  color: inherit;  } .f5839 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f5839:focus {outline: 4px solid transparent;  } .f5839:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f5839:hover {background: #145585;  border: 2px solid #145585;  } .f5839:active {background: #0B4578;  border: 2px solid #0B4578;  } .f5839:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f5840 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5840:focus {outline: 4px solid transparent;  } .f5840:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5840:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5840:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5840:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5841 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f5841:focus {outline: 4px solid transparent;  } .f5841:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f5841:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f5841:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f5841:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f5842 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  background-color: #FFFFFF;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5843:invalid {background-color: #f00;  } .f5844 {display: flex;  align-items: center;  height: 149px;  width: 100%;  margin-bottom: 8px;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f5844:focus-within {outline: 1px solid #1D6591;  } .f5845 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f5846 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f5847 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5848 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5849 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  width: 100%;  max-width: 720px;  gap: 24px;  border-radius: 16px;  margin-bottom: 40px;  padding: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f5850 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f5851 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5852 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f5853 {display: flex;  flex-direction: column;  } .f5854 {display: flex;  flex-direction: column;  width: 100%;  max-width: 720px;  margin-bottom: 40px;  } .f5854:last-child {margin-bottom: 0px;  } .f5855 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f5855:last-child {margin-bottom: 0px;  } .f5856 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5857 {margin-bottom: 8px;  } .f5858 {margin-bottom: 0px;  } .f5859 {display: flex;  flex-direction: column;  margin-bottom: 12px;  } .f5859:last-child {margin-bottom: 0px;  } .f5860 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f5861 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f5862 {height: 100%;  } .f5863 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f5864 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f5865 {max-width: 320px;  width: 100%;  } .f5866 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f5867 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f5868 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f5869 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 16px;  } .f5870 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f5871 {color: #FF4F3F;  } .f5872 {color: #F59E0B;  } .f5873 {margin-bottom: 16px;  } .f5874 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  gap: 8px;  border-radius: 16px;  padding: 16px 16px 16px 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f5875 {} .f5876 {} .f5877 {} .f5878 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5879 {list-style: none;  padding: 0px;  margin: 0px;  } .f5880 {display: flex;  flex-direction: column;  padding: 12px 16px;  border-radius: 12px;  width: auto;  gap: 8px;  background-color: #EBEFF6;  } .f5881 {display: flex;  gap: 8px;  } .f5882 {display: flex;  color: #AAB5C6;  cursor: pointer;  } .f5883 {min-height: 47px;  } .f5884 {margin: 0px;  margin-right: auto;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5885 {display: flex;  flex-direction: row;  max-height: 100px;  } .f5886 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5887 {list-style: none;  padding: 0px;  margin: 0px;  } .f5888 {display: flex;  flex-direction: column;  padding: 12px 16px;  border-radius: 12px;  width: auto;  gap: 8px;  background-color: #EBEFF6;  } .f5889 {display: flex;  gap: 8px;  } .f5890 {margin: 0px;  margin-right: auto;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5891 {display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 8px;  } .f5892 {display: flex;  flex-direction: column;  gap: 6px;  overflow: hidden;  } .f5893 {position: relative;  display: flex;  justify-content: center;  align-items: center;  flex-direction: column;  height: 118px;  border-radius: 12px;  overflow: hidden;  background-color: #FFFFFF;  } .f5894 {position: absolute;  display: flex;  justify-content: center;  align-items: center;  } .f5895 {} .f5896 {position: absolute;  top: 4px;  left: 8px;  right: 4px;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  } .f5897 {display: flex;  padding: 4px 8px;  margin: 0px;  border-radius: 16px;  color: #243042;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #FFFFFF;  } .f5898 {border-radius: 8px;  border: none;  color: #3A4C64;  background-color: #FFFFFF;  cursor: pointer;  } .f5899 {position: absolute;  display: flex;  align-items: center;  justify-content: center;  border-radius: 999px;  padding: 8px 4px 8px 10px;  background-color: #FFFFFF;  } .f5900 {} .f5901 {position: absolute;  bottom: 8px;  left: 12px;  right: 8px;  margin: 0px;  display: flex;  justify-content: space-between;  } .f5902 {display: block;  overflow: hidden;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  white-space: nowrap;  text-overflow: ellipsis;  } .f5903 {color: #243042;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  white-space: nowrap;  } .f5904 {display: flex;  align-items: center;  justify-content: center;  padding: 0 4px;  margin: 0px;  background-color: #FFFFFF;  border-radius: 16px;  color: #243042;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  } .f5905 {position: absolute;  bottom: 8px;  right: 8px;  } .f5906 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5907 {list-style: none;  padding: 0px;  margin: 0px;  } .f5908 {display: flex;  align-items: center;  justify-content: center;  width: fit-content;  height: 40px;  padding: 0 16px;  border: none;  border-radius: 16px;  outline: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f5908:focus {outline: none;  } .f5908:focus-visible {background: #145585;  outline: none;  } .f5908:hover {background: #145585;  } .f5908:active {background: #02356C;  } .f5908:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f5909 {position: relative;  padding-bottom: 24px;  display: block;  width: 720px;  } .f5910 {position: relative;  display: flex;  padding: 16px 16px 64px 16px;  flex-direction: column;  justify-content: flex-end;  width: 100%;  border-radius: 24px;  gap: 8px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f5911 {min-height: 30px;  padding: 0px;  border: none;  outline: none;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background: initial;  resize: none;  } .f5911::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5912 {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5911:focus {outline: none;  } .f5913 {position: absolute;  right: 16px;  bottom: 16px;  } .f5914 {} .f5915 {color: #FFFFFF;  } .f5916 {position: absolute;  left: 16px;  bottom: 40px;  width: 32px;  height: 32px;  padding: 4px;  border: none;  color: #2F86AA;  background: inherit;  cursor: pointer;  } .f5917 {width: 100%;  } .f5918 {display: none;  } .f5919 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5920 {position: relative;  z-index: 1;  min-width: 360px;  width: 360px;  height: 100%;  background-color: #F8FCFF;  } .f5921 {list-style: none;  padding: 0px;  margin: 0px;  } .f5922 {text-decoration: none;  color: initial;  } .f5923 {display: flex;  flex-direction: column;  height: 100%;  border-right: 1px solid #DFE4EC;  background-color: #F8FCFF;  } .f5924 {position: relative;  display: flex;  flex: 1;  width: 100%;  flex-direction: column;  overflow-y: auto;  overflow-x: clip;  } .f5925 {display: flex;  flex: 1;  flex-direction: column;  } .f5926 {display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  padding: 24px;  gap: 8px;  } .f5927 {display: flex;  align-items: center;  justify-content: center;  padding: 0px;  border-radius: 12px;  border: 1px solid #DADFE7;  background-color: inherit;  width: 40px;  min-width: 40px;  height: 40px;  cursor: pointer;  } .f5928 {height: 100%;  } .f5929 {position: absolute;  display: flex;  flex-direction: column;  gap: 12px;  width: 100%;  max-width: 336px;  padding: 4px 0 80px 24px;  } .f5930 {display: flex;  border-radius: 12px;  background: #FFFFFF;  outline: 1px solid #DFE4EC;  } .f5930:hover {outline: 1px solid #3A4C64;  } .f5931 {outline: 1px solid #2F86AA;  width: 100%;  } .f5931 .f5932 {color: #1D6591;  } .f5933 {position: relative;  display: flex;  justify-content: center;  padding: 12px;  padding-left: 16px;  gap: 8px;  width: 100%;  flex-direction: column;  cursor: pointer;  } .f5932 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #3A4C64;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5934 {margin: 0px;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5935 {height: 59px;  } .f5936 {margin: 0px;  overflow: hidden;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f5937 {display: flex;  width: 100%;  gap: 5px;  margin-right: 16px;  } .f5938 {display: flex;  flex-direction: row;  align-items: center;  gap: 8px;  width: 100%;  } .f5939 {display: flex;  flex-direction: row;  } .f5940 {display: flex;  justify-content: center;  align-items: center;  border-radius: 24px;  width: 40px;  min-width: 40px;  height: 40px;  overflow: hidden;  } .f5941 {margin-left: -20px;  } .f5942 {width: 100%;  } .f5943 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #1D6591;  } .f5944 {display: flex;  flex-direction: column;  gap: 2px;  overflow-x: auto;  overflow-y: clip;  } .f5945 {display: block;  overflow: hidden;  margin: 0px;  text-overflow: ellipsis;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f5946 {display: block;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5947 {position: fixed;  top: 75px;  left: 24px;  display: flex;  flex-direction: column;  z-index: 1;  } .f5948 {height: 22px;  } .f5949 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  } .f5950 {display: flex;  align-items: center;  justify-content: center;  width: 40px;  min-width: 40px;  height: 40px;  border: 1px solid #DADFE7;  border-radius: 12px;  outline-offset: -1px;  outline: 4px solid transparent;  cursor: pointer;  transition: outline 0.4s ease-in-out;  } .f5950:focus-visible {outline: 4px solid #5DB4D2;  } .f5951 {color: #3A4C64;  } .f5952 {width: 100%;  } .f5953 {display: none;  margin: 0px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;  width: 100%;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  } .f5954 {position: absolute;  display: flex;  align-items: center;  gap: 4px;  bottom: 12px;  right: 12px;  } .f5955 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f5956 {width: 12px;  height: 12px;  border-radius: 50%;  background-color: #1D6591;  } .f5957 {padding-right: 45px;  } .f5958 {width: 360px;  } .f5959 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f5960 {list-style: none;  padding: 0px;  margin: 0px;  } .f5961 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f5962 {display: flex;  flex: 1;  } .f5963 {position: relative;  display: flex;  flex: 1;  flex-direction: row;  width: 100%;  justify-content: center;  margin: 0 auto;  overflow-y: auto;  } .f5964 {position: absolute;  } .f5965 {display: flex;  flex-direction: column;  padding: 24px 20px 134px 20px;  width: 100%;  max-width: 760px;  min-height: 100%;  } .f5966 {height: 43px;  } .f5967 {display: flex;  flex-direction: column;  gap: 24px;  margin-bottom: 32px;  } .f5968 {display: flex;  flex: 1;  flex-direction: column;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  gap: 16px;  } .f5969 {height: 280px;  width: 280px;  margin-bottom: 16px;  } .f5970 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f5971 {position: fixed;  bottom: 24px;  display: block;  width: 720px;  } .f5972 {position: relative;  display: flex;  padding: 16px 16px 64px 16px;  flex-direction: column;  justify-content: flex-end;  width: 100%;  border-radius: 24px;  gap: 8px;  background: #FFFFFF;  box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f5973 {display: flex;  flex-direction: column;  padding: 12px 16px;  border-radius: 12px;  width: auto;  gap: 8px;  background-color: #EBEFF6;  } .f5974 {display: flex;  } .f5975 {min-height: 47px;  } .f5976 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5977 {margin: 0px;  margin-right: auto;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f5978 {display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 8px;  } .f5979 {position: relative;  display: flex;  justify-content: center;  align-items: center;  flex-direction: column;  height: 118px;  border-radius: 12px;  overflow: hidden;  background-color: #FFFFFF;  } .f5980 {position: absolute;  width: 100%;  } .f5981 {position: absolute;  top: 4px;  left: 4px;  right: 4px;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  padding-left: 8px;  border-radius: 8px;  background-color: #EBEFF6;  } .f5982 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f5983 {border: none;  padding: 4px;  background-color: transparent;  width: 32px;  height: 32px;  cursor: pointer;  } .f5984 {width: 100%;  } .f5985 {width: 48px;  max-width: 48px;  } .f5986 {position: absolute;  bottom: 8px;  left: 12px;  right: 8px;  margin: 0px;  display: flex;  flex-direction: row;  } .f5987 {display: block;  overflow: hidden;  margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  white-space: nowrap;  text-overflow: ellipsis;  } .f5988 {color: #1B2637;  font-family: Manrope;  font-size: 11px;  font-style: normal;  font-weight: 600;  line-height: 14px;  white-space: nowrap;  } .f5989 {position: absolute;  bottom: 8px;  right: 8px;  display: flex;  align-items: center;  justify-content: center;  padding: 0 4px;  margin: 0px;  border-radius: 16px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  background-color: #EBEFF6;  } .f5990 {min-height: 30px;  padding: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background: initial;  } .f5991 {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f5990:focus {outline: none;  } .f5992 {position: absolute;  right: 16px;  bottom: 16px;  } .f5993 {padding-left: 4px;  margin-right: -8px;  } .f5994 {position: absolute;  left: 16px;  bottom: 16px;  width: 32px;  height: 32px;  padding: 4px;  border: none;  background: inherit;  cursor: pointer;  } .f5995 {width: 100%;  } .f5996 {display: flex;  align-items: center;  justify-content: center;  width: fit-content;  height: 40px;  padding: 0 16px;  border: none;  border-radius: 16px;  outline: none;  text-decoration: none;  color: #F8FCFF;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #1D6591;  transition: background-color 0.4s ease-in-out;  cursor: pointer;  } .f5996:focus {outline: none;  } .f5996:focus-visible {background: #145585;  outline: none;  } .f5996:hover {background: #145585;  } .f5996:active {background: #02356C;  } .f5996:disabled {color: #AAB5C6;  background-color: #EBEFF6;  } .f5997 {display: flex;  align-items: flex-end;  gap: 8px;  width: 100%;  } .f5998 {display: flex;  flex-direction: column;  gap: 4px;  padding: 12px 16px 8px 16px;  border-radius: 12px;  max-width: 480px;  background-color: #FFFFFF;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f5999 {display: flex;  justify-content: space-between;  align-items: flex-start;  gap: 16px;  } .f6000 {display: flex;  align-items: center;  gap: 4px;  } .f6001 {display: flex;  justify-content: flex-end;  gap: 16px;  padding-top: 8px;  } .f6002 {display: flex;  align-items: center;  gap: 4px;  color: #1B2637;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f6003 {display: flex;  gap: 16px;  margin-right: auto;  } .f6004 {font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #576A84;  cursor: pointer;  } .f6005 {color: #485B74;  cursor: pointer;  } .f6006 {display: flex;  justify-content: center;  align-items: center;  height: 40px;  width: 40px;  min-width: 40px;  border-radius: 50%;  overflow: hidden;  } .f6007 {width: 100%;  } .f6008 {display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  margin: 0px;  color: #FFFFFF;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  background-color: #1D6591;  } .f6009 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6010 {display: flex;  color: #1D6591;  } .f6011 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6012 {display: flex;  justify-content: flex-end;  margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f6013 {display: flex;  justify-content: center;  padding: 10px 8px;  } .f6014 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6015 {justify-content: flex-end;  } .f6015 .f5998 {background-color: #C2E3EF;  } .f6016 {} .f6016 .f5998 {background-color: #C2E3EF;  } .f6017 {background-color: #E0F1F7;  } .f6018 {visibility: hidden;  display: block;  position: absolute;  clip: rec(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  overflow: hidden;  white-space: nowrap;  border: 0px;  padding: 0px;  } .f5997:last-child {margin-bottom: 0px;  } .f6019 {position: absolute;  z-index: 1;  top: 12px;  left: 16px;  display: flex;  flex-direction: column;  } .f6020 {display: flex;  flex-direction: row;  justify-content: center;  gap: 16px;  } .f6021 {max-width: 349px;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6022 {display: flex;  align-items: center;  flex-direction: row;  padding: 4px 24px 4px 4px;  border-radius: 64px;  gap: 12px;  background-color: #FFFFFF;  box-shadow: 0px 7px 16px 0px rgba(24, 39, 75, 0.10);  } .f6023 {display: flex;  flex-direction: row;  } .f6024 {display: flex;  justify-content: center;  align-items: center;  width: 40px;  min-width: 40px;  height: 40px;  border-radius: 50%;  overflow: hidden;  } .f6025 {margin-left: -20px;  } .f6026 {width: 100%;  } .f6027 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6028 {padding: 8px 0;  } .f6029 {display: flex;  flex-direction: column;  gap: 4px;  padding: 12px 16px;  border-radius: 12px;  background-color: #FFFFFF;  } .f6030 {background-color: #C2E3EF;  } .f6031 {display: flex;  justify-content: space-between;  align-items: center;  gap: 4px;  } .f6032 {display: flex;  color: #AAB5C6;  cursor: pointer;  } .f6033 {margin: 0px;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #0B4578;  } .f6034 {display: flex;  justify-content: center;  padding: 0 24px;  width: 100%;  } .f6035 {margin: 0px;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f6036::-webkit-media-controls {display: none;  } .f6037 {position: relative;  display: flex;  align-items: center;  width: 214px;  border-radius: 12px;  height: 118px;  overflow: hidden;  background-color: #FFFFFF;  } .f6038 {position: absolute;  width: 100%;  } .f6038 div {margin-bottom: 0;  } .f6039 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f6040 {position: relative;  display: flex;  justify-content: space-between;  flex-direction: column;  border-radius: 12px;  padding: 25px 12px 12px 12px;  width: 100%;  max-width: 214px;  height: 118px;  overflow: hidden;  background-color: #FFFFFF;  } .f6041 {display: flex;  justify-content: center;  width: 100%;  padding-bottom: 10px;  } .f6042 {display: flex;  align-items: center;  justify-content: center;  } .f6043 {display: block;  overflow: hidden;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  white-space: nowrap;  text-overflow: ellipsis;  } .f6044 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 16px;  } .f6045 {} .f6045 .f5998 {background-color: #FFEDEB;  } .f6046 {margin: 0px;  color: #FF4F3F;  } .f6047 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f6048 {list-style: none;  padding: 0px;  margin: 0px;  } .f6049 {position: relative;  display: flex;  flex-direction: column;  } .f6050 {color: #485B74;  cursor: pointer;  } .f6051 {z-index: 5;  position: absolute;  top: 0px;  right: -16px;  display: flex;  flex-direction: column;  min-width: 220px;  border-radius: 8px;  padding: 8px 0;  background-color: #FFFFFF;  box-shadow: 0px 10px 20px 0px rgba(24, 39, 75, 0.11);  } .f6052 {display: flex;  flex-direction: column;  } .f6053 {min-height: 44px;  padding: 16px 12px;  background-color: transparent;  outline: none;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  color: #1B2637;  cursor: pointer;  } .f6053:hover {background-color: #EBEFF6;  } .f6053:focus {outline: none;  background-color: #EBEFF6;  } .f6053:active {outline: none;  background-color: #EBEFF6;  } .f6054 {position: fixed;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  z-index: 2;  } .f6055 {position: relative;  display: flex;  flex: 1;  width: 100%;  overflow-y: auto;  } .f6056 {position: absolute;  } .f6057 {display: flex;  flex: 1;  width: 100%;  } .f6058 {display: flex;  align-items: center;  flex: 1;  flex-direction: column;  width: 100%;  } .f6059 {display: flex;  flex-direction: column;  align-items: center;  justify-content: flex-end;  padding: 75px 20px 24px 20px;  width: 100%;  max-width: 760px;  min-height: 100%;  } .f6060 {display: flex;  flex-direction: column;  width: 100%;  gap: 12px;  } .f6061 {margin: 0px;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  color: #3A4C64;  } .f6062 {position: absolute;  top: 12px;  right: 16px;  display: flex;  align-items: center;  flex-direction: row;  padding: 4px;  border-radius: 64px;  gap: 12px;  background-color: #FFFFFF;  box-shadow: 0px 7px 16px 0px rgba(24, 39, 75, 0.10);  } .f6063 {position: relative;  border-radius: 999px;  color: #1D6591;  background-color: #E0F1F7;  } .f6064 {position: absolute;  display: flex;  justify-content: center;  align-items: center;  top: -4px;  left: 28px;  width: 24px;  height: 24px;  padding: 2px;  border-radius: 99px;  color: #243042;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 600;  line-height: 17px;  background-color: #FFFFFF;  } .f6065 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #FFFFFF;  } .f6066 {display: flex;  flex: 1;  max-width: 100vw;  overflow: hidden;  } .f6067 {list-style: none;  padding: 0px;  margin: 0px;  } .f6068 {position: relative;  display: flex;  flex: 1;  flex-direction: row;  } .f6069 {position: relative;  display: flex;  flex: 1;  width: 100%;  min-height: 100%;  } .f6070 {display: flex;  flex-direction: column;  flex: 1;  align-items: center;  width: 100%;  } .f6070 > div {display: flex;  flex-direction: column;  flex: 1;  align-items: center;  width: 100%;  } .f6071 {} .f6072 {display: flex;  flex: 1;  flex-direction: column;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  gap: 16px;  } .f6073 {height: 280px;  width: 280px;  margin-bottom: 16px;  } .f6074 {margin: 0px;  color: #DADFE7;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6075 {z-index: 1;  position: absolute;  top: 12px;  left: 16px;  } .f6076 {max-width: 349px;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6077 {display: flex;  align-items: center;  flex-direction: row;  padding: 4px 24px 4px 4px;  border-radius: 64px;  gap: 12px;  background-color: #FFFFFF;  box-shadow: 0px 7px 16px 0px rgba(24, 39, 75, 0.10);  } .f6078 {display: flex;  justify-content: center;  align-items: center;  border-radius: 999px;  color: #2F86AA;  background-color: #FFFFFF;  } .f6079 {width: 100%;  } .f6080 {margin: 0px;  text-decoration: none;  color: inherit;  } .f6081 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f6081:focus {outline: 4px solid transparent;  } .f6081:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f6081:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f6081:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f6081:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f6082 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f6083 {display: flex;  flex-direction: column;  flex: 1;  } .f6084 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f6085 {position: absolute;  } .f6086 {list-style: none;  margin: 0px;  padding: 0px;  } .f6087 {padding: 24px 20px 120px 20px;  display: flex;  flex-direction: column;  width: 100%;  max-width: 1020px;  gap: 40px;  margin: auto;  margin-top: 0px;  } .f6088 {position: absolute;  white-space: nowrap;  width: 1px;  height: 1px;  overflow: hidden;  border: 0;  padding: 0;  clip: rect(0 0 0 0);  clip-path: inset(50%);  margin: -1px;  } .f6089 {display: flex;  flex-direction: column;  gap: 24px;  } .f6090 {display: flex;  flex-direction: row;  gap: 20px;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  } .f6091 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6092 {display: flex;  flex-direction: column;  gap: 24px;  } .f6093 {display: flex;  flex-direction: column;  gap: 16px;  } .f6094 {display: flex;  gap: 12px;  align-items: center;  } .f6095 {display: flex;  flex-direction: column;  } .f6096 {display: flex;  flex-direction: column;  gap: 8px;  } .f6097 {position: relative;  width: 100%;  } .f6098 {text-decoration: none;  display: flex;  flex-direction: column;  padding: 12px;  gap: 8px;  border-radius: 16px;  outline: 2px solid transparent;  transition: box-shadow 0.3s ease-in-out, outline 0.3s ease-in-out;  } .f6099 {display: flex;  gap: 16px;  width: 100%;  } .f6100 {display: flex;  flex-direction: column;  width: 100%;  } .f6101 {display: flex;  flex-wrap: wrap;  row-gap: 4px;  column-gap: 16px;  width: 100%;  } .f6102 {display: flex;  } .f6103 {position: relative;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden;  border-radius: 16px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  background-color: #26759D;  } .f6104 {background-image: url('/img/bg/card_paid_img02.svg');  } .f6105 {position: absolute;  height: 120%;  min-height: 120%;  filter: blur(20px);  } .f6106 {position: absolute;  height: 100%;  } .f6107 {background-color: #FFFFFF;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f6098:focus {outline: 2px solid #1D6591;  } .f6098:hover {box-shadow: 0px 4px 12px 0px rgba(24, 39, 75, 0.10);  } .f6108 {position: relative;  display: flex;  justify-content: center;  align-items: center;  min-width: 284px;  width: 284px;  height: 160px;  overflow: hidden;  border-radius: 12px;  } .f6109 {position: absolute;  height: 120%;  min-height: 120%;  filter: blur(20px);  } .f6110 {position: absolute;  width: 100%;  } .f6111 {display: flex;  flex-direction: column;  width: 100%;  gap: 8px;  overflow: hidden;  } .f6112 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6113 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f6114 {margin: 0px;  overflow: hidden;  text-overflow: ellipsis;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6115 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-gap: 8px;  } .f6116 {display: flex;  flex-direction: column;  gap: 2px;  min-height: 88px;  padding: 16px 24px;  border-radius: 12px;  } .f6117 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6118 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6119 {display: flex;  flex-wrap: wrap;  grid-gap: 8px;  } .f6120 {display: flex;  flex-direction: row;  align-items: center;  gap: 16px;  padding: 12px 16px;  border-radius: 12px;  width: calc((100% - 8px * 2) / 3);  } .f6121 {display: flex;  justify-content: center;  align-items: center;  height: 64px;  min-width: 59px;  overflow: hidden;  } .f6122 {height: 100%;  } .f6123 {display: flex;  flex-direction: column;  width: calc(100% - 80px);  gap: 4px;  } .f6124 {margin: 0px;  color: #1B2637;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 600;  line-height: 18px;  } .f6125 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  } .f6126 {white-space: nowrap;  max-width: 100%;  height: 18px;  overflow: hidden;  text-overflow: ellipsis;  } .f6126:hover {overflow: visible;  border-radius: 7px;  max-width: fit-content;  width: fit-content;  z-index: 10;  padding-right: 10px;  text-overflow: ellipsis;  background-color: white;  } .f6127 {display: flex;  flex-direction: row;  gap: 8px;  align-items: center;  } .f6128 {height: 6px;  width: 100%;  border-radius: 3px;  overflow: hidden;  background-color: #EBEFF6;  } .f6129 {height: 100%;  background-color: #2F86AA;  } .f6130 {display: grid;  grid-template-columns: repeat(3, 1fr);  grid-column-gap: 28px;  grid-row-gap: 43px;  } .f6131 {height: 397px;  width: 308px;  min-width: 308px;  background-color: #EBEFF6;  } .f6132 {font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #DADFE7;  } .f6133 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f6133::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6133:hover {outline: 1px solid #DADFE7;  } .f6133:focus {outline: 1px solid #1D6591;  } .f6133:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f6133:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f6133:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f6134 {margin: 0px;  text-decoration: none;  color: inherit;  } .f6135 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f6135:focus {outline: 4px solid transparent;  } .f6135:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f6135:hover {background: #145585;  border: 2px solid #145585;  } .f6135:active {background: #0B4578;  border: 2px solid #0B4578;  } .f6135:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f6136 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f6136:focus {outline: 4px solid transparent;  } .f6136:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f6136:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f6136:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f6136:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f6137 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6138 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f6138:focus-within {outline: 1px solid #1D6591;  } .f6139 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f6140 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f6140:last-child {margin-bottom: 0px;  } .f6141 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f6142 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f6143 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6144 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6145 {margin-bottom: 24px;  } .f6146 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6147 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f6148 {display: flex;  justify-content: space-between;  align-items: center;  } .f6149 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6150 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6151 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f6152 {display: flex;  flex-direction: column;  } .f6153 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f6153:last-child {margin-bottom: 0px;  } .f6154 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6155 {margin-bottom: 0px;  } .f6156 {margin-bottom: 8px;  } .f6157 {display: flex;  flex-direction: column;  } .f6158 {width: 140px;  } .f6159 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f6160 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f6161 {height: 100%;  } .f6162 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f6163 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f6164 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f6165 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f6166 {align-items: flex-end;  } .f6167 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f6168 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f6169 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f6170 {display: flex;  justify-content: flex-start;  } .f6171 {margin-bottom: 16px;  } .f6137:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  } .f6172 {} .f6173 {} .f6174 {} .f6175 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f6175::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6175:hover {outline: 1px solid #DADFE7;  } .f6175:focus {outline: 1px solid #1D6591;  } .f6175:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f6175:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f6175:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f6176 {margin: 0px;  text-decoration: none;  color: inherit;  } .f6177 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f6177:focus {outline: 4px solid transparent;  } .f6177:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f6177:hover {background: #145585;  border: 2px solid #145585;  } .f6177:active {background: #0B4578;  border: 2px solid #0B4578;  } .f6177:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f6178 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f6178:focus {outline: 4px solid transparent;  } .f6178:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f6178:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f6178:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f6178:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f6179 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f6180 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6181 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6182 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f6182:focus {outline: 4px solid transparent;  } .f6182:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f6182:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f6182:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f6182:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f6183 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f6184 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6185 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f6186 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6186:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  } .f6187 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f6187:focus-within {outline: 1px solid #1D6591;  } .f6188 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f6189 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f6189:last-child {margin-bottom: 0px;  } .f6190 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f6191 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f6192 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6193 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6194 {margin-bottom: 24px;  } .f6195 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6196 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f6197 {display: flex;  justify-content: space-between;  align-items: center;  } .f6198 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6199 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6200 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f6201 {display: flex;  flex-direction: column;  } .f6202 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f6202:last-child {margin-bottom: 0px;  } .f6203 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6204 {margin-bottom: 0px;  } .f6205 {margin-bottom: 8px;  } .f6206 {display: flex;  flex-direction: column;  } .f6207 {width: 140px;  } .f6208 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f6209 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f6210 {height: 100%;  } .f6211 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f6212 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f6213 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f6214 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f6215 {align-items: flex-end;  } .f6216 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f6217 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f6218 {display: flex;  justify-content: flex-start;  } .f6219 {margin-bottom: 16px;  } .f6220 {} .f6221 {} .f6222 {} .f6223 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f6223::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6223:hover {outline: 1px solid #DADFE7;  } .f6223:focus {outline: 1px solid #1D6591;  } .f6223:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f6223:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f6223:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f6224 {margin: 0px;  text-decoration: none;  color: inherit;  } .f6225 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f6225:focus {outline: 4px solid transparent;  } .f6225:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f6225:hover {background: #145585;  border: 2px solid #145585;  } .f6225:active {background: #0B4578;  border: 2px solid #0B4578;  } .f6225:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f6226 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f6226:focus {outline: 4px solid transparent;  } .f6226:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f6226:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f6226:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f6226:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f6227 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f6228 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6229 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6230 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f6230:focus {outline: 4px solid transparent;  } .f6230:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f6230:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f6230:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f6230:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f6231 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f6232 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6233 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f6234 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6235 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f6235:focus-within {outline: 1px solid #1D6591;  } .f6236 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f6237 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f6237:last-child {margin-bottom: 0px;  } .f6238 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f6239 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f6240 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6241 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6242 {margin-bottom: 24px;  } .f6243 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6244 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f6245 {display: flex;  justify-content: space-between;  align-items: center;  } .f6246 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6247 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6248 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f6249 {display: flex;  flex-direction: column;  } .f6250 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f6250:last-child {margin-bottom: 0px;  } .f6251 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6252 {margin-bottom: 0px;  } .f6253 {margin-bottom: 8px;  } .f6254 {display: flex;  flex-direction: column;  } .f6255 {width: 140px;  } .f6256 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f6257 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f6258 {height: 100%;  } .f6259 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f6260 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f6261 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f6262 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f6263 {align-items: flex-end;  } .f6264 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f6265 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f6266 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f6267 {display: flex;  justify-content: flex-start;  } .f6268 {margin-bottom: 16px;  } .f6234:invalid {background-color: #FFF6F5;  outline: 1px solid #FF4F3F;  } .f6269 {} .f6270 {} .f6271 {} .f6272 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f6272::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6272:hover {outline: 1px solid #DADFE7;  } .f6272:focus {outline: 1px solid #1D6591;  } .f6272:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f6272:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f6272:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f6273 {margin: 0px;  text-decoration: none;  color: inherit;  } .f6274 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f6274:focus {outline: 4px solid transparent;  } .f6274:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f6274:hover {background: #145585;  border: 2px solid #145585;  } .f6274:active {background: #0B4578;  border: 2px solid #0B4578;  } .f6274:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f6275 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f6275:focus {outline: 4px solid transparent;  } .f6275:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f6275:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f6275:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f6275:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f6276 {display: flex;  flex-direction: column;  width: 100%;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f6277 {margin: 0px;  margin-bottom: 12px;  color: #FF4F3F;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6278 {margin: 0px;  margin-bottom: 12px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6279 {display: flex;  height: 40px;  min-height: 40px;  padding: 0 16px;  flex-direction: row;  justify-content: center;  align-items: center;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  white-space: nowrap;  color: #FF4F3F;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background-color: #FFEDEB;  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f6279:focus {outline: 4px solid transparent;  } .f6279:focus-visible {border: 2px solid transparent;  outline: 4px solid #5DB4D2;  background: #FFE3E0;  } .f6279:hover {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FFE3E0;  } .f6279:active {border: 2px solid transparent;  outline: 4px solid transparent;  background: #FAD9D6;  } .f6279:disabled {border: 2px solid transparent;  outline: 4px solid transparent;  color: #AAB5C6;  background: #DFE4EC;  } .f6280 {display: flex;  flex-direction: column;  width: 100%;  gap: 24px;  padding: 24px;  margin-bottom: 24px;  border-radius: 16px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f6281 {margin: 0px;  color: #3A4C64;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6282 {display: flex;  justify-content: flex-start;  gap: 8px;  } .f6283 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6284 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f6284:focus-within {outline: 1px solid #1D6591;  } .f6285 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f6286 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f6286:last-child {margin-bottom: 0px;  } .f6287 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f6288 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f6289 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6290 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6291 {margin-bottom: 24px;  } .f6292 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6293 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f6294 {display: flex;  justify-content: space-between;  align-items: center;  } .f6295 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6296 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6297 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f6298 {display: flex;  flex-direction: column;  } .f6299 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f6299:last-child {margin-bottom: 0px;  } .f6300 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6301 {margin-bottom: 0px;  } .f6302 {margin-bottom: 8px;  } .f6303 {display: flex;  flex-direction: column;  } .f6304 {width: 140px;  } .f6305 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f6306 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f6307 {height: 100%;  } .f6308 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f6309 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f6310 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f6311 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f6312 {align-items: flex-end;  } .f6313 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f6314 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f6315 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f6316 {display: flex;  justify-content: flex-start;  } .f6317 {margin-bottom: 16px;  } .f6318 {} .f6319 {} .f6320 {} .f6321 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f6321::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6321:hover {outline: 1px solid #DADFE7;  } .f6321:focus {outline: 1px solid #1D6591;  } .f6321:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f6321:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f6321:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f6322 {margin: 0px;  text-decoration: none;  color: inherit;  } .f6323 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f6323:focus {outline: 4px solid transparent;  } .f6323:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f6323:hover {background: #145585;  border: 2px solid #145585;  } .f6323:active {background: #0B4578;  border: 2px solid #0B4578;  } .f6323:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f6324 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f6324:focus {outline: 4px solid transparent;  } .f6324:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f6324:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f6324:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f6324:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f6325 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6326 {display: flex;  align-items: center;  height: 90px;  width: 100%;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f6326:focus-within {outline: 1px solid #1D6591;  } .f6327 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  } .f6328 {display: flex;  flex-direction: column;  width: 100%;  margin-bottom: 40px;  } .f6328:last-child {margin-bottom: 0px;  } .f6329 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f6330 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f6331 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6332 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6333 {margin-bottom: 24px;  } .f6334 {display: flex;  padding-left: 44px;  min-height: 32px;  background-position: left 0 center;  background-size: 32px;  background-repeat: no-repeat;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6335 {background-image: url('/img//icon/icon_chevron-left.svg');  } .f6336 {display: flex;  justify-content: space-between;  align-items: center;  } .f6337 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6338 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6339 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f6340 {display: flex;  flex-direction: column;  } .f6341 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f6341:last-child {margin-bottom: 0px;  } .f6342 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6343 {margin-bottom: 0px;  } .f6344 {margin-bottom: 8px;  } .f6345 {display: flex;  flex-direction: column;  } .f6346 {width: 140px;  } .f6347 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f6348 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f6349 {height: 100%;  } .f6350 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f6351 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f6352 {display: flex;  flex-wrap: wrap;  max-width: 320px;  width: 100%;  } .f6353 {gap: 16px;  flex-direction: row;  flex-wrap: nowrap;  } .f6354 {align-items: flex-end;  } .f6355 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f6356 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f6357 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f6358 {display: flex;  justify-content: flex-start;  } .f6359 {margin-bottom: 16px;  } .f6360 {} .f6361 {} .f6362 {} .f6363 {list-style: none;  padding: 0px;  margin: 0px;  } .f6364 {padding: 0px;  margin: 0px;  border: none;  text-align: left;  text-decoration: none;  color: inherit;  background-color: transparent;  } .f6365 {color: black;  fill: black;  } .f6366 {display: flex;  flex-direction: column;  flex: 1;  } .f6367 {display: flex;  flex-direction: column;  gap: 4px;  width: 100%;  padding: 24px 40px;  border-bottom: 1px solid #EBEFF6;  } .f6368 {display: inline-block;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  color: #AAB5C6;  } .f6369 {display: inline-block;  margin: 0px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  color: #243042;  } .f6370 {position: relative;  display: flex;  justify-content: center;  flex: 1;  width: 100%;  overflow-y: auto;  } .f6371 {display: flex;  flex: 1;  justify-content: center;  width: 100%;  } .f6372 {position: absolute;  display: flex;  flex: 1;  width: 100%;  max-width: 1300px;  padding: 24px 16px 0 40px;  } .f6373 {height: 100vh;  width: 100%;  background-color: #F8FCFF;  background-size: contain;  background-position: right;  background-repeat: no-repeat;  } .f6374 {min-height: 100%;  width: 100%;  overflow-y: auto;  } .f6375 {background-image: url(/img/bg/bg_auth.svg);  } .f6376 {margin: 0 auto;  max-width: 1144px;  padding: 36px 32px;  } .f6377 {display: flex;  align-items: center;  justify-content: space-between;  } .f6378 {text-decoration: none;  color: inherit;  } .f6379 {width: 106px;  height: 36px;  } .f6380 {display: flex;  flex-direction: column;  margin: 0 auto;  max-width: 1144px;  padding: 40px 32px;  } .f6381 {margin: 0px 0px 32px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f6382 {margin: 0px 0px 32px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f6383 {list-style-type: none;  padding: 0px;  margin: 0px;  } .f6384 {display: flex;  flex-direction: row;  margin: 0px 0px 32px 0px;  color: #1B2637;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6385 {display: flex;  flex-direction: column;  align-items: flex-start;  margin: 0px;  padding-top: 5px;  } .f6386 {display: flex;  min-width: 38px;  min-height: 38px;  max-width: 38px;  max-height: 38px;  margin-right: 16px;  justify-content: center;  align-items: center;  border-radius: 40px;  border: 1px solid #1B2637;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f6387 {display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 12px;  margin-top: 8px;  } .f6388 {display: flex;  height: 48px;  max-width: 162px;  } .f6389 {margin-top: auto;  } .f6390 {display: flex;  flex-direction: row;  align-items: center;  justify-content: flex-start;  margin-bottom: 24px;  } .f6391 {width: 24px;  height: 24px;  margin-right: 16px;  } .f6392 {width: 100%;  margin-right: 16px;  } .f6391:hover {background-color: #EBEFF6;  } .f6391:focus {background-image: url(/img/fi_check-square_ok.svg);  window: 100%;  } .f6391:ative {background-image: url(/img/fi_check-square_ok.svg);  window: 100%;  } .f6391:checked {background-image: url(/img/fi_check-square_ok.svg);  window: 100%;  } .f6393 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6394 {display: flex;  align-items: center;  justify-content: center;  width: fit-content;  padding: 20px 40px;  border-radius: 66px;  border: 2px solid #1B2637;  outline: none;  text-decoration: none;  color: #1B2637;  text-align: center;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f6394:focus {background: #88C9E0;  } .f6394:hover {background: #C2E3EF;  } .f6394:active {background: #5DB4D2;  } .f6394:disabled {border: 2px solid #AAB5C6;  background: #FFFFFF;  } .f6395 {list-style: none;  padding: 0px;  margin: 0px;  } .f6396 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-height: 64px;  width: 100%;  padding: 5px 48px;  border-radius: 12px;  outline: 4px solid transparent;  outline-offset: -2px;  border: 2px solid #000000;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #FFFFFF;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: #000000;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f6396:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #243042;  background-color: #243042;  } .f6396:hover {outline: 4px solid transparent;  border: 2px solid #243042;  background-color: #243042;  } .f6396:active {outline: 4px solid transparent;  border: 2px solid #3A4C64;  background-color: #3A4C64;  } .f6396:disabled {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  color: #AAB5C6;  background-color: #EBEFF6;  } .f6397 {display: flex;  align-items: center;  justify-content: center;  height: 64px;  min-height: 64px;  padding: 5px 48px;  border-radius: 12px;  outline: 4px solid transparent;  outline-offset: -2px;  border: 2px solid #243042;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f6397:focus-visible {outline: 4px solid #5DB4D2;  border: 2px solid #EBEFF6;  background-color: #DFE4EC;  } .f6397:hover {outline: 4px solid transparent;  border: 2px solid #EBEFF6;  background-color: #DFE4EC;  } .f6397:active {outline: 4px solid transparent;  border: 2px solid #DADFE7;  background-color: #DADFE7;  } .f6397:disabled {outline: 4px solid transparent;  border: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f6398 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  background-size: contain;  background-position: top 0 right 0;  background-repeat: no-repeat;  } .f6399 {position: relative;  margin: 0px;  padding-top: 24px;  flex: 1;  } .f6400 {margin: 0 auto;  width: 100%;  max-width: 1020px;  padding-left: 20px;  padding-right: 20px;  } .f6401 {display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 20px;  justify-content: space-between;  margin-bottom: 32px;  } .f6402 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 64px;  font-style: normal;  font-weight: 600;  line-height: 68px;  } .f6403 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6404 {display: flex;  flex: 1;  max-width: 345px;  } .f6405 {width: 100%;  height: 42vw;  max-height: 429px;  background-size: contain;  background-position: center;  background-repeat: no-repeat;  } .f6406 {background-image: url('/img/bg_welcome-author1.png');  } .f6407 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 49px;  font-style: normal;  font-weight: 600;  line-height: 57px;  } .f6408 {margin: 0px;  margin-bottom: 40px;  max-width: 461px;  } .f6409 {padding-bottom: 120px;  } .f6410 {display: flex;  flex-wrap: wrap;  gap: clamp(20px, 6vw, 48px) clamp(20px, 5vw, 64px);  margin-bottom: 120px;  } .f6411 {flex: 1;  max-width: 640px;  width: 100%;  min-width: 300px;  } .f6412 {margin: 0px;  margin-bottom: 8px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6413 {display: flex;  justify-content: space-between;  gap: 20px;  } .f6414 {display: flex;  justify-content: center;  padding: 171px 24px 32px 24px;  border-radius: 24px;  max-width: 280px;  width: 100%;  background-color: #FFFFFF;  background-position: center top 36px;  background-size: auto 112px;  background-repeat: no-repeat;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  } .f6415 {background-image: url('/img/bg/bg_welcome-author2.svg');  } .f6416 {background-image: url('/img/bg/bg_welcome-author3.svg');  } .f6417 {background-image: url('/img/bg/bg_welcome-author4.svg');  } .f6418 {display: flex;  justify-content: center;  align-items: center;  margin: 0px;  min-height: 115px;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6419 {padding-bottom: 120px;  } .f6420 {display: flex;  width: 100%;  justify-content: center;  margin-bottom: 48px;  } .f6421 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  column-gap: 20px;  row-gap: 64px;  } .f6422 {position: relative;  display: flex;  flex-direction: column;  align-items: center;  width: 100%;  max-width: 250px;  padding-top: 442px;  } .f6422::before {content: '';  position: absolute;  top: 0px;  left: 50%;  display: block;  width: 294px;  height: 500px;  background-position: center;  background-size: contain;  background-repeat: no-repeat;  transform: translateX(-50%);  } .f6423::before {background-image: url('/img/bg/bg_welcome-author4-1.png');  } .f6424::before {background-image: url('/img/bg/bg_welcome-author4-2.png');  } .f6425::before {background-image: url('/img/bg/bg_welcome-author4-3.png');  } .f6426::before {background-image: url('/img/bg/bg_welcome-author4-4.png');  } .f6427::before {background-image: url('/img/bg/bg_welcome-author4-5.png');  } .f6428::before {background-image: url('/img/bg/bg_welcome-author4-6.png');  } .f6429 {position: absolute;  top: 0px;  width: 327px;  } .f6430 {position: relative;  margin: 0px;  margin-bottom: 6px;  text-align: center;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f6431 {position: relative;  margin: 0px;  text-align: center;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6432 {padding-top: 85px;  padding-bottom: 122px;  background-color: #E0F1F7;  background-position: center;  background-size: cover;  background-repeat: no-repeat;  } .f6433 {background-image: url('/img/bg/bg_welcome-author5.png');  } .f6434 {display: flex;  width: 100%;  justify-content: center;  text-align: center;  margin-bottom: 29px;  } .f6435 {display: flex;  width: 100%;  justify-content: center;  text-align: center;  margin: 0px;  margin-bottom: 38px;  color: #64748B;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f6436 {display: flex;  flex-wrap: wrap;  gap: 20px;  justify-content: space-between;  border-radius: 48px;  outline: 4px solid #2F86AA;  outline-offset: -4px;  padding: 40px 48px;  margin-bottom: 96px;  } .f6437 {display: flex;  flex: 1;  max-width: 190px;  min-width: 140px;  width: 100%;  justify-content: center;  padding-top: 116px;  background-position: center top 0;  background-size: 100px;  background-repeat: no-repeat;  } .f6438 {margin: 0px;  text-align: center;  color: #1D6591;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6439 {background-image: url('/img/bg_welcome-author5-peoples.svg');  } .f6440 {background-image: url('/img/bg_welcome-author5-rocket.svg');  } .f6441 {background-image: url('/img/bg_welcome-author5-tree.svg');  } .f6442 {background-image: url('/img/bg_welcome-author5-wifi.svg');  } .f6443 {position: relative;  padding-left: 16px;  } .f6444 {position: absolute;  display: flex;  flex-direction: column;  justify-content: space-between;  gap: 20px;  max-height: 179px;  height: 100%;  max-width: 376px;  } .f6445 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 34px;  font-style: normal;  font-weight: 600;  line-height: 39px;  } .f6446 {margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6447 {display: flex;  gap: 16px;  flex-wrap: wrap;  } .f6448 {display: flex;  flex-direction: column;  justify-content: flex-end;  gap: 12px;  max-width: 180px;  width: 100%;  min-width: 100px;  min-height: 200px;  padding: 20px;  border-radius: 24px;  word-break: break-all;  box-shadow: 0px 2px 6px 0px rgba(24, 39, 75, 0.09);  background-color: #FFFFFF;  } .f6449 {height: 100px;  } .f6450 {min-width: 376px;  min-height: 165px;  } .f6451 {display: flex;  min-height: 35px;  align-items: flex-start;  margin: 0px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6452 {padding-top: 128px;  padding-bottom: 127px;  background-color: #C2E3EF;  background-position: center;  background-size: cover;  background-repeat: no-repeat;  } .f6453 {background-image: url('/img/bg/bg_welcome-author6.svg');  } .f6454 {position: relative;  display: flex;  flex-wrap: wrap;  padding: 24px;  max-width: 980px;  gap: 20px;  justify-content: space-between;  border-radius: 32px;  overflow: hidden;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  } .f6455 {position: absolute;  inset: 0px;  opacity: 0.8;  background-color: #FFFFFF;  } .f6456 {position: relative;  flex: 1;  max-width: 504px;  min-width: 300px;  width: 100%;  } .f6457 {position: relative;  flex: 1;  max-width: 379px;  min-width: 350px;  width: 100%;  display: flex;  flex-direction: column;  justify-content: flex-end;  gap: 8px;  } .f6458 {margin-bottom: 16px;  } .f6459 {margin-bottom: 7px;  } .f6459:last-child {margin-bottom: 0px;  } .f6460 {} .f6461 {} .f6462 {list-style: none;  padding: 0px;  margin: 0px;  } .f6463 {background-color: #a0c3fd;  height: 24px;  z-index: 10;  position: fixed;  display: flex;  right: 0px;  border-bottom-left-radius: 10px;  padding: 2px 17px;  } .f6464 {position: fixed;  z-index: 990;  top: 0px;  left: 0px;  bottom: 0px;  right: 0px;  background: #000000;  opacity: 0.7;  } .f6465 {position: fixed;  width: 80%;  background: #FF1A05;  height: 80%;  left: 50%;  margin-left: -40%;  z-index: 999;  margin-top: 3%;  color: #FFFFFF;  overflow: hidden;  } .f6466 {overflow-y: scroll;  padding: 24px;  height: 94%;  } .f6467 {font-family: Manrope;  font-size: 41px;  font-style: normal;  font-weight: 600;  line-height: 47px;  margin-bottom: 16px;  padding-left: 24px;  padding-top: 16px;  } .f6468 {margin-bottom: 24px;  } .f6469 {font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  margin-bottom: 10px;  } .f6470 {margin-bottom: 10px;  } .f6471 {width: 100%;  height: 120px;  background: none;  border: none;  font-family: Manrope;  font-size: 13px;  font-style: normal;  font-weight: 400;  line-height: 17px;  color: #FFFFFF;  } .f6472 {display: contents;  } .f6473 {display: flex;  align-items: center;  justify-content: center;  height: 44px;  padding: 0 24px;  border-radius: 22px;  outline: none;  outline-offset: -2px;  border: none;  text-decoration: none;  text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  white-space: nowrap;  background-color: transparent;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f6473:focus {outline: none;  } .f6473:focus-visible {background: #88C9E0;  outline: none;  } .f6473:hover {background: #C2E3EF;  } .f6473:active {background: #5DB4D2;  } .f6473:disabled {outline: 2px solid #AAB5C6;  color: #AAB5C6;  background-color: transparent;  } .f6474 {text-align: center;  color: #1B2637;  font-family: Manrope;  font-size: 22px;  font-style: normal;  font-weight: 400;  line-height: 27px;  } .f6475 {display: flex;  align-items: center;  height: 50px;  width: 100%;  padding: 0 16px;  border: none;  outline: 1px solid #DFE4EC;  border-radius: 12px;  outline-offset: -1px;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  background-color: #FFFFFF;  } .f6475::placeholder {color: #AAB5C6;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6475:hover {outline: 1px solid #DADFE7;  } .f6475:focus {outline: 1px solid #1D6591;  } .f6475:active {outline: 1px solid #2F86AA;  background-color: #FFFFFF;  } .f6475:disabled {outline: 1px solid #DFE4EC;  background-color: #EBEFF6;  } .f6475:invalid {outline: 1px solid #FF4F3F;  background-color: #FFF6F5;  } .f6476 {margin: 0px;  text-decoration: none;  color: inherit;  } .f6477 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  padding: 0 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid #1D6591;  text-decoration: none;  text-align: center;  white-space: nowrap;  background: #1D6591;  color: #FFFFFF;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;  cursor: pointer;  } .f6477:focus {outline: 4px solid transparent;  } .f6477:focus-visible {background: #145585;  border: 2px solid #145585;  outline: 4px solid #5DB4D2;  } .f6477:hover {background: #145585;  border: 2px solid #145585;  } .f6477:active {background: #0B4578;  border: 2px solid #0B4578;  } .f6477:disabled {color: #FFFFFF;  background: #AAB5C6;  border: 2px solid #EBEFF6;  } .f6478 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 0 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f6478:focus {outline: 4px solid transparent;  } .f6478:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f6478:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f6478:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f6478:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f6479 {display: flex;  align-items: center;  justify-content: center;  height: 40px;  min-height: 40px;  padding: 5px 16px;  border-radius: 12px;  outline: 4px solid transparent;  border: 2px solid transparent;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #243042;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 600;  line-height: 23px;  background: #EBEFF6;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out;  cursor: pointer;  } .f6479:focus {outline: 4px solid transparent;  } .f6479:focus-visible {outline: 4px solid #5DB4D2;  background: #DFE4EC;  } .f6479:hover {outline: 4px solid transparent;  background: #DFE4EC;  } .f6479:active {outline: 4px solid transparent;  background: #DADFE7;  } .f6479:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f6480 {display: flex;  align-items: center;  justify-content: center;  height: 50px;  min-height: 50px;  padding: 5px 24px;  border-radius: 12px;  outline: 4px solid transparent;  border: none;  text-decoration: none;  text-align: center;  white-space: nowrap;  color: #1D6591;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 600;  line-height: 30px;  background: #C2E3EF;  transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out, color 0.4s ease-in-out, border 0.4s ease-in-out;  cursor: pointer;  } .f6480:focus {outline: 4px solid transparent;  } .f6480:focus-visible {outline: 4px solid #5DB4D2;  color: #1D6591;  background: #88C9E0;  } .f6480:hover {outline: 4px solid transparent;  color: #1D6591;  background: #88C9E0;  } .f6480:active {outline: 4px solid transparent;  color: #1D6591;  background: #5DB4D2;  } .f6480:disabled {outline: 4px solid transparent;  color: #AAB5C6;  background: #EBEFF6;  } .f6481 {width: 100%;  height: 100%;  padding: 12px 16px;  border: none;  outline: none;  resize: none;  background-color: #FFFFFF;  color: #3A4C64;  font-family: Manrope;  font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 30px;  } .f6482:invalid {background-color: #f00;  } .f6483 {display: flex;  align-items: center;  height: 149px;  width: 100%;  margin-bottom: 8px;  border-radius: 16px;  outline: 1px solid #DADFE7;  outline-offset: -1px;  overflow: hidden;  background-color: #FFFFFF;  } .f6483:focus-within {outline: 1px solid #1D6591;  } .f6484 {display: flex;  flex-direction: column;  min-height: 100vh;  margin: 0 auto;  background-color: #F8FCFF;  } .f6485 {display: flex;  flex-direction: column;  max-width: 816px;  width: 100%;  padding: 40px 24px 128px 24px;  margin: auto;  margin-top: 0;  } .f6486 {margin: 0px;  color: #AAB5C6;  font-family: Manrope;  font-size: 15px;  font-style: normal;  font-weight: 400;  line-height: 18px;  } .f6487 {margin: 0px;  margin-bottom: 24px;  color: #243042;  font-family: Manrope;  font-size: 29px;  font-style: normal;  font-weight: 600;  line-height: 33px;  } .f6488 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  width: 100%;  max-width: 720px;  gap: 24px;  border-radius: 16px;  margin-bottom: 40px;  padding: 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f6489 {margin: 0px;  margin-bottom: 12px;  color: #243042;  font-family: Manrope;  font-size: 18px;  font-style: normal;  font-weight: 600;  line-height: 23px;  } .f6490 {margin: 0px;  margin-bottom: 22px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6491 {display: flex;  flex-wrap: wrap;  gap: 8px;  } .f6492 {display: flex;  flex-direction: column;  } .f6493 {display: flex;  flex-direction: column;  width: 100%;  max-width: 720px;  margin-bottom: 40px;  } .f6493:last-child {margin-bottom: 0px;  } .f6494 {display: flex;  flex-direction: column;  margin-bottom: 24px;  } .f6494:last-child {margin-bottom: 0px;  } .f6495 {margin: 0px;  margin-bottom: 8px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6496 {margin-bottom: 8px;  } .f6497 {margin-bottom: 0px;  } .f6498 {display: flex;  flex-direction: column;  margin-bottom: 12px;  } .f6498:last-child {margin-bottom: 0px;  } .f6499 {display: flex;  align-items: center;  justify-content: center;  width: 120px;  min-width: 120px;  height: 120px;  border-radius: 50%;  overflow: hidden;  background-position: center;  background-size: 70%;  background-repeat: no-repeat;  background-color: #26759D;  cursor: pointer;  } .f6500 {background-image: url('/img/bg/bg-profile-avatar.svg');  } .f6501 {height: 100%;  } .f6502 {font-size: 51px;  letter-spacing: -13px;  max-height: 29px;  } .f6503 {margin: 0px;  margin-bottom: 16px;  color: #243042;  font-family: Manrope;  font-size: 24px;  font-style: normal;  font-weight: 600;  line-height: 27px;  } .f6504 {max-width: 320px;  width: 100%;  } .f6505 {padding-right: 52px;  background-position: right 15px center;  background-size: 24px;  background-repeat: no-repeat;  } .f6506 {background-image: url('/img/icon/icon_select-arrow-l-gray.svg');  } .f6507 {background-image: url('/img/icon/icon_calendar-light-gray.svg');  } .f6508 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  gap: 16px;  } .f6509 {margin: 0px;  color: #64748B;  font-family: Manrope;  font-size: 17px;  font-style: normal;  font-weight: 400;  line-height: 23px;  } .f6510 {color: #FF4F3F;  } .f6511 {color: #F59E0B;  } .f6512 {margin-bottom: 16px;  } .f6513 {display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  gap: 8px;  border-radius: 16px;  padding: 16px 16px 16px 24px;  box-shadow: 0px 1px 2px 0px rgba(24, 39, 75, 0.08);  background-color: #FFFFFF;  } .f6514 {} .f6515 {} .f6516 {} @font-face {
	font-family: 'Manrope'; 
    font-style: normal;
    font-weight: 300;
	src: local('Manrope'),
		url(../fonts/Manrope-Light.ttf); 
}

@font-face {
	font-family: 'Manrope'; 
    font-style: normal;
    font-weight: 400;
	src: local('Manrope'),
		url(../fonts/Manrope-Regular.ttf); 
}

@font-face {
	font-family: 'Manrope'; 
    font-style: normal;
    font-weight: 500;
	src: local('Manrope'),
		url(../fonts/Manrope-Medium.ttf); 
}

@font-face {
	font-family: 'Manrope'; 
    font-style: normal;
    font-weight: 600;
	src: local('Manrope'),
		url(../fonts/Manrope-SemiBold.ttf); 
}

@font-face {
	font-family: 'Manrope'; 
    font-style: normal;
    font-weight: 700;
	src: local('Manrope'),
		url(../fonts/Manrope-Bold.ttf); 
}

/* .wrapper-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 auto;
} */

body * {
    box-sizing: border-box;
}

.body {
    margin: 0px;
    background-color: #F8FCFF;
}

.body::-webkit-scrollbar {
    width: 6px;
}


.body::-webkit-scrollbar-track {
    background: transparent;
}
.body::-webkit-scrollbar-thumb {
    background-color: #CFD7E3 ;
    border: 3px solid #CFD7E3;
}

.body, .header, .footer {
    font-family: Manrope;
    min-width: 320px;
}

/* Стиль скроллбара */
.scrollBar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollBar::-webkit-scrollbar-track {
    background: transparent;
}
.scrollBar::-webkit-scrollbar-thumb {
    background-color: #CFD7E3 ;
    border: 3px solid #CFD7E3;
}

/* Начало стиль чекбокса */
.checkbox {
    display: flex;
    position: relative;
    /* flex-direction: column; */
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.checkboxInput[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    appearance: none;
}

.checkboxText {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}

.checkbox .checkboxText::before {
    content: "";
    display: inline-block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 8px;
    border: 2px solid #CFD7E3;
    outline: 5px solid transparent;
    outline-offset: -1px;
    background-color: #fff;
    transition: border-color 0.3s ease-in-out, outline 0.3s ease-in-out;
}
  
.checkboxInput:focus-visible + .checkboxText::before {
    outline: 5px solid #A0B7F8;
}
    
.checkbox:hover .checkboxText::before {
    outline: 5px solid transparent;
    border: 2px solid #09B96A;
}

.checkbox .checkboxText::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    opacity: 1;
    border-radius: 8px;
    border: 2px solid #00CE70;
    background-color: #00CE70;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/img/icon/icon_check-white.svg');
    transition: opacity 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.checkbox:hover .checkboxText::after {
    border: 2px solid #09B96A;
    background-color: #09B96A;
}
  
.checkbox .checkboxInput[type="checkbox"]:not(:checked) + .checkboxText::after {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


/* Добавляется класс .checkboxGroup в тег <p>, для изменения картинки галочки на минус  */
.checkbox .checkboxGroup::after {
    background-image: url('/img/icon/icon_check-group-white.svg');
}

/* Добавляется класс .checkboxDisabled в тег <p>, для состояния disabled */
.checkboxDisabled {
    color: #91A0B6;
}

.checkbox .checkboxDisabled::before {
    border: 2px solid #B0BDCE;
    background-color: #EBEFF6;
}

.checkbox .checkboxDisabled::after {
    border: 2px solid #91A0B6;
    background-color: #91A0B6;
}

.checkboxInput:focus-visible + .checkboxDisabled::before {
    outline: 5px solid transparent;
}

.checkbox:hover .checkboxDisabled::before {
    border: 2px solid #B0BDCE;
    background-color: #EBEFF6;
}
.checkbox:hover .checkboxDisabled::after {
    border: 2px solid #91A0B6;
    background-color: #91A0B6;
}
/* Конец стиль чекбокса */



/* Начало стиль Радиокнопки */
.checkRadio {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.checkRadioInput[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    appearance: none;
}

.checkRadioText {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}

.checkRadio .checkRadioText::before {
    content: "";
    display: inline-block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 50%;
    border: 2px solid #CFD7E3;
    outline: 5px solid transparent;
    outline-offset: -1px;
    background-color: #fff;
    transition: border-color 0.3s ease-in-out, outline 0.3s ease-in-out;
}
  
.checkRadioInput:focus-visible + .checkRadioText::before {
    outline: 5px solid #A0B7F8;
}
    
.checkRadio:hover .checkRadioText::before {
    outline: 5px solid transparent;
    border: 2px solid #09B96A;
}

.checkRadio .checkRadioText::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 12px;
    height: 12px;
    opacity: 1;
    border-radius: 50%;
    border: 8px solid #00CE70;
    transition: opacity 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.checkRadio:hover .checkRadioText::after {
    border: 8px solid #00CE70;
}
  
.checkRadio .checkRadioInput[type="radio"]:not(:checked) + .checkRadioText::after {
    opacity: 0;
}

/* Добавляется класс .checkRadioDisable в тег <p>, для состояния disabled */
.checkRadioDisable {
    color: #91A0B6;
}

.checkRadio .checkRadioDisable::before {
    border: 2px solid #B0BDCE;
    background-color: #EBEFF6;
}

.checkRadio .checkRadioDisable::after {
    border: 8px solid #B0BDCE;
}

.checkRadioInput:focus + .checkRadioDisable::before {
    outline: 5px solid transparent;
}

.checkRadio:hover .checkRadioDisable::before {
    border: 2px solid #B0BDCE;
    background-color: #EBEFF6;
}

.checkRadio:hover .checkRadioDisable::after {
    border: 8px solid #B0BDCE;
}
/* Конец стиль Радиокнопки */


/* Начало стиля переключатель toggle */
.checkToggle {
    position: relative;
    display: flex;
    cursor: pointer;
}

.checkToggleInput {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    appearance: none;
}

.checkToggleText {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.checkToggleText::before {
    content: "";
    display: block;
    width: 52px;
    min-width: 52px;
    height: 28px;
    border-radius: 99px;
    outline: 4px solid transparent;
    background-color: #B0BDCE;
    transition: background-color 0.4s ease-in-out, outline 0.4s ease-in-out;
}

.checkToggleText::after {
    content: "";
    position: absolute;
    left: 3px;
    /* top: 50%; */
    /* top: 2.7px; */
    display: block;
    width: 22px;
    min-width: 22px;
    height: 22px;
    border-radius: 99px;
    background-color: #fff;
    /* transform: translate(0, -50%); */
    transition: background-color 0.4s ease-in-out, left 0.4s ease-in-out;
}

.checkToggleInput:checked + .checkToggleText::before {
    background-color: #00CE70;
}

.checkToggleInput:checked + .checkToggleText::after {
    left: 27px;
}

.checkToggleInput:focus-visible + .checkToggleText::before {
    outline: 4px solid #A0B7F8;
}

.checkToggle:hover .checkToggleInput[type="checkbox"]:checked + .checkToggleText::before {
    background-color: #09B96A;
}

/* Добавляется класс .checkToggleDisable в тег <p>, для состояния disabled */
.checkToggleDisable {
    color: #91A0B6;
}

.checkToggleDisable::before {
    background-color: #91A0B6;
}
.checkToggleDisable::after {
    background-color: #EBEFF6;
}

.checkToggleInput[type="checkbox"]:checked + .checkToggleDisable::before {
    background-color: #91A0B6;
}

.checkToggleInput:focus + .checkToggleDisable::before {
    outline: 4px solid transparent;
}

.checkToggle:hover .checkToggleDisable::before {
    background-color: #91A0B6;
}

.checkToggle:hover .checkToggleDisable::after {
    background-color: #EBEFF6;
}

.checkToggle:hover .checkToggleInput[type="checkbox"]:checked + .checkToggleDisable::before {
    background-color: #91A0B6;
}
/* Конец стиля переключатель toggle */


/* анимация заливки для дублируемого или добавляемого урока в шаблонах меню справа */
@keyframes colorChange {
    0% {
      background-color: #F8FCFF;
    }
    50% {
      background-color: #EBF0FE;
    }
    100% {
      background-color: #F8FCFF;
    }
}

[contenteditable]:empty:after {
    content: attr(placeholder);
    color:#B0BDCE;
}

.ediv:empty:after {
    content: attr(placeholder);
    color:#B0BDCE;
}


/* Анимация фона для нового комментария, затухание цвета */
.newCommentAnimation::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    display: block;
    background: #E1FAEE;
    border-radius: 16px;
    opacity: 0;
    animation: opacity 2s 1 linear;
}

@keyframes opacity {
    0%   { opacity: 0; }
    20%   { opacity: 1; }
    100%  { opacity: 0; }
}

@keyframes scaleAnim {
    0%   { transform: scale(1); }
    20%   { transform: scale(1.7); }
    100%  { transform: scale(1); }
}

.debugBlock {
    display: contents;
}

/* Базовые стили скелетона */
.skeleton-preloader.enhanced {
  width: 100%;
  padding: 24px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}

/* Эффект наложения поверх */
.skeleton-preloader.enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.8) 40%,
    rgba(255, 255, 255, 0.9) 60%,
    transparent 100%
  );
  transform: translateX(-100%);
  animation: shine 1.6s ease-in-out infinite;
  z-index: 1;
}

/* Линии скелетона */
.skeleton-line {
  width: 100%;
  background: linear-gradient(
    90deg,
    #f0f0f0 0%,
    #e8e8e8 25%,
    #f0f0f0 50%,
    #e8e8e8 75%,
    #f0f0f0 100%
  );
  background-size: 400% 100%;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  animation: gradient-move 2.5s ease-in-out infinite;

}

.skeleton-line::after {
    content: "|";
    opacity: 0;
}

/* Вариации линий */
.skeleton-line.header {
  height: 32px;
  width: 60%;
  background: linear-gradient(
    90deg,
    #e0e0e0 0%,
    #d0d0d0 25%,
    #e0e0e0 50%,
    #d0d0d0 75%,
    #e0e0e0 100%
  );
  background-size: 400% 100%;
  animation: gradient-move 2s ease-in-out infinite;
}

.skeleton-line.medium {
  width: 85%;
}

.skeleton-line.short {
  width: 70%;
}

/* Эффект пульсации для всей карточки */
.skeleton-preloader.enhanced {
  animation: skeleton-pulse 2s ease-in-out infinite;
}

/* Анимация градиента */
@keyframes gradient-move {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Анимация блика (shine effect) */
@keyframes shine {
  0% {
    transform: translateX(-100%);
  }
  20%, 100% {
    transform: translateX(100%);
  }
}

/* Общая пульсация */
@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.95;
  }
}

/* Создаем небольшую задержку для каждой линии */
.skeleton-line:nth-child(1) { animation-delay: 0.1s; }
.skeleton-line:nth-child(2) { animation-delay: 0.2s; }
.skeleton-line:nth-child(3) { animation-delay: 0.3s; }
.skeleton-line:nth-child(4) { animation-delay: 0.4s; }
.skeleton-line:nth-child(5) { animation-delay: 0.5s; }
.skeleton-line:nth-child(6) { animation-delay: 0.6s; }

/* Для более плавного появления контента */
.content {
  animation: content-fade 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes content-fade {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

 /*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f0f0f0;color:#444}.hljs-comment{color:#888}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#78a960}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}

 @media screen and (max-width: 979px) {
    .cookieContain {
        max-width: none;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 0;
    }
} @media screen and (max-width: 979px) and (min-width: 576px) {
    .authorCardContainer {
        flex-direction: row;
        height: 235px;
        padding: 12px;
    }

    .authorCardImgContainer {
        height: 100%;
        width: 284px;
        min-width: 284px;
        padding-top: 0;
    }

    .authorCardContent {
        padding: 0;
    }
} @media screen and (max-width: 979px) {
    .authBtnStyle {
        display: none;
    }
} @media screen and (max-width: 1079px) {
    .authRightBlock {
        padding: 20px;
    }

    .authButtonGreen {
        font-size: 1.2rem;
    }

    .authButtonWhite {
        font-size: 1.2rem;
    }

    .authInputNumber {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 1079px) {
    .authRightBlock {
        padding: 20px;
    }

    .authButtonGreen {
        font-size: 1.2rem;
    }

    .authButtonWhite {
        font-size: 1.2rem;
    }

    .authInputNumber {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 576px) {
    .authButtonGreen {
        font-size: 1.2rem;
    }

    .authButtonWhite {
        font-size: 1.2rem;
    }

    .authInputNumber {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 979px) {
    .authorArticleCards {
        grid-template-columns: repeat(1, 1fr);
    }
} @media screen and (max-width: 979px) {
    .authorCards {
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
        padding: 0 16px;
    }
}
 /* @media screen and (max-width: 1079px) {
    
    .banner-promo {
        flex-direction: column;
        align-items: flex-start;

        margin: 0px 20px 40px;
        padding: 26px 20px;
        border-radius: 40px;
    }

    .banner-promo-contain {
        margin: 40px 0px 0px;
    }

    .promo-contain-img {
        margin: auto;
    }

    .banner-promo-title {
        font-size: 1.5rem;
    }

    .banner-promo-text {
        font-size: large;
    }
  } */
 @media screen and (max-width: 1199px) {
    .audioUploadContainer {
        min-height: 64px;
        margin-bottom: 16px;
        padding: 10px 16px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .lessonBlockAudioMobile {
        display: block;
    }

    /* .lessonBlockAudioMobile:focus {
        pointer-events: none;
    } */
    
    /* .audioUploadBtnDelete {
        display: block;
    }
    
    .audioUploadContainer:focus-within {
        outline: 4px solid #CCD8FA;
    }
    
    .audioUploadContainer:focus-within > .lessonBlockAudioMobile {
        pointer-events: none;
    }

    .audioUploadContainerText {
        font-size: 17px;
        line-height: 23px;
    }

    .mediaBlockAudioBtnPlay {
        width: 30px;
        min-width: 30px;
    } */

    /* .mediaBlockAudioBtnPlay:focus + .lessonBlockAudioMobile {
        pointer-events: none;
    }

    .lessonBlockAudioline:focus + .lessonBlockAudioMobile {
        pointer-events: none;
    }

    .mediaBlockAudioBtnSound:focus + .lessonBlockAudioMobile {
        pointer-events: none;
    } */

    .mediaBlockAudioBtnSound {
        width: 30px;
        min-width: 30px;
    }
} @media screen and (max-width: 1199px) {
    .containerCodeMediaBlock {
        font-size: 17px;
        line-height: 23px;
    }

    .codePreContainer {
        padding: 16px 20px;
        margin-bottom: 16px;
    }
} @media screen and (max-width: 1199px) {
    .fileUploadContainer {
        margin-bottom: 16px;
        min-height: 64px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .fileUploadNoneFile {
        padding: 10px 16px;
    }
    
    .fileUploadBtnDelete {
        display: block;
    }

    .fileUploadContainer:focus {
        outline: 4px solid #CCD8FA;
    }

    .lessonBlockFileLink {
        min-height: 64px;
        padding: 18px 16px;
        background-image: none;
        /* pointer-events: none; */
    }

    .lessonBlockFileMobile {
        display: block;
    }

    /* .lessonBlockFileMobile:focus {
        width: 1px;
        height: 1px;
    }

    .lessonBlockFileLink:focus + .lessonBlockFileMobile {
        width: 1px;
        height: 1px;
    } */
    
    .lessonBlockFileMobile:focus {
        outline: 4px solid #CCD8FA;
    }

    .fileUploadOutlineWeb:focus-within {
        outline: 4px solid #CCD8FA;
    }

    .fileUploadContainerText {
        width: calc(100% - 32px);
        font-size: 17px;
        line-height: 23px;
    }

    .lessonBlcokFileLeft {
        height: 23px;
    }
} @media screen and (max-width: 1199px) {
    .mediablockH1 {
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 29px;
        line-height: 33px;
    }
} @media screen and (max-width: 1199px) {
    .mediablockH2 {
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 27px;
    }
} @media screen and (max-width: 1199px) {
    .mediablockH3 {
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 23px;
    }
} @media screen and (max-width: 1199px) {
    .mediablockHL {
        margin-bottom: 16px;
        min-height: 64px;
        padding: 16px 20px;
        border: 2px solid #DFE4EC;
        box-shadow: none;
    }

    .lessonBlockHL {
        min-height: auto;
        font-size: 17px;
        line-height: 23px;
    }
} @media screen and (max-width: 576px) {
    .mediablockHTML {
        font-size: 1em;
        margin-bottom: 8px;
        line-height: normal;
    }
} @media screen and (max-width: 1199px) {
    .containerListMediaBlock {
        font-size: 17px;
        line-height: 23px;
    }

    .mediaBlockListMarker {
        font-size: 17px;
        line-height: 23px; 
    }

    .mediaBlockListMarker::before {
        font-size: 17px;
        line-height: 23px; 
    }
} @media screen and (max-width: 1199px) {
    .uploadBtnDelete {
        display: block;
    }

    .uploadImgBg {
        display: none;
    }
} @media screen and (max-width: 1199px) {
    .pdfUploadContainer {
        margin-bottom: 16px;
        min-height: 64px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .pdfUploadContainerPadding {
        padding: 10px 16px;
    }
    
    .pdfUploadBtnDelete {
        display: block;
    }

    .pdfUploadContainer:focus {
        outline: 4px solid #CCD8FA;
    }

    .lessonBlockPDFLink {
        background-image: none;
    }

    .lessonBlockPDFLink:focus {
        outline: 4px solid #CCD8FA;
    }
    
    .lessonBlockPDFMobile {
        display: block;
    }

    .pdfUploadContainerText {
        width: calc(100% - 64px);
        font-size: 17px;
        line-height: 23px;
    }
    
    .lessonBlcokPDFLeft {
        min-height: 64px;
        padding: 10px 16px;
        background-position: top 50% left 16px;
    }
} /* Действющий медиазапрос находится в imageCropper */

/* @media screen and (max-width: 1199px) {
    .photoUploadContainerText {
        margin: 0;
        overflow: hidden;
        padding-right: 0px;
        width: calc(100% - 70px);
        font-size: 17px;
        line-height: 23px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .photoUploadContainer {
        margin-bottom: 16px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
    }

    .mediablockPhotoBtnMain, .mediablockPhotoBtnContainer {
        flex-direction: column;
    }

    .cropper-canvas,
    .cropper-crop-box,
    .cropper-drag-box,
    .cropper-modal,
    .cropper-wrap-box,
    .imgCroppermainImgContainer {
        height: 300px;
        max-height: 300px;
    }

    .imgCropperList {
        flex-direction: row;
    }

    .containerMediaPhoto {
        margin-bottom: 16px;
    }
} */  @media screen and (max-width: 1199px) {
    .containerTextMediaBlock {
        font-size: 17px;
        line-height: 23px;
    }
} @media screen and (max-width: 1199px) {
    .videoUpload {
        overflow: hidden;
        margin-bottom: 16px;
    }

    .lessonBlockVideoMobile {
        display: block;
    }

    .containerImgEmpty::before {
        width: 0;
        height: 0;
    }

    .containerImgEmpty {
        min-height: auto;
    }
    
    .videoUploadContainer {
        border: 1px solid #DFE4EC;
        box-shadow: none;
        min-height: 64px;
        padding: 10px 16px;
        background-image: none;
    }

    .videoUploadBtnDelete {
        display: block;
    }

    .mediablockVideoBuilder {
        position: relative;
        /* padding-top: 62.5%; */
        width: 100%;
        max-width: none;
        min-height: auto;
    }

    .mediablockVideoBuilder:focus-within {
        outline: 4px solid #CCD8FA;
    }

    .mediablockVideoBuilderImg {
        padding-top: 62.5%;
    }

    .mediablockVideoPlay {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .mediablockVideoPlay:focus-visible {
        outline: none;
    }

    .mediablockVideoImg {
        position: absolute;
        top: 50%;
        width: 100%;
        max-width: none;
        transform: translateY(-50%);
    }

    .containerImgInvis {
        display: none;
    }
} button,
hr,
input {
    overflow: visible
}

audio,
canvas,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

menu,
article,
aside,
details,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {}

button,
select {
    text-transform: none
}

[type=submit],
[type=reset],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.cropper-container {
    font-size: 0;
    line-height: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr !important
}

.cropper-container img {
    display: block;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    height: 100%;
    min-height: 0 !important;
    /* max-height: none !important; */
    image-orientation: 0deg !important
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    position: absolute;
    width: 100%;
    height: 450px;
    max-height: 450px;
}

.cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    opacity: 0;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.cropper-dashed,
.cropper-modal {
    opacity: .5;
    filter: alpha(opacity=50)
}

.cropper-modal {
    background-color: #000
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: #39f solid 1px;
    outline-color: rgba(51, 153, 255, .75)
}

.cropper-dashed {
    position: absolute;
    display: block;
    border: 0 dashed #eee
}

.cropper-dashed.dashed-h {
    top: 33.33333%;
    left: 0;
    width: 100%;
    height: 33.33333%;
    border-top-width: 1px;
    border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333%;
    width: 33.33333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px
}

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: .75;
    filter: alpha(opacity=75)
}

.cropper-center:after,
.cropper-center:before {
    position: absolute;
    display: block;
    content: ' ';
    background-color: #eee
}

.cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px
}

.cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px
}

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1;
    filter: alpha(opacity=10)
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}

.cropper-line,
.cropper-point {
    background-color: #09B96A;
}

.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize
}

.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize
}

.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize
}

.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize
}

.cropper-point {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    opacity: .75;
    filter: alpha(opacity=75)
}

.cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize
}

.cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize
}

.cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize
}

.cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize
}

.cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize
}

.cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize
}

.cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize
}

.cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    cursor: se-resize;
    opacity: 1;
    filter: alpha(opacity=100)
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: ' ';
    opacity: 0;
    background-color: #39f;
    filter: alpha(opacity=0)
}

.cropper-invisible {
    opacity: 0;
    filter: alpha(opacity=0)
}

.cropper-bg {
    background-image: url('/img/bg/bg-chess.png')
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}

@media (max-width:1024px) {
    .imgCroppermain {
        flex-direction: column;
    }

    .imgCropperActions {
        width: 100%;
    }

    .imgCropperList {
        flex-direction: column;
    }

    .imgCroppermainImgContainer {
        width: 100%;
    }
}

/* @media (max-width:503px) {
    .imgCropperList {
        flex-direction: row;
    }
} */

@media screen and (max-width: 1199px) {
    .photoUploadContainerText {
        margin: 0;
        overflow: hidden;
        padding-right: 0px;
        width: calc(100% - 70px);
        font-size: 17px;
        line-height: 23px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .lessonBlockPhotoMobile {
        display: block;
    }
    .photoUploadBtnDelete {
        display: block;
    }

    .photoUploadContainer {
        min-height: 64px;
        margin-bottom: 16px;
        padding: 10px 16px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .mediablockPhotoBtnMain, .mediablockPhotoBtnContainer {
        flex-direction: column;
    }

    .cropper-canvas,
    .cropper-crop-box,
    .cropper-drag-box,
    .cropper-modal,
    .cropper-wrap-box,
    .imgCroppermainImgContainer {
        height: 300px;
        max-height: 300px;
    }

    .imgCropperList {
        flex-direction: row;
    }

    .containerMediaPhoto {
        margin-bottom: 16px;
    }

    .containerMediaPhoto:focus-within {
        outline: 4px solid #CCD8FA;
    }

    .lessonBlockImgConitainer:focus-within {
        outline: 4px solid #CCD8FA;
    }
}
 @media screen and (max-width: 1279px) {
    
    .lessonAside {
        left: -360px;
    }
}

@media screen and (max-width: 979px) {
    .lessonAsidShowText {
        display: block;
    }
    
    .lessonAside {
        left: -1000px;
        width: 100%;
    }

    .lessonAsidShowContainer {
        /* display: none; */
        max-width: 100%;
        left: 0;
    }

    .lessonAsidShow {
        margin-top: -26px;
        padding: 16px;
        background-color: #F8FCFF;
        width: 100vw;
    }
}
 @media screen and (max-width: 979px) {
  .presentMain {
    padding: 20px;
    padding-top: 0;
  }

  .presentTitle {
    margin-bottom: 20px;
  }

  .presentMainText {
    margin-bottom: 20px;
  }
  
    .presentSection {
      padding-bottom: 20px;
    }

  .presentHeader {
    padding: 0 20px;
    padding-right: 10px;
  }

  .presentContainer {
    flex-direction: column;
  }

  .presentSectionBtn {
    align-items: inherit;
  }
} @media screen and (max-width: 570px) {
    .buyCongContain {
      padding: 20px;
    }

    .presentEndBtnGreen {
      font-size: 1.5em;
    }
    
    .buyCongTitle {
      font-size: 1.5em;
    }

    .buyCongCloseBtn {
      height: 40px;
      width: 40px;
      min-width: 40px;
    }

    .buyCongCard {
      flex-direction: column;
      max-width: 100%;
      height: auto;
      padding: 12px 12px 24px 12px;
    }

    .congCardContainImg {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      height: 160px;
      margin-bottom: 10px;
    }
    
    .congCardScore {
      left: auto;
      top: 150px;
      right: 24px;
    }

    .congCardInformationContain {
      padding: 0px 12px;
    }

    .congCardBottom {
      left: 24px;
    }

    .buyCongTitle {
      font-size: 2em;
    }
  } @media screen and (max-width: 979px) {
    .menu-item {
        min-width: 120px;
    }

    .menuTitle, .menuText {
        padding: 0 20px;
        margin-bottom: 40px;
    }

    .menu {
        height: 160px;
        max-width: none;
        padding-left: 24px;
        flex-wrap: nowrap;
        overflow-y: auto;
    }

    .menu::-webkit-scrollbar {
        display: none;
    }
} /* @media screen and (max-width: 1079px) {
    
} */
 @media screen and (max-width: 979px) {
    .ourse-card {
        display: flex;
        flex-direction: row;
        max-width: none;
        height: 211px;
        padding: 12px;
    }

    .card-contain-img {
        width: 318px;
        min-width: 318px;
        height: auto;
        padding-top: 0;
        margin-bottom: 0;
    }

    .card-information-contain {
        padding: 0 0 0 16px;
    }

    .card-bottom {
        left: 346px;
    }

    .card-score {
        right: auto;
        top: 20px;
        left: 190px;
    }
}

@media screen and (max-width: 575px) {
    .ourse-card {
        display: block;
        /* max-width: 308px; */
        height: auto;
        padding: 12px 12px 24px 12px;
    }

    .card-contain-img {
        width: auto;
        min-width: auto;
        max-width: 100%;
        /* height: 160px; */
        padding-top: 62.5%;
        margin-bottom: 10px;
    }

    .card-information-contain {
        padding: 0px 12px;
    }

    .card-bottom {
        left: 24px;
    }

    .card-score {
        right: 24px;
        top: 150px;
        left: auto;
    }
} @media screen and (max-width: 1079px) {
    
    .reviews-contain{
        flex-direction: column;
        margin: 0px 20px 40px;
        padding: 26px 20px;
        border-radius: 40px;
    }

    .reviews-title-contain {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .reviews-title {
        font-size: revert;
    }

    .review-list {
        margin-top: 30px;
    }
    
    .review-unwrap {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 979px) {
    .download-position {
        display: none;
        /* padding-left: 0;
        margin-bottom: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: none;
        width: 100%; */
    }

    /* .banner-download-text {
        margin-right: 24px;
    }

    .contain-stores {
        flex-wrap: wrap;
    }

    .banner-download-app {
        width: 100%;
        margin: 0;
        border-radius: 0;
    } */
  } @media screen and (max-width: 979px) {
    
    .footer-right {
        flex-wrap: wrap;
    }

    .footer-top {
        flex-wrap: wrap;
    }

    .contain-stores {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 720px) {
    .footer {
        z-index: 1;
    }
}
 @media screen and (max-width: 1079px) {
    /* .headerSearch {
        max-width: 131px;
    } */
}

@media screen and (max-width: 979px) {
    .descripHeader {
        padding: 0 24px;
    }

    .headerSearch {
        max-width: 131px;
    }
    
    .headerMain {
        padding: 0 24px;
        height: 64px;
    }

    .headerContainer {
        justify-content: space-between;

    }

    .logoLink {
        margin-right: 0;
        width: 82px;
    }

    .headerLinks {
        display: none;
    }

    .headerMenu {
        display: flex;
    }

    .headerSearch {
        display: none;
    }
  }
 @media screen and (max-width: 1079px) {
    .descripHeaderSearch {
        max-width: 131px;
    }
}

@media screen and (max-width: 979px) {
    .descripHeaderContainer {
        justify-content: space-between;
    }

    .descriplogoLink {
        margin-right: 0;
        width: 82px;
    }

    .descripHeaderLinks {
        display: none;
    }

    .descripHeaderMenu {
        display: flex;
    }

    .descripHeaderSearch {
        display: none;
    }
  }
 @media screen and (max-width: 520px) {
    .commentInList {
        grid-template-columns: repeat(2, 1fr);
    }
} @media screen and (max-width: 1199px) {
    .ArticleAside {
        left: -360px;
    }

    .articlesMainLeftPadding {
        display: none;
    }

    .ArticleAsidePadding1280 {
        width: 64px;
    }
}

@media screen and (max-width: 979px) {
    .ArticleAsidePadding1280 {
        width: 0;
    }

    .articleAsideShowContainer {
        position: relative;
        top: 24px;
    }

    .ArticleAsideTopSpace {
        display: none;
    }

    .articlesContent {
        flex-direction: column;
    }

    .articleAsideShowText {
        display: inline-block;
        white-space: nowrap;
    }

    .articlesMainLeftPadding {
        display: flex;
        width: 45px;
        height: 45px;
    }

    .articlesMainMain {
        max-width: 916px;
        padding: 0 24px 80px 24px;
        gap: 24px;
    }
    .articlesMainContainCards {
        flex-direction: column;
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
    }
}

@media screen and (max-width: 767px) {
    .articlesMainContainCards {
        padding-left: 24px;
        padding-right: 24px;
    }

    .articleAsidePaddingB {
        display: none;
    }

    .ArticleAsideTopSpace {
        display: block;
    }

    .articlesMainLeftPadding {
        width: 0;
        height: 64px;
    }

    .ArticleAside {
        z-index: 2;
        top: 0;
        left: -800px;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding-bottom: 0px;
    }

    .ArticleAsideContent {
        max-width: calc(100% - 24px);
    }

    .articleAsideShowContainer {
        position: fixed;
        left: 0px;
        top: 12px;
        max-width: none;
        width: 100%;
        padding: 12px 16px;
        background-color: #F8FCFF;
    }

    .articlesMainDiscusItem {
        max-width: inherit;
    }

    .articlesMainMain {
        width: 100%;
        padding: 0 0 32px 0;
    }

    .articlesMainColorBlock {
        border-radius: 0;
    }

    .articlesMainColorBlockTop {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding-left: 24px;
    }

    .articlesMainSliderList {
        padding-left: 20px;
    }
}
 /* @media screen and (max-width: 1279px) {
    
    .lessonAside {
        left: -360px;
    }
}

@media screen and (max-width: 979px) {
    .lessonAsidShowText {
        display: block;
    }
    
    .lessonAside {
        left: -1000px;
        width: 100%;
    }

    .lessonAsidShowContainer {
        max-width: 100%;
        left: 0;
    }

    .lessonAsidShow {
        margin-top: -26px;
        padding: 16px;
        background-color: #F8FCFF;
        width: 100vw;
    }
} */
  @media screen and (max-width: 979px) {
} @media screen and (min-width: 979px) {
    .drawerContainer {
        display: none;
    }
} @media screen and (max-width: 979px) {
    .drawerFContainer {
        display: flex;
    }
} @media screen and (max-width: 979px) {
    .drawerAContainer {
        display: flex;
    }
} @media screen and (max-width: 1079px) {
    
  }
 @media screen and (max-width: 979px) {
    .selectMContainer {
        display: flex;
    }
}
 @media screen and (max-width: 1199px) {
    .audioUploadContainer, .audioUploadDecor {
        min-height: 64px;
        margin-bottom: 16px;
        padding: 10px 16px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
        cursor: pointer;
    }

    .lessonBlockAudioMobile {
        display: block;
    }

    .audioUploadBtnDelete {
        display: block;
    }

    .audioUploadContainerText {
        font-size: 17px;
        line-height: 23px;
    }

    .mediaBlockAudioBtnPlay {
        width: 30px;
        min-width: 30px;
    }

    .mediaBlockAudioBtnSound {
        width: 30px;
        min-width: 30px;
    }
    
    .mediaBlockAudioBtnPlay, .lessonBlockAudioline, .blockAudioBtnBute {
        pointer-events: none;
    }
            
    /* от пустого блока фокус */
    .audioUploadContainer:focus-within {
        outline: 4px solid #CCD8FA;
    }

    /* фокус от блока с аудио */
    .audioContainerOutline:focus-within {
        outline: 4px solid #CCD8FA;
        cursor: auto;
    }

    .audioContainerOutline:focus {
        outline: 4px solid #CCD8FA;
        cursor: auto;
    }

    .audioContainerOutline:focus .mediaBlockAudioBtnPlay {
        pointer-events: initial;
    }
    .audioContainerOutline:focus .lessonBlockAudioline {
        pointer-events: initial;
    }
    .audioContainerOutline:focus .mediaBlockAudioBtnSound {
        pointer-events: initial;
    }

    .audioContainerOutline:focus-within .mediaBlockAudioBtnPlay {
        pointer-events: initial;
    }
    .audioContainerOutline:focus-within .lessonBlockAudioline {
        pointer-events: initial;
    }
    .audioContainerOutline:focus-within .mediaBlockAudioBtnSound {
        pointer-events: initial;
    }

    .mediaBlockAudioBtnPlay:focus {
        pointer-events: initial;
    }

    .lessonBlockAudioline:focus {
        pointer-events: initial;
    }

    .mediaBlockAudioBtnSound:focus {
        pointer-events: initial;
    }
    
} @media screen and (max-width: 1199px) {
    .fileUploadContainer {
        margin-bottom: 16px;
        min-height: 64px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .fileUploadNoneFile {
        padding: 10px 16px;
    }
    
    .fileUploadBtnDelete {
        display: block;
    }

    .fileUploadContainer:focus {
        outline: 4px solid #CCD8FA;
    }

    .lessonBlockFileLink {
        min-height: 64px;
        padding: 18px 16px;
        background-image: none;
        pointer-events: none;
    }

    .lessonBlockFileMobile {
        display: block;
    }

    /* .lessonBlockFileMobile:focus {
        width: 1px;
        height: 1px;
    }

    .lessonBlockFileLink:focus + .lessonBlockFileMobile {
        width: 1px;
        height: 1px;
    } */
    
    .lessonBlockFileMobile:focus {
        outline: 4px solid #CCD8FA;
    }

    /* .lessonBlockFileLink:focus {
        outline: 4px solid #CCD8FA;
    } */

    .fileUploadContainerText {
        width: calc(100% - 32px);
        font-size: 17px;
        line-height: 23px;
    }

    .lessonBlcokFileLeft {
        height: 23px;
    }
} @media screen and (max-width: 1199px) {
    /* .pdfUploadContainer {
        margin-bottom: 16px;
        min-height: 64px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
        background-image: none;
    }

    .pdfUploadContainerPadding {
        padding: 10px 16px;
    }
    
    .pdfUploadBtnDelete {
        display: block;
    }

    .pdfUploadContainer:focus {
        outline: 4px solid #CCD8FA;
    }

    .lessonBlockPDFLink {
        background-image: none;
    }

    .lessonBlockPDFLink:focus {
        outline: 4px solid #CCD8FA;
    }
    
    .lessonBlockPDFMobile {
        display: block;
    }

    .pdfUploadContainerText {
        width: calc(100% - 64px);
        font-size: 17px;
        line-height: 23px;
    }
    
    .lessonBlcokPDFLeft {
        min-height: 64px;
        padding-left: 54px;
        background-position: top 50% left 16px;
    } */
} /* Закоменченные строки медиазапроса находится в imageCropper */

@media screen and (max-width: 1199px) {
    .mediaPhotoMobile__bgProgress {
        position: relative;
        height: auto;
        min-width: auto;
        padding: 0;
    }

    /* .photoUploadContainerText {
        margin: 0;
        overflow: hidden;
        padding-right: 0px;
        width: calc(100% - 70px);
        font-size: 17px;
        line-height: 23px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .photoUploadContainer {
        margin-bottom: 16px;
        border: 1px solid #DFE4EC;
        box-shadow: none;
    }

    .mediablockPhotoBtnMain, .mediablockPhotoBtnContainer {
        flex-direction: column;
    }

    .cropper-canvas,
    .cropper-crop-box,
    .cropper-drag-box,
    .cropper-modal,
    .cropper-wrap-box,
    .imgCroppermainImgContainer {
        height: 300px;
        max-height: 300px;
    }

    .imgCropperList {
        flex-direction: row;
    }

    .containerMediaPhoto {
        margin-bottom: 16px;
    } */
} @media screen and (max-width: 1199px) {
    .videoUpload {
        overflow: hidden;
        margin-bottom: 16px;
    }

    .lessonBlockVideoMobile {
        display: block;
    }
    
    .videoUploadContainer {
        border: 1px solid #DFE4EC;
        box-shadow: none;
        min-height: 64px;
        padding: 10px 16px;
        background-image: none;
    }

    .videoUploadBtnDelete {
        display: block;
    }

    .videoUpload:focus-within {
        outline: 4px solid #CCD8FA;
    }
    
    .videoUploadContainerText {
        font-size: 17px;
        line-height: 23px;
    }

    .mediablockVideoStudent {
        position: relative;
        padding-top: 62.5%;
        width: 100%;
        max-width: none;
    }

    .mediablockVideoPlay {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .mediablockVideoImg {
        position: absolute;
        top: 50%;
        width: 100%;
        max-width: none;
        transform: translateY(-50%);
    }

    .containerImgInvis {
        display: none;
    }
} @media screen and (max-width: 979px) {
    .searchBarResult {
      max-width: calc(100vw - 40px);
      max-height: calc(100vh - 118px);
      overflow-y: auto;
    }
  }
 @media screen and (max-width: 500px) {
    /* .block-select-container {
        width: 100px;
    } */
}
 @media screen and (max-width: 500px) {
    /* .block-select-container {
        width: 100px;
    } */
}
 @media screen and (max-width: 500px) {
    /* .block-select-container {
        width: 100px;
    } */
}
 @media screen and (max-width: 1439px) {

}

@media screen and (max-width: 979px) {
    .prFormatWrapperBanner {
        margin-bottom: 48px;
    }
    .contain-cards {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 16px;
    }
    
    .prFormatTitle {
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 27px;
    }

    .prFormatText {
        margin-bottom: 24px;
        font-size: 17px;
        line-height: 23px;
    }

    .courseblock {
        margin-bottom: 0px;
        padding-bottom: 48px;
    }

    .categoryWrapper {
        margin: 0 0 40px;
        padding: 0;
    }

    .categoryContainer {
        border-radius: 0;
        padding: 48px 0 40px;
    }

    .categoryTitle, .categoryText {
        padding: 0 20px;
    }

    .prFormat, .prCourse {
        padding: 24px;
    }

    .prFormatImg, .prCourseImg {
        display: none;
    }

    .prCourseColumn, .prFormatText, .prFormatColumn {
        padding: 0;
        max-width: none;
    }

    .store-img {
        height: 42px;
    }
}
 /* @media screen and (max-width: 1079px) {
    .descripMain {
      max-width: 100%;
    }
    
    .descrip-contain {
        display: flex;
        margin-top: 0px;
        flex-direction: column-reverse;
    }

    .path-contain {
        margin: 20px;
    }

    .path-text {
        font-size: 1rem;
    }

    .descrip-course-title {
        display: none;
        font-size: 1.5rem;
    }

    .descrip-right-contain {
        margin: 0px;
    }

    .descrip-img-contain {
        width: 100%;
        height: fit-content;
        max-height: 50vh;

        margin-bottom: 20px;
    }

    .descrip-contain-mobile {
        display: inline-block;
    }

    .descrip-course-charact {
        margin: 0px 20px 40px 20px;
    }

    .descrip-text {
        color: #1B2637;

        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px;
    }

    .lessons-number-contain {
        flex-wrap: wrap;
        justify-content: space-around;
        margin: 0px 20px 40px 20px;
        padding: 30px 0px;
    }

    .descrip-program {
        margin: 0px 20px 40px 20px;
        padding: 40px 20px;
        border-radius: 40px;
        gap: 20px;
    }

    .descrip-program-title {
        font-size: 1.5rem;
        margin: 0;
    }

    .descrip-lessons-list {
        column-count: 1;
        column-gap: 20px;
    }

    .lessons-grid-number {

        font-size: large;
    }
    
    .lessons-grid-title {
        font-size: 1rem;
    }

    .lessons-number-text {
        padding: 10px 10px 0 10px;
        font-size: 0.9rem;
    }

    .lessons-big-number {
        font-size: 2rem;
    }

    .lessons-grid-el:last-child {
        margin-bottom: 0px;
    }
  } */
 /* @media screen and (max-width: 1079px) {
    
    .start-course-contain {
        width: auto;
        margin: 40px 20px;
        padding: 20px 0px;

        border-radius: 40px;
    }

    .start-promocod-contain {
        min-height: auto;
    }

    .start-course-title {
        margin: 0px 0px 10px 0px;

        font-size: 1.5rem;
    }

    .start-course-columns {
        flex-direction: column;
        gap: 20px;
    }

    .start-colums {
        width: 100%;
        height: auto;
        padding: 40px 20px;
    }

    .start-img {
        margin-top: 0px;
    }

    .start-column-text {
        margin-top: 20px;
        font-size: 2rem;
    }

    .start-time {
        margin-top: 0px;

        font-size: 1.5rem;
    }

    .start-button-buy {
        padding: 14px 10px;
        margin-top: 30px;

        font-size: 1rem;
    }
  } */ @media screen and (max-width: 979px) {
    .stuck-buy-position {
        padding-left: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin-bottom: 0;
    }

    .banner-stuck-left {
        margin-right: 24px;
    }

    .contain-stores {
        flex-wrap: wrap;
    }

    .banner-stuck-buy {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }
}

@media screen and (max-width: 560px) {
    .stuckBtnWholRow {
        width: 100%;
    }
} @media screen and (max-width: 979px) {
    .videoRewContaier {
        padding: 0 20px;
        margin-bottom: 20px;
        padding: 40px 0;
        border-radius: 0;
    }

    .videoRewTitle {
        padding-left: 20px;
        margin-bottom: 12px;
        font-size: 1.7rem;
    }

    .videoRewText {
        padding-left: 20px;
        margin-bottom: 16px;
    }

    .videoRewList {
        padding-left: 20px;
    }
}         :root {
            --primary-color: #4285f4;
            --danger-color: #ea4335;
            --success-color: #34a853;
            --warning-color: #fbbc05;
            --bg-color: #fff;
            --border-color: #dadce0;
            --text-color: #202124;
        }

        /* Стили для WebRTC компонента */
        /* .webrtc-container {
            position: fixed;
            top: 50px;
            right: 50px;
            width: 300px;
            height: 225px;
            background-color: var(--bg-color);
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            z-index: 1000;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            resize: both;
            min-width: 250px;
            min-height: 200px;
        } */

        /* .webrtc-header {
            padding: 10px 15px;
            background-color: var(--primary-color);
            color: white;
            cursor: move;
            display: flex;
            justify-content: space-between;
            align-items: center;
            user-select: none;
        } */

        /* .webrtc-title {
            font-weight: 500;
            font-size: 14px;
        } */

        /* .webrtc-controls {
            display: flex;
            gap: 5px;
        } */

        /* .webrtc-controls button {
            background: none;
            border: none;
            color: white;
            cursor: pointer;
            font-size: 16px;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.2s;
        } */

        /* .webrtc-controls button:hover {
            background-color: rgba(255, 255, 255, 0.2);
        } */

        .webrtc-video-container {
            flex: 1;
            background-color: #000;
            position: relative;
            overflow: hidden;
        }

        /* .webrtc-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        } */

        .webrtc-video.remote {
            background-color: #333;
        }

        .webrtc-video.local {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: 30%;
            height: 30%;
            border: 2px solid white;
            border-radius: 4px;
            z-index: 10;
        }

        /* .webrtc-toolbar {
            padding: 10px 15px;
            background-color: var(--bg-color);
            display: flex;
            justify-content: space-between;
            border-top: 1px solid var(--border-color);
        }

        .webrtc-toolbar-left,
        .webrtc-toolbar-right {
            display: flex;
            gap: 10px;
        } */

        /* .webrtc-btn {
            background: none;
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background-color 0.2s;
        } */

        /* .webrtc-btn:hover {
            background-color: #f1f3f4;
        } */

        /* .webrtc-btn.mic {
            color: var(--text-color);
        }

        .webrtc-btn.mic.muted {
            color: var(--danger-color);
        }

        .webrtc-btn.video {
            color: var(--text-color);
        }

        .webrtc-btn.video.off {
            color: var(--danger-color);
        }

        .webrtc-btn.screenshare {
            color: var(--text-color);
        } */

        .active {
            color: var(--success-color);
            opacity: 0.4;
        }

        .webrtc-btn.end-call {
            background-color: var(--danger-color);
            color: white;
        }

        .webrtc-btn.end-call:hover {
            background-color: #d33426;
        }

        .webrtc-source-selector {
            position: absolute;
            top: 40px;
            right: 10px;
            background-color: white;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            padding: 8px 0;
            z-index: 20;
            display: none;
        }

        .webrtc-source-selector.show {
            display: block;
        }

        .webrtc-source-option {
            padding: 8px 16px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
        }

        .webrtc-source-option:hover {
            background-color: #f1f3f4;
        }

        /* .webrtc-status {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
            font-size: 14px;
        } */

        /* Стили для кнопки запуска звонка */
        .start-call-btn {
            background-color: var(--primary-color);
            color: white;
            border: none;
            border-radius: 18px;
            padding: 12px 20px;
            font-size: 16px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            transition: background-color 0.2s;
        }

        .start-call-btn:hover {
            background-color: #3367d6;
        }

        /* Индикаторы состояния */
        /* .connection-indicator { */
            /* display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-right: 5px; */
        /* } */

        .connection-indicator.connecting {
            background-color: var(--warning-color);
        }

        .connection-indicator.connected {
            background-color: var(--success-color);
        }

        .connection-indicator.disconnected {
            background-color: var(--danger-color);
        }


        /* .remotestate { 
            position: absolute;
        } */ @media screen and (max-width: 980px) {
    .content {
        flex-direction: column;
    }

    .articleMain {
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 576px) {
    .articleTitle {
        font-size: 1.7em;
        line-height: normal;
    }

    .articleMain {
        padding: 0 20px 30px 20px;
    }
} @media screen and (max-width: 980px) {
}
 @media screen and (max-width: 1279px) {
    .authorMain {
        padding-top: 88px;
    }

} @media screen and (max-width: 1279px) {
    
    .lessonContainer {
        flex-direction: column;
    }

    .lessonMain {
        max-width: 850px;
    }
}

@media screen and (max-width: 979px) {
    .lessonMain {
        padding-top: 80px;
    }
/* 
    .lessonTopTitle {
        font-size: 1.8em;
        line-height: normal;
    }

    .lessonHomeworkFormTitle {
        font-size: 1.6em;
        line-height: normal;
    } */
} @media screen and (max-width: 1079px) {
    .authHeader {
        padding: 20px;
        min-width: 100px;
    }

    .authMain{
        flex-direction: column;
        max-width: fit-content;
        padding: 0 20px 20px 20px;
        min-width: auto;
    }

    .authContainStores {
        flex-wrap: wrap;
        gap: 12px 0;
    }

    .authTitleCharact {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 20px;
    }

    .authCharacList {
        margin-bottom: 20px;
    }

  } @media screen and (max-width: 979px) {
    .main {
        margin: 0;
    }

    .catalog-slect-contain {
        display: none;
    }

    .catalog-cards-list {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 16px;
    }
}

@media screen and (max-width: 500px) {
    /* .catalog-slect-contain {
        justify-content: flex-start;
        gap: 20px;
    } */
    .catalogTitleLink {
        padding-left: 32px;
        min-height: 32px;
        background-size: 24px;
    }

    .catalog-title {
        font-size: 1.5em;
    }

    .title-contain-img {
        width: 40px;
        height: 40px;
    }
}
 @media screen and (max-width: 979px) {
    
    .descripMain {
        max-width: 100%;
        padding: 20px 0;
        padding-bottom: 40px;
        padding-top: 0;
    }
    
    .descripContain {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
        margin-top: 0px;
        gap: 20px;
        margin-bottom: 20px;
    }

    .descripIourseImg {
        height: auto;
        width: 100%;
    }

    .path-contain {
        padding: 10px 20px;
        margin-bottom: 0;
    }

    .descripContainerTop {
        flex-direction: column-reverse;
    }

    .descripCourseTitle {
        font-size: 2rem;
        line-height: normal;
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .descripImgContain {
        /* width: 100%;
        height: 70vw; */
        border-radius: 0;
        margin-bottom: 20px;
    }

    .descripLeftContain {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .descripRightContain {
        gap: 10px;
    }

    .descripCourseCharact {
        padding: 0;
        width: 100%;
    }

    .lessonsNumberContain {
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 0;
        padding: 0 20px 20px 20px;
        row-gap: 24px;
        column-gap: 24px;
        margin-bottom: 0;
    }

    .lessonsNumberContain .lessonsNumberItem:nth-last-child(2) {
        margin-right: 0;
    }

    .lessonsNumberItem {
        min-width: 293px;
    }

    .descripProgramSection {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .descripProgram {
        padding: 40px;
        border-radius: 40px;
        gap: 10px;
    }

    .descrip-program-title {
        font-size: 1.7rem;
        line-height: normal;
    }

    .moduleBlock__title {
        font-size: 1.5rem;
    }

    .descripLessonsList {
        column-count: 1;
        row-gap: 10px;
    }

    .lessonsGridNumber {
        margin: 0;
        font-size: large;
    }

    .lessonsGridEl {
        width: 100%;
    }

    .lessonsGridTitle {
        font-size: 20px;
        line-height: normal;
    }

    .descripSectionAuthor {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .descripAuthor {
        flex-wrap: wrap;
        padding: 40px 40px;
        border-radius: 40px;
    }

    .descripAuthorTitle {
        font-size: 1.5rem;
    }

    .descripAuthorText {
        font-size: large;
    }

    .startCourseContain {
        flex-direction: column;
        gap: 20px;
        width: auto;
        padding: 0 20px;
        border-radius: 40px;
    }

    .start-course-title {
        margin: 0px 0px 10px 0px;

        font-size: 1.5rem;
    }

    .start-colums {
        width: 100%;
        min-height: auto;
        padding: 20px;
        padding-bottom: 40px;
    }
    
    .startRightBg {
        width: 100%;
    }

    .start-img {
        margin-top: 0px;
    }

    .start-column-text {
        margin-top: 20px;
        font-size: 2rem;
    }

    .start-time {
        margin-top: 0px;
        font-size: 1.5rem;
    }

    .startOutlineBtn {
        padding: 14px 10px;
        font-size: 1rem;
    }

    .startBlackBtn {
        padding: 14px 10px;
        font-size: 1rem;
    }

}

@media screen and (max-width: 576px) {
    .descripProgramSection {
        padding: 0;
    }
    .descripProgram {
        padding: 20px 20px;
        border-radius: 0;
    }
} @media screen and (max-width: 1079px) {

  } @media screen and (max-width: 979px) {
    .indexMain {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}
 @media screen and (max-width: 979px) {
    .authBtnStyle {
        display: none;
    }
} @media screen and (max-width: 1079px) {
    /* .headerSearch {
        max-width: 131px;
    } */
}

@media screen and (max-width: 979px) {
    .descripHeader {
        padding: 0 24px;
    }

    .headerSearch {
        max-width: 131px;
    }
    
    .orgHeaderMain {
        padding: 0 24px;
    }

    .orgHeaderContainer {
        justify-content: space-between;
    }

    .logoLink {
        margin-right: 0;
        width: 82px;
    }

    .headerLinks {
        display: none;
    }

    .headerMenu {
        display: flex;
    }

    .headerSearch {
        display: none;
    }
  }
 @media screen and (max-width: 979px) {
    
    .descripMain {
        max-width: 100%;
        padding: 20px 0;
        padding-bottom: 40px;
        padding-top: 0;
    }
    
    .descripContain {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
        margin-top: 0px;
        gap: 20px;
        margin-bottom: 20px;
    }

    .descripIourseImg {
        height: auto;
        width: 100%;
    }

    .path-contain {
        padding: 10px 20px;
        margin-bottom: 0;
    }

    .descripContainerTop {
        flex-direction: column-reverse;
    }

    .descripCourseTitle {
        font-size: 2rem;
        line-height: normal;
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .descripImgContain {
        /* width: 100%;
        height: 70vw; */
        border-radius: 0;
        margin-bottom: 20px;
    }

    .descripLeftContain {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .descripRightContain {
        gap: 10px;
    }

    .descripCourseCharact {
        padding: 0;
        width: 100%;
    }

    .lessonsNumberContain {
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 0;
        padding: 0 20px 20px 20px;
        row-gap: 24px;
        column-gap: 24px;
        margin-bottom: 0;
    }

    .lessonsNumberContain .lessonsNumberItem:nth-last-child(2) {
        margin-right: 0;
    }

    .lessonsNumberItem {
        min-width: 293px;
    }

    .descripProgramSection {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .descripProgram {
        padding: 40px;
        border-radius: 40px;
        gap: 10px;
    }

    .descrip-program-title {
        font-size: 1.7rem;
        line-height: normal;
    }

    .moduleBlock__title {
        font-size: 1.5rem;
    }

    .descripLessonsList {
        column-count: 1;
        row-gap: 10px;
    }

    .lessonsGridNumber {
        margin: 0;
        font-size: large;
    }

    .lessonsGridEl {
        width: 100%;
    }

    .lessonsGridTitle {
        font-size: 20px;
        line-height: normal;
    }

    .descripSectionAuthor {
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .descripAuthor {
        flex-wrap: wrap;
        padding: 40px 40px;
        border-radius: 40px;
    }

    .descripAuthorTitle {
        font-size: 1.5rem;
    }

    .descripAuthorText {
        font-size: large;
    }

    .startCourseContain {
        flex-direction: column;
        gap: 20px;
        width: auto;
        padding: 0 20px;
        border-radius: 40px;
    }

    .start-course-title {
        margin: 0px 0px 10px 0px;

        font-size: 1.5rem;
    }

    .start-colums {
        width: 100%;
        min-height: auto;
        padding: 20px;
        padding-bottom: 40px;
    }
    
    .startRightBg {
        width: 100%;
    }

    .start-img {
        margin-top: 0px;
    }

    .start-column-text {
        margin-top: 20px;
        font-size: 2rem;
    }

    .start-time {
        margin-top: 0px;
        font-size: 1.5rem;
    }

    .startOutlineBtn {
        padding: 14px 10px;
        font-size: 1rem;
    }

    .startBlackBtn {
        padding: 14px 10px;
        font-size: 1rem;
    }

}

@media screen and (max-width: 576px) {
    .descripProgramSection {
        padding: 0;
    }
    .descripProgram {
        padding: 20px 20px;
        border-radius: 0;
    }
} @media screen and (max-width: 979px) {
    .searchMain {
        padding: 16px 24px 40px 24px;    
    }

    .searching-title {
        margin-bottom: 20px;
    }

    .searching-text-result {
        margin-bottom: 20px;  
    }

    .searching-slect-contain {
        display: none;
    }

    .searching-cards-list {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 16px;
    }

    .searching-cards-item {
        min-width: auto;
        min-height: auto;
    }

    .searchingSearchButton {
        position: relative;
        display: flex;
        align-items: center;
        height: 50px;
        width: 50px;
        min-width: 50px;
        padding: 0;
        border-radius: 16px;
        border: 1px solid #CFD7E3;
        background: #f8fcff;
        cursor: pointer;
    }

    .searchingSearchButton:focus {
        border: 1px solid #CFD7E3;
        background: #f8fcff;
    }

    .searchingSearchButton:hover {
        border: 1px solid #CFD7E3;
        background: #f8fcff;
    }

    .searchingSearchButton:active {
        border: 1px solid #CFD7E3;
        background: #f8fcff;
    }

    .searchingSearchButton::after {
        position: absolute;
        position: center;
        content: "";
        width: 64px;
        min-width: 64px;
        height: 64px;
        background-image: url('/img/icon/icon_search_gray.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px 24px;
    }

    .searchingBtnText {
        display: none;
    }

    .searching-input {
        padding: 0 24px;
        background-image: none;
    }
} @media screen and (max-width: 1279px) {
    
    .lessonAboutContainer {
        flex-direction: column;
    }

    .lessonAbout {
        max-width: 850px;
    }
}

@media screen and (max-width: 979px) {
    .lessonAbout {
        padding-top: 80px;
    }

    /* .lessonAboutTitle {
        font-size: 1.8em;
        line-height: normal;
    }

    .lessonAboutTitleTwo {
        font-size: 1.6em;
        line-height: normal;
    } */
} @media screen and (max-width: 620px) {
    .StCoursesItmeContainerImg {
        width: 160px;
        min-width: 210px;
    }
}

@media screen and (max-width: 512px) {
    .StCoursesItmeContainerImg {
        width: auto;
        min-width: auto;
        height: 160;
    }

    .StCoursesItmeLink {
        flex-direction: column;
    }

    .StCoursesItmeContainerContent {
        height: auto;
    }
} @media screen and (max-width: 1279px) {
    
    .taskContainer {
        flex-direction: column;
    }

    .taskContainerCenter {
        max-width: 850px;
    }
}

@media screen and (max-width: 979px) {
    .taskContainerCenter {
        padding-top: 80px;
    }
} @media screen and (max-width: 1279px) {
    
    .lessonContainer {
        flex-direction: column;
    }

    .lessonMain {
        max-width: 850px;
    }
}

@media screen and (max-width: 979px) {
    .lessonMain {
        padding-top: 80px;
    }
/* 
    .lessonTopTitle {
        font-size: 1.8em;
        line-height: normal;
    }

    .lessonHomeworkFormTitle {
        font-size: 1.6em;
        line-height: normal;
    } */
} @media screen and (max-width: 1279px) {
    
    .StChatAside {
        z-index: 5;
        position: absolute;
        top: 72px;
        bottom: 0px;
        left: -360px;
        height: auto;
    }

    .btnSidemenuPosition {
        top: 120px;
    }
}

@media screen and (max-width: 979px) {
    .StChatAside {
        display: none;
    }
}
 @media screen and (max-width: 1079px) {
    
    .StChatContainer {
        padding-left: 0;
    }

    .StChatMain {
        padding: 0 10px;
    }

    .StChatLable {
        left: 10px;
    }
}
 @media screen and (max-width: 979px) {
    .StActiveItemReward {
        width: calc((100% - 8px) / 2);
    }
    
    .StActiveListRecomm {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 16px;
    }
}

@media screen and (max-width: 719px) {
    .StActiveItemReward {
        width: 100%;
    }

    .StActiveItmeContainerImg {
        width: auto;
        height: 160px;
        min-width: auto;
    }

    .StActiveItmeLink {
        flex-direction: column;
    }

    .StActiveItmeContainerContent {
        height: auto;
    }

    .lessonMain {
        margin: 0;
    }
} @media screen and (max-width: 1079px) {
    
    .thanksHeader{
        padding: 20px;
    }

    .thanksMain {
        padding: 0 20px 40px;
    }

    .thanksTitle {
        margin: 0 0 20px 0;

        font-size: 1.7rem;
        line-height: inherit;
    }

    .thanksText {
        font-size: 1rem;
        line-height: 26px;
    }

    .thanksListItem {
        flex-wrap: wrap;
        gap: 10px;
    }

    .thanksListNumber {
        width: 100%;
    }

    .thanksListText {
        font-size: 1rem;
        line-height: 26px;
    }
  } @media screen and (max-width: 1100px) {
    .welAOpportList {
        padding-left: 40px;
        padding-right: 40px;
        overflow: hidden;
    }
}

@media screen and (max-width: 670px) {
    .welASolvingList2 {
        flex-direction: column;
    }
    
    .welASolvingList {
        margin-bottom: 40px;
        gap: 20px;
    }

    .welASocialBotContainer {
        max-width: none;
        height: auto;
    }

    .welASocialItem2Ziro {
        min-width: 100%;
        min-height: 140px;
    }

    .welASolvingList2 {
        flex-direction: column;
    }

    .welASolvingItem2 {
        max-width: none;
    }
    
    .welAOpportList {
        justify-content: center;
        gap: 20px
    }

    .welAOpportItem {
        max-width: none;
    }

    .welAStartColumnL, .welAStartColumnR {
        min-width: auto;
    }

    .welABtnSupport {
        white-space: wrap;
    }

    .welATitle {
        font-size: 2rem;
        line-height: normal;
    }

    .welATitle2 {
        margin-bottom: 20px;
        font-size: 1.7rem;
        line-height: normal;
    }

    .welASolvingSubtitle, .welAOpportSubtitle, .welASocialSubtatle {
        font-size: 1.5rem;
        line-height: normal;
    }

    .welASolving {
        padding-bottom: 80px;
    }

    .welAOpport {
        padding-bottom: 80px;
    }

    .welASocial {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .welASocialList {
        margin-bottom: 40px;
    }

    .welAStart {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    .welAStartTable {
        flex-direction: column;
    }

    .welATitle2 {
        max-width: none;
    }

    .welAHeroText {
        min-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .welASocialItem2Text {
        text-align: center;
    }

    .welASocialList {
        flex-direction: column;
    }

    .welASocialItem {
        max-width: none;
    }

    .welASocialItem2 {
        max-width: none;
        word-break: normal;
        align-items: center;
    }
} @media screen and (max-width: 979px) {
    .authBtnStyle {
        display: none;
    }
} @media screen and (max-width: 1079px) {
    .authRightBlock {
        padding: 20px;
    }

    .authButtonGreen {
        font-size: 1.2rem;
    }

    .authButtonWhite {
        font-size: 1.2rem;
    }

    .authInputNumber {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 1079px) {
    .authRightBlock {
        padding: 20px;
    }

    .authButtonGreen {
        font-size: 1.2rem;
    }

    .authButtonWhite {
        font-size: 1.2rem;
    }

    .authInputNumber {
        font-size: 1.2rem;
    }

  } @media screen and (max-width: 979px) {
  .presentMain {
    padding: 20px;
    padding-top: 0;
  }

  .presentTitle {
    margin-bottom: 20px;
  }

  .presentMainText {
    margin-bottom: 20px;
  }
  
    .presentSection {
      padding-bottom: 20px;
    }

  .presentHeader {
    padding: 0 20px;
    padding-right: 10px;
  }

  .presentContainer {
    flex-direction: column;
  }

  .presentSectionBtn {
    align-items: inherit;
  }
} @media screen and (max-width: 979px) {
    
    .footer-right {
        flex-wrap: wrap;
    }

    .footer-top {
        flex-wrap: wrap;
    }

    .contain-stores {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 720px) {
    .footer {
        z-index: 1;
    }
}
 @media screen and (max-width: 1079px) {
    /* .headerSearch {
        max-width: 131px;
    } */
}

@media screen and (max-width: 979px) {
    .descripHeader {
        padding: 0 24px;
    }

    .headerSearch {
        max-width: 131px;
    }
    
    .headerMain {
        padding: 0 24px;
        height: 64px;
    }

    .headerContainer {
        justify-content: space-between;

    }

    .logoLinkAbitions {
        margin-right: 0;
    }

    .headerLinks {
        display: none;
    }

    .headerMenu {
        display: flex;
    }

    .headerSearch {
        display: none;
    }
  }
 @media screen and (max-width: 1199px) {
    .descriplogoLink__title {
        display: none;
    }
}
/* 
@media screen and (max-width: 1079px) {
    .descripHeaderSearch {
        max-width: 131px;
    }
} */

@media screen and (max-width: 1079px) {
    .descripHeaderContainer {
        justify-content: space-between;
    }

    .descriplogoLinkAmbitions {
        margin-right: 0;
        /* width: 82px; */
    }

    .descriplogoLink__title {
        display: flex;
    }

    .descripHeaderLinks {
        display: none;
    }

    .descripHeaderMenu {
        display: flex;
    }

    .descripHeaderSearch {
        display: none;
    }
  }
 @media screen and (max-width: 1079px) {
    .authHeader {
        padding: 20px;
        min-width: 100px;
    }

    .authMain{
        flex-direction: column;
        max-width: fit-content;
        padding: 0 20px 20px 20px;
        min-width: auto;
    }

    .authContainStores {
        flex-wrap: wrap;
        gap: 12px 0;
    }

    .authTitleCharact {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 20px;
    }

    .authCharacList {
        margin-bottom: 20px;
    }

  } @media screen and (max-width: 979px) {
    .authBtnStyle {
        display: none;
    }
} @media screen and (max-width: 1079px) {
    /* .headerSearch {
        max-width: 131px;
    } */
}

@media screen and (max-width: 979px) {
    .descripHeader {
        padding: 0 24px;
    }

    .headerSearch {
        max-width: 131px;
    }
    
    .orgHeaderMain {
        padding: 0 24px;
    }

    .orgHeaderContainer {
        justify-content: space-between;
    }

    .logoLink {
        margin-right: 0;
        width: 82px;
    }

    .headerLinks {
        display: none;
    }

    .headerMenu {
        display: flex;
    }

    .headerSearch {
        display: none;
    }
  }