.banner-notification{position:relative}.banner-notification__inner{position:relative;display:flex;align-items:center;gap:1.6rem;--bn-bg: 191, 219, 254;--bn-fg: 30, 64, 175;--bn-accent: 37, 99, 235;--bn-border: 147, 197, 253;background-color:rgb(var(--bn-bg));color:rgb(var(--bn-fg))}.banner-notification--success .banner-notification__inner{--bn-bg: 187, 247, 208;--bn-fg: 21, 128, 61;--bn-accent: 22, 163, 74;--bn-border: 110, 231, 183}.banner-notification--danger .banner-notification__inner{--bn-bg: 254, 202, 202;--bn-fg: 185, 28, 28;--bn-accent: 220, 38, 38;--bn-border: 252, 165, 165}.banner-notification--bar .banner-notification__inner{min-height:4.8rem;padding:1.2rem 2.4rem}.banner-notification--card .banner-notification__inner{padding:2.4rem;border-radius:.4rem}.banner-notification--outlined .banner-notification__inner{padding:2.4rem;border:.15rem solid rgb(var(--bn-border));border-radius:.4rem}.banner-notification--accent .banner-notification__inner{padding:2.4rem 2.4rem 2.4rem 2rem;border-left:.5rem solid rgb(var(--bn-accent))}.banner-notification--split .banner-notification__inner{padding:2.4rem;border-radius:.4rem;justify-content:space-between;flex-wrap:wrap}.banner-notification--align-left .banner-notification__content{text-align:left}.banner-notification--align-center .banner-notification__content{text-align:center}.banner-notification--align-center .banner-notification__inner,.banner-notification--align-center.banner-notification--split .banner-notification__inner{justify-content:center}.banner-notification__media{flex-shrink:0;width:2.5rem;height:2.5rem}.banner-notification__media img{width:100%;height:100%;object-fit:contain}.banner-notification__content{flex:1;min-width:0}.banner-notification__heading{margin-top:0}.banner-notification__heading+.banner-notification__text{margin-top:.8rem}.banner-notification__actions{display:flex;align-items:center;gap:1.6rem;flex-shrink:0}.banner-notification--split .banner-notification__actions{margin-left:auto}@media screen and (max-width:749px){.banner-notification--split .banner-notification__inner{flex-direction:column;align-items:flex-start}.banner-notification--split .banner-notification__actions{margin-left:0;width:100%}.banner-notification--align-center.banner-notification--split .banner-notification__inner{align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-banner-notification.css.map */