.notification-top{background-color: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-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-primary-blue)}.notification-top .notification-top__button-close{position:absolute;right:1rem;top:1rem}.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;background-color:var(--color-white);display:flex;flex-direction:column}.notification-bottom .notification-bottom__text{background-color:var(--color-secondary-gray);max-height:100%}.notification-bottom .notification-bottom__img{border-radius:1rem;max-height:9.375rem}.notification{align-self:start;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;background-color: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}