.qr-popup{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1001}.qr-popup__content{background-color:#fff;border-radius:1rem;box-shadow:0 1rem 2rem rgba(0,0,0,.2);display:flex;flex-direction:column;max-width:30rem;padding:3rem 1.5rem 1.5rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.qr-popup__body{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.qr-popup__title{font-size:1.5rem;font-weight:500;letter-spacing:0;line-height:1.2}@media (min-width:64rem){.qr-popup__title{font-size:1.75rem;font-weight:500;letter-spacing:0;line-height:1.2}}.qr-popup__title{text-align:center}.qr-popup__link{font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.4}@media (min-width:64rem){.qr-popup__link{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.4}}.qr-popup__link{color:rgb(var(--color-gray-600));text-align:center;word-break:break-all}.qr-popup__btn-close{align-items:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:3rem;justify-content:center;padding:0;position:absolute;right:0;top:0;transition-duration:.3s;transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3rem}.qr-popup__btn-close svg{display:block;height:1.5rem;width:auto}.qr-popup__btn-close:focus-visible,.qr-popup__btn-close:hover{color:rgb(var(--color-primary-500))}.qr-popup__canvas{aspect-ratio:1;display:block;max-width:18.75rem;width:100%}