/* Common customer notifications. No changes to text, lifetime or close handlers.
   Extended product-added dialogs are intentionally outside these selectors. */
html body .cm-notification-container.notification-container{
 top:16px!important;right:16px!important;left:auto!important;bottom:auto!important;
 width:400px!important;min-width:0!important;max-width:calc(100vw - 32px)!important;
 margin:0!important;padding:0!important;box-sizing:border-box!important;
}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content{
 --so-notice-accent:#44728e;
 position:relative!important;box-sizing:border-box!important;min-width:0!important;width:100%!important;
 min-height:0!important;min-block-size:0!important;margin:0 0 12px!important;
 padding:16px 52px 16px 18px!important;padding-block:16px!important;padding-inline:18px 52px!important;
 border:1px solid #d5dfe8!important;border-left:3px solid var(--so-notice-accent)!important;
 border-inline-width:3px 1px!important;border-radius:4px!important;
 background:#fff!important;color:#183344!important;
 box-shadow:0 6px 22px rgba(16,47,64,.13)!important;
 font:400 14px/21px Arial,Helvetica,sans-serif!important;text-align:left!important;
 overflow-wrap:anywhere!important;white-space:normal!important;pointer-events:auto;
}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content.alert-success{--so-notice-accent:#26815a}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content.alert-warning{--so-notice-accent:#b67b14}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content.alert-error{--so-notice-accent:#bc4545}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content>strong:first-of-type{
 display:block!important;margin:0 0 4px!important;padding:0!important;
 font:600 14px/20px Arial,Helvetica,sans-serif!important;text-transform:none!important;color:#183344!important;
}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content :is(p,ul,ol){font:inherit!important;color:inherit!important;margin:6px 0 0!important}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content a:not(.close){color:#244e69!important;text-decoration:underline!important;text-underline-offset:3px}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content .close{
 position:absolute!important;inset:auto!important;top:8px!important;right:8px!important;
 inset-block-start:8px!important;inset-inline-end:8px!important;float:none!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:32px!important;height:32px!important;inline-size:32px!important;block-size:32px!important;
 min-width:32px!important;min-height:32px!important;margin:0!important;padding:0!important;
 border:0!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important;
 opacity:1!important;transform:none!important;cursor:pointer!important;font-size:0!important;
}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content .close::before,
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content .close::after{
 content:""!important;position:absolute!important;display:block!important;width:14px!important;height:1.5px!important;
 top:15px!important;left:9px!important;background:#587089!important;border:0!important;
 transform:rotate(45deg)!important;font-size:0!important;
}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content .close::after{transform:rotate(-45deg)!important}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content .close:hover{background:#edf2f5!important;transform:none!important}
html body :is(.cm-notification-container,.notification-container-dialog) .notification-content :is(.close,a):focus-visible{outline:2px solid #44728e!important;outline-offset:2px!important}
@media(max-width:600px){
 html body .cm-notification-container.notification-container{top:12px!important;right:12px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
 html body :is(.cm-notification-container,.notification-container-dialog) .notification-content{margin-bottom:8px!important;padding:14px 48px 14px 14px!important;padding-block:14px!important;padding-inline:14px 48px!important}
}
@media(prefers-reduced-motion:reduce){
 html body :is(.cm-notification-container,.notification-container-dialog) .notification-content .close{transition:none!important}
}