:root{--black-color:#000;--white-color:#fff;--grapfit-color:#49454c;--gray-color:#333435;--gray-light-color:#a8a9b0;--line-color:#dcdde1;--txt-gray-color:#a0a0a0;--back-color:#f4f4f4;--violet-color:#343176;--violet-back-color:#f1f0fa;--green-color:#5fc0b1;--green-back-color:#e1f5f2;--blue-color:#528df0;--warn-color:#ed9b57;--orange-color:#ee7656;--alert-color:#f77878;--red-color:#e14142;--pink-color:#ffe8e8;--purple-color:#544669;--shadow-transparent:0px 4px 15px 0px rgba(0, 0, 0, 0);--shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.15);--shadow2:0px 4px 28px 0px rgba(0, 0, 0, 0.1);--trs-300:300ms ease;--trs-600:600ms ease;--trs-1200:1200ms ease;--trs-2000:2000ms ease;--trs-cubic-800:0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-600:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-300:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--screensize:1920}.notification-card{padding:calc(28 / var(--screensize) * 100vw);border-radius:calc(12 / var(--screensize) * 100vw);background:var(--back-color);display:-ms-grid;display:grid;-ms-grid-columns:calc(164 / var(--screensize) * 100vw) 1fr;grid-template-columns:calc(164 / var(--screensize) * 100vw) 1fr;gap:calc(28 / var(--screensize) * 100vw);position:relative}.notification-card.no-check:before{content:"";width:calc(12 / var(--screensize) * 100vw);height:calc(12 / var(--screensize) * 100vw);top:calc(12 / var(--screensize) * 100vw);right:calc(12 / var(--screensize) * 100vw);border-radius:999px;background:var(--green-color);position:absolute}.notification-card .image-wrapper{width:calc(164 / var(--screensize) * 100vw);height:calc(93 / var(--screensize) * 100vw);border-radius:calc(12 / var(--screensize) * 100vw);overflow:hidden}.notification-card .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.notification-card .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.notification-card .content .date{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(10 / var(--screensize) * 100vw);text-transform:uppercase;font-size:calc(10 / var(--screensize) * 100vw);font-weight:400;line-height:96%;letter-spacing:calc(1 / var(--screensize) * 100vw)}.notification-card .content .date img{width:calc(12 / var(--screensize) * 100vw);height:calc(12 / var(--screensize) * 100vw)}.notification-card .content .title{margin-top:calc(12 / var(--screensize) * 100vw);font-size:calc(20 / var(--screensize) * 100vw);font-weight:500;line-height:128%}.notification-card .content .descr{margin-top:calc(8 / var(--screensize) * 100vw);font-size:calc(16 / var(--screensize) * 100vw);font-weight:400;line-height:128%}.notification-card .content .btn{margin-top:calc(24 / var(--screensize) * 100vw);height:calc(36 / var(--screensize) * 100vw);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:calc(12 / var(--screensize) * 100vw);padding:calc(0 / var(--screensize) * 100vw) calc(16 / var(--screensize) * 100vw)}.notification-card .content .btn span{text-transform:uppercase;font-size:calc(12 / var(--screensize) * 100vw);font-weight:500;line-height:128%}@media (max-width:1440px){:root{--screensize:1440}}@media (max-width:992px){:root{--screensize:767}.notification-card{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:calc(16 / var(--screensize) * 100vw);padding:calc(20 / var(--screensize) * 100vw)}.notification-card .content .title{font-size:calc(18 / var(--screensize) * 100vw);line-height:115%}.notification-card .content .btn{margin-top:calc(16 / var(--screensize) * 100vw)}}@media (max-width:767px){:root{--screensize:360}}