:root{--bg-alt-colour: var(--bg-colour);--text-alt-colour: var(--text-colour);--heading-colour: #303030}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:normal}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:var(--text-colour);text-decoration:none}a:hover{color:var(--text-colour);text-decoration:underline}body{background:var(--bg-colour);color:var(--text-colour);font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif}body.voucher p{margin-bottom:2px}#root{display:flex;min-height:100vh}@media(min-width: 1024px){#root:after{position:absolute;width:50%;top:0;right:0;bottom:0;background:var(--bg-alt-colour);content:"";z-index:-1;box-shadow:15px 0 30px 0 rgba(0,0,0,.18)}}#right-column{background:var(--bg-alt-colour);color:var(--text-alt-colour)}#footer{font-size:12px;font-weight:400;line-height:16px;padding:8px;text-align:center;display:flex;justify-content:space-between;color:#000}#footer a{margin:8px}a:hover{color:var(--accent-colour);text-decoration:underline}.button{display:block;width:100%;background:var(--accent-colour);color:var(--accent-text-colour);font-size:16px;padding:4px 8px;border:none;border-radius:6px;height:44px;box-shadow:inset 0 0 0 1px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1px 0 rgba(0,0,0,.07);cursor:pointer;transition:all .2s ease,box-shadow .08s ease-in}.button:hover{box-shadow:inset 0 0 0 1px rgba(50,50,93,.1),0 6px 15px 0 rgba(50,50,93,.2),0 2px 2px 0 rgba(0,0,0,.1)}.button-success{display:block;width:100%;color:var(--accent-text-colour);font-weight:600;padding:8px 4px;border-radius:5px}.button-success:hover{box-shadow:inset 0 0 0 1px rgba(50,50,93,.1),0 6px 15px 0 rgba(50,50,93,.2),0 2px 2px 0 rgba(0,0,0,.1)}.button-disabled{color:var(--accent-text-colour);opacity:.6}.button-disabled:hover{box-shadow:none}.container{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:space-between;max-width:1024px}.container-md,.container-sm{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:space-between;padding:16px;color:#000;background:#fff;box-shadow:15px 0 30px 0 rgba(0,0,0,.18);min-height:100vh}.container-md h1,.container-md h2,.container-md h3,.container-md p,.container-md a,.container-sm h1,.container-sm h2,.container-sm h3,.container-sm p,.container-sm a{color:currentColor}.container-md .back-arrow,.container-sm .back-arrow{left:-32px}.container-md{max-width:768px}.container-sm{max-width:512px}h1{font-size:28px;font-weight:900;color:var(--heading-colour);padding-bottom:4px}h2{font-size:24px;font-weight:900;color:var(--heading-colour);margin-top:8px;margin-bottom:8px}h3{font-size:18px;font-weight:900;color:var(--heading-colour);padding-bottom:8px}.back-arrow{display:flex;flex-direction:row;align-items:center;margin-bottom:32px;transition:margin-left .3s;position:relative;left:-24px}.back-arrow img{background:#fff;border-radius:100%;width:32px;height:32px;object-fit:cover}.back-arrow svg{margin-right:10px}.back-arrow .title{position:relative;height:16px;width:100%}.back-arrow .name{opacity:1;transition:all .3s;position:absolute}.back-arrow .alt{opacity:0;transition:all .3s;position:absolute}.back-arrow:hover{color:#000;margin-left:-3px}.back-arrow:hover .alt{opacity:1}.back-arrow:hover .name{opacity:0}.logo{width:60px;height:60px;margin-left:.5rem;margin-right:.5rem}.columns{display:grid;grid-gap:8px}.container{width:100%}.container>.columns{grid-template-columns:repeat(1, minmax(0, 1fr))}@media(min-width: 1024px){.container>.columns{grid-template-columns:repeat(2, minmax(0, 1fr))}}.container>.columns{height:100%}.column{align-items:center;max-width:100vw}.column .inner{width:380px;max-width:100%;display:flex;flex-direction:column;padding-top:12px;padding-bottom:12px}.form-actions{margin-top:12px}#left-column{padding:8px;display:flex;flex-direction:column;justify-content:center}#right-column{display:flex;flex-direction:column;justify-content:center}.voucher-amount{font-size:36px;color:#303030;font-weight:600;padding-bottom:4px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:2px 0 3px}.voucher-amount span{width:100%;display:block}.bonus-amount{font-size:18px}.voucher-amount input{display:inline-block;max-width:100px}.voucher-image{margin-top:8px;padding-bottom:8px;display:flex;justify-content:center}.voucher-image img{width:100%;max-width:300px;max-height:300px;border-radius:6px;object-fit:contain}@media(min-width: 500px){.voucher-image{order:3}}.voucher-title{color:#727272;font-weight:500}.voucher-denominations{margin-bottom:8px;display:grid;grid-gap:8px;padding:4px 0;grid-template-columns:repeat(2, minmax(0, 1fr))}@media(min-width: 1024px){.voucher-denominations{grid-template-columns:repeat(4, minmax(0, 1fr))}}.voucher-experiences{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:8px;padding:4px 0}.voucher-description{margin-top:4px;margin-bottom:4px}input{background:var(--background-colour)}#mainInput{border-bottom:2px solid rgba(0,0,0,0);display:inline-flex;border:0;width:40%;font-size:100%}#mainInput:focus{outline:none;border-bottom:2px solid var(--text-colour)}.form-section{padding-bottom:12px}.form-header h3{font-weight:500;font-size:20px}.form-label{display:block;font-size:13px;font-weight:500;color:#565656;margin-bottom:4px}.form-input{margin-top:2px;position:relative;border-radius:6px;box-shadow:0 0 0 1px #e0e0e0,0 2px 4px 0 rgba(0,0,0,.07),0 1px 1.5px 0 rgba(0,0,0,.05);font-size:14px;background:#fff}.form-input input,.form-input textarea{box-sizing:border-box;padding:10px 12px}.form-input-icon{position:absolute;right:6px;top:10px;display:flex;align-items:center;pointer-events:none}.icon{width:16px;height:16px}.icon.icon-check{color:var(--accent-colour)}.icon.icon-error{color:red}.form-input-error{margin-top:2px;color:red;font-size:14px}.form-group{margin-top:8px}.form-group-bool{margin-top:12px;position:relative;display:flex;align-items:center;border-radius:6px;box-shadow:0 0 0 1px #e0e0e0,0 2px 4px 0 rgba(0,0,0,.07),0 1px 1.5px 0 rgba(0,0,0,.05);height:36px;padding-left:8px;background:#fff}.form-group-bool .form-input{box-shadow:none;display:flex;align-items:center;height:10px;margin:0;background:none;border:none}.form-group-bool .input-label{color:#000}.form-group-bool .form-label{margin-left:6px;font-size:14px;margin-bottom:0}.form-group.invalid .form-input,.form-group.empty .form-input{border:1px solid red}.form-group textarea,.form-group input{display:block;width:100%;padding-right:20px}.form-group textarea:focus,.form-group input:focus{outline:none}.form-group textarea::placeholder,.form-group input::placeholder{color:#ababab;font-size:14px;height:36px}.form-group textarea,.form-group input{border-radius:10px;border:none}.card{position:relative;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1px 0 rgba(0,0,0,.07);padding:8px;display:flex;align-items:center;cursor:pointer;margin-bottom:8px}.card:focus{outline:none}.card-heading{font-size:14px;font-weight:medium;color:gray}.card-body{display:flex;flex:1;padding-left:6px}#card-element{display:block;width:100%;height:36px;padding:10px 12px}#card-element:focus{outline:none}.card-test{margin-top:4px;font-size:14px;color:#fff;padding:4px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1px 0 rgba(0,0,0,.07)}.alert{margin-top:4px;font-size:14px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1px 0 rgba(0,0,0,.07)}.alert.alert-error{font-size:14px;color:red}.text-muted{font-size:12px;color:gray}.form-actions .text-muted{margin-top:8px}