.state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0}.state-grid article{min-width:0;border:1px solid #aaa;padding:24px;background:#fff}.state-grid h3{font-size:20px;margin-bottom:24px}.state-grid .hint{margin-top:20px}.state-grid button{max-width:100%;overflow-wrap:anywhere}.state-hover{background:#303030}.state-focus{outline:3px solid #0066d9;outline-offset:3px}.state-grid button[aria-disabled=true]{cursor:progress;opacity:.65}.field-error{color:#972121;margin-top:12px;font-size:14px}.state-grid input:disabled{background:#eee;color:#666}.state-grid input[readonly]{background:#f5f5f5}.state-grid [type=checkbox]{width:20px;height:20px}.state-grid .switch input{width:1px;height:1px}@media(max-width:1023px){.state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.state-grid{grid-template-columns:1fr}}