// Rôle : présente la liaison checklist et l'état terminé communs aux cartes de guides. .guide-checklist-controls { text-align: center; margin-bottom: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border); min-width: 0; p { margin: var(--space-2) 0 0; color: var(--color-text-muted); font-size: var(--font-size-xs); } .nds-switch { max-width: 100%; } .guide-checklist-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-2); padding-top: var(--space-2); } } .module-guide-button[data-linked] .ui-icon { color: var(--color-accent-gold); } .game-heading-actions { display: flex; align-self: stretch; align-items: flex-end; flex-direction: column; justify-content: space-between; } .guide-checklist-page-controls { display: grid; align-self: flex-end; gap: var(--space-2); width: min(100%, 360px); padding: 8px; } .guide-checklist-page-select { display: flex; align-items: center; gap: var(--space-2); color: var(--color-text-muted); font-size: var(--font-size-xs); font-weight: 700; } .guide-checklist-page-select > span { white-space: nowrap; } .guide-checklist-page-select .nds-select { width: auto; min-width: 0; flex: 1; } .guide-checklist-page-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-2); } .guide-checklist-page-controls .nds-switch { max-width: 100%; } .game-heading-navigation { display: flex; align-items: center; gap: var(--space-2); } .guide-checklist-checkbox { position: absolute; right: 10px; bottom: 10px; z-index: 3; display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: rgba(7, 10, 24, 0.82); cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28); } .guide-checklist-checkbox:hover { border-color: var(--color-border-hover); } .aniimo-portrait, .mhwilds-card-art { position: relative; } .diablo4-affix-card > .guide-checklist-checkbox { right: 12px; bottom: 12px; } .guide-checklist-mark { position: absolute; top: 10px; left: 10px; z-index: 2; pointer-events: none; } .endemic-card, .diablo4-affix-card { position: relative; } .diablo4-affix-card .guide-checklist-mark, .aniimo-back .guide-checklist-mark { top: auto; left: auto; right: 10px; bottom: 10px; } .mhwilds-card-back .guide-checklist-mark { left: auto; right: 50px; } .diablo4-affix-card .diablo4-category-list { padding-right: 34px; } [data-checklist-complete="true"] { .aniimo-back-details.nds-scrollbox[data-variant] { padding-bottom: 36px; } .aniimo-portrait img, .mhwilds-card-art img { filter: grayscale(1); opacity: 0.55; } .diablo4-category-icon { filter: grayscale(1); opacity: 0.55; } }