.form-wrapper{margin-bottom:var(--space-xl)}#qr-content{height:100px}.qr-code-generator__error{background:rgba(255,98,66,.1);border:1px solid var(--colour-error);border-radius:var(--border-radius);color:var(--colour-error);font-size:var(--font-size-s);margin-bottom:var(--space-l);padding:var(--space-m)}#qr-settings{margin-top:var(--space-l)}.qr-code-generator__settings-panel{border-top:1px solid var(--panel-border);padding:var(--space-l)}.qr-code-generator__settings-grid{display:grid;gap:var(--space-l);grid-template-columns:repeat(3,1fr)}@media only screen and (max-width:900px){.qr-code-generator__settings-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:500px){.qr-code-generator__settings-grid{grid-template-columns:1fr}}.qr-code-generator__settings-grid .form-row{margin-bottom:0}.qr-code-generator__settings-grid input[type=color]{background:0 0;border:1px solid var(--colour-neutral-550);border-radius:var(--border-radius);cursor:pointer;height:5.733rem;padding:0;width:100%}.qr-code-generator__preview-wrapper{align-items:center;background:var(--panel-background);border:1px solid var(--panel-border);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--space-l);padding:var(--space-xl)}.qr-code-generator__preview{height:auto!important;max-width:100%}.qr-code-generator__downloads{display:flex;gap:var(--space-s)}