.loader{width:48px;height:48px;margin:2rem auto;border:5px solid #ccc;border-top-color:#6c3ab2;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;max-width:1280px;margin:2rem auto;padding:1rem}.material-grid a.material-card{display:block;border:1px solid #ddd;border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .2s ease}.material-grid a.material-card:hover{box-shadow:0 4px 20px #00000014}.material-grid img{width:100%;height:200px;object-fit:cover;display:block}.material-grid .card-body{padding:1rem 1.5rem;text-align:center}.material-grid .card-title{font-weight:600;margin-bottom:.5rem}.material-grid .card-meta{color:#555;margin-bottom:.25rem}.material-grid .card-price{font-weight:500;color:#333}.back-btn{font-family:Poppins,sans-serif;padding:.6rem 1.5rem;border:2px solid #ccc;border-radius:8px;background-color:#fff;color:#333;font-weight:500;cursor:pointer;margin-top:1rem;transition:box-shadow .2s ease,border-color .2s ease}.back-btn:hover{border-color:#999;box-shadow:0 0 0 1px #999 inset}.answer-grid{display:flex;flex-wrap:wrap;gap:8px}.answer-btn{margin:0}.answer-btn .count{font-weight:400}#material-picker{font-family:Poppins,sans-serif}.material-grid img{width:100%;height:180px;object-fit:cover;display:block}.next-btn[disabled]{opacity:.4;cursor:not-allowed}.checkbox-button{font-family:Poppins,sans-serif;padding:.75rem 2rem;border:2px solid #666;border-radius:8px;background-color:#fff;color:#333;font-weight:500;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease;text-align:center;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}.checkbox-button:hover{border-color:#444;box-shadow:0 0 0 1px #444 inset}.checkbox-button input[type=checkbox]{margin-right:.75rem;width:1rem;height:1rem;accent-color:#6c3ab2;flex-shrink:0}.checkbox-button .check-label{display:flex;align-items:center;gap:.5rem}.checkbox-button .check-text{font-weight:500}.checkbox-button input[type=checkbox]:checked+.check-label{font-weight:600;color:#6c3ab2}
/*# sourceMappingURL=/cdn/shop/t/5/assets/material-picker.css.map */