.hz-resource-card{background:var(--hz-resource-card-background);width:100%;min-width:0;max-width:308px;color:var(--card-foreground);box-shadow:none;border:0;border-radius:16px;flex-direction:column;display:flex;position:relative}.hz-resource-card[data-surface=gray]{--hz-resource-card-background:var(--secondary);--hz-resource-card-tag-background:var(--card)}.hz-resource-card[data-surface=white]{--hz-resource-card-background:var(--card);--hz-resource-card-tag-background:var(--secondary)}.hz-resource-card-media{background:var(--hz-resource-card-background);border:0;border-radius:16px 16px 0 0;flex-shrink:0;place-items:center;width:100%;min-width:0;height:261px;padding:24px 12px 12px;display:grid;overflow:visible}.hz-resource-card-media:hover{background:var(--hz-resource-card-background)}.hz-resource-card-skeleton [data-slot=skeleton]{background:color-mix(in srgb, var(--foreground) 10%, transparent)}.hz-resource-card-cover{border-radius:5px;width:150px;height:225px;transition:none;display:block;position:relative;transform:none;box-shadow:-6px 6px 10px -2px #001b4440,0 0 3px #8f9aaf1a}.hz-resource-card-cover:after{border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(-90deg,#fff0 0%,#ffffff1a 80%,#ffffff4d 95%,#fff6 96.5%,#cbcbcb14 98%,#6a6a6a1a 100%);position:absolute;inset:0}.hz-resource-card-cover .hz-cover{aspect-ratio:auto;border-radius:inherit;width:100%;height:100%;overflow:hidden}.hz-resource-card-cover .hz-cover-uploaded img{object-fit:cover;width:100%;height:100%}.hz-resource-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;padding:0 12px 12px;display:flex}.hz-resource-card-copy{align-content:end;gap:2px;min-width:0;min-height:44px;display:grid;position:relative}.hz-resource-card-heading{margin:0}.hz-resource-card-title{min-width:0;color:var(--foreground);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:24px;display:-webkit-box;overflow:hidden}:is(.hz-resource-card-copy:has(.hz-resource-card-copy-trigger:focus-visible) .hz-resource-card-title,.hz-resource-card-copy:has(.hz-resource-card-copy-trigger:hover):not(:has(.hz-resource-card-summary-trigger:hover)) .hz-resource-card-title){text-underline-offset:3px;text-decoration:underline}.hz-resource-card-summary{min-width:0;color:var(--muted-foreground);margin:0;font-size:14px;font-weight:400;line-height:22px}.hz-resource-card-summary>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.hz-resource-card-copy-trigger{background:0 0;border:0;border-radius:6px;width:100%;height:100%;min-height:44px;padding:0;position:absolute;inset:0}.hz-resource-card-copy-trigger:is(:hover,:focus-visible){background:0 0}.hz-resource-card-summary-trigger{color:#0000;white-space:nowrap;width:max-content;max-width:100%;height:22px;font-size:14px;font-weight:400;line-height:22px;position:absolute;bottom:0;left:0;overflow:hidden}.hz-resource-card-tags{align-items:center;gap:6px;min-width:0;display:flex}.hz-resource-card-category,.hz-resource-card-tag{min-width:0;min-height:44px;color:var(--muted-foreground);background:0 0;flex:0 auto;align-items:center;padding:0;display:inline-flex}.hz-resource-card-tag{min-width:44px}.hz-resource-card-tag:hover{color:var(--foreground);background:0 0}.hz-resource-card-category>span,.hz-resource-card-tag>span{background:var(--hz-resource-card-tag-background);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:100%;padding:4px 9px;font-size:12px;line-height:20px;display:block;overflow:hidden}.hz-resource-card-category>span{background:color-mix(in srgb, var(--foreground) 8%, var(--hz-resource-card-tag-background));color:var(--foreground);font-weight:500}.hz-resource-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 6px;min-width:0;margin-top:auto;padding-top:4px;display:flex}.hz-resource-card-published{color:var(--muted-foreground);white-space:nowrap;flex-shrink:0;font-size:12px;line-height:18px}.hz-resource-card-metrics{flex-wrap:wrap;align-items:center;gap:0;min-width:0;max-width:100%;margin-left:auto;display:flex}.hz-resource-card-metrics>div{min-width:0;max-width:100%}.hz-resource-card-metrics>div>.grid{min-width:0;margin-top:8px}.hz-resource-card-views{min-height:44px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:4px;padding-inline:2px;font-size:12px;display:inline-flex}.hz-resource-card-metrics .hz-actions{justify-content:flex-end;gap:0}.hz-resource-card-remove,.hz-resource-card-metrics .hz-actions>button,.hz-resource-card-metrics .hz-share>button{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;color:var(--foreground);font-variant-numeric:tabular-nums;background-color:#0000;background-clip:padding-box;border:2px solid #0000;border-radius:50%;gap:2px;padding:0;font-size:12px}.hz-resource-card-views svg,.hz-resource-card-metrics .hz-actions>button svg,.hz-resource-card-metrics .hz-share>button svg{flex-shrink:0;width:14px;height:14px}.hz-resource-card-metrics .hz-action-count{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:24px;overflow:hidden}.hz-resource-card-metrics .hz-actions>button[aria-pressed=true]{color:var(--accent-ink);background-color:#0000}.hz-resource-card-remove:is(:hover,:focus-visible):not(:disabled),.hz-resource-card-metrics .hz-actions>button:is(:hover,:focus-visible):not(:disabled),.hz-resource-card-metrics .hz-share>button:is(:hover,:focus-visible):not(:disabled){background-color:var(--accent-solid);color:var(--accent-solid-foreground)}.hz-resource-card-remove:disabled,.hz-resource-card-metrics .hz-actions>button:disabled,.hz-resource-card-metrics .hz-share>button:disabled{color:var(--muted-foreground);background-color:#0000}.hz-resource-card-remove-floating{z-index:3;position:absolute;top:4px;right:4px}.hz-resource-card-metrics .hz-share-menu{left:50%;right:auto;transform:translate(-50%,4px)}.hz-resource-card-metrics .hz-share:is(:hover,:focus-within) .hz-share-menu{transform:translate(-50%)}.hz-resource-card-metrics .hz-share-menu .hz-share-item{border-radius:8px}.hz-resource-card-metrics .hz-share-menu .hz-share-item:is(:hover,:focus-visible){background:var(--accent-solid);color:var(--accent-solid-foreground)}@media (max-width:639px){.hz-resource-card-metrics .hz-share-menu{left:auto;right:0;transform:translateY(4px)}.hz-resource-card-metrics .hz-share:is(:hover,:focus-within) .hz-share-menu{transform:none}}