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


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

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

}


.sf7k6v2c8 { height: 100%; left: 0; top: 0; width: 100vw; min-height: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #FFFFFF; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.sf7k6v2c8 { flex-basis: unset; }

}


.mj67zhfk { cursor: pointer; height: 93.1%; left: 0; top: 0; width: 100%; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; opacity: 1; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.mj67zhfk { flex-basis: unset; }

}


.cp_46483c9e { cursor: inherit; height: 70px; left: 0; top: 0; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-style: solid; border-color: rgba(44,45,45,0.2); border-radius: 0px; border-width: 0px 0px 0.3px 0px; opacity: 1; box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.1); flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.cp_46483c9e { flex-basis: unset; }

}


.cp_94bab53e { cursor: inherit; height: 100%; left: 0; top: 0; width: 93.3%; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 4px 12px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.cp_94bab53e { flex-basis: unset; }

}


.cp_c6805c00 { height: 0px; left: 0; top: 0; width: 0px; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.cp_c6805c00 { flex-basis: unset; }

}


.cp_4581a126 { height: 100%; left: 0; top: 0; width: 320px; max-height: unset; min-height: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.cp_4581a126 { flex-basis: unset; }

}


.cp_411382ab { height: 100%; left: 0; top: 0; width: 250px; max-height: unset; min-height: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: row; justify-content: space-evenly; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.cp_411382ab { flex-basis: unset; }

}


.cp_17213640 { cursor: pointer; height: 100%; left: 0; top: 0; width: auto; max-height: unset; min-height: unset; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; color: #18181B; font-family: DM Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 22px; opacity: 1; text-align: left; display: flex; justify-content: flex-start; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; overflow: auto; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.cp_17213640 { flex-basis: unset; }

}


.cp_d68ecf2f { cursor: default; height: 40px; left: 0; top: 0; width: 40px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #2c2d2d; border-style: None; border-color: transparent; border-radius: 90px; border-width: 0px; color: #ffffff; font-family: DM Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 35px; font-style: normal; font-weight: 700; line-height: 42px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; box-shadow: 0px 0px 0px 0px transparent; pointer-events: unset; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.cp_d68ecf2f { flex-basis: unset; }

}


.cp_a9bd22d1 { height: 100%; left: 0; top: 0; width: 250px; max-height: unset; min-height: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: center; flex-direction: row; justify-content: end; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #ffffff; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.cp_a9bd22d1 { flex-basis: unset; }

}


.cp_65bbebc5 { cursor: pointer; height: 40px; left: 0; top: 0; width: 121px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #18181B; border-style: None; border-color: transparent; border-radius: 10px; border-width: 0px; color: #ffffff; font-family: DM Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; opacity: 1; text-align: center; display: flex; justify-content: center; flex-direction: row; text-decoration-color: red; text-decoration-line: none; text-decoration-style: solid; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.cp_65bbebc5 { flex-basis: unset; }

}


.cp_56066105 { cursor: pointer; height: 72px; left: 0; top: 0; width: 113px; position: relative; right: 0; bottom: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: transparent; border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; opacity: 1; box-shadow: 0px 0px 0px 0px transparent; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }


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

}
@media (min-width: 768px) and (max-width: 1279px) {.cp_56066105 { flex-basis: unset; }

}