body{margin:0}body,body *{box-sizing:border-box}:root{--kogan-red:#ed193a;--kogan-grey:#4d4d4d;--kogan-light-grey:#f7f7f7}html{scroll-behavior:smooth}@font-face{font-family:BNG S;src:url(./subset-Boing-Semibold.05836bcb.woff2) format("woff2"),url(./subset-Boing-Semibold.4366e4b8.woff) format("wofff"),url(./subset-Boing-Semibold.c9a8df5a.ttf) format("truetype"),url(./subset-Boing-Semibold.b041803d.svg) format("svg"),url(./subset-Boing-Semibold.ae6b1f40.eot) format("eot")}@font-face{font-family:BNG L;src:url(./subset-Boing-Light.e36724bb.woff2) format("woff2"),url(./subset-Boing-Light.584918a1.woff) format("wofff"),url(./subset-Boing-Light.3cb61215.ttf) format("truetype"),url(./subset-Boing-Light.73287e00.svg) format("svg"),url(./subset-Boing-Light.2ddb99a7.eot) format("eot")}canvas{cursor:move;cursor:grab;cursor:-webkit-grab}canvas:active{cursor:grabbing;cursor:-webkit-grabbing}input.money{width:4rem}#__nuxt{background:var(--kogan-light-grey)}p.disc{color:gray;font-size:.7rem;margin:.5rem 0 0;text-align:right}main{display:grid;gap:2rem;grid-template-columns:repeat(12,1fr);margin:0 auto;min-height:100vh;padding:clamp(1rem,3vw,2rem);place-items:center;width:min(80rem,100%)}button{background:blue;border:0;border-radius:100vw;color:#fff;display:block;font-size:1rem;font-weight:700;margin-left:auto;padding:.2em .6em .15em;text-transform:uppercase}.form-container{align-self:start;display:flex;flex-direction:column;font-family:Helvetica,Arial,sans-serif;gap:1rem;grid-column:span 4;justify-self:left;position:-webkit-sticky;position:sticky;top:2rem;width:100%}.form-container>*{background:#fff;border-radius:1rem;padding:2rem 2rem 1rem}.canvas-container{grid-column:span 8}.input:not(.input:last-of-type){margin-bottom:1rem}select{border-radius:100vw;max-width:100%;padding-inline:.2rem}.input.dd h3{display:inline-block;margin-right:1rem}form{display:block;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}input{border:none;border-bottom:1px solid var(--kogan-grey)}input.brand{max-width:10ch}input:focus-within{border:none;border-bottom:1px solid blue;outline:none}h3{margin:unset;margin-bottom:.2em}.flex{display:flex;flex-direction:column}.graphics{background:none;padding:0}.graphics ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style-type:none;margin:0;padding:0}canvas,img{max-width:100%}.graphics li{background:#fff;border-radius:100vw;cursor:pointer;padding:.3em 1em}.graphics li.active{background:blue;color:#fff}@media (max-width:800px){main{gap:0;grid-template-columns:1fr;row-gap:1rem}.form-container{margin-bottom:2rem;position:relative}main>*{grid-column:span 1}}