body{margin:0;min-height:100vh;display:grid;align-items:start;grid-template-areas:"header" "divider" "organisation" "amount" "appswitch" "openapp" "pairing" "instructions";grid-template-rows:repeat(7, auto) 1fr;grid-template-columns:100%}@media(min-width: 860px){body{grid-template-areas:"header       header" "divider      divider" "organisation pairing" "amount       pairing" "appswitch    pairing" "openapp      pairing" "instructions pairing";grid-template-rows:repeat(6, auto) 1fr;grid-template-columns:50% 50%}}header{grid-area:header;height:70px}@media(max-width: 570px){header{height:44px}}.divider{grid-area:divider;height:5px}.organisation{grid-area:organisation;width:380px;max-width:100%;box-sizing:border-box;justify-self:center;box-sizing:border-box;padding:12px 8px;line-height:72px;text-align:center}@media(min-width: 860px){.organisation{text-align:inherit}}.organisation img{display:block;height:72px;max-width:200px;object-fit:contain;margin:auto}@media(min-width: 860px){.organisation img{margin:initial}}.organisation .noname{display:none}@media(min-width: 860px){.organisation .noname{display:initial}}.amount{grid-area:amount;width:380px;max-width:100%;box-sizing:border-box;justify-self:center}.amount .box{margin:0 8px 24px 8px;line-height:1;padding:16px 8px}.app-selector{grid-area:appswitch;width:380px;max-width:100%;box-sizing:border-box;justify-self:center;align-self:start}.open-app{width:380px;max-width:100%;box-sizing:border-box;justify-self:center}.instructions{grid-area:instructions;width:380px;max-width:100%;box-sizing:border-box;justify-self:center;align-self:start;padding:24px 8px;row-gap:40px;column-gap:18px;display:grid;grid-template-columns:auto 1fr;align-items:center;line-height:inherit}@media(min-width: 860px){.instructions{padding-top:48px}}.instructions .icon{width:64px;height:64px}.pairing{grid-area:pairing;display:flex;flex-direction:column}@media(min-width: 860px){.pairing{min-height:100%}}.pairing>*{width:380px;max-width:100%;box-sizing:border-box;justify-self:center;align-self:center;box-sizing:border-box}:root{font-family:Roboto,system-ui,sans-serif;font-size:20px;line-height:1.4;color:rgba(0,0,0,.85)}.amount .box{font-size:60px;font-weight:500;background-color:#000;color:#fff;text-align:center;font-variant-numeric:proportional-nums}.label{color:rgba(0,0,0,.65)}.organisation{font-size:30px;font-weight:500;color:#444}.pairing--mobile{font-size:16px}.pairing--mobile .label{color:inherit}.app-selector{font-size:16px;text-align:center}select,button{font-family:inherit;color:inherit;background-color:transparent;border:none;padding:0;font-size:14px;font-weight:500}.copy-confirmation{font-size:14px;font-weight:500}header{position:relative}header>*{position:absolute;top:50%;transform:translateY(-50%)}.backlink{display:block;color:rgba(0,0,0,.65);text-decoration:none;font-size:14px;line-height:24px;margin-left:24px;padding-left:24px;position:relative}.backlink::before{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBkPSJNMTAuMyAyLjRWM0wuNyAxMi42IDAgMTJsOS41LTkuNWMuMi0uMi42LS4yLjggMHoiLz4KICAgIDxwYXRoIGQ9Ik0xMC4zIDIxLjRjLS4yLjItLjYuMi0uOCAwTDAgMTJsLjctLjcgOS42IDkuNXYuN3oiLz4KPC9zdmc+);width:24px;height:24px;position:absolute;left:0}@media(max-width: 570px){.backlink{margin-left:8px}}.twint-logo{width:124px;left:0;right:0;margin-left:auto;margin-right:auto}@media(max-width: 570px){.twint-logo{display:none}}.info-icon{width:24px;height:24px;right:24px}@media(max-width: 570px){.info-icon{right:8px}}.divider{background:linear-gradient(to right, #6bb3dd, #deedf6, #d12414, #ebcc80)}.pairing{background-color:#f5f5f5;padding-bottom:48px}@media(min-width: 860px){.pairing{padding-bottom:initial}}@media(min-width: 860px){.qr-code{margin-top:96px}}.pairing--mobile .qr-code{display:none}@media(min-width: 860px){.pairing--mobile .qr-code{display:initial}}.text-code{background-color:#fff;padding:20px;display:flex}.text-code>*{font-size:60px;font-weight:500;flex-grow:1;background-color:#f5f5f5;margin:2px;text-align:center;font-variant-numeric:tabular-nums}.label--above{margin:24px 0 8px 0;text-align:center}@media(min-width: 860px){.label--above{display:none}}.label--below{margin:8px 0 48px 0;display:none}@media(min-width: 860px){.label--below{display:inherit}}.label--centered{margin:24px 0;text-align:center}.app-selector{background-color:#fff}.main-apps{display:grid;grid-template-columns:repeat(3, 1fr);justify-items:center;margin:24px 16px;row-gap:32px}.app-icon{box-shadow:0px 6px 31px 0px rgba(0,0,0,.15);border-radius:23%;width:80px;max-width:100%}.app-icon img{width:100%}.selector-cont{padding:0 20px}.selector{width:100%;height:40px;text-align:center;border-bottom:1px solid #f3f3f3;margin-bottom:24px;appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMCAyMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Im0wIDkgMS0xIDQgNCA0LTQgMSAxLTUgNS01LTV6IiBmaWxsPSIjZDFkMWQ2IiBzdHJva2Utd2lkdGg9Ii43Ii8+Cjwvc3ZnPgo=);background-repeat:no-repeat;background-size:13px;background-position:right center}.open-app{padding:16px;margin-bottom:24px}.open-app button{width:100%;box-sizing:border-box;border-radius:6px;background-color:#000;color:#fff;line-height:56px;text-align:center}.copy-code{margin-top:8px;text-align:center;position:relative}.copy-code>button{line-height:40px;padding:0 16px}.copy-confirmation{position:absolute;padding:16px;width:auto;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#000;color:#fff;border-radius:8px;animation:fade-in .2s forwards}.copy-confirmation.exit{animation:fade-out 2s forwards;pointer-events:none}.overlay{pointer-events:none;background-color:rgba(0,0,0,.5);position:fixed;top:0;height:100%;width:100%;animation:fade-in .2s forwards}.overlay.exit{animation:fade-out .2s forwards}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}