.crop-grid-preview-body{--crop-grid-checker-bg:#f3f4f6;--crop-grid-checker-fg:#e5e7eb;background-color:var(--crop-grid-checker-bg);background-image:linear-gradient(45deg,var(--crop-grid-checker-fg) 25%,transparent 25%),linear-gradient(-45deg,var(--crop-grid-checker-fg) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--crop-grid-checker-fg) 75%),linear-gradient(-45deg,transparent 75%,var(--crop-grid-checker-fg) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;padding:20px;overflow:auto}[data-bs-theme=dark] .crop-grid-preview-body{--crop-grid-checker-bg:#1f1f1f;--crop-grid-checker-fg:#2f2f2f}#tileList.crop-grid-board{display:grid;gap:4px;width:min(100%,720px);margin:0 auto}#tileList .crop-grid-item{position:relative;width:100%;min-width:0;background:transparent;overflow:hidden}#tileList .crop-grid-item-img{display:block;width:100%;height:auto;vertical-align:top}#tileList .crop-grid-badge{position:absolute;top:6px;left:6px;z-index:1;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;line-height:22px;text-align:center;font-weight:600;pointer-events:none}[data-bs-theme=dark] #tileList .crop-grid-badge{background:rgba(0,0,0,.82)}