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;
}