.notification__transition{--offset:8px;transform:translateY(var(--offset));opacity:0;transition:all .3s ease-out}.notification__transition-live{opacity:1;transition:all .3s ease-out;transform:translateY(0)}.notification__transition-live.notification__transition-without-entry-animation{transition:all ease-out}@starting-style{.notification__transition-live{transform:translateY(var(--offset));opacity:0}}@media (width>=640px){.notification__transition{transform:translate(var(--offset), 0)}.notification__transition-live{transform:translate(0)}@starting-style{.notification__transition-live{transform:translate(var(--offset), 0)}}}