.os-notify{position:fixed;color:var(--os-notify-color);background-color:var(--os-notify-background-color);padding:var(--os-space-s) var(--os-space-xl) var(--os-space-s) var(--os-space-base);border-radius:var(--os-border-radius-base);border:solid 1px var(--os-notify-border-color);box-shadow:var(--os-notify-box-shadow);z-index:5000;display:flex;align-items:flex-start;transition:.3s all}.os-notify.is-top-left{top:var(--os-space-base);left:var(--os-space-base)}.os-notify.is-top-right{top:var(--os-space-base);right:var(--os-space-base)}.os-notify.is-bottom-left{bottom:var(--os-space-base);left:var(--os-space-base)}.os-notify.is-bottom-right{bottom:var(--os-space-base);right:var(--os-space-base)}.os-notify .os-notify-prefix-icon{color:var(--os-notify-icon-color);font-size:1.2em}.os-notify .os-notify-prefix-icon+.os-notify-bd{margin-left:.5em}.os-notify .os-notify-suffix-icon{margin-left:1em;cursor:pointer}.os-notify>.os-notify-bd{flex:1}.os-notify-icon{padding-right:.5em;font-size:var(--os-heading7)}.os-notify-rt-icon{position:absolute;top:var(--os-space-s);right:var(--os-space-base)}.os-notify-hd{font-size:var(--os-heading7)}.os-notify{--os-notify-box-shadow: 0px 3px 12px rgba(0, 0, 0, .12);--os-notify-color: var(--os-color-neutral-9);--os-notify-border-color: var(--os-color-neutral-2);--os-notify-background-color: var(--os-color-neutral-0);--os-notify-icon-color: var(--os-color-primary)}.os-notify-success{--os-notify-icon-color: var(--os-color-success)}.os-notify-warning{--os-notify-icon-color: var(--os-color-warning)}.os-notify-danger{--os-notify-icon-color: var(--os-color-danger)}.notify-fade-enter-from,.notify-fade-leave-to{transform:translate(-50%) translateY(0);opacity:0}