.b-notification-banner{background:#f5f8ff;padding:64px 0;position:relative;text-align:center}.b-notification-banner__subtitle{font-size:24px;font-style:normal;font-weight:700;line-height:32px;margin-bottom:16px}@media (min-width:768px){.b-notification-banner__subtitle{font-size:26px}}.b-notification-banner__title{font-size:28px;font-style:normal;font-weight:700;letter-spacing:0;line-height:34px;margin-bottom:0}@media (min-width:768px){.b-notification-banner__title{font-size:48px;line-height:58px}}.b-notification-banner__text{font-size:14px;letter-spacing:0;line-height:22px;width:calc(100% - 20px)}.b-notification-banner__card{align-items:center;background:#fff;border-radius:16px;display:flex;gap:8px;padding:8px 14px 8px 8px;position:relative;text-align:left;width:calc(100% - 10px);z-index:3}.b-notification-banner__icon{border-radius:16px;flex-shrink:0;height:40px;width:40px}.b-notification-banner__app-row{align-items:center;display:flex;justify-content:space-between}.b-notification-banner__app-name{font-size:20px;font-weight:600;letter-spacing:0;line-height:30px}.b-notification-banner__timestamp{color:#9faac6;font-size:12px;line-height:16px}.b-notification-banner__content{width:100%}.b-notification-banner__card-wrapper{opacity:0;position:relative;transform:translateY(30px);transition:opacity .6s cubic-bezier(.4,0,.2,1) 0s,transform .6s cubic-bezier(.4,0,.2,1) 0s}.b-notification-banner__card-wrapper.is-animating{opacity:1;transform:translateY(0)}.b-notification-banner__card-wrapper:after{background:#18244f;border-radius:16px;bottom:-10px;content:"";display:block;height:100%;position:absolute;right:-1px;width:calc(100% - 10px);z-index:1}.b-notification-banner__cards{display:flex;flex-direction:column;gap:32px;margin-top:64px}@media (min-width:768px){.b-notification-banner{height:826px;padding:96px 0}.b-notification-banner .container{height:100%}.b-notification-banner__text{white-space:nowrap;width:auto}.b-notification-banner__center{display:flex;flex:0 0 75%;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:75%}.b-notification-banner__cards{height:100%;left:0;margin-top:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.b-notification-banner__card{min-width:380px;width:100%}.b-notification-banner__card-wrapper{position:absolute}.b-notification-banner__card-wrapper:after{right:-10px}.b-notification-banner__card-wrapper:first-child{left:20px;top:0}.b-notification-banner__card-wrapper:nth-child(2){right:30px;top:92px}.b-notification-banner__card-wrapper:nth-child(3){bottom:92px;left:20px}.b-notification-banner__card-wrapper:last-child{bottom:0;right:30px}}@media (min-width:992px){.b-notification-banner{height:696px}.b-notification-banner__center{flex:0 0 40%;max-width:40%}.b-notification-banner__card{min-width:320px}.b-notification-banner__card-wrapper:first-child{left:78px;top:0}.b-notification-banner__card-wrapper:nth-child(2){top:106px}.b-notification-banner__card-wrapper:nth-child(3){bottom:68px;left:0}.b-notification-banner__card-wrapper:last-child{bottom:0;right:68px}}