Untitled

<div class="circle"></div>
<div class="pipe"></div>
<div class="side">
  <div class="edge"></div>
</div>
<style>
  * {
    background: #30383F;
    position: fixed;
    inset: 0;
    margin: auto;
  }
  .circle, .side {
    width: 60;
    height: 60;
    background: #FFF;
    border-radius: 50%;
    border: 20px solid #5AA4B7;
  }
  .pipe, .edge {
    height: 36;
    background: #FFF;
  }
  .side {
    background: #5AA4B7;
    inset: 100px auto auto 50px;
    -webkit-box-reflect: right 100px;
  }
  .edge {
    width: 118;
    border-radius: 0 20px 20px 0;
    inset: 132px auto auto 0;
  }
</style>