.qr-container{grid-template-columns:auto 1fr;justify-content:flex-start;align-items:flex-start;gap:50px;width:100%;padding:0 20px 20px;display:grid}.qr-container .qr-code{justify-content:center;align-items:flex-start;max-height:100%;padding:20px;display:flex}.qr-container .qr-info input{border:1px solid #0003;border-radius:10px;width:250px;height:40px;padding:0 15px}.qr-container .qr-info .name-select,.qr-container .qr-info .date-select{flex-direction:column;display:flex}.qr-container .qr-info .date-select button{background-color:#fff;border:1px solid #0003;border-radius:10px;width:125px;height:40px;font-weight:700}.qr-container .qr-info .date-select button:hover,.qr-container .qr-info .date-select button.selected{color:var(--font-color);background-color:#0085eb33;border:1px solid #0085eb;font-weight:700}.qr-container .qr-info .date-select>div{gap:8px;display:flex}.qr-container .qr-info .label{font-size:14px;line-height:20px}.qr-container .qr-info .qr-payment{color:var(--font-color);padding-top:10px;font-size:14px;line-height:20px}.qr-container .qr-info .qr-payment>div{padding-bottom:15px}.qr-container .qr-info .qr-payment h3{color:#000}.qr-container .qr-info .qr-payment .note{color:#0009;font-size:12px;line-height:14px}@media (max-width:767px){.qr-container{flex-direction:column;grid-template-rows:auto auto;grid-template-columns:1fr;gap:10px;padding:0 10px 10px}.qr-container .qr-info{align-self:flex-start}.qr-container .qr-code{max-width:400px}}