.notification{z-index:3000;box-sizing:border-box;border-radius:var(--ds-radius-md);background:var(--ds-color-surface);width:min(100% - 32px,440px);color:var(--ds-color-text);box-shadow:var(--ds-shadow-float);font-size:var(--ds-font-size-sm);text-align:center;padding:10px 16px;font-weight:600;line-height:1.4;position:fixed;top:8px;left:50%;transform:translate(-50%)}.notification.success{border:1px solid color-mix(in srgb,var(--ds-color-success) 45%,var(--ds-color-border));color:var(--ds-color-success)}.notification.error{border:1px solid color-mix(in srgb,var(--ds-color-danger) 45%,var(--ds-color-border));color:var(--ds-color-danger)}.notification.warning{border:1px solid color-mix(in srgb,var(--ds-color-warning) 45%,var(--ds-color-border));color:var(--ds-color-warning)}.notification.info{border:1px solid color-mix(in srgb,var(--ds-color-focus) 45%,var(--ds-color-border));color:var(--ds-color-link)}@media (max-width:768px){.notification{width:min(100% - 24px,440px);padding-block:9px;top:6px}}