.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; }
}


.sbdqpl2ys { 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: space-evenly; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: rgba(243,243,243,1); background-position: center; background-repeat: no-repeat; background-size: cover; flex-shrink: 0; flex-grow: unset; flex-basis: unset; }

@media (max-width: 767px) {.sbdqpl2ys { height: 100%; max-height: unset; min-height: unset; width: 100vw; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: space-evenly; flex-wrap: nowrap; overflow: hidden; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}
@media (min-width: 768px) and (max-width: 1279px) {.sbdqpl2ys { flex-basis: unset; }
}


.ml75dno5 { cursor: inherit; left: 0; top: 0; width: 100%; 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: center; flex-wrap: nowrap; overflow: scroll; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: rgba(243,243,243,1); border-style: None; border-color: transparent; border-radius: 0px; border-width: 0px; box-shadow: 0px 0px 0px 0px transparent; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }

@media (max-width: 767px) {.ml75dno5 { max-height: unset; min-height: unset; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: row; justify-content: center; flex-wrap: nowrap; overflow: hidden; gap: 0px; padding: 0px 0px 0px 0px; margin: 0px 12px 0px 12px; flex-grow: 1; flex-shrink: 0; flex-basis: 0px; }
}
@media (min-width: 768px) and (max-width: 1279px) {.ml75dno5 { height: 960px; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; overflow: hidden; gap: 12px; padding: 12px 24px 12px 24px; margin: 0px 0px 0px 0px; flex-grow: unset; flex-basis: unset; }
}


.ml75utgp { cursor: inherit; height: 97%; 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: rgba(255,255,255,1); 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) {.ml75utgp { display: none; flex-basis: unset; }
}
@media (min-width: 768px) and (max-width: 1279px) {.ml75utgp { display: none; flex-basis: unset; }
}


.ml75uhnc { cursor: inherit; height: 100%; left: 0; top: 0; width: 640px; 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: 12px 16px 12px 16px; background-color: rgba(255,255,255,1); 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) {.ml75uhnc { height: 100%; max-height: unset; min-height: unset; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: hidden; gap: 0px; padding: 0px 0px 0px 0px; margin: 12px 16px 12px 16px; flex-grow: unset; flex-basis: unset; }
}
@media (min-width: 768px) and (max-width: 1279px) {.ml75uhnc { height: 100%; max-height: unset; min-height: unset; width: 574px; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 12px 12px 12px 12px; flex-grow: unset; flex-basis: unset; }
}


.ml75ufh4 { cursor: inherit; height: 927px; left: 0; top: 0; width: 214px; 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: rgba(255,255,255,1); 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) {.ml75ufh4 { display: none; flex-basis: unset; }
}
@media (min-width: 768px) and (max-width: 1279px) {.ml75ufh4 { height: 100%; max-height: unset; min-height: unset; width: 141px; position: relative; right: 0; left: 0; bottom: 0; top: 0; align-items: center; flex-direction: column; justify-content: start; flex-wrap: nowrap; overflow: visible; gap: 0px; padding: 0px 0px 0px 0px; margin: 12px 12px 12px 12px; flex-grow: unset; flex-basis: unset; }
}


.ml73fu7r { cursor: inherit; height: 64px; left: 0; top: 0; width: 100%; max-width: unset; min-width: unset; position: relative; right: 0; bottom: 0; display: flex; align-items: flex-start; 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: rgba(255,255,255,1); 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) {.ml73fu7r { flex-basis: unset; }
}
@media (min-width: 768px) and (max-width: 1279px) {.ml73fu7r { flex-basis: unset; }
}


.ml756o41 { cursor: inherit; height: 28px; left: 0; top: 0; width: 96px; 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: #eef7ff; 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) {.ml756o41 { flex-basis: unset; }
}
@media (min-width: 768px) and (max-width: 1279px) {.ml756o41 { flex-basis: unset; }
}