.b64{position:relative;width:100%;aspect-ratio:1;container-type:inline-size;user-select:none;-webkit-user-select:none;touch-action:none;cursor:default}.b64-layer{position:absolute;inset:0}.b64-squares{display:grid;grid-template:repeat(8,1fr) / repeat(8,1fr);background-color:var(--b64-light, #eee)}.b64-dark{background-color:var(--b64-dark, #999)}.b64-highlights{display:contents}.b64-pieces{pointer-events:none}.b64-piece{position:absolute;left:0;top:0;width:12.5%;height:12.5%;background-size:cover;background-repeat:no-repeat;will-change:transform}.b64-piece.b64-ghost{opacity:.5}.b64-piece.b64-dragging{z-index:11}.b64-shapes{width:100%;height:100%;pointer-events:none;overflow:visible}.b64-badges{pointer-events:none;z-index:10}.b64-badge{position:absolute;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;transform:translate(-50%,-50%);line-height:1;box-shadow:0 0 2px #0000004d}.b64-coords{position:absolute;display:flex;pointer-events:none;font-size:9px;line-height:normal}.b64-coord{font-weight:400;opacity:.8}.b64-files .b64-coord{text-transform:uppercase}.b64-files{left:0;right:0;bottom:0;box-sizing:border-box;padding-inline:.15em;padding-bottom:6px}.b64-files .b64-coord{flex:0 0 12.5%;text-align:left}.b64-ranks{left:0;top:0;bottom:0;flex-direction:column}.b64-ranks .b64-coord{flex:0 0 12.5%;transform:translateY(39%)}.b64[data-coords=frame] .b64-coord{font-weight:700;opacity:1}.b64[data-coords=frame] .b64-files{bottom:calc(-1 * var(--b64-frame, 0px));height:var(--b64-frame, 0px);align-items:center;padding:0}.b64[data-coords=frame] .b64-files .b64-coord{text-align:center;padding:0}.b64[data-coords=frame] .b64-ranks{left:calc(-1 * var(--b64-frame, 0px));width:var(--b64-frame, 0px);align-items:center}@container (max-width: 130px){.b64-coords{display:none!important}}