.ic-page .it-upload-preview { margin-top:20px; padding-top:18px; border-top:1px solid #bdd7d0; text-align:left; }
.ic-page .it-upload-preview[hidden] { display:none; }
.ic-page .it-upload-preview h3 { margin:0 0 4px; font-size:17px; line-height:1.5; color:#173047; font-family:inherit; }
.ic-page .it-upload-preview .it-upload-preview-note { margin:0 0 14px; font-size:13px; line-height:1.6; }
.it-upload-preview-list { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:12px; }
.it-upload-preview-card { min-width:0; padding:8px; border:1px solid #d3e1df; border-radius:9px; background:#fff; }
.it-upload-preview-picture { display:flex; align-items:center; justify-content:center; height:80px; border-radius:5px; overflow:hidden; background:repeating-conic-gradient(#edf1f3 0% 25%,#fff 0% 50%) 0/12px 12px; color:#60747d; font-size:28px; }
.it-upload-preview-picture img { display:block; width:80px; height:80px; object-fit:contain; }
.it-upload-preview-name { display:block; margin-top:7px; font-size:12px; font-weight:650; line-height:1.45; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.it-upload-preview-state { display:block; margin-top:3px; font-size:11px; line-height:1.5; color:#526777; overflow-wrap:anywhere; }
.it-upload-preview-card[data-failed=true] { border-color:#bd7770; }
.it-upload-preview-card[data-failed=true] .it-upload-preview-state { color:#9f3028; }
.ic-page .it-upload-preview-more { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; color:#08736f; font-size:14px; font-weight:650; text-underline-offset:3px; }
.it-upload-preview-more[hidden] { display:none!important; }
@media(max-width:420px) { .it-upload-preview-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } }

/* Accessible removal from selected-image thumbnails. */
.it-upload-preview-card { position:relative; }
.ic-page .it-upload-preview-remove { position:absolute; top:0; right:0; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:44px; padding:0; border:0; border-radius:9px; background:transparent; color:#173047; cursor:pointer; }
.it-upload-preview-remove::before { content:""; position:absolute; inset:6px; border:1px solid #b6c9c6; border-radius:50%; background:#fff; box-shadow:0 1px 4px #17304720; }
.it-upload-preview-remove span { position:relative; font:24px/1 system-ui,sans-serif; }
.it-upload-preview-remove:hover::before { background:#fff0ed; border-color:#a53b30; }
.it-upload-preview-remove:focus-visible { outline:3px solid #d27d24; outline-offset:2px; }
.ic-page .it-upload-preview-remove:disabled { cursor:default; opacity:.45; }