/* qr-code.blade.php: Tailwind step 2. Utilities live in the markup; built by work/tw/build-tools.sh (content: qr-code.classes). */

@keyframes qrPop {
  from {
    transform: scale(.98);
    opacity: .6;
  }
}

/*! tw-utilities */

:where(.cmt) .tw-h-\[22px\] {
  height: 22px;
}

:where(.cmt) .tw-w-\[22px\] {
  width: 22px;
}

:where(.cmt) .tw-cursor-pointer {
  cursor: pointer;
}

:where(.cmt) .tw-rounded-\[6px\] {
  border-radius: 6px;
}

:where(.cmt) .tw-p-\[0\] {
  padding: 0;
}

:where(.cmt) .tw-css-border-\[0\] {
  border: 0;
}

:where(.cmt) .tw-css-background-\[none\] {
  background: none;
}

:where(.cmt) .\[\&\#qr-canvas\.is-pop\]\:tw-css-animation-\[qrPop_\.25s_ease\]#qr-canvas.is-pop {
  animation: qrPop .25s ease;
}

@media (prefers-reduced-motion: reduce) {
  :where(.cmt) .mq1-motion-reduce\:\[\&\#qr-canvas\.is-pop\]\:tw-css-animation-\[none\]#qr-canvas.is-pop {
    animation: none;
  }
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch-wrapper\]\:tw-p-\[0\]::-webkit-color-swatch-wrapper {
  padding: 0;
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch\]\:tw-rounded-\[6px\]::-webkit-color-swatch {
  border-radius: 6px;
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch\]\:tw-css-border-\[0\]::-webkit-color-swatch {
  border: 0;
}

:where(.cmt) .\[\&\:\:-webkit-color-swatch\]\:tw-css-box-shadow-\[inset_0_0_0_1px_rgba\(0\2c _0\2c _0\2c _\.14\)\]::-webkit-color-swatch {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14);
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-background-\[var\(--surface\2c _\#fff\)\] button.active {
  background: var(--surface, #fff);
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-box-shadow-\[0_1px_2px_rgba\(17\2c _19\2c _21\2c _\.1\)\] button.active {
  box-shadow: 0 1px 2px rgba(17, 19, 21, .1);
}

:where(.cmt) .\[\&_button\.active\]\:tw-css-color-\[var\(--ink\2c _\#1D1D1F\)\] button.active {
  color: var(--ink, #1D1D1F);
}