.hp-card-link{display:block;cursor:pointer}.hp-video-badge{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgb(255 252 248/.34);border-radius:50%;background:rgb(40 53 50/.76);color:#fff;box-shadow:0 4px 12px rgb(40 53 50/.18);backdrop-filter:blur(8px)}.hp-video-badge svg{width:16px;height:16px}
.hp-post-overlay{width:min(1180px,94vw);max-width:94vw;height:min(880px,92dvh);max-height:92dvh;padding:0;border:1px solid var(--hp-line);border-radius:22px;background:var(--hp-canvas);color:var(--hp-ink)}.hp-post-overlay::backdrop{background:rgb(20 30 27/.65);backdrop-filter:blur(5px)}.hp-post-scroll{height:100%;overflow:auto;padding:40px 24px 24px}.hp-post-close{position:absolute;right:12px;top:10px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--hp-line);border-radius:50%;background:white;cursor:pointer}.hp-post-overlay .hp-detail-body{position:static}.hp-post-overlay .hp-detail-media img{max-height:74dvh;object-fit:contain}.create-hub-card>svg:last-child{position:absolute;right:17px;bottom:17px}.hp-main[data-view=create] .create-hub{width:100%}
@media(max-width:700px){.hp-post-overlay{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.hp-post-scroll{padding:48px 12px 24px}.hp-post-overlay .hp-detail{grid-template-columns:1fr}}