/* One thumbnail action for personal pins in both library listings. */
.library-pin { position: absolute; top: 8px; left: 8px; z-index: 3; width: 36px; height: 36px; margin: 0; flex: none; }
.library-pin-button { position: relative; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid #c4d0de; border-radius: 6px; background: #fff; color: #003c71; box-shadow: 0 2px 8px #0000001a; cursor: pointer; }
.library-pin-button > svg { display: block; flex: none; width: 18px; height: 18px; }
.library-pin-button:hover { background: #e5eeff; border-color: #0153cc; }
.library-pin-button[aria-pressed="true"] { background: #0153cc; border-color: #0153cc; color: #fff; }
.library-pin-button[aria-pressed="true"]:hover { background: #003c71; border-color: #003c71; }
.library-pin-button[aria-pressed="true"] .library-pin-head { fill: currentColor; }
.library-pin-button:disabled { cursor: wait; opacity: .6; }
.library-pin-tooltip { position: absolute; top: calc(100% + 6px); left: -1px; z-index: 1; display: none; width: max-content; max-width: 140px; padding: 5px 8px; border-radius: 5px; background: #003c71; color: #fff; font: 500 12px/16px "Inter", sans-serif; white-space: normal; pointer-events: none; }
.library-pin-button:is(:hover, :focus-visible) .library-pin-tooltip { display: block; }