:where(:root) {
  zoom: 1;
}

:where(gesture-frame) {
  touch-action: none;
  display: block;
  overflow: auto;
}

:where(gesture-frame:is([pan-x], [pan-y])) {
  cursor: grab;
}
:where(gesture-frame:is([pan-x], [pan-y]):active) {
  cursor: grabbing;
}

:where(gesture-frame:is([pan-x], [pan-y], [pinch-zoom])) {
  -webkit-user-select: none;
  user-select: none;
}

:where(gesture-frame)::part(container) {
  display: grid;
  grid-template-rows: 0 max-content;
  grid-template-columns: 0 max-content;
}

:where(gesture-frame)::part(content) {
  grid-area: 2 / 2 / 3 / 3;
  display: block;
  width: max-content;
  height: max-content;
  transform-origin: 0 0;
}