.razom.monvelUi.notification{display:inline-block;width:100%;transform:translateX(0)}.razom.monvelUi.notification .close{visibility:hidden;opacity:0;z-index:1;position:absolute;top:0;left:0;padding:5px;color:#64696e;background-color:#fff;border:1px solid #e6ebf0;border-radius:100%;cursor:pointer;transform:translate(-15px,-15px);transition-property:opacity,visibility,background-color;transition-duration:.3s}@media(hover:hover){.razom.monvelUi.notification .close:hover{background-color:#e6ebf0}}@media(hover:none){.razom.monvelUi.notification .close:active{background-color:#e6ebf0}}.razom.monvelUi.notification .content{position:relative;padding:16px;border:1px solid #e6ebf0;border-radius:12px;background-color:#fff;color:#14191e;width:100%;display:flex;flex-flow:row nowrap;flex-direction:column;align-items:flex-start;gap:16px}.razom.monvelUi.notification .content .leftIcon{padding:8px;align-self:center;margin-right:16px;color:#fff;border-radius:8px}.razom.monvelUi.notification .content .contentRow{display:flex;width:100%}.razom.monvelUi.notification .content .contentRow .contentContainer{height:40px;align-self:center;margin-right:16px;border-radius:8px;overflow:hidden;flex-shrink:0}.razom.monvelUi.notification .content .contentRow .contentContainer img{display:block;height:100%;width:auto}.razom.monvelUi.notification .content .bottomActions{width:100%}.razom.monvelUi.notification .textContent{flex-grow:1;align-self:center}.razom.monvelUi.notification .textContent .header{display:flex;justify-content:space-between}.razom.monvelUi.notification .textContent .title{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.notification .textContent .title{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.notification .textContent .title{font-style:normal;font-weight:600;font-variation-settings:"wght" 520,"slnt" 0;font-size:16px;line-height:24px;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-height:144px}.razom.monvelUi.notification .textContent .rightContent{position:relative;margin-left:16px;min-width:24px;height:24px;flex-shrink:0}.razom.monvelUi.notification .textContent .date{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.notification .textContent .date{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.notification .textContent .date{font-style:normal;font-weight:450;font-variation-settings:"wght" 400,"slnt" 0;font-size:13px;line-height:16px;letter-spacing:0;opacity:1;visibility:visible;line-height:24px;color:#64696e;transition-property:opacity,visibility;transition-duration:.3s}.razom.monvelUi.notification .textContent .expand{position:absolute;top:0;right:0;visibility:hidden;opacity:0;color:#64696e;cursor:pointer;transform:scale(100%);transition-property:transform,color,opacity,visibility;transition-duration:.3s}@media(hover:hover){.razom.monvelUi.notification .textContent .expand:hover{color:#14191e;transform:scale(120%)}}@media(hover:none){.razom.monvelUi.notification .textContent .expand:active{color:#14191e;transform:scale(120%)}}.razom.monvelUi.notification .textContent .text{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.notification .textContent .text{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.notification .textContent .text{font-style:normal;font-weight:450;font-variation-settings:"wght" 400,"slnt" 0;font-size:16px;line-height:24px;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-height:96px}.razom.monvelUi.notification .actions{display:flex;gap:12px}@media(hover:hover){.razom.monvelUi.notification:hover .close,.razom.monvelUi.notification:hover .textContent .expand{opacity:1;visibility:visible}}@media(hover:none){.razom.monvelUi.notification:active .close,.razom.monvelUi.notification:active .textContent .expand{opacity:1;visibility:visible}}.razom.monvelUi.notification.text .textContent .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis}@media(hover:hover){.razom.monvelUi.notification.expandable:hover .textContent .date{opacity:0;visibility:hidden}}@media(hover:none){.razom.monvelUi.notification.expandable:active .textContent .date{opacity:0;visibility:hidden}}.razom.monvelUi.notification.expanded .textContent .text,.razom.monvelUi.notification.expanded .textContent .title{display:block;-webkit-line-clamp:unset;max-height:unset}.razom.monvelUi.notification.info .content .leftIcon{background-color:#004bfa}.razom.monvelUi.notification.success .content .leftIcon{background-color:#00c800}.razom.monvelUi.notification.warning .content .leftIcon{background-color:#faaf00}.razom.monvelUi.notification.error .content .leftIcon{background-color:#e1194b}.razom.monvelUi.notification .notificationGroup{position:relative;height:8px;overflow:hidden;transform:scaleX(95%)}.razom.monvelUi.notification .notificationGroup>*{position:absolute;bottom:0}.razom.monvelUi.notification .notificationGroup.third{transform:scaleX(90%);height:6px}.razom.monvelUi.notification.banner{border-radius:0;border-color:#fff}.razom.monvelUi.notification.banner.web .actions{margin:0 0 0 16px}.razom.monvelUi.notification.banner.mobile .content{flex-wrap:wrap}.razom.monvelUi.notification.banner.mobile .bottomActions{flex:1 1 auto;margin:16px 0 0}.razom.monvelUi.notification.banner .closeBanner{padding:8px;margin-left:16px;color:#8c9196;transform:scale(100%);transition-property:transform,color;transition-duration:.3s}.razom.monvelUi.notification.banner .closeBanner .icon-component{cursor:pointer}@media(hover:hover){.razom.monvelUi.notification.banner .closeBanner:hover{color:#14191e;transform:scale(110%)}}@media(hover:none){.razom.monvelUi.notification.banner .closeBanner:active{color:#14191e;transform:scale(110%)}}