.resource-identity{vertical-align:middle;text-align:left;align-items:center;gap:10px;min-width:0;max-width:100%;display:inline-flex}.resource-icon{color:#006e93;background:#edf5f8;border-radius:6px;flex:0 0 32px;place-items:center;width:32px;height:32px;transition:transform .15s,background-color .15s;display:inline-grid}.resource-icon svg{flex-shrink:0;width:19px;height:19px;overflow:visible}.resource-copy{min-width:0;display:block}.resource-copy>strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.5;display:block}.resource-copy>small{color:#667085;overflow-wrap:anywhere;margin-top:3px;font-size:11px;line-height:1.5;display:block}.resource-trigger{text-align:left;border-radius:4px;align-items:center;max-width:100%;min-height:44px;display:flex}.resource-trigger:focus-visible{outline-offset:3px;outline:2px solid #008cae}.resource-trigger:is(:hover,:focus-visible) .resource-copy>strong{color:#006e93;text-underline-offset:3px;text-decoration:underline}.resource-surface{transition:background-color .15s}.resource-surface:is(:hover,:focus-within){background-color:#f6fafc}.resource-surface:is(:hover,:focus-within) .resource-icon,.resource-trigger:is(:hover,:focus-visible) .resource-icon{background:#dceff6;transform:translateY(-2px)}.resource-surface:is(:hover,:focus-within) .resource-icon.folder,.resource-trigger:is(:hover,:focus-visible) .resource-icon.folder{transform:translateY(-2px)rotate(-4deg)}.resource-arrow{color:#667085;flex:0 0 16px;width:16px;height:16px;transition:transform .15s}.resource-surface:is(:hover,:focus-within) .resource-arrow{transform:translate(3px)}.resource-version summary{cursor:pointer;min-height:44px}.resource-version summary .resource-identity{margin-left:6px}.dark .resource-icon{color:#8bd7ec;background:#193a4a}.dark .resource-copy>small{color:#98a2b3}.dark .resource-trigger:is(:hover,:focus-visible) .resource-copy>strong{color:#8bd7ec}.dark .resource-surface:is(:hover,:focus-within){background-color:#182e3d}.dark .resource-surface:is(:hover,:focus-within) .resource-icon,.dark .resource-trigger:is(:hover,:focus-visible) .resource-icon{background:#214b5f}@media (prefers-reduced-motion:reduce){.resource-surface,.resource-icon,.resource-arrow{transition:none}.resource-surface:is(:hover,:focus-within) .resource-icon,.resource-surface:is(:hover,:focus-within) .resource-icon.folder,.resource-trigger:is(:hover,:focus-visible) .resource-icon,.resource-trigger:is(:hover,:focus-visible) .resource-icon.folder,.resource-surface:is(:hover,:focus-within) .resource-arrow{transform:none}}.resource-document-row{flex-direction:column;align-items:stretch}
