.colouring-form{margin-top:32px}@media(min-width:64rem){.colouring-form{margin-top:48px}}.colouring-form__options{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}@media(min-width:48rem){.colouring-form__options{grid-template-columns:repeat(4,1fr)}}.colouring-option{background:#fff;border-radius:16px;border:1px dashed #e3e3e3;color:inherit;cursor:pointer;display:block;padding-block:16px;outline-offset:-1px}.colouring-option--selected{background:#fafafa;border-color:transparent;outline:2px solid #0d3e66}.colouring-option:focus-visible,.colouring-option:hover{border-color:transparent;outline:3px solid #00aeea}.colouring-option__image{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;position:relative}.colouring-option__image img{transition:filter .15s ease-in-out;filter:opacity(.5) grayscale(1);width:100%;max-height:100%;object-fit:contain}.colouring-option--selected .colouring-option__image img{filter:none}.colouring-option__name{display:block;-webkit-margin-before:16px;margin-block-start:16px;padding-inline:8px;text-align:center}