.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.notification-card{background:#fff;border-radius:.5rem;color:#25044e;display:flex;gap:.8rem;padding:1.6rem;position:relative}@media screen and (min-width:60em){.notification-card{padding:2.4rem 1.6rem}}.notification-card__status-indicator{background:#fd3535;border-radius:50%;height:.8rem;position:absolute;right:1.6rem;top:1.6rem;width:.8rem;z-index:2}@media screen and (min-width:60em){.notification-card__status-indicator{top:2.4rem}}.notification-card__status-indicator--quick-view{right:0;top:0}.notification-card__overlay-button{background:transparent;border:none;cursor:pointer;height:100%;inset:0;opacity:0;padding:0;position:absolute;width:100%;z-index:2}@media screen and (min-width:60em){.notification-card__overlay-button{display:none}.notification-card__overlay-button--quick-view{display:block}}.notification-card__icon{flex-shrink:0;z-index:1}.notification-card__icon-img{border-radius:50%;height:3.2rem;-o-object-fit:cover;object-fit:cover;width:3.2rem}@media screen and (min-width:60em){.notification-card__icon-img{height:4rem;width:4rem}}.notification-card__icon-photo{border:1px solid #f6f6fb}.notification-card__content{flex:1;z-index:1}.notification-card__title{font-size:1.4rem;font-weight:600;line-height:2.2rem}@media screen and (min-width:37.5em){.notification-card__title{font-size:1.5rem;line-height:2.4rem}}@media screen and (min-width:48em){.notification-card__title{line-height:2.4rem}}.notification-card__description{font-size:1.4rem;font-weight:400;line-height:2.2rem}@media screen and (min-width:37.5em){.notification-card__description{font-size:1.5rem;line-height:2.4rem}}@media screen and (min-width:48em){.notification-card__description{line-height:2.4rem}}.notification-card__description strong{font-size:1.4rem;font-weight:600;line-height:2.2rem}@media screen and (min-width:37.5em){.notification-card__description strong{font-size:1.5rem;line-height:2.4rem}}@media screen and (min-width:48em){.notification-card__description strong{line-height:2.4rem}}.notification-card__billing{font-size:1.4rem;font-weight:400;line-height:2.2rem}@media screen and (min-width:37.5em){.notification-card__billing{font-size:1.5rem;line-height:2.4rem}}@media screen and (min-width:48em){.notification-card__billing{line-height:2.4rem}}.notification-card__billing{font-variant-numeric:tabular-nums;margin-top:.2rem;opacity:.75}.notification-card__footer{align-items:center;display:flex;margin-top:.8rem}@media screen and (min-width:60em){.notification-card__footer{margin-top:1.6rem}}.notification-card__footer--quick-view{margin-top:.4rem}.notification-card__action{text-decoration:none}@media screen and (max-width:59.99em){.notification-card__action{display:none}}.notification-card__timestamp{font-size:1.2rem;font-weight:400;line-height:1.8rem}@media screen and (min-width:37.5em){.notification-card__timestamp{font-size:1.4rem;line-height:2.1rem}}.notification-card__timestamp{color:#7b5f9b}@media screen and (min-width:60em){.notification-card__timestamp{margin-left:auto}}.notification-card--quick-view{padding:0}