.hx-activity{--hx-activity-blue:#087fa8;position:fixed;right:24px;bottom:var(--hx-activity-bottom,24px);z-index:34;width:360px;max-width:calc(100vw - 32px);color:#07394d;font-family:var(--font-body-family),sans-serif;transition:bottom .25s ease;contain:layout style}
.hx-activity[hidden]{display:none!important}
.hx-activity__card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a9d7e7b3;border-radius:23px;background:linear-gradient(125deg,#fffffffa,#f3fafff5 65%,#e7f6fcf2);box-shadow:0 14px 42px #07394d1c,0 0 22px #40c2ed15,inset 0 1px 0 #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:hx-activity-enter .6s cubic-bezier(.2,.8,.2,1) both}
.hx-activity__card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 95% 20%,#4ac8ee1f,transparent 60%);pointer-events:none}
.hx-activity__link{display:flex;align-items:center;gap:13px;min-height:112px;padding:15px 28px 15px 14px;color:inherit!important;text-decoration:none!important}
.hx-activity__image{position:relative;flex:none;display:grid;place-items:center;width:72px;height:80px;border-radius:15px;background:radial-gradient(ellipse at 50% 85%,#b6d9e445,transparent 65%)}
.hx-activity__image img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease}
.hx-activity__copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.hx-activity__eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;color:#41788d}
.hx-activity__eyebrow i{display:block;width:5px;height:5px;background:#1796bf;border-radius:50%;box-shadow:0 0 0 3px #4bc9ed17}
.hx-activity__copy strong{font-size:17px;font-weight:500;line-height:1.22;letter-spacing:-.025em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hx-activity__meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:10px;color:#527484;line-height:1.4}
.hx-activity__meta svg{width:13px;height:13px;fill:none;stroke:#087fa8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hx-activity__arrow{position:absolute;right:12px;bottom:17px;color:#087fa8;display:flex}
.hx-activity__arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}
.hx-activity__close{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;color:#446e80;background:transparent;cursor:pointer;padding:6px}
.hx-activity__close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.hx-activity__timer{position:absolute;bottom:0;left:22px;right:22px;height:2px;border-radius:99px;background:linear-gradient(90deg,#1a8fb4,#65d6f0);transform-origin:left;animation:hx-activity-time 8s linear both;opacity:.6}
.hx-activity:hover .hx-activity__timer,.hx-activity:focus-within .hx-activity__timer{animation-play-state:paused}
.hx-activity.is-leaving .hx-activity__card{animation:hx-activity-leave .32s ease both}
.hx-activity__link:focus-visible,.hx-activity__close:focus-visible{outline:2px solid #087fa8;outline-offset:-3px;border-radius:18px}
@media(hover:hover){.hx-activity__link:hover .hx-activity__image img{transform:translateY(-2px)}.hx-activity__link:hover .hx-activity__arrow svg{transform:translateX(2px)}.hx-activity__close:hover{background:#e1f2f9}}
@media(max-width:749px){.hx-activity{right:16px;bottom:var(--hx-activity-bottom,104px);width:330px}.hx-activity__card{border-radius:20px}.hx-activity__link{min-height:98px;padding:12px 25px 12px 12px;gap:10px}.hx-activity__image{width:62px;height:70px}.hx-activity__copy strong{font-size:16px}.hx-activity__copy{gap:6px}.hx-activity__eyebrow{font-size:9px}.hx-activity__meta{font-size:10px}}
@keyframes hx-activity-enter{from{opacity:0;transform:translate3d(0,16px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hx-activity-leave{to{opacity:0;transform:translate3d(0,8px,0)}}
@keyframes hx-activity-time{to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.hx-activity,.hx-activity *{animation:none!important;transition:none!important}.hx-activity__timer{display:none}}