#vevo-order-notification,
#vevo-order-notification *{box-sizing:border-box}

#vevo-order-notification{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:2147483000;
  width:min(365px,calc(100vw - 30px));
  opacity:0;
  transform:translateY(20px) scale(.985);
  pointer-events:none;
  transition:opacity .34s ease,transform .34s cubic-bezier(.2,.8,.2,1);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

#vevo-order-notification.vevo-left{
  right:auto;
  left:24px;
}

#vevo-order-notification.vevo-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

#vevo-order-notification .vevo-order-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(75,45,242,.12);
  box-shadow:0 20px 48px rgba(22,31,74,.14),0 6px 18px rgba(75,45,242,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

#vevo-order-notification .vevo-order-card:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,#00c7ff,#176bff,#6b3df7);
}

#vevo-order-notification .vevo-order-inner{
  position:relative;
  padding:15px 15px 14px 17px;
  display:grid;
  grid-template-columns:48px 1fr 24px;
  gap:12px;
  align-items:start;
}

#vevo-order-notification .vevo-platform-icon{
  width:48px;height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  box-shadow:0 8px 18px rgba(19,32,78,.12);
  border:1px solid rgba(255,255,255,.65);
}

#vevo-order-notification .vevo-platform-icon svg{width:24px;height:24px}
#vevo-order-notification .instagram{background:linear-gradient(135deg,#ff4fc9,#7d42ff)}
#vevo-order-notification .tiktok{background:#171a22}
#vevo-order-notification .youtube{background:#ff2f3a}
#vevo-order-notification .telegram{background:linear-gradient(135deg,#1895d2,#38bdf8)}
#vevo-order-notification .facebook{background:#1877f2}
#vevo-order-notification .twitter{background:#14213a}
#vevo-order-notification .twitch{background:#7a4df2}

#vevo-order-notification .vevo-notice-copy{min-width:0}

#vevo-order-notification .vevo-notice-top{
  display:flex;
  align-items:center;
  gap:7px;
  margin:1px 0 5px;
}

#vevo-order-notification .vevo-notice-title{
  font-size:13px;
  font-weight:900;
  color:#141d39;
  line-height:1.2;
}

#vevo-order-notification .vevo-notice-dot{
  width:5px;height:5px;border-radius:50%;
  background:#6b3df7;
  box-shadow:0 0 0 4px rgba(107,61,247,.08);
}

#vevo-order-notification .vevo-notice-time{
  font-size:11px;
  font-weight:700;
  color:#9299aa;
  white-space:nowrap;
}

#vevo-order-notification .vevo-notice-text{
  margin:0;
  color:#535c75;
  font-size:13px;
  line-height:1.48;
}

#vevo-order-notification .vevo-notice-text strong{
  color:#18213d;
  font-weight:800;
}

#vevo-order-notification .vevo-notice-meta{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:7px;
  font-size:11px;
  color:#9097a9;
}

#vevo-order-notification .vevo-notice-meta svg{width:13px;height:13px}

#vevo-order-notification .vevo-notice-close{
  width:24px;height:24px;
  padding:0;
  border:none;
  border-radius:8px;
  background:#f4f5f9;
  color:#9aa1b2;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.2s ease;
}

#vevo-order-notification .vevo-notice-close:hover{
  color:#5a32f4;
  background:#eeeaff;
}

#vevo-order-notification .vevo-notice-close svg{width:13px;height:13px}

#vevo-order-notification .vevo-progress{
  height:3px;
  width:100%;
  background:#f0f1f7;
}

#vevo-order-notification .vevo-progress span{
  display:block;
  height:100%;
  width:100%;
  transform-origin:left center;
  background:linear-gradient(90deg,#00c7ff,#176bff,#6b3df7);
}

@media(max-width:640px){
  #vevo-order-notification{
    right:14px;
    bottom:14px;
    width:calc(100vw - 28px);
  }

  #vevo-order-notification.vevo-left{
    left:14px;
    right:auto;
  }

  #vevo-order-notification .vevo-order-inner{
    grid-template-columns:44px 1fr 22px;
    gap:10px;
    padding:13px 13px 13px 15px;
  }

  #vevo-order-notification .vevo-platform-icon{
    width:44px;height:44px;border-radius:13px;
  }

  #vevo-order-notification .vevo-notice-text{font-size:12.5px}
}