.sp-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.sp-page{position:relative;display:flex;flex-direction:column;border:2px solid var(--border2);border-radius:10px;background:var(--panel);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.sp-page:hover{border-color:rgba(90,170,255,.55)}.sp-page:active{transform:scale(.99)}.sp-page.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.sp-thumb{width:100%;height:230px;object-fit:contain;background:#fff;display:block;border-bottom:1px solid var(--border)}.sp-check{position:absolute;top:8px;right:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.35);opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}.sp-page.selected .sp-check{opacity:1;transform:none}.sp-page:not(.selected) .sp-thumb{opacity:.72}.sp-num{padding:7px 9px;text-align:center;font-size:12px;font-weight:700;color:var(--muted)}.sp-page.selected .sp-num{color:var(--text)}