Web Spec

const supportsContainerQueries = 'container' in document.documentElement.style;
if (!supportsContainerQueries) {
  import('container-query-polyfill');
}

@container (min-width: 200px) {
}

const structuredClone = globalThis.structuredClone ?? (v)=>JSON.parse(JSON.stringify(v))

async function sampleColorFromScreen(abortController) {
  if ('EyeDropper' in window) {
    return;
  }
  const eyeDropper = new EyeDropper();
  try {
    const result = await eyeDropper.open({ signal: abortController.signal });
    return result.sRGBHex;
  } catch (e) {
    return null;
  }
}