.attribute-title{display:flex;justify-content:space-between;align-items:center}.attribute-title h1{font-size:28px;font-weight:300;color:#555;margin:0 0 16px}.attribute-title button{background:#9b59b6;border:0;border-radius:0;padding:8px 13px}.attribute-layout{display:grid;grid-template-columns:42% 58%;gap:25px}.attribute-editor h2{font-size:16px;margin:0 0 8px}.attribute-editor p{font-size:12px;line-height:1.5;margin:4px 0}.attribute-editor form{margin-top:10px}.attribute-editor label{display:block;font-size:12px}.attribute-editor input{display:block;width:100%;box-sizing:border-box;border:1px solid #ddd;padding:9px;margin:7px 0 12px}.attribute-editor button,.attribute-editor a{display:inline-block;background:#26a69a;color:#fff;border:0;text-decoration:none;padding:9px 14px;border-radius:0;margin-right:6px}.attribute-editor a{background:#fff;color:#555;border:1px solid #ccc}.attribute-controls{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:8px}.attribute-controls select,.attribute-controls input{border:1px solid #ccc;padding:6px}.attribute-list table{width:100%;border-collapse:collapse;font-size:12px}.attribute-list th,.attribute-list td{border:1px solid #ddd;text-align:left;vertical-align:top;padding:10px}.attribute-list th{background:#fff}.attribute-list tbody tr:nth-child(odd){background:#fafafa}.attribute-list th:first-child{width:18%}.attribute-list th:last-child{width:135px}.attribute-actions{white-space:nowrap}.attribute-actions a,.attribute-actions button{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;color:#fff;text-decoration:none;margin-right:6px;cursor:pointer}.attribute-actions form{display:inline}.attribute-actions .teal{background:#35b5ae}.attribute-actions .purple{background:#9b59b6}.attribute-actions .red{background:#e76161}.attribute-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:12px}.attribute-footer nav{display:flex}.attribute-footer nav>*{padding:8px 12px;border:1px solid #ddd}.attribute-footer nav b{background:#eee}@media(max-width:900px){.attribute-layout{grid-template-columns:1fr}}
