.qrcode-wrapper{display:block;overflow:hidden;position:relative}.qrcode-wrapper .qr-code-component-container canvas{height:100%;width:100%}@keyframes scaleFromCenter{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.qrcode-wrapper .scale-animation canvas{animation:scaleFromCenter .5s ease forwards}.qrcode-wrapper .shine-base{height:250%;position:absolute;top:0;width:3rem;--tw-translate-y:-45%;--tw-rotate:45deg;background-image:linear-gradient(to right,var(--tw-gradient-stops));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ffffff64 var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}@keyframes shine{0%{left:-80px;opacity:1}99%{left:200%;opacity:1}to{left:200%;opacity:0}}.qrcode-wrapper .shine-animation{animation:shine 1.5s ease forwards}