.container{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;color:#007bff;margin-bottom:20px}.cards-container{display:flex;flex-wrap:wrap;gap:20px}.card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:20px;flex:1 1 calc(33.333% - 40px)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.card h2{margin-top:0;color:#007bff;display:flex;align-items:center;gap:10px}.search-box{margin-bottom:15px}.search-box input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.card table{width:100%;border-collapse:collapse;margin-bottom:15px;color:#333;font-size:14px}.card table th,.card table td{padding:10px;border:1px solid #eee;text-align:left}.card table th{background-color:#f9f9f9;font-weight:700;position:sticky;top:0;z-index:1}.card table tbody tr:hover{background-color:#f1f1f1}.material-title{color:#000;font-weight:700;margin:22px 0 8px;padding-left:8px}.table-container{max-height:300px;overflow-y:auto;border:1px solid #eee;border-radius:5px}.suggest-btn{display:inline-block;background:#007bff;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;margin-top:20px;transition:background .3s ease;text-align:center}.suggest-btn:hover{background:#0056b3}.card-row{display:flex;gap:20px;width:100%}.card-row .card{flex:1}.materials-card{flex:1 1 100%}.materials-card table th,.materials-card table td{padding:12px}.copy-btn{cursor:pointer;margin-left:8px;color:#666;background:none;border:none;padding:0;font-size:14px;transition:all .3s ease}.copy-btn:hover{color:#007bff}.copy-btn.copied{color:#28a745;animation:bounce .5s}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.copy-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;white-space:nowrap;z-index:10}.copy-tooltip.show{opacity:1;transform:translate(-50%) translateY(-5px)}.copy-container{position:relative;display:inline-block}@media(max-width:920px){.container{width:95%!important;display:flex;flex-direction:column;align-items:center}.card-row{flex-direction:column}}@media(max-width:768px){.card-row{width:100%}.card table{font-size:12px}}@media(max-width:670px){#material-table tr td:nth-child(2){display:flex;flex-direction:column;align-items:center}.copy-container i{margin:0!important}}@media(max-width:520px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}#material-table{width:100%;min-width:403px;border-collapse:collapse}}@media(max-width:314px){#version-table tr td:nth-child(2){display:flex;flex-direction:column;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/explore-database.css.map */