.notification-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}@media only screen and (max-width: 989px){.notification-container{top:16px;right:16px;left:16px;max-width:100%}}.notification{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:16px;background:var(--Others-White, #ffffff);box-shadow:0 8px 24px #2b2b2b26;pointer-events:auto;opacity:0;transform:translate(400px);transition:opacity .3s ease,transform .3s ease}.notification.notification--show{opacity:1;transform:translate(0)}.notification.notification--hide{opacity:0;transform:translate(400px)}@media only screen and (max-width: 989px){.notification{padding:14px 16px;border-radius:12px}}.notification--error{border-left:4px solid #f4364c}.notification--success{border-left:4px solid #00b67a}.notification--warning{border-left:4px solid #ff9100}.notification--info{border-left:4px solid var(--Primary-Vibrant-pink, #ff3993)}.notification__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification__icon svg{width:24px;height:24px}.notification--error .notification__icon svg{color:#f4364c}.notification--success .notification__icon svg{color:#00b67a}.notification--warning .notification__icon svg{color:#ff9100}.notification--info .notification__icon svg{color:var(--Primary-Vibrant-pink, #ff3993)}.notification__content{flex:1;display:flex;flex-direction:column;gap:4px}.notification__title{color:var(--Secondary-Soft-dark-100, #2b2b2b);font-family:var(--font-family-heading, "Freitag Display");font-size:16px;font-weight:700;line-height:1.4;margin:0}.notification__message{color:var(--Secondary-Soft-dark-80, #2b2b2bcc);font-family:var(--font-family-body, "Inter");font-size:14px;font-weight:400;line-height:1.5;margin:0}.notification__close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;color:var(--Secondary-Soft-dark-50, #2b2b2b80);transition:color .2s ease}.notification__close:hover{color:var(--Secondary-Soft-dark-100, #2b2b2b)}.notification__close svg{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/48/assets/notification.css.map */