@charset "utf-8";

.mbp-co11 { display: flex; padding: 0px; position: relative; align-items: center; justify-content: center; }

.mbp-co12 { width: 340px; height: 230px; overflow: auto; position: relative; background-color: rgb(255, 255, 255); }

.mbp-co13 { width: 270px; height: auto; max-height: 90vh; min-height: 250px; }

.mbp-co14 { width: 26%; height: 80vh; min-width: 280px; max-height: 250px; }

.mbp-co15 { width: 55%; height: 80vh; }

@media (max-width: 698.95px) {
  .mbp-co15 { width: 90%; }
}

.mbp-co16 { width: 90%; height: calc(100% - 100px); }

.mbp-co17 { top: 0px; margin: 0px; padding: 0px 20px 0px 4px; z-index: 2; overflow: hidden; position: sticky; font-size: 1em; background: rgb(255, 255, 255); box-shadow: rgb(117, 117, 117) 0px 4px 2px -2px; text-align: center; font-weight: 700; line-height: 48px; white-space: nowrap; text-overflow: ellipsis; }

.mbp-co18 { text-align: left; }

.mbp-co19 { padding: 5px 10px 0px; background: rgb(255, 255, 255); overflow-y: auto; }

.mbp-co19 a { color: rgb(31, 31, 27); text-decoration: none; }

.mbp-co19 h2 { color: rgb(31, 31, 27); margin: 20px 0px 7px; font-size: 0.9em; }

.mbp-co19 img { width: auto; }

.mbp-co19 p { margin-top: 0px; }

.mbp-co20 { right: 20px; cursor: pointer; position: absolute; font-size: 20px; font-weight: 500; }