._2c5klU3OU0dr8ZMB9kW0TL {
  margin: 0.5rem;
  padding: 0 1rem;
  border: 1px solid #097be6;
  border-radius: 5px;
  background-color: #f9f9ff; }
  ._2c5klU3OU0dr8ZMB9kW0TL pre {
    overflow-x: scroll; }
  ._2c5klU3OU0dr8ZMB9kW0TL code {
    font-size: 0.8rem; }
._1h4MqkQY51Mroxa4xzDTzJ {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 800px;
  margin: 0 auto; }
._3mXzZ113Y5sCxWKjBG6kYg {
  width: 100%; }
  ._3mXzZ113Y5sCxWKjBG6kYg ._1CHVi8v6X859jeAaJRRkLu {
    background-color: #46e1fb;
    position: relative;
    overflow-x: scroll;
    width: 100%;
    height: 200px; }
    @media (min-width: 768px) {
      ._3mXzZ113Y5sCxWKjBG6kYg ._1CHVi8v6X859jeAaJRRkLu {
        height: 400px; } }
  ._3mXzZ113Y5sCxWKjBG6kYg ._414gGlC9hZgNTkJ1kiQlM {
    height: 100%; }
    ._3mXzZ113Y5sCxWKjBG6kYg ._414gGlC9hZgNTkJ1kiQlM ._1yTtce_JEliQSFU4RX5KmL {
      position: absolute;
      -webkit-transition: height 0.4s ease-out;
      transition: height 0.4s ease-out;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background-color: #1fc61f;
      bottom: 0; }
    ._3mXzZ113Y5sCxWKjBG6kYg ._414gGlC9hZgNTkJ1kiQlM .a8lO_EAauCEI5uv_64syf {
      position: absolute;
      -webkit-transition: height 0.4s ease-out;
      transition: height 0.4s ease-out;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: rgba(0, 0, 255, 0.2);
      background-color: currentColor;
      bottom: 0; }
    ._3mXzZ113Y5sCxWKjBG6kYg ._414gGlC9hZgNTkJ1kiQlM ._1QPnkgzdA6OImmjIue7XsS {
      position: absolute;
      -webkit-transition: height 0.25s ease-out;
      transition: height 0.25s ease-out;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: none;
      border-top-style: solid;
      color: black;
      border-top-color: currentColor;
      border-top-width: 2px;
      bottom: 0; }
    ._3mXzZ113Y5sCxWKjBG6kYg ._414gGlC9hZgNTkJ1kiQlM ._3lcs4KvWq29Sa46ETTCAbc {
      -webkit-transition: height 0.4s ease-out;
      transition: height 0.4s ease-out;
      position: absolute;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-top: 1px solid #2977ff;
      bottom: 0; }
    ._3mXzZ113Y5sCxWKjBG6kYg ._414gGlC9hZgNTkJ1kiQlM ._1GnZUtZB5om4kFM_v3US2z {
      -webkit-transition: height 0.4s ease-out;
      transition: height 0.4s ease-out;
      position: absolute;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-top: 1px solid yellow;
      bottom: 0; }
  ._3mXzZ113Y5sCxWKjBG6kYg ._1rKobiYTnvQ8X1ci7EjgyS .xuI4Wyb7S4prA9Vf4Z8Fw {
    padding: 1rem 1.25rem;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0;
    cursor: pointer;
    font-family: Helvetica, sans-serif;
    font-weight: 200;
    border: none;
    outline: none;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear; }
  ._3mXzZ113Y5sCxWKjBG6kYg ._1rKobiYTnvQ8X1ci7EjgyS ._2aEsDxSGhzVxQHhkrnOHgi {
    background-color: #268fdd;
    color: white; }
    ._3mXzZ113Y5sCxWKjBG6kYg ._1rKobiYTnvQ8X1ci7EjgyS ._2aEsDxSGhzVxQHhkrnOHgi:hover {
      background-color: #227fc5; }
.U1FkpSpuuVCqhFiXOLRON {
  width: 100%; }
  .U1FkpSpuuVCqhFiXOLRON ._2DPVxv4zO9we2mYhvRNybq ._33ZMS5k0RvLimWqNpmnrKx {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .U1FkpSpuuVCqhFiXOLRON ._2DPVxv4zO9we2mYhvRNybq ._3H5G2cWimrjxdUv-oQPUVW {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .U1FkpSpuuVCqhFiXOLRON ._2DPVxv4zO9we2mYhvRNybq ._3H5G2cWimrjxdUv-oQPUVW:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
  .U1FkpSpuuVCqhFiXOLRON .RpuNRzraNJjV-giMRlO92 {
    padding: 1rem 1.25rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    border-radius: 0;
    cursor: pointer;
    font-family: Helvetica, sans-serif;
    font-weight: 200;
    border: none;
    outline: none;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    background-color: #268fdd;
    color: white; }
    .U1FkpSpuuVCqhFiXOLRON .RpuNRzraNJjV-giMRlO92:hover {
      background-color: #227fc5; }