.App { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }



@media (max-width: 539px) {.App { flex-basis: unset; }


}
@media (min-width: 540px) and (max-width: 1023px) {.App { flex-basis: unset; }


}


.m4qgd9rk { display: flex; justify-content: start; align-items: center; flex-direction: column; flex-wrap: nowrap; row-gap: 20px; column-gap: 20px; height: 100%; padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; background-color: #FFFFFF; overflow-x: auto; overflow-y: auto; width: 100vw; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }



@media (max-width: 539px) {.m4qgd9rk { width: 100vw; flex-grow: unset; flex-basis: unset; }


}
@media (min-width: 540px) and (max-width: 1023px) {.m4qgd9rk { width: 100vw; flex-grow: unset; flex-basis: unset; }


}


.m4qgeflr { width: 100%; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color: transparent; border-style: unset; box-shadow:  0px 0px 0px 0px transparent; overflow: auto; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }



@media (max-width: 539px) {.m4qgeflr { overflow: auto; flex-basis: 0px; }


}
@media (min-width: 540px) and (max-width: 1023px) {.m4qgeflr { overflow: auto; flex-basis: 0px; }


}


.m4qgefnf { display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex-wrap: nowrap; row-gap: 20px; column-gap: 20px; width: unset; height: auto; max-width: unset; max-height: unset; min-width: unset; min-height: unset; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-color: #fbf7ff; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color: #F3F3F3; border-style: unset; box-shadow:  0px 0px 0px 0px transparent; overflow-x: visible; overflow-y: visible; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }



@media (max-width: 539px) {.m4qgefnf { width: unset; flex-grow: unset; flex-basis: unset; }


}
@media (min-width: 540px) and (max-width: 1023px) {.m4qgefnf { width: unset; flex-grow: unset; flex-basis: unset; }


}


.m4qh2pxp { display: flex; justify-content: start; align-items: center; flex-direction: row; flex-wrap: nowrap; row-gap: 10px; column-gap: 10px; width: 200px; height: 50px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; background-color: #F6EDFF; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-color: #82718E; border-style: solid; cursor: pointer; box-shadow:  0px 0px 0px 0px transparent; overflow-x: visible; overflow-y: visible; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }



@media (max-width: 539px) {.m4qh2pxp { flex-basis: unset; }


}
@media (min-width: 540px) and (max-width: 1023px) {.m4qh2pxp { flex-basis: unset; }


}


.m4qh3sym { height: 100%; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; background-color: transparent; cursor: inherit; opacity: 1; overflow-x: hidden; color: #000000; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; font-style: normal; font-weight: 400; font-size: 14px; line-height: 50px; font-family: Mi Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; overflow: auto; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }



@media (max-width: 539px) {.m4qh3sym { overflow-x: hidden; flex-basis: 0px; }


}
@media (min-width: 540px) and (max-width: 1023px) {.m4qh3sym { overflow-x: hidden; flex-basis: 0px; }


}


.m4qh5uh9 { width: 40px; height: 40px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-color: transparent; border-style: unset; cursor: inherit; box-shadow:  0px 0px 0px 0px transparent; object-fit: cover; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }



@media (max-width: 539px) {.m4qh5uh9 { flex-basis: unset; }


}
@media (min-width: 540px) and (max-width: 1023px) {.m4qh5uh9 { flex-basis: unset; }


}


.m4qgznpk { display: flex; justify-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; row-gap: 10px; column-gap: 10px; height: 100%; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color: transparent; border-style: unset; cursor: inherit; box-shadow:  0px 0px 0px 0px transparent; overflow-x: visible; overflow-y: visible; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }



@media (max-width: 539px) {.m4qgznpk { flex-basis: 0px; }


}
@media (min-width: 540px) and (max-width: 1023px) {.m4qgznpk { flex-basis: 0px; }


}


.cp_d8f8bc5d { width: 100%; height: 25px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; background-color: transparent; cursor: inherit; opacity: 1; overflow-x: hidden; color: #15161A; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; font-style: normal; font-weight: 400; font-size: 16px; line-height: 25px; font-family: Mi Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; text-align: left; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }



@media (max-width: 539px) {.cp_d8f8bc5d { overflow-x: hidden; flex-basis: unset; }


}
@media (min-width: 540px) and (max-width: 1023px) {.cp_d8f8bc5d { overflow-x: hidden; flex-basis: unset; }


}


.m4qgy05m { width: 100%; height: 30px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; background-color: transparent; cursor: inherit; opacity: 1; overflow-x: hidden; color: #15161A; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; font-style: normal; font-weight: 700; font-size: 16px; line-height: 30px; font-family: Mi Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; text-align: left; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }



@media (max-width: 539px) {.m4qgy05m { overflow-x: hidden; flex-basis: unset; }


}
@media (min-width: 540px) and (max-width: 1023px) {.m4qgy05m { overflow-x: hidden; flex-basis: unset; }


}


.m4qgwgxi { width: 80px; height: 80px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; border-color: transparent; border-style: unset; cursor: inherit; box-shadow:  0px 0px 0px 0px transparent; object-fit: cover; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }



@media (max-width: 539px) {.m4qgwgxi { flex-basis: unset; }


}
@media (min-width: 540px) and (max-width: 1023px) {.m4qgwgxi { flex-basis: unset; }


}


.m4qggnb2 { display: flex; justify-content: space-evenly; align-items: center; flex-direction: row; flex-wrap: nowrap; row-gap: 20px; column-gap: 20px; width: 100%; height: 40px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color: transparent; border-style: unset; cursor: inherit; box-shadow:  0px 0px 0px 0px transparent; overflow-x: auto; overflow-y: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }



@media (max-width: 539px) {.m4qggnb2 { flex-basis: unset; }


}
@media (min-width: 540px) and (max-width: 1023px) {.m4qggnb2 { flex-basis: unset; }


}


.cp_ceb19511 { box-sizing: border-box; width: 409px; height: 40px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-right: 18px; padding-left: 18px; background-color: #ffffff; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-color: #bbc1d9; border-style: solid; box-shadow:  0px 0px 0px 0px transparent;   flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
.cp_ceb19511 input, .cp_ceb19511 textarea { color: #000000; font-style: normal; letter-spacing: 0px; font-weight: 400; font-size: 16px; font-family: Mi Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; text-align: left; text-indent: 0px; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
.cp_ceb19511 .__placeholder, .cp_ceb19511 ::placeholder { color: #667085; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
.cp_ceb19511 .__mixImagePickerBorderStyle { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 539px) {.cp_ceb19511 { box-sizing: border-box;   flex-basis: unset; }
.cp_ceb19511 input, .cp_ceb19511 textarea { flex-basis: unset; }
.cp_ceb19511 .__placeholder, .cp_ceb19511 ::placeholder { flex-basis: unset; }
.cp_ceb19511 .__mixImagePickerBorderStyle { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 540px) and (max-width: 1023px) {.cp_ceb19511 { box-sizing: border-box;   flex-basis: unset; }
.cp_ceb19511 input, .cp_ceb19511 textarea { flex-basis: unset; }
.cp_ceb19511 .__placeholder, .cp_ceb19511 ::placeholder { flex-basis: unset; }
.cp_ceb19511 .__mixImagePickerBorderStyle { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }}


.m4qgdufw { box-sizing: border-box; width: 409px; height: 40px; max-width: unset; max-height: unset; min-width: unset; min-height: unset; position: relative; padding-right: 18px; padding-left: 18px; background-color: #ffffff; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-color: #bbc1d9; border-style: solid; box-shadow:  0px 0px 0px 0px transparent;   flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
.m4qgdufw input, .m4qgdufw textarea { color: #000000; font-style: normal; letter-spacing: 0px; font-weight: 400; font-size: 16px; font-family: Mi Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; text-align: left; text-indent: 0px; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
.m4qgdufw .__placeholder, .m4qgdufw ::placeholder { color: #667085; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
.m4qgdufw .__mixImagePickerBorderStyle { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }
@media (max-width: 539px) {.m4qgdufw { box-sizing: border-box;   flex-basis: unset; }
.m4qgdufw input, .m4qgdufw textarea { flex-basis: unset; }
.m4qgdufw .__placeholder, .m4qgdufw ::placeholder { flex-basis: unset; }
.m4qgdufw .__mixImagePickerBorderStyle { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }}
@media (min-width: 540px) and (max-width: 1023px) {.m4qgdufw { box-sizing: border-box;   flex-basis: unset; }
.m4qgdufw input, .m4qgdufw textarea { flex-basis: unset; }
.m4qgdufw .__placeholder, .m4qgdufw ::placeholder { flex-basis: unset; }
.m4qgdufw .__mixImagePickerBorderStyle { flex-shrink: 0; flex-grow: unset; flex-basis: unset; }}