:root{
  --toast-surface:var(--sf-card,var(--admin-panel,#fff));
  --toast-text:var(--sf-text,var(--admin-text,#172033));
  --toast-muted:var(--sf-muted,var(--admin-muted,#667085));
  --toast-line:var(--sf-line,var(--admin-border,rgba(15,23,42,.12)));
}

#toast-container{
  z-index:1000000!important;
  pointer-events:none;
  font-family:"__Lexend_Deca_7fd41d",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

#toast-container.toast-top-center{
  top:max(18px,env(safe-area-inset-top))!important;
  right:0!important;
  left:0!important;
  width:100%!important;
}

#toast-container > .toast{
  --toast-status:#1683ff;
  --toast-status-rgb:22,131,255;
  position:relative!important;
  width:min(430px,calc(100vw - 28px))!important;
  min-height:72px;
  margin:0 auto 12px!important;
  padding:16px 46px 16px 64px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--toast-status) 30%,var(--toast-line))!important;
  border-radius:17px!important;
  background:
    linear-gradient(105deg,rgba(var(--toast-status-rgb),.13),transparent 58%),
    var(--toast-surface)!important;
  background-image:none!important;
  color:var(--toast-text)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.17),0 2px 8px rgba(15,23,42,.08)!important;
  opacity:1!important;
  backdrop-filter:blur(20px) saturate(135%);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  cursor:default!important;
  pointer-events:auto;
  transform-origin:top center;
}

#toast-container > .toast::after{
  content:"";
  position:absolute;
  top:13px;
  bottom:13px;
  left:0;
  width:4px;
  border-radius:0 8px 8px 0;
  background:var(--toast-status);
  box-shadow:0 0 20px rgba(var(--toast-status-rgb),.45);
}

#toast-container > .toast::before{
  content:"i";
  position:absolute!important;
  top:50%!important;
  left:16px!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  border:1px solid rgba(var(--toast-status-rgb),.28)!important;
  border-radius:11px!important;
  background:rgba(var(--toast-status-rgb),.15)!important;
  color:var(--toast-status)!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  transform:translateY(-50%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important;
}

#toast-container > .toast-success{
  --toast-status:#12a66a;
  --toast-status-rgb:18,166,106;
}

#toast-container > .toast-success::before{content:"\2713"}

#toast-container > .toast-error{
  --toast-status:#ed4d5d;
  --toast-status-rgb:237,77,93;
}

#toast-container > .toast-error::before{content:"\00D7";font-size:24px!important}

#toast-container > .toast-warning{
  --toast-status:#e99a08;
  --toast-status-rgb:233,154,8;
}

#toast-container > .toast-warning::before{content:"!"}

#toast-container > .toast-info{
  --toast-status:#1683ff;
  --toast-status-rgb:22,131,255;
}

#toast-container > .toast-info::before{content:"i"}

#toast-container .toast-title{
  margin:0 0 3px!important;
  color:var(--toast-text)!important;
  font-size:.83rem!important;
  font-weight:850!important;
  line-height:1.35!important;
  letter-spacing:-.01em;
}

#toast-container .toast-title:empty{display:none}

#toast-container .toast-message{
  margin:0!important;
  color:var(--toast-text)!important;
  font-size:.84rem!important;
  font-weight:620!important;
  line-height:1.55!important;
  overflow-wrap:anywhere;
}

#toast-container .toast-close-button{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  margin:0!important;
  padding:0 0 2px!important;
  border:1px solid var(--toast-line)!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--toast-text) 5%,transparent)!important;
  color:var(--toast-muted)!important;
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1!important;
  text-shadow:none!important;
  opacity:1!important;
  cursor:pointer!important;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

#toast-container .toast-close-button:hover,
#toast-container .toast-close-button:focus{
  outline:none!important;
  background:rgba(var(--toast-status-rgb),.14)!important;
  color:var(--toast-status)!important;
  transform:scale(1.04);
}

#toast-container .toast-progress{
  right:12px!important;
  bottom:0!important;
  left:12px!important;
  width:auto;
  height:3px!important;
  border-radius:999px 999px 0 0;
  background:var(--toast-status)!important;
  opacity:.9!important;
  box-shadow:0 0 12px rgba(var(--toast-status-rgb),.34);
}

html[data-storefront-theme="dark"] #toast-container > .toast,
html[data-theme="dark"] #toast-container > .toast,
html.dark #toast-container > .toast{
  --toast-surface:#141821;
  --toast-text:#f5f7fb;
  --toast-muted:#a3a9b6;
  --toast-line:rgba(255,255,255,.11);
  box-shadow:0 22px 58px rgba(0,0,0,.42),0 2px 9px rgba(0,0,0,.26)!important;
}

@media(max-width:520px){
  #toast-container.toast-top-center{top:max(10px,env(safe-area-inset-top))!important}
  #toast-container > .toast{width:calc(100vw - 20px)!important;min-height:68px;padding:14px 42px 14px 58px!important;border-radius:15px!important}
  #toast-container > .toast::before{left:13px!important;width:32px!important;height:32px!important;border-radius:10px!important}
  #toast-container .toast-message{font-size:.8rem!important}
}

@media(prefers-reduced-motion:reduce){
  #toast-container > .toast,#toast-container .toast-close-button{transition:none!important}
}