@charset "utf-8";

.mbp811 { padding: 0px 20px; background: rgb(244, 242, 247); }

.mbp811 > div > div { padding: 5px 0px 20px; }

.mbp811 .MuiPaper-elevation1 { box-shadow: none; }

@media (max-width: 599.95px) {
  .mbp811 { margin-top: 10px; }
}

.mbp811 .MuiInput-underline::before { border-bottom: none; }

.mbp811 .MuiInput-underline::after { border-bottom: none; }

.mbp812 { color: rgb(0, 0, 0); width: 100%; }

.mbp813 { color: rgb(105, 51, 136); padding: 16px 11px; }

.mbp813.mbp815 { color: rgb(105, 51, 136); }

@media (max-width: 599.95px) {
  .mbp813 svg { font-size: 24px; }
}

@media (max-width: 599.95px) {
  .mbp814 { font-size: 15px; }
}

.mbp815 { color: rgb(105, 51, 136); }

.mbp815.mbp815 { color: rgb(105, 51, 136); }

.mbp816 { margin: 10px 0px; display: flex; box-sizing: border-box; justify-content: space-between; }

@media (max-width: 599.95px) {
  .mbp816 { margin: 0px; align-items: center; }
}

.mbp817 { padding: 10px 10px 12px; box-sizing: border-box; }

.mbp818 { width: 100%; border: none; height: 106px; }

.mbp818 label { color: rgb(165, 165, 165); }

.mbp818 label[class*="focused"] { color: rgb(95, 60, 134); }

.mbp819 { display: none; }

.mbp820 { display: block; }

.mbp821 { color: rgb(117, 117, 117); cursor: pointer; font-size: 12px; text-decoration: underline; }

.mbp822 { max-width: 800px; }

.mbp823 { top: 0px; height: 400px; display: flex; position: absolute; transition: 0.2s ease-in-out; }

.mbp824 { color: rgb(32, 22, 72); display: flex; align-items: center; border-bottom: 2px solid rgb(32, 22, 72); justify-content: space-between; }

.mbp824 h3 { margin: 2px 0px; }

.mbp825 { cursor: pointer; display: flex; outline: 0px; align-items: center; }

.mbp826 { color: rgb(32, 22, 72); padding: 10px 5px 10px 0px; }