.toast-popup{--toast-accent:#059652;z-index:1080;background-color:var(--surface-color,#fff);min-width:280px;max-width:calc(100vw - 48px);color:var(--default-color,#1f2937);border-left:4px solid var(--toast-accent);opacity:0;pointer-events:none;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px);box-shadow:0 12px 30px #00000026}.toast-popup--success{--toast-accent:#059652}.toast-popup--error{--toast-accent:#df1529}.toast-popup--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.toast-popup__icon{background-color:color-mix(in srgb, var(--toast-accent), transparent 85%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-popup__icon i{color:var(--toast-accent);font-size:20px}.toast-popup__content{flex-direction:column;line-height:1.35;display:flex}.toast-popup__content strong{font-size:15px;font-weight:600}.toast-popup__content span{color:color-mix(in srgb, var(--default-color,#1f2937), transparent 30%);font-size:13px}.toast-popup__close{width:28px;height:28px;color:color-mix(in srgb, var(--default-color,#1f2937), transparent 40%);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background-color .2s,color .2s;display:inline-flex}.toast-popup__close:hover,.toast-popup__close:focus-visible{background-color:color-mix(in srgb, var(--default-color,#1f2937), transparent 92%);color:var(--default-color,#1f2937)}.toast-popup__close i{font-size:14px}