.Notification{--notification-text-color:var(--notification-text-color,var(--color-white));align-items:center;background:var(--notification-bg-color);border-radius:4px;color:var(--notification-text-color);display:flex;gap:16px;padding:20px;position:relative}@media screen and (max-width:767px){.Notification{align-items:flex-start;flex-direction:column;gap:16px;padding:16px}}.Notification--has-close-button{padding-right:50px}@media screen and (max-width:767px){.Notification--has-close-button.Notification--has-icon{padding-right:16px}}.Notification__icon-wrapper{flex-shrink:0}.Notification__content-wrapper{align-items:center;display:flex;flex:1;gap:16px;justify-content:space-between}@media screen and (max-width:767px){.Notification__content-wrapper{flex-wrap:wrap;min-width:0;width:100%}}.Notification__button-wrapper{flex-shrink:0}.Notification__title{display:block;font-size:20px;font-weight:700;line-height:26px}.Notification__description{font-size:16px;line-height:22px}.Notification__close{align-items:center;background:none;border:0;box-shadow:none;color:var(--mid-gray-color);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;position:absolute;right:0;top:0;transition:color .2s ease;width:44px}@media screen and (max-width:767px){.Notification__close{margin:0;position:absolute;right:0;top:0}}.Notification__close:hover{color:var(--color-black)}.dark-mode .Notification__close:hover{color:var(--color-white)}