.notification-center{bottom:57px;display:none;inset-inline-end:0;position:fixed;top:56px;z-index:70;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--background-main);-ms-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}:host([dir=rtl]) .notification-center,[dir=rtl] .notification-center{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}:global(html[dir=rtl]) .notification-center{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}:host-context([dir=rtl]) .notification-center{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.notification-center__wrapper{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.notification-center__list{height:calc(var(--screen-height) - 169px);overflow-y:auto}.notification-center__close{display:none}.notification-center--visible{display:-webkit-box;display:-ms-flexbox;display:flex}.notification-center--active{-webkit-transform:translateX(0)!important;-ms-transform:translateX(0)!important;transform:translateX(0)!important}@media (min-width:1280px){.notification-center{border-end-start-radius:16px;border-start-start-radius:16px;bottom:0;-webkit-box-shadow:0 0 32px 0 var(--shadow-toasts);box-shadow:0 0 32px 0 var(--shadow-toasts);top:0;width:320px;z-index:60}.notification-center__list{height:calc(var(--screen-height) - 56px)}.notification-center__back{display:none}.notification-center__close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}}