.imageSelectionGrid{gap:.25rem;display:grid}.imageSelectionGrid .images-header{justify-content:space-between;align-items:center;padding:8px 0 10px;display:flex}.imageSelectionGrid .images-header h2{color:var(--black);margin:0;font-size:18px;font-weight:700}.imageSelectionGrid .images-header-actions{align-items:center;gap:16px;display:flex}.imageSelectionGrid .select-all{color:var(--blue);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;text-decoration:underline;transition:color .15s}.imageSelectionGrid .select-all:hover{color:var(--blue-selection)}.imageSelectionGrid .delete-selected{color:var(--red);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px}.imageSelectionGrid .image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.imageSelectionGrid .image-card{aspect-ratio:1;cursor:pointer;background-color:var(--white);border:2px solid var(--bitloc-medium-grey);border-radius:8px;transition:transform .15s;display:flex;position:relative;overflow:hidden}.imageSelectionGrid .image-card-content{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.imageSelectionGrid .image-preview{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.imageSelectionGrid .image-card img{object-fit:contain;width:100%;height:100%;display:block}.imageSelectionGrid .image-name{font-size:var(--image-name-font-size,10px);color:var(--black);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:4px;font-weight:200;line-height:1.2;overflow:hidden}.imageSelectionGrid .image-card:after{content:"";transition:background-color .25s;position:absolute;inset:0}.imageSelectionGrid .image-card:hover{transform:scale(1.02)}.imageSelectionGrid .image-card.selected:after{background-color:#0000}.imageSelectionGrid .image-card:hover:after{background-color:#00000059}.imageSelectionGrid .image-card:hover .checkbox-overlay,.imageSelectionGrid .image-card.selected .checkbox-overlay{opacity:1}.imageSelectionGrid .checkbox-overlay{opacity:0;z-index:3;background-color:#ffffffb3;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .25s;display:flex;position:absolute;top:8px;right:8px}.imageSelectionGrid .checkbox-overlay:before{content:"";background:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_9276_9933)'%3e%3cpath%20d='M10.227%2017.5025L4.5%2012.1259L5.56244%2010.9947L10.2159%2015.362L18.9107%207L19.9864%208.12011L10.227%2017.5025Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_9276_9933'%3e%3crect%20width='24'%20height='24'%20fill='white'%20transform='translate(0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50%/contain no-repeat;width:24px;height:24px;display:block}.imageSelectionGrid.selection-mode .image-card{background-color:#eee}.imageSelectionGrid.selection-mode .image-card.selected{background-color:var(--yellow);border:2px solid var(--yellow)}.imageSelectionGrid.selection-mode .image-card.selected .checkbox-overlay{background-color:var(--yellow);opacity:1}.imageSelectionGrid.selection-mode .image-card:not(.selected) .checkbox-overlay{background-color:var(--white);border:2px solid var(--yellow);opacity:1}.imageSelectionGrid.selection-mode .image-card:not(.selected) .checkbox-overlay:before{background:0 0}.imageSelectionGrid .image-card.rejected,.imageSelectionGrid.selection-mode .image-card.rejected.selected{border-color:var(--red)}.imageSelectionGrid .image-card-badge{background-color:var(--red);max-width:calc(100% - 48px);color:var(--white);white-space:nowrap;text-overflow:ellipsis;z-index:3;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.4;position:absolute;top:8px;left:8px;overflow:hidden}.imageSelectionGrid .image-card.warning,.imageSelectionGrid.selection-mode .image-card.warning.selected{border-color:var(--yellow)}.imageSelectionGrid .image-card-warning-badge{background-color:var(--yellow);max-width:calc(100% - 48px);color:var(--black);white-space:nowrap;text-overflow:ellipsis;z-index:3;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;line-height:14px;position:absolute;top:8px;left:8px;overflow:hidden}.imageSelectionGrid .image-card.missing-data,.imageSelectionGrid.selection-mode .image-card.missing-data.selected{border-color:var(--orange)}.imageSelectionGrid .image-card-missing-data-badge{background-color:var(--orange);max-width:calc(100% - 48px);color:var(--white);white-space:nowrap;text-overflow:ellipsis;z-index:3;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;line-height:14px;position:absolute;top:8px;left:8px;overflow:hidden}.imageSelectionGrid .image-card.unsupported,.imageSelectionGrid.selection-mode .image-card.unsupported.selected{border-color:var(--blue)}.imageSelectionGrid .image-card-unsupported-badge{background-color:var(--blue);max-width:calc(100% - 48px);color:var(--white);white-space:nowrap;text-overflow:ellipsis;z-index:3;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;line-height:14px;position:absolute;top:8px;left:8px;overflow:hidden}.imageSelectionGrid .image-card img.image-placeholder{width:auto;max-width:80%;height:72%}