.notifications{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:1000;pointer-events:none;gap:.75rem;width:min(25rem,100vw - 2rem);max-height:calc(100dvh - 2rem);font-family:Vazirmatn,Tahoma,sans-serif;display:grid;position:fixed;overflow-y:auto}.notifications[dir=rtl]{right:auto;left:max(1rem, env(safe-area-inset-left))}.notification{--notice-color:#375b84;border:1px solid #ded8cb;border-inline-start:4px solid var(--notice-color);color:#211d17;pointer-events:auto;background:#fffdf8;border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:.875rem;font-size:.875rem;line-height:1.7;display:flex;box-shadow:0 6px 24px #211d1726}.notification--success{--notice-color:#3c6537}.notification--error{--notice-color:#b23b2e}.notification--warning{--notice-color:#855a16}.notification-message{overflow-wrap:anywhere;flex:1;gap:.625rem;min-width:0;display:flex}.notification-icon{color:var(--notice-color);font-weight:700}.notification-close{color:#625949;cursor:pointer;background:0 0;border:0;border-radius:.375rem;flex:none;place-items:center;width:2rem;height:2rem;font-size:1.5rem;line-height:1;display:grid}.notification-close:hover{background:#f0eadf}.notification-close:focus-visible{outline-offset:2px;outline:2px solid #a8541f}