.resource-dialog-overlay{z-index:70;background:color-mix(in srgb, var(--ds-background-200) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.resource-dialog{z-index:71;border-radius:var(--radius-dialog);background:var(--ds-background-100);width:min(600px,100vw - 32px);max-height:calc(100vh - 64px);box-shadow:var(--ds-shadow-menu);outline:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.resource-dialog-overlay[data-state=open]{animation:resource-dialog-fade-in .16s var(--ease-out)}.resource-dialog-overlay[data-state=closed]{animation:.12s ease-in resource-dialog-fade-out}.resource-dialog[data-state=open]{animation:resource-dialog-in .18s var(--ease-out)}.resource-dialog[data-state=closed]{animation:.12s ease-in resource-dialog-out}.resource-dialog-header{box-shadow:inset 0 -1px 0 var(--ds-gray-alpha-400);align-items:center;gap:12px;padding:16px 16px 16px 24px;display:flex}.resource-dialog-header-text{flex-direction:column;flex:1;min-width:0;display:flex}.resource-dialog-header-text-name{font:var(--text-label-16)}.resource-dialog-header-text-meta{font:var(--text-label-13);color:var(--ds-gray-900);margin-top:4px}.resource-dialog-header-platform{margin-right:4px}.resource-dialog-header-close{border-radius:max(var(--radius-min), round(nearest, calc(var(--radius-dialog) - 16px), 4px));width:32px;height:32px;color:var(--ds-gray-900);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.resource-dialog-header-close:hover{background:var(--ds-gray-alpha-100);color:var(--ds-gray-1000)}.resource-dialog-header-close svg{width:16px;height:16px}.resource-dialog-body{flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.resource-dialog-body-label{font:var(--text-label-12-mono);color:var(--ds-gray-900);text-transform:uppercase;letter-spacing:.04em}.resource-dialog-body-summary-text{font:var(--text-copy-16);margin-top:8px}.resource-dialog-body-summary-stats{margin-top:12px}.resource-dialog-body-summary-tags{flex-wrap:wrap;gap:4px;margin-top:12px;display:flex}.resource-dialog-body-post-embed{margin-top:8px}.resource-dialog-footer{background:var(--ds-background-200);box-shadow:inset 0 1px 0 var(--ds-gray-alpha-400);border-radius:0 0 var(--radius-dialog) var(--radius-dialog);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 12px 24px;display:flex}.resource-dialog-footer-links{flex-wrap:wrap;gap:8px;display:flex}.resource-dialog-footer-steps{flex-shrink:0;align-items:center;gap:4px;display:flex}.resource-dialog-footer-steps-count{min-width:56px;font:var(--text-label-12-mono);color:var(--ds-gray-900);text-align:center}.resource-dialog-footer-steps-button{border-radius:var(--radius-control);background:var(--ds-background-100);width:32px;height:32px;box-shadow:var(--ds-shadow-border-base);color:var(--ds-gray-1000);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.resource-dialog-footer-steps-button:hover:not(:disabled){background:var(--ds-gray-100)}.resource-dialog-footer-steps-button:disabled{opacity:.4;cursor:not-allowed}.resource-dialog-footer-steps-button svg{width:16px;height:16px}@keyframes resource-dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}}@keyframes resource-dialog-out{to{opacity:0;transform:translate(-50%,-48%)scale(.97)}}@keyframes resource-dialog-fade-in{0%{opacity:0}}@keyframes resource-dialog-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.resource-dialog[data-state=open]{animation-name:resource-dialog-fade-in}.resource-dialog[data-state=closed]{animation-name:resource-dialog-fade-out}}@media (max-width:640px){.resource-dialog-footer{flex-direction:column;align-items:stretch}.resource-dialog-footer-steps{justify-content:space-between}}
