@import url(https://site-assets.fontawesome.com/releases/v6.7.2/css/all.css);:root{--success:#38ef7d;--error:#f45c43;--warning:yellow;--info:#00f2fe}.toast-container{position:fixed;z-index:99999;pointer-events:none}.toast-container.top-right{top:20px;right:20px}.toast-container.top-left{top:20px;left:20px}.toast-container.bottom-right{bottom:20px;right:20px}.toast-container.bottom-left{bottom:20px;left:20px}.toast-container.top-center{top:20px;left:50%;transform:translateX(-50%)}.toast-container.bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.my-toast{min-width:300px;max-width:400px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);display:flex;align-items:center;gap:14px;margin-bottom:12px;opacity:0;pointer-events:auto;position:relative;overflow:hidden;border-left:4px solid;backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.68, -.55, .265, 1.55)}.my-toast.toast-ltr{direction:ltr;text-align:left}.my-toast.toast-ltr .toast-content{text-align:left}.my-toast.toast-rtl{direction:rtl;text-align:right;border-left:none;border-right:4px solid}.my-toast.toast-rtl .toast-content{text-align:right}.my-toast.toast-rtl.success{border-right-color:var(--success)}.my-toast.toast-rtl.error{border-right-color:var(--error)}.my-toast.toast-rtl.warning{border-right-color:var(--warning)}.my-toast.toast-rtl.info{border-right-color:var(--info)}.my-toast::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;opacity:.1}.my-toast.success{background:linear-gradient(135deg,rgba(17,153,142,.1),rgba(56,239,125,.1));border-left-color:var(--success)}.my-toast.error{background:linear-gradient(135deg,rgba(235,51,73,.1),rgba(244,92,67,.1));border-left-color:var(--error)}.my-toast.warning{background:linear-gradient(135deg,rgba(240,147,251,.1),rgba(245,87,108,.1));border-left-color:var(--warning)}.my-toast.info{background:linear-gradient(135deg,rgba(79,172,254,.1),rgba(0,242,254,.1));border-left-color:var(--info)}.my-toast.slide-right{transform:translateX(120%)}.my-toast.slide-left{transform:translateX(-120%)}.my-toast.fade{transform:scale(.8)}.my-toast.bounce{transform:translateY(-100px)}.my-toast.show{opacity:1;transform:translateX(0) translateY(0) scale(1)}.toast-icon-wrapper{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.my-toast.success .toast-icon-wrapper{background:var(--success);color:#fff}.my-toast.error .toast-icon-wrapper{background:var(--error);color:#fff}.my-toast.warning .toast-icon-wrapper{background:var(--warning);color:#fff}.my-toast.info .toast-icon-wrapper{background:var(--info);color:#fff}.toast-content{flex:1;display:flex;flex-direction:column;gap:4px}.toast-title{font-weight:700;font-size:15px;color:#333}.toast-message{font-size:13px;color:#666;line-height:1.4}.toast-close{width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.toast-close:hover{background:rgba(0,0,0,.1);transform:rotate(90deg)}.toast-close i{font-size:12px;color:#666}.toast-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;transform-origin:left;animation:progressShrink linear forwards}.my-toast.success .toast-progress{background:var(--success)}.my-toast.error .toast-progress{background:var(--error)}.my-toast.warning .toast-progress{background:var(--warning)}.my-toast.info .toast-progress{background:var(--info)}@keyframes progressShrink{from{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:500px){.my-toast{min-width:calc(100vw - 40px);max-width:calc(100vw - 40px)}}