.hpp-notice{--hpp-accent:#0aa678;--hpp-bg:#fff;--hpp-text:#172033;position:fixed;z-index:999999;width:min(var(--hpp-width,360px),calc(100vw - 28px));padding:12px 14px;background:var(--hpp-bg);color:var(--hpp-text);border:1px solid rgba(20,35,60,.08);border-radius:17px;box-shadow:0 14px 38px rgba(20,35,60,.18);font-family:inherit;opacity:0;visibility:hidden;transform:translateY(18px) scale(.98);transition:opacity .28s ease,transform .28s ease,visibility .28s}.hpp-visible{opacity:1;visibility:visible;transform:none}.hpp-bottom-right{right:18px;bottom:18px}.hpp-bottom-left{left:18px;bottom:18px}.hpp-top-right{right:18px;top:18px}.hpp-top-left{left:18px;top:18px}.hpp-link{display:flex;gap:11px;align-items:center;color:inherit!important;text-decoration:none!important}.hpp-image{width:60px;height:60px;flex:0 0 60px;object-fit:cover;border-radius:13px;background:#f3f5f8}.hpp-copy{display:flex;min-width:0;flex-direction:column;line-height:1.45}.hpp-title{color:var(--hpp-accent);font-size:12px;margin-bottom:2px}.hpp-message{font-size:14px;font-weight:700;white-space:normal}.hpp-time{color:#8b96aa;font-size:11px;margin-top:3px}.hpp-close{position:absolute;z-index:2;left:7px;top:5px;width:24px;height:24px;padding:0;border:0;background:transparent;color:#aab3c2;font-size:20px;line-height:1;cursor:pointer}.hpp-notice:before{content:'';position:absolute;inset:auto 14px 0 14px;height:2px;border-radius:4px;background:var(--hpp-accent);opacity:.75}@media(max-width:767px){.hpp-notice{right:14px!important;left:14px!important;bottom:14px}.hpp-top-right,.hpp-top-left{top:14px;bottom:auto}}