@layer components {
  .qr-code {
    aspect-ratio: 1;
    block-size: 50dvh;
    inline-size: auto;
    max-inline-size: min(90vw, 50dvh);
  }

  .qr-code--large {
    block-size: min(70dvh, 32rem);
    max-inline-size: min(92vw, 32rem);
  }
}