.offline-card{position:relative}.offline-card>.offline-pill-control{position:absolute;top:20px;right:20px}.offline-pill{display:flex;align-items:center;gap:6px;min-height:44px;border:0;border-radius:24px;padding:8px 12px;background:#eaf4f1;color:#276f6d;font:600 13px Arial,sans-serif}.offline-pill svg{flex:none}.offline-pill:disabled{opacity:1}.offline-pill[data-state="saving"] svg{animation:offline-spin 1s linear infinite}.offline-pill-control [data-offline-status]{position:absolute;right:0;max-width:230px;font-size:13px;background:white;z-index:2}.offline-pill-control [data-offline-status]:empty{display:none}@keyframes offline-spin{to{transform:rotate(360deg)}}
.offline-card-no-image{padding-top:76px!important}.offline-card-no-image h2{padding-right:0!important}.offline-card-no-image>.offline-pill-control{top:16px}

[data-save-offline][data-state="saved"]{background:#24635f!important;color:#fff!important;border:2px solid #24635f!important;font-weight:700;justify-content:center}[data-save-offline]{text-align:center;justify-content:center}.offline-card>.offline-pill-control{left:50%;right:auto;transform:translateX(-50%)}

.offline-saved-badge{align-self:center;display:inline-block;background:#eaf4f1;color:#24635f;border-radius:20px;padding:5px 10px;margin:0 auto 12px;font:600 13px Arial}.offline-saved-badge[hidden]{display:none}.book-tools .offline-pill{margin:0 auto;justify-content:center}

.book-tools .card-actions .offline-pill{width:100%!important;min-height:46px;padding:11px 18px;border:1px solid #276f6d;border-radius:10px;font:600 15px/1.4 Arial,sans-serif;box-sizing:border-box;justify-content:center;margin:0}.book-tools .card-actions .card-button{width:100%;justify-content:center}