.affinity-notifications {position:fixed;inset:20px 20px auto auto;z-index:2147483647;display:flex;flex-direction:column;gap:12px;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:0;padding:0;border:0;background:transparent;color:#30232e;pointer-events:none;font:400 14px/1.5 "Basic Sans",Arial,sans-serif}
.affinity-notifications:empty {display:none}
.affinity-notifications .affinity-toast {position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;margin:0;padding:18px;border:1px solid #e4d6e0;border-left:4px solid #743764;border-radius:14px;background:#fff;box-shadow:0 10px 36px #30232e24;color:#30232e;pointer-events:auto;animation:affinity-toast-in .2s ease-out;box-sizing:border-box}
.affinity-toast > svg {width:21px;height:21px;flex-shrink:0;color:#743764;margin-top:1px}
.affinity-toast[data-notification-type="error"] {border-left-color:#a32a43}
.affinity-toast[data-notification-type="error"] > svg {color:#a32a43}
.affinity-toast__text {flex:1;min-width:0;overflow-wrap:anywhere}
.affinity-toast .affinity-toast__close {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;min-height:0;margin:-3px -4px 0 0;padding:0;border:0;border-radius:6px;background:transparent;color:#74656f;font:22px/1 Arial,sans-serif;cursor:pointer}
.affinity-toast .affinity-toast__close:hover {background:#f4edf2;color:#743764}
.affinity-toast__close:focus-visible {outline:2px solid #743764;outline-offset:2px}
@keyframes affinity-toast-in {from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@media(max-width:600px){.affinity-notifications{inset:16px 16px auto auto}.affinity-notifications .affinity-toast{padding:15px}}
@media(prefers-reduced-motion:reduce){.affinity-toast{animation:none!important}}