.colour-field{grid-column:1/-1}
.colour-field[hidden]{display:none}
.colour-field input{width:100%;height:46px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:10px}
/* The cut-out sits on a chequerboard, so transparency is visible as transparency. */
.checkerboard{border-radius:16px;background-color:#fff;background-image:linear-gradient(45deg,#dfe7e0 25%,transparent 25%,transparent 75%,#dfe7e0 75%),linear-gradient(45deg,#dfe7e0 25%,transparent 25%,transparent 75%,#dfe7e0 75%);background-size:22px 22px;background-position:0 0,11px 11px;box-shadow:0 10px 30px rgba(20,61,54,.07)}
.checkerboard img{display:block;margin:0 auto}
#before{background:#fff}
#download{display:inline-block;padding:16px;background:var(--deep);color:#fff;border-radius:12px;text-decoration:none}
#download[hidden]{display:none}
.dropzone:focus-within{outline:3px solid var(--deep)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #267763;outline-offset:3px}