@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.qr-container{height:100dvh;background-size:cover;background-repeat:no-repeat;background-position:top;padding-top:3.25rem;background-image:var(--mobile-image)}@media (min-width: 768px){.qr-container{position:relative;padding-top:5rem;background-image:unset;background:linear-gradient(356deg,#fff 6.33%,#7fca27 90.08%)}}.qr-container .container{max-width:640px!important;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.qr-container .container{position:absolute;top:80px;left:0;right:0;z-index:1}}.qr-container #matterJsContainer{display:none}@media (min-width: 768px){.qr-container #matterJsContainer{display:block;position:absolute;height:calc(100% - 68px);width:100%;top:0}}.qr-title{color:var(--Text-Default---White, #FFF);text-align:center;text-shadow:0px 4px 16px rgba(0,0,0,.2);font-size:24px;font-style:normal;font-weight:600;line-height:32px;margin-bottom:12px;font-family:Inter,serif}@media (min-width: 768px){.qr-title{display:none}}.qr-title-desktop{color:#fff;font-family:Inter,serif;font-size:36px;font-style:normal;font-weight:600;line-height:44px;margin-bottom:unset}.qr-title-desktop span{color:#e9e504;font-family:Inter,serif;font-size:36px;font-style:normal;font-weight:600;line-height:44px;position:relative;padding-left:12px}.qr-title-desktop span .title-outline-icon{position:absolute;left:2px;top:-3px}.qr-title-desktop__wrapper{display:none}@media (min-width: 768px){.qr-title-desktop__wrapper{display:flex;justify-content:center;margin-bottom:44px}}.qr-subtitle{color:var(--Text-Default---White, #FFF);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:var(--Spacing-5-rem, 20px);margin-bottom:20px;font-family:Inter,serif}@media (min-width: 768px){.qr-subtitle{display:none}}.qr-type--option__wrapper .col-left{padding-right:6px}@media (min-width: 768px){.qr-type--option__wrapper .col-left{padding-right:10px}}.qr-type--option__wrapper .col-right{padding-left:6px}@media (min-width: 768px){.qr-type--option__wrapper .col-right{padding-left:10px}}.qr-type--option{display:flex;height:64px;max-height:64px;padding:16px;align-items:center;border-radius:var(--Radius-xs, 8px);background:var(--Backgroud-Backgroud---White, #FFF);margin-bottom:12px;border:1px solid transparent;box-shadow:0 0 #0000;transition:all .2s linear}@media (min-width: 768px){.qr-type--option{margin-bottom:20px;padding:16px 20px}}.qr-type--option .btn-secondary{margin-left:auto;display:flex;padding:8px;align-items:center;gap:4px;border-radius:4px;background:#f5fbee;border:none;transition:all .2s linear}@media (min-width: 768px){.qr-type--option .btn-secondary{border-radius:5px;padding:10px}}.qr-type--option .btn-secondary .icon-chevron-right{width:16px;height:16px}@media (min-width: 768px){.qr-type--option .btn-secondary .icon-chevron-right{width:20px;height:20px}}.qr-type--option .btn-secondary:focus-visible{box-shadow:unset}.qr-type--option .btn-secondary:active{background:inherit}.qr-type--option__label{margin-left:8px;color:#333;font-size:14px;font-style:normal;font-weight:600;line-height:20px;font-family:Inter,serif}@media (min-width: 768px){.qr-type--option__label{margin-left:10px;font-size:16px;line-height:24px}}.qr-type--option:active,.qr-type--option:hover{border-radius:var(--Radius-xs, 8px);border:1px solid var(--Stroke-Hover---Green, #7FCA27);background:var(--Backgroud-Backgroud---White, #FFF);box-shadow:0 4px 4px #0000001a}.qr-type--option:active .btn-secondary,.qr-type--option:hover .btn-secondary{background:var(--Backgroud-Backgroud---Green-2, #7FCA27)}.qr-type--option:active .btn-secondary svg g path,.qr-type--option:hover .btn-secondary svg g path{fill:#fff}