@kit-data-manager/pid-component/dist/collection/components/pid-component/pid-component.css

The PID-Component is a web component that can be used to evaluate and display FAIR Digital Objects, PIDs, ORCiDs, and possibly other identifiers in a user-friendly way. It is easily extensible to support other identifier types.

details summary::-webkit-details-marker{display:none}:host{display:inline-block;vertical-align:baseline}::slotted(slot[name=summary]){max-width:50vw}:host([expanded]){max-width:100%;overflow:visible}.pid-preview-wrapper{max-width:50vw;overflow:hidden;text-overflow:ellipsis}.pid-preview-scroll{max-width:50vw;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.pid-preview-scroll::-webkit-scrollbar{height:4px}.pid-preview-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.border{border-width:1px;border-style:solid}.border-gray-300{border-color:#d1d5db}.border-gray-600{border-color:#4b5563}.rounded-md{border-radius:.375rem}.shadow-xs{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.bg-white{background-color:#fff}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-gray-100{border-color:#f3f4f6}.border-gray-700{border-color:#374151}.overflow-x-auto{overflow-x:auto;scrollbar-width:thin}.overflow-x-auto::-webkit-scrollbar{height:3px}.overflow-x-auto::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.overflow-x-auto::-webkit-scrollbar-track{background:transparent}