.notification-element{align-items:center;background-color:#202736;border-radius:6px;display:grid;gap:16px;grid-template-columns:8px 1fr 48px;padding:16px;transition:background-color .3s ease-in-out;width:100%}.notification-element.--color-blue .notification-element__dot{background-color:#06a2f1}.notification-element.--color-blue .notification-element__info .notification-element__info-description b{color:#06a2f1}.notification-element.--color-red .notification-element__dot{background-color:#ff3d33}.notification-element.--color-red .notification-element__info .notification-element__info-description b{color:#ff3d33}.notification-element.--color-green .notification-element__dot{background-color:#2fcf13}.notification-element.--color-green .notification-element__info .notification-element__info-description b{color:#2fcf13}.notification-element.--color-yellow .notification-element__dot{background-color:#ecb206}.notification-element.--color-yellow .notification-element__info .notification-element__info-description b{color:#ecb206}.notification-element.--color-pink .notification-element__dot{background-color:#f9a2a1}.notification-element.--color-pink .notification-element__info .notification-element__info-description b{color:#f9a2a1}.notification-element.--color-brand .notification-element__dot{background-color:#b055ff}.notification-element.--color-brand .notification-element__info .notification-element__info-description b{color:#b055ff}.notification-element:hover{background-color:#353a5a}.notification-element.--callback{cursor:pointer}.notification-element.--case-image .notification-element__image-img{transform:scale(1.45) translateY(4%)}.notification-element__dot{border-radius:100%;height:8px;width:8px}.notification-element__info{display:flex;flex-direction:column;gap:4px}.notification-element__info-time{color:#c1c8d7;font-size:12px;font-weight:500;letter-spacing:.02px;line-height:16px}.notification-element__info-description{font-size:14px;font-weight:500;letter-spacing:.01px;line-height:20px}.notification-element__info-description span{color:#c1c8d7}.notification-element__info-description b,.notification-element__info-description span{font-size:14px;font-weight:500;letter-spacing:.01px;line-height:20px}.notification-element__info-description b.--blue{color:#06a2f1!important}.notification-element__info-description b.--red{color:#ff3d33!important}.notification-element__info-description b.--green{color:#2fcf13!important}.notification-element__info-description b.--yellow{color:#ecb206!important}.notification-element__info-description b.--pink{color:#f9a2a1!important}.notification-element__info-description b.--brand{color:#b055ff!important}.notification-element__image{display:flex;height:48px;width:48px}.notification-element__image-img{display:flex;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}@media only screen and (max-width:900px){.notification-element{padding:12px}.notification-element__info{gap:4px}.notification-element__info-description,.notification-element__info-description b,.notification-element__info-description span{font-size:12px;font-weight:500;letter-spacing:.02px;line-height:16px}.notification-element__image{height:36px;width:36px}}.notifications-fade-enter-active,.notifications-fade-leave-active{transition:opacity .3s,transform .3s}.notifications-fade-enter-from,.notifications-fade-leave-to{opacity:0;transform:scale(.98)}@media only screen and (max-width:900px){.notifications-fade-enter-from,.notifications-fade-leave-to{opacity:1;transform:translate(-100%)}}.notifications{background-color:#191e2a;border-radius:16px;display:flex;flex-direction:column;padding:12px;position:absolute;right:0;top:calc(100% + 28px);width:473px;z-index:99}.notifications *{font-family:Switzer,sans-serif}.notifications__header{align-items:center;display:flex;gap:16px;margin-bottom:16px;width:100%}.notifications__header-icon{height:32px;width:32px}.notifications__header-icon-image{color:#9ba7bf;height:100%;width:100%}.notifications__header-icon-image path:nth-child(2){fill:#ff3d33}.notifications__header-title{font-size:18px;font-weight:600;letter-spacing:0;line-height:28px}.notifications__header-close{margin-left:auto}.notifications__nav{margin-bottom:16px}.notifications__list{height:512px;margin-bottom:16px;overflow:auto;scrollbar-width:none}.notifications__list-element .notification-element{margin-bottom:8px}.notifications__list-element:last-of-type .notification-element{margin-bottom:0}.notifications__actions-mark-all-read{width:100%}@media only screen and (max-width:900px){.notifications{border-radius:0;bottom:0;height:100dvh;position:fixed;right:0;top:unset;width:100%}.notifications__header{gap:8px}.notifications__header-icon{height:24px;width:24px}.notifications__header-title{font-size:16px;font-weight:600;letter-spacing:.01px;line-height:24px}.notifications__list{height:calc(100% - 168px);margin-bottom:12px}}