.oui-notification{--notification-color:var(--light-text-color,#fff);--notification-background:#383838;--notification-border:none;--notification-shadow:0 0 3px 1px #ffffff40;--notification-shadow-hover:0 0 0 3px #4299e180;--notification-text:#fff;--notification-error-background:#570000;--notification-error-text:#fdd1d1;--notification-error-shadow:0 0 3px 1px #fdd1d180;--notification-warn-background:#422b00;--notification-warn-text:#ffd280;--notification-warn-shadow:0 0 3px 1px #ffd28080}.oui-notification button{appearance:none;color:inherit;font-weight:var(--font-weight-normal,400);background:0 0;border:none}.oui-notification-container{display:grid;display:-ms-grid;top:env(safe-area-inset-top,0);right:env(safe-area-inset-right,0);isolation:isolate;pointer-events:none;width:23.75rem;max-width:100%;z-index:-z-index-notification;gap:.5rem;padding:1rem;position:fixed}@media screen and (width<=888px){.oui-notification-container{width:100%}}.oui-notification{pointer-events:initial;background:var(--notification-background);width:100%;color:var(--notification-text);box-shadow:var(--notification-shadow);cursor:default;border-radius:.5rem;flex-direction:row;gap:.5rem;padding:.75rem;display:flex}.oui-notification-error{--notification-background:var(--notification-error-background);--notification-text:var(--notification-error-text);--notification-shadow:var(--notification-error-shadow)}.oui-notification-warn{--notification-background:var(--notification-warn-background);--notification-text:var(--notification-warn-text);--notification-shadow:var(--notification-warn-shadow)}.oui-notification._has_action{cursor:pointer}.oui-notification._has_action:hover{--notification-shadow:var(--notification-shadow-hover)}:where(.oui-notification>*){flex-grow:0;flex-shrink:0}.oui-notification-body{flex-direction:column;flex:auto;gap:.5rem;margin-top:.125rem;margin-bottom:.125rem;display:flex;position:relative;overflow:hidden}:where(.oui-notification-body>*){flex-grow:0;flex-shrink:0}.oui-notification-icon{padding:0 .25rem 0 .125rem;display:flex;margin:0!important}.oui-notification-icon svg{width:1.5rem;height:1.5rem;margin:0;padding:0}.oui-notification-header{flex-direction:row;gap:1rem;display:flex}:where(.oui-notification-header>*){flex-grow:0;flex-shrink:0}.oui-notification-title{font-weight:var(--font-weight-semibold,600);flex:auto;overflow:hidden}.oui-notification-close{cursor:pointer;opacity:.5;position:absolute;top:0;right:0}.oui-notification-close button{border:none;padding:0}.oui-notification-close svg{width:1em;height:1em}.oui-notification-close:hover{opacity:1}.oui-notification-message{white-space:pre-line}.oui-notification-feedback{justify-content:right;gap:.5rem;margin-top:.5rem;display:flex}.oui-notification-feedback button{border:.0625rem solid var(--notification-text);font-weight:var(--font-weight-medium,500);border-radius:.25rem;padding:.25rem .5rem}.oui-notification-feedback button:hover{background-color:#fff3!important}.oui-notification-enter-active,.oui-notification-leave-active{opacity:1;transition:all .5s ease-in-out}.oui-notification-enter-from,.oui-notification-leave-to{opacity:0;transform:translate(90%)}