/* BuyListas UI 2.0 — Joomla system messages 20.5.6 */
#system-message-container{
  position:fixed!important;
  top:96px!important;
  right:24px!important;
  left:auto!important;
  width:min(390px,calc(100vw - 32px))!important;
  z-index:99999!important;
  pointer-events:none!important;
  margin:0!important;
  padding:0!important;
}
#system-message-container #system-message{margin:0!important;padding:0!important}
#system-message-container .alert,
#system-message-container .alert-message,
#system-message-container .alert-success,
#system-message-container .alert-warning,
#system-message-container .alert-error,
#system-message-container .alert-danger,
#system-message-container .alert-info{
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  margin:0 0 12px!important;
  padding:17px 48px 17px 58px!important;
  border:1px solid #eadfd5!important;
  border-left:4px solid #ff7a00!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.98)!important;
  color:#25282e!important;
  box-shadow:0 16px 44px rgba(24,28,34,.16)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  pointer-events:auto!important;
  animation:blSystemMessageIn .28s ease both;
}
#system-message-container .alert:before,
#system-message-container .alert-message:before,
#system-message-container .alert-success:before,
#system-message-container .alert-warning:before,
#system-message-container .alert-error:before,
#system-message-container .alert-danger:before,
#system-message-container .alert-info:before{
  content:'✓';
  position:absolute;
  left:16px;
  top:16px;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:linear-gradient(145deg,#fff0e2,#ffe1c4);
  color:#ef7200;
  font-size:16px;
  font-weight:950;
}
#system-message-container .alert-warning{border-color:#f4dfae!important;border-left-color:#e6a315!important;background:rgba(255,251,241,.98)!important}
#system-message-container .alert-warning:before{content:'!';background:#fff0c9;color:#a66b00}
#system-message-container .alert-error,
#system-message-container .alert-danger{border-color:#f0c9c9!important;border-left-color:#d94a4a!important;background:rgba(255,248,248,.98)!important}
#system-message-container .alert-error:before,
#system-message-container .alert-danger:before{content:'×';background:#ffe8e8;color:#be3333}
#system-message-container .alert-info{border-color:#d7e5f1!important;border-left-color:#4b89bd!important;background:rgba(248,252,255,.98)!important}
#system-message-container .alert-info:before{content:'i';background:#e8f3fb;color:#3378ad}
#system-message-container .alert-heading,
#system-message-container h4,
#system-message-container h3{
  margin:0 0 4px!important;
  color:#181b20!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:900!important;
}
#system-message-container p,
#system-message-container div>div{
  margin:0!important;
  color:#626872!important;
  font-size:12px!important;
  line-height:1.5!important;
}
#system-message-container .close{
  position:absolute!important;
  top:11px!important;
  right:12px!important;
  z-index:4!important;
  width:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:#f3f4f6!important;
  color:#50555d!important;
  text-decoration:none!important;
  font-size:18px!important;
  line-height:1!important;
  opacity:1!important;
  cursor:pointer!important;
}
#system-message-container .close:hover{background:#e9ebee!important;color:#16181c!important}
#system-message-container .bl-system-message-out{animation:blSystemMessageOut .22s ease both!important}
@keyframes blSystemMessageIn{from{opacity:0;transform:translate3d(18px,-6px,0) scale(.98)}to{opacity:1;transform:none}}
@keyframes blSystemMessageOut{to{opacity:0;transform:translate3d(20px,0,0) scale(.98)}}
@media(max-width:720px){
  #system-message-container{top:82px!important;right:12px!important;width:calc(100vw - 24px)!important}
  #system-message-container .alert,#system-message-container .alert-message,#system-message-container .alert-success,#system-message-container .alert-warning,#system-message-container .alert-error,#system-message-container .alert-danger,#system-message-container .alert-info{border-radius:15px!important;padding:15px 42px 15px 54px!important}
}