.brk-spin{--brk-spin-air:0.85;--brk-spin-scale:calc(var(--brk-spin-air) * var(--brk-spin-size, 1));position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;cursor:ew-resize;touch-action:pan-y}.brk-spin__poster,.brk-spin__sprite{scale:var(--brk-spin-scale);transform-origin:50% 92%}.brk-spin__poster{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;transition:opacity 120ms ease-out}.brk-spin__sprite{position:absolute;inset:0;background-repeat:no-repeat;background-size:calc(var(--brk-spin-cols, 6) * 100%) calc(var(--brk-spin-rows, 6) * 100%);background-position:var(--brk-spin-x,0%) var(--brk-spin-y,0%);opacity:0;pointer-events:none}.brk-spin.is-ready .brk-spin__sprite{opacity:1}.brk-spin.is-ready .brk-spin__poster{opacity:0}.brk-spin__badge{position:absolute;right:var(--space-xs,.8rem);bottom:var(--space-xs,.8rem);padding:.3em .7em;border-radius:var(--radius-xs,2px);background:var(--text-dark,#000);color:var(--white,#fff);font-size:var(--text-xs,1.2rem);font-weight:600;letter-spacing:.06em;line-height:1;opacity:.85;pointer-events:none;transition:opacity var(--dur-fast) ease-out}.brk-spin.is-ready .brk-spin__badge{opacity:0}@media (hover:none){.brk-spin{cursor:pointer}.brk-spin__badge{display:none}}.brk-still{position:relative;width:100%;aspect-ratio:4 / 3;margin:0;overflow:hidden}.brk-still img{position:absolute;top:var(--brk-still-t);left:var(--brk-still-l);height:var(--brk-still-h);width:auto;max-width:none}.brk-still--plain img{position:static;width:100%;height:100%;object-fit:contain}