.razom.monvelUi.notificationContainer{position:fixed;top:0;z-index:9999;width:896px;right:-448px}.razom.monvelUi.notificationContainer.full{margin:0}.razom.monvelUi.notificationContainer .notificationWrapperFloat{scrollbar-width:thin;scrollbar-color:#e6ebf0 hsla(0,0%,100%,0)}.razom.monvelUi.notificationContainer .notificationWrapperFloat::-webkit-scrollbar{width:8px;cursor:pointer}.razom.monvelUi.notificationContainer .notificationWrapperFloat::-webkit-scrollbar-track{margin-top:16px;margin-bottom:16px;border:3px solid hsla(0,0%,100%,0);background:hsla(0,0%,100%,0)}.razom.monvelUi.notificationContainer .notificationWrapperFloat::-webkit-scrollbar-thumb{box-shadow:inset 0 0 10px 10px #e6ebf0;border-left:2px solid hsla(0,0%,100%,0);border-right:2px solid hsla(0,0%,100%,0)}.razom.monvelUi.notificationContainer .notificationWrapperFloat{overflow-y:scroll;max-height:100vh;border-left:1px solid hsla(0,0%,100%,0)}.razom.monvelUi.notificationContainer .notificationWrapperFloat:not(:empty){padding:32px 24px 32px 32px}.razom.monvelUi.notificationContainer .notificationWrapperFloat .notificationWrapper{transition:transform .4s cubic-bezier(.2,1.4,1,1);transform:translateX(110%)}.razom.monvelUi.notificationContainer .notificationWrapperFloat .notificationWrapper-enter-done{transform:translateX(0)}.razom.monvelUi.notificationContainer .notificationWrapperFloat .notificationWrapper-exit{transition:transform .4s cubic-bezier(1,-.4,1,1)}.razom.monvelUi.notificationContainer .notificationWrapperFloat .notificationWrapper-exit-active{transform:translateX(110%)}.razom.monvelUi.notificationContainer .notificationWrapperStatic{background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);scrollbar-width:thin;scrollbar-color:#e6ebf0 hsla(0,0%,100%,0)}.razom.monvelUi.notificationContainer .notificationWrapperStatic::-webkit-scrollbar{width:8px;cursor:pointer}.razom.monvelUi.notificationContainer .notificationWrapperStatic::-webkit-scrollbar-track{margin-top:16px;margin-bottom:16px;border:3px solid hsla(0,0%,100%,0);background:hsla(0,0%,100%,0)}.razom.monvelUi.notificationContainer .notificationWrapperStatic::-webkit-scrollbar-thumb{box-shadow:inset 0 0 10px 10px #e6ebf0;border-left:2px solid hsla(0,0%,100%,0);border-right:2px solid hsla(0,0%,100%,0)}.razom.monvelUi.notificationContainer .notificationWrapperStatic{height:100vh;overflow-y:scroll}.razom.monvelUi.notificationContainer .notificationWrapperStatic:not(:empty){padding:32px 24px 32px 32px}.razom.monvelUi.notificationContainer .notificationWrapperStatic .notificationWrapper{transform:translateX(0)}.razom.monvelUi.notificationContainer .group{position:relative;width:384px;margin-bottom:16px}.razom.monvelUi.notificationContainer .group .groupHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.razom.monvelUi.notificationContainer .group .groupActions{display:flex;justify-content:flex-end}.razom.monvelUi.notificationContainer .group .groupActions>:not(:last-child){margin-right:12px}.razom.monvelUi.notificationContainer .group .groupAction{padding:5px;color:#64696e;background-color:#fff;border:1px solid #e6ebf0;border-radius:100%;cursor:pointer;transition:all .3s ease}.razom.monvelUi.notificationContainer .group .groupAction.collapse{visibility:hidden}@media(hover:hover){.razom.monvelUi.notificationContainer .group .groupAction:hover{background-color:#e6ebf0}}@media(hover:none){.razom.monvelUi.notificationContainer .group .groupAction:active{background-color:#e6ebf0}}.razom.monvelUi.notificationContainer .group.expanded{margin-bottom:48px}.razom.monvelUi.notificationContainer .group.expanded .groupAction.collapse{visibility:visible}.razom.monvelUi.notificationContainer .group.expanded .notificationWrapper:not(:last-child){margin-bottom:16px}.razom.monvelUi.notificationContainer .notificationWrapper{width:384px;margin-bottom:16px}.razom.monvelUi.notificationContainer>:not(:last-child){margin-bottom:16px}.noOverflow{overflow:hidden}@media screen and (max-width:768px){.razom.monvelUi.notificationContainer{padding:0;margin:auto auto 0;width:unset;top:unset;right:unset;left:50%;bottom:0;transform:translateX(-50%)}.razom.monvelUi.notificationContainer.full{background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);width:100%;height:100%;margin:0;top:0;right:0;left:0;bottom:0;transform:none}.razom.monvelUi.notificationContainer .notificationWrapperFloat{padding-top:0;padding-bottom:0;overflow-x:hidden}.razom.monvelUi.notificationContainer .notificationWrapperFloat .notificationWrapper{transition:transform .4s cubic-bezier(.2,1.4,1,1);transform:translateY(96px)}.razom.monvelUi.notificationContainer .notificationWrapperStatic{background:unset;-webkit-backdrop-filter:unset;backdrop-filter:unset;position:absolute;margin:0 auto;border:none;left:50%;transform:translateX(-50%);top:0;bottom:auto;overflow-x:hidden;width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-end}.razom.monvelUi.notificationContainer .notificationWrapperStatic:not(:empty){padding:0 8px 0 16px}.razom.monvelUi.notificationContainer .notificationWrapperStatic.active{display:block}.razom.monvelUi.notificationContainer .group,.razom.monvelUi.notificationContainer .notificationWrapper{margin:0 auto 16px}}