body {

  --default-box-shadow: 0 2px 4px rgb(0 0 0 / 7%), 0 4px 12px rgb(0 0 0 / 8%);
  --default-box-bg: white;
  --default-border-radius: 5px;
  --default-box-padding: 5px;
}

.mt-hud-container {
    min-width: 250px;
    min-height: 100px;
    position: fixed;
     right: 3%; 
     top: 10%; 
     z-index: 99999;
  /*   background:gray;*/
    
}


.mt-hud-hide {
  display:none;
}


/* *[id^='mt-playlist-'].default-box, *[class^='mt-playlist-'].default-box, *[id^='mt-playlist-'] .default-box, *[class^='mt-playlist-'] .default-box {*/
.mt-hud.default-box {
    border-radius: var(--default-border-radius);
    background: var(--default-box-bg);
    box-shadow: var(--default-box-shadow);
    padding: var(--default-box-padding);

    background: white;
    z-index: 99999;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 25px !important;
    opacity: 0;
    min-width: 250px;
  }

  .mt-hud-msg-box {
    position: relative;
    margin-bottom:25px;
  }

  .mt-hud-msg-box h5 {
    margin-top:0;
  }
  

  /*

.mt-playlist-share-copy {
  
    position:fixed;
    left:50%;
    transform: translate(-50%, 0);
    top: 10%;
    background:white;
    z-index:99999;
    padding-left:25px !important;
    padding-right:25px !important;
    padding-bottom:25px !important;
  
    opacity:0;
    min-width: 250px;
  
  }
  
  
  .mt-playlist-share-copy .content{
    position: relative;
  }*/

  .mt-hud-dismiss-btn {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    
   
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 2.5em;
    transition: 0.2s;

    opacity:1;
}

   .mt-hud-dismiss-btn span{
  
  font-size: 1.8em;   
   position: relative;
    right: 2.5px;
    top: 2.5px;
    text-align:center;
    left:9%;
  }
  
   .mt-hud-dismiss-btn span *{
    text-align:center;
  }
  .mt-hud-dismiss-btn a{
  text-decoration: none;
  color: #cbcbcb;/*black;*/
  }
  
.mt-hud-msg-box:hover .mt-hud-dismiss-btn{
  display:block;
  /*box-shadow: 0 2px 4px rgba(107, 81, 81, 0.1), 0 4px 4px rgba(0, 0, 0, .05);*/
  opacity:1;
  }
  .mt-hud-msg-box .mt-hud-dismiss-btn a{
  text-decoration: none;
  color: #707070;
  opacity: 0.3;
  }
.mt-hud-msg-box .mt-hud-dismiss-btn a:hover {
  color: rgb(49, 49, 49);
  opacity: 0.7;
  }