.notification-element{background-color:#202736;border-radius:6px;grid-template-columns:8px 1fr 48px;align-items:center;gap:16px;width:100%;padding:16px;transition:background-color .3s ease-in-out;display:grid}.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%;width:8px;height:8px}.notification-element__info{flex-direction:column;gap:4px;display:flex}.notification-element__info-time{letter-spacing:.02px;color:#c1c8d7;font-size:12px;font-weight:500;line-height:16px}.notification-element__info-description,.notification-element__info-description b,.notification-element__info-description span{letter-spacing:.01px;font-size:14px;font-weight:500;line-height:20px}.notification-element__info-description span{color:#c1c8d7}.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{width:48px;height:48px;display:flex}.notification-element__image-img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:100%;display:flex}@media only screen and (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{letter-spacing:.02px;font-size:12px;font-weight:500;line-height:16px}.notification-element__image{width:36px;height: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)}.notifications{z-index:99;background-color:#191e2a;border-radius:16px;flex-direction:column;width:473px;padding:12px;display:flex;position:absolute;top:calc(100% + 28px);right:0}.notifications *{font-family:Switzer,Inter,sans-serif}.notifications__empty{gap:16px;margin-bottom:16px;padding:42px 0}.notifications__empty,.notifications__empty-image{flex-direction:column;justify-content:center;align-items:center;display:flex}.notifications__empty-image-circle{background-color:#13161f;border-radius:100%;width:104px;height:36px}.notifications__empty-image-icon{color:#9ba7bf;width:80px;height:80px;margin-bottom:-24px;position:relative}.notifications__empty-info{flex-direction:column;align-items:center;gap:4px;display:flex}.notifications__empty-info-desc,.notifications__empty-info-title{text-align:center}.notifications__empty-info-title{letter-spacing:0;font-size:18px;font-weight:700;line-height:28px}.notifications__empty-info-desc{letter-spacing:.01px;color:#8892a5;font-size:14px;font-weight:500;line-height:20px}.notifications__header{align-items:center;gap:16px;width:100%;margin-bottom:16px;display:flex}.notifications__header-icon{width:32px;height:32px}.notifications__header-icon-image{color:#9ba7bf;width:100%;height:100%}.notifications__header-icon-image path:nth-child(2){fill:#ff3d33}.notifications__header-title{letter-spacing:0;font-size:18px;font-weight:600;line-height:28px}.notifications .notifications__header-close{margin-left:auto}.notifications .notifications__header-close .button-icon{width:20px;height:20px}.notifications__nav{margin-bottom:16px}.notifications__list{scrollbar-width:none;height:512px;margin-bottom:16px;overflow:auto}.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 (width<=900px){.notifications-fade-enter-from,.notifications-fade-leave-to{opacity:1;transform:translate(-100%)}.notifications__actions-mark-all-read{margin-bottom:94px}.notifications{width:100%;height:100dvh;top:unset;border-radius:0;position:fixed;bottom:0;right:0}.notifications__header{gap:8px}.notifications__header-icon{width:24px;height:24px}.notifications__header-title{letter-spacing:.01px;font-size:16px;font-weight:600;line-height:24px}.notifications__empty,.notifications__list{height:calc(100% - 64px);margin-bottom:12px}}