:root.theme-alternative .notification-top{--color-theme-notification-top-border: var(--color-light-blue);--color-theme-notification-top-descriptionColor: var(--color-secondary-dark-blue)}.notification-top{border:1px solid var(--color-theme-notification-top-border, transparent);background-color:var(--color-theme-notification-top-bg, var(--color-white));height:fit-content;padding:1.5rem;border-radius:1rem;transition:border .3s;position:relative;display:flex;flex-direction:column;width:100%}.notification-top .notification-top__panel{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.notification-top .notification-top__tags{display:flex;justify-content:flex-start;align-items:center}.notification-top .notification-top__tag{margin-right:.375rem;border-radius:4px;padding:.375rem .5rem .25rem;text-transform:uppercase}.notification-top .notification-top__title{margin-bottom:1.5rem}.notification-top .notification-top__description{color:var(--color-theme-notification-top-descriptionColor, var(--color-secondary-grey))}.notification-top .notification-top__date{display:flex;gap:.5rem;white-space:nowrap}.notification-top .notification-top__date-icon{width:1rem;min-width:1rem;height:1rem;fill:var(--color-theme-notification-top-dateIconFill, var(--color-primary-blue))}.notification-top .notification-top__button-close{position:absolute;right:1rem;top:1rem}:root.theme-alternative .notification-bottom{--color-theme-notification-bottom-textWrapperBorder: var(--color-light-blue)}.notification-bottom{display:flex;flex-direction:column;gap:1.5rem}.notification-bottom .notification-bottom__title{margin-bottom:1.5rem}.notification-bottom .notification-bottom__text-wrapper{padding:1.5rem;border-radius:1rem;border:1px solid var(--color-theme-notification-bottom-textWrapperBorder, transparent);background-color:var(--color-theme-notification-bottom-textWrapperBg, var(--color-white));display:flex;flex-direction:column}.notification-bottom .notification-bottom__text{background-color:var(--color-theme-notification-bottom-textBg, var(--color-secondary-gray));max-height:100%}.notification-bottom .notification-bottom__img{border-radius:1rem;max-height:9.375rem}:root.theme-alternative .notification{--color-theme-notification-bg: var(--color-blue-additional)}.notification{align-self:start;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;background-color:var(--color-theme-notification-bg, var(--color-light-blue));max-height:100%;overflow-y:auto}@media (min-width: 1280px){.notification{height:100dvh;padding:3rem}}.notification__top,.notification__bottom{flex-shrink:0}