:root {
  --online: rgb(67, 181, 129); /* color for online status */
  --idle: rgb(250, 166, 26); /* color for idle status */
  --dnd: rgb(240, 71, 71); /* color for dnd status */
  --invisi: rgb(116, 127, 141); /* color for invivisble status */
  --pickerbg: url('https://ranger-4297.github.io/BD/Assets/Images/DOOM/StatusPicker.jpg'); /* Background of status picker*/
}


  .layer-v9HyYc[style*="; bottom: "][id*="popout_"] .menu-3sdvDG{
    left: -5.5px !important;
    width: 235px;
  }
.separator-2I32lJ, .item-1tOPte:not(:nth-child(7)) * {
    display: none;
  }
  #status-picker .item-1tOPte {
    display: inline-block;
    height: 41px;
    width: 41px;
    margin: 8.7px;
    transition: all .2s ease-in-out;
  }
  #status-picker .item-1tOPte:nth-child(1) {
    background: var(--online) !important;
    -webkit-mask: url('https://ranger-4297.github.io/BD/Assets/Images/Status/Status-online.png') center/90% no-repeat;
    mask: url('https://ranger-4297.github.io/BD/Assets/Images/Status/Status-online.png');
  }
  #status-picker .item-1tOPte:nth-child(3) {
    background: var(--idle) !important;
    -webkit-mask: url('https://ranger-4297.github.io/BD/Assets/Images/Status/Status-Idle.png') center/90% no-repeat;
    mask: url('https://ranger-4297.github.io/BD/Assets/Images/Status/Status-Idle.png');
  }
  #status-picker .item-1tOPte:nth-child(4) {
    background: var(--dnd) !important;
    -webkit-mask: url('https://ranger-4297.github.io/BD/Assets/Images/Status/Status-DND.png') center/90% no-repeat;
    mask: url('https://ranger-4297.github.io/BD/Assets/Images/Status/Status-DND.png');
  }
  #status-picker .item-1tOPte:nth-child(5) {
    background: var(--invisi) !important;
    -webkit-mask: url('https://ranger-4297.github.io/BD/Assets/Images/Status/Status-Invisible.png') center/90% no-repeat;
    mask: url('https://ranger-4297.github.io/BD/Assets/Images/Status/Status-Invisible.png');
  }


  /* Top section of status picker */
  #status-picker .item-1tOPte:nth-child(7) {
    display: block;
    width: 100%;
    top: 0;
    padding: 5px;
    position: absolute;
    transform: translateY(-95%);
    margin: 0;
    background-image: var(--pickerbg);
    background-position: 0px 0px;
    background-size: cover;
    z-index: -1;
  }
 /* Bottom section of status picker */
  #status-picker .scroller-3BxosC {
    padding: 0;
    overflow: visible !important;
    background-image: var(--pickerbg);
    background-position: 0px -40px;
    background-size: cover;
  }
  /* Animate hover */
    #status-picker .item-1tOPte:not(:nth-child(7)):hover {
    transform: scale(1.3);
  }