/* Sileo — avisos (toast) no estilo do projeto original, em HTML puro.
   https://github.com/hiaaryan/sileo */

:root{
  --sileo-spring-easing:linear(
    0,0.002 0.6%,0.007 1.2%,0.015 1.8%,0.026 2.4%,0.041 3.1%,0.06 3.8%,
    0.108 5.3%,0.157 6.6%,0.214 8%,0.467 13.7%,0.577 16.3%,0.631 17.7%,
    0.682 19.1%,0.73 20.5%,0.771 21.8%,0.808 23.1%,0.844 24.5%,0.874 25.8%,
    0.903 27.2%,0.928 28.6%,0.952 30.1%,0.972 31.6%,0.988 33.1%,1.01 35.7%,
    1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,
    0.999 83.7%,1
  );
  --sileo-duration:600ms;
  --sileo-height:40px;
  --sileo-width:350px;
  --sileo-fill:#F2F2F2;
  --sileo-state-success:oklch(0.723 0.219 142.136);
  --sileo-state-loading:oklch(0.556 0 0);
  --sileo-state-error:oklch(0.637 0.237 25.331);
  --sileo-state-warning:oklch(0.795 0.184 86.047);
  --sileo-state-info:oklch(0.685 0.169 237.323);
  --sileo-state-action:oklch(0.623 0.214 259.815);
}

[data-sileo-viewport]{
  position:fixed;z-index:80;
  display:flex;gap:.75rem;padding:.85rem;
  pointer-events:none;max-width:calc(100vw - 1.5rem);
  contain:layout style;
}
[data-sileo-viewport][data-position^="top"]{top:0;flex-direction:column-reverse}
[data-sileo-viewport][data-position^="bottom"]{bottom:0;flex-direction:column}
[data-sileo-viewport][data-position$="left"]{left:0;align-items:flex-start}
[data-sileo-viewport][data-position$="right"]{right:0;align-items:flex-end}
[data-sileo-viewport][data-position$="center"]{left:50%;transform:translateX(-50%);align-items:center}

[data-sileo-toast]{
  position:relative;cursor:pointer;pointer-events:auto;touch-action:none;
  border:0;background:transparent;padding:0;
  width:var(--sileo-width);height:var(--_h,var(--sileo-height));
  opacity:0;transform:translateZ(0) scale(.95);
  transform-origin:center;overflow:visible;contain:layout style;
  font-family:var(--font,"Poppins",sans-serif);
}
[data-sileo-toast][data-state="loading"]{cursor:default}
[data-sileo-toast][data-ready="true"]{
  opacity:1;transform:translateZ(0) scale(1);
  transition:
    transform calc(var(--sileo-duration)*.66) var(--sileo-spring-easing),
    opacity calc(var(--sileo-duration)*.66) var(--sileo-spring-easing),
    height var(--sileo-duration) var(--sileo-spring-easing);
}
[data-sileo-viewport][data-position^="top"] [data-sileo-toast]:not([data-ready="true"]){
  transform:translateY(-6px) scale(.95);
}
[data-sileo-viewport][data-position^="bottom"] [data-sileo-toast]:not([data-ready="true"]){
  transform:translateY(6px) scale(.95);
}
[data-sileo-toast][data-exiting="true"]{opacity:0;pointer-events:none}

[data-sileo-canvas]{
  position:absolute;inset:0;pointer-events:none;overflow:visible;
  filter:url(#sileo-gooey);
}
[data-sileo-svg]{overflow:visible;width:100%;height:100%;display:block}

[data-sileo-header]{
  position:absolute;z-index:20;display:flex;align-items:center;
  padding:.5rem;height:var(--sileo-height);overflow:hidden;
  left:0;top:0;max-width:100%;
}
[data-sileo-header-inner]{
  display:flex;align-items:center;gap:.5rem;white-space:nowrap;
}
[data-sileo-badge]{
  display:flex;height:24px;width:24px;flex-shrink:0;
  align-items:center;justify-content:center;padding:2px;box-sizing:border-box;
  border-radius:9999px;color:var(--sileo-tone);background:var(--sileo-tone-bg);
}
[data-sileo-badge] svg{width:14px;height:14px;display:block}
[data-sileo-title]{
  font-size:.825rem;line-height:1rem;font-weight:500;
  color:var(--sileo-tone);letter-spacing:-.01em;
}

[data-sileo-badge][data-state="success"],[data-sileo-title][data-state="success"],[data-sileo-button][data-state="success"]{--_c:var(--sileo-state-success)}
[data-sileo-badge][data-state="loading"],[data-sileo-title][data-state="loading"],[data-sileo-button][data-state="loading"]{--_c:var(--sileo-state-loading)}
[data-sileo-badge][data-state="error"],[data-sileo-title][data-state="error"],[data-sileo-button][data-state="error"]{--_c:var(--sileo-state-error)}
[data-sileo-badge][data-state="warning"],[data-sileo-title][data-state="warning"],[data-sileo-button][data-state="warning"]{--_c:var(--sileo-state-warning)}
[data-sileo-badge][data-state="info"],[data-sileo-title][data-state="info"],[data-sileo-button][data-state="info"]{--_c:var(--sileo-state-info)}
[data-sileo-badge][data-state="action"],[data-sileo-title][data-state="action"],[data-sileo-button][data-state="action"]{--_c:var(--sileo-state-action)}
[data-sileo-badge][data-state],[data-sileo-title][data-state]{
  --sileo-tone:var(--_c);
  --sileo-tone-bg:color-mix(in oklch, var(--_c) 20%, transparent);
}

[data-sileo-content]{
  position:absolute;left:0;top:var(--sileo-height);z-index:10;width:100%;
  opacity:0;pointer-events:none;
}
[data-sileo-toast][data-expanded="true"] [data-sileo-content]{
  opacity:1;pointer-events:auto;
  transition:opacity calc(var(--sileo-duration)*.6) ease calc(var(--sileo-duration)*.2);
}
[data-sileo-description]{
  width:100%;text-align:left;padding:.15rem 1rem .9rem;
  font-size:.82rem;line-height:1.35;color:rgba(0,0,0,.55);
}
[data-sileo-button]{
  display:inline-flex;align-items:center;justify-content:center;
  height:1.75rem;padding:0 .7rem;margin-top:.55rem;border-radius:999px;border:0;
  font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;
  color:var(--_c);background:color-mix(in oklch, var(--_c) 15%, transparent);
}
[data-sileo-button]:hover{background:color-mix(in oklch, var(--_c) 25%, transparent)}

[data-sileo-icon="spin"]{animation:sileo-spin 1s linear infinite}
@keyframes sileo-spin{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){
  [data-sileo-viewport],[data-sileo-viewport] *{
    animation-duration:.01ms!important;transition-duration:.01ms!important;
  }
}
@media print{
  [data-sileo-viewport]{display:none!important}
}