.notification{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:12px 16px;border-radius:6px;font-family:Source Sans\ 3,sans-serif;font-size:14px;line-height:20px;font-weight:400;box-sizing:border-box}.notification__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px}.notification__icon-image{display:block;width:100%;height:100%;object-fit:contain}.notification__content{flex:1 1;min-width:0}.notification__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0;border:none;background:rgba(0,0,0,0);cursor:pointer;color:inherit;border-radius:4px;transition:all .2s ease}.notification__close:hover{opacity:.75}.notification__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.notification__close-icon{display:block;width:18px;height:18px;object-fit:contain}.notification--subtle-info{background-color:#eceff5;border:1px solid #a6adb5;color:#2b3341}.notification--subtle-success{background-color:#e6f5f1;border:1px solid #18a589;color:#18a589}.notification--subtle-warning{background-color:#fef0e8;border:1px solid #f68b4e;color:#f68b4e}.notification--subtle-error{background-color:#fce8ee;border:1px solid #db2d58;color:#db2d58}.notification--solid-error,.notification--solid-info,.notification--solid-success,.notification--solid-warning{border:1px solid rgba(0,0,0,0);color:#fff}.notification--solid-info{background-color:#2b3341}.notification--solid-success{background-color:#18a589}.notification--solid-warning{background-color:#f68b4e}.notification--solid-error{background-color:#db2d58}.notification--outline-error,.notification--outline-info,.notification--outline-success,.notification--outline-warning{background-color:#fff;border-width:1px;border-style:solid}.notification--outline-info{border-color:#2b3341;color:#2b3341}.notification--outline-success{border-color:#18a589;color:#18a589}.notification--outline-warning{border-color:#f68b4e;color:#f68b4e}.notification--outline-error{border-color:#db2d58;color:#db2d58}.notification-stack{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;width:min(420px,100vw - 48px);pointer-events:none}.notification-stack__item{pointer-events:auto;animation:notification-enter .25s ease-out}.notification-stack__item--exiting{animation:notification-exit .2s ease-in forwards}@keyframes notification-enter{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes notification-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(16px)}}.notification-showcase{padding:20px;font-family:Source Sans\ 3,sans-serif}.notification-showcase__title{margin:0 0 24px;font-family:Encode Sans,sans-serif;font-size:20px;font-weight:600;color:#2b3341;text-transform:uppercase;letter-spacing:.02em}.notification-showcase__demo-actions{display:flex;flex-wrap:wrap;gap:12px}.notification-showcase__demo-button{padding:8px 16px;border-radius:6px;border:1px solid #d9dde3;background:#fff;font-family:Source Sans\ 3,sans-serif;font-size:12px;cursor:pointer;transition:all .2s ease}.notification-showcase__demo-button:hover{background:#eceff5}