.koord-preview-open{display:block;width:100%;padding:10%;border:1px solid #b9b9b9;border-radius:8px;background:#d1d1d1;cursor:zoom-in;color:#222}.koord-motif{display:block;width:100%;aspect-ratio:1;background-color:var(--koord-color,#000);-webkit-mask-image:var(--koord-mask);mask-image:var(--koord-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.koord-zoom-label{display:block;margin-top:16px;font-size:14px}.koord-preview-note{font-size:13px;color:#555}.koord-preview #koord-color-label{margin:12px 0 6px;font-weight:600}#koord-zoom{width:min(900px,94vw);max-height:94vh;box-sizing:border-box;border:0;border-radius:10px;padding:18px;background:#f4f4f4}#koord-zoom::backdrop{background:rgba(0,0,0,.65)}#koord-close{display:block;margin:0 0 12px auto;padding:8px 16px;cursor:pointer}.koord-zoom-stage{background:#d1d1d1;padding:5%;border-radius:6px}.koord-zoom-stage .koord-motif{height:min(68vh,760px);aspect-ratio:auto}.koord-preview-open:focus-visible,#koord-close:focus-visible{outline:3px solid #236aa8;outline-offset:3px}