.notification { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 920px; margin: 0 auto; color: #212121; }

@media (max-width: 1024px) { .notification { padding: 14px 0; } }

.notification__title { margin-bottom: 40px; color: #212121; font-size: 2.4rem; font-weight: 400; }

@media (max-width: 1024px) { .notification__title { margin-bottom: 24px; font-size: 2rem; font-weight: 300; } }

.notification__content--vertical { display: block; }

.notification__content--vertical .nav-link { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 220px; padding: 10px 24px; }

@media (max-width: 1024px) { .notification__content--vertical { display: none; } }

.notification__content--horizontal { display: none; }

@media (max-width: 1024px) { .notification__content--horizontal { display: block; } }

.notification__content--horizontal .nav-link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 24px; width: 50%; }

.notification__content .tab-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.notification__content-tabs { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-height: 100%; padding: 0 40px; overflow: auto; }

@media (max-width: 1024px) { .notification__content-tabs { padding: 32px 0 0 0; } }

.notification__content-tabs__title { margin-bottom: 24px; font-size: 2rem; font-weight: 400; }

@media (max-width: 1024px) { .notification__content-tabs__title { margin-bottom: 16px; font-size: 1.8rem; font-weight: 300; } }

.notification__content-tabs__title .navigation { margin-bottom: 24px; }

@media (max-width: 1024px) { .notification__content-tabs__title .navigation { margin-bottom: 16px; } }

.notification__content-tabs__title .navigation .title-page, .notification__content-tabs__title .navigation a { color: #1560c5; font-size: 1.4rem; font-weight: 300; cursor: pointer; }

.notification__content-tabs__item { max-width: 920px; padding-bottom: 24px; border-bottom: 1px solid #e0e0e0; }

.notification__content-tabs__item:not(:last-child) { margin-bottom: 24px; }

@media (max-width: 1024px) { .notification__content-tabs__item:not(:last-child) { margin-bottom: 16px; } }

.notification__content-tabs__item-content { margin-left: 24px; }

.notification__content-tabs__item-content > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; }

.notification__content-tabs__item-content > div span:last-child { line-height: 1; font-size: 1.2rem; color: #757575; }

.notification__content-tabs__item-content > a { position: relative; color: #212121; text-decoration: none; font-weight: 300; overflow: hidden; text-overflow: ellipsis; /* stylelint-disable-next-line value-no-vendor-prefix */ display: -webkit-box; /* stylelint-disable property-no-vendor-prefix */ -webkit-line-clamp: 1; /* autoprefixer: off */ -webkit-box-orient: vertical; }

@media (max-width: 768px) { .notification__content-tabs__item-content > a { overflow: hidden; text-overflow: ellipsis; /* stylelint-disable-next-line value-no-vendor-prefix */ display: -webkit-box; /* stylelint-disable property-no-vendor-prefix */ -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; } }

.notification__content-tabs__item-content .is-dot:before { content: ''; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 4px; left: -24px; background-color: #ed6c00; }

.notification__content-tabs__pagination { margin-top: 40px; }

@media (max-width: 1024px) { .notification__content-tabs__pagination { margin-top: 24px; } }

@media (max-width: 768px) { .notification__content-tabs__pagination a { width: 35px !important; height: 35px !important; } }

.notification__footer { margin-left: 260px; margin-top: 64px; }

@media (max-width: 1024px) { .notification__footer { margin-left: 0; margin-top: 32px; } }

.notification__footer__title { margin-bottom: 24px; color: #212121; font-size: 2rem; }

@media (max-width: 768px) { .notification__footer__title { margin-bottom: 16px; } }

.notification__footer__item { width: calc(100% / 3); margin-bottom: 16px; font-weight: 300; }

@media (max-width: 768px) { .notification__footer__item { width: calc(100% / 2); } }

.notification__footer__item .svg-icon { width: 12px; height: 12px; margin: 0 4px 3px; color: #9e9e9e; }