.filter-container{background-color:#f8f9fa;padding:15px;margin-bottom:20px;border-radius:5px;box-shadow:0 1px 3px #0000001a}.filter-container h3{margin-top:0;margin-bottom:15px;font-size:20px;font-weight:600;color:#333}.filter-item{margin-bottom:15px}.filter-item label{display:block;margin-bottom:5px;font-weight:600;color:#444}.filter-item input[type=range]{width:100%;margin:8px 0}.filter-item span{display:block;margin-top:5px;font-size:14px;color:#666}.resin-table-wrapper{position:relative;margin:20px 0;background:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a}.scroll-indicator{position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s}.scroll-indicator.left{left:0;background:linear-gradient(to right,#ffffffe6,#fff0)}.scroll-indicator.right{right:0;background:linear-gradient(to left,#ffffffe6,#fff0)}.resin-table-container{max-height:700px;overflow:auto;padding:0;position:relative;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.resin-table-container::-webkit-scrollbar{width:8px;height:8px}.resin-table-container::-webkit-scrollbar-track{background:#f7fafc}.resin-table-container::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:4px}.resin-table{width:100%;border-collapse:collapse;background-color:#fff}.resin-table thead th{position:sticky;top:0;background-color:#fff;z-index:10;padding:8px 6px;text-align:left;font-weight:600;border-bottom:2px solid #dee2e6;white-space:normal;font-size:14px;line-height:1.2;height:auto;min-height:50px}.resin-table th:first-child,.resin-table td:first-child{position:sticky;left:0;background:#fff;z-index:5;box-shadow:1px 0 #0000001a}.resin-table thead th:first-child{z-index:15}.metric-cell{white-space:pre-wrap;min-width:80px;padding:8px;text-align:center}.range-value{display:inline-block;line-height:1.2}.price-cell{width:70px;min-width:70px;max-width:70px;text-align:right}.read-more-link{color:#2563eb;cursor:pointer;font-weight:500}.read-more-link:hover{text-decoration:underline}.description-cell{max-width:300px}.description-cell:hover{background-color:#0000000d}.description-cell>div{display:flex;align-items:center;gap:.5rem}.resin-table td:first-child,.resin-table th:first-child{min-width:120px;max-width:150px}.color-dots-cell{width:100px;min-width:100px}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable-header:hover{background-color:#f0f0f0}.sortable-header.active{background-color:#e9ecef}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:4px}.sort-indicator{opacity:.5;font-size:14px;transition:opacity .2s;margin-top:2px;flex-shrink:0}.sort-indicator.active{opacity:1;color:#06c}.resin-table td{padding:12px 8px;border-bottom:1px solid #dee2e6;vertical-align:top;color:#444}.resin-table tr:hover td{background-color:#f8f9fa}.resin-table th.numeric{width:90px;max-width:90px;min-width:90px}.resin-link{color:#06c;text-decoration:none;font-weight:500}.resin-link:hover{text-decoration:underline;color:#0052a3}.resin-table td .color-dots{display:flex!important;flex-wrap:wrap!important;gap:4px;justify-content:center;min-height:24px;padding:2px;background:none}.resin-table td.color-dots-cell{min-width:100px;padding:8px 4px;vertical-align:middle;text-align:center}.resin-table td .color-dots .color-dot:hover{transform:scale(1.2);z-index:1}.resin-table td .color-dots .color-dot{width:16px!important;height:16px!important;border-radius:50%!important;border:1px solid rgba(0,0,0,.2)!important;display:inline-block!important;cursor:pointer;box-shadow:0 1px 2px #0000001a;transition:transform .2s ease;margin:2px}.resin-table td .color-dots .color-dot[title=Clear]{background:linear-gradient(45deg,#fff 25%,#e0e0e0 25% 50%,#fff 50% 75%,#e0e0e0 75%)!important;background-size:8px 8px!important;border:1px solid #ccc!important}.resin-table td .color-dots .color-dot[title=White]{background-color:#fff!important;border:1px solid #cccccc!important}.resin-table td:nth-child(3){min-width:100px;padding:8px 4px;vertical-align:middle;text-align:center}input[type=range]{-webkit-appearance:none;height:8px;background:#ddd;border-radius:4px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#06c;border-radius:50%;cursor:pointer;transition:background .15s ease-in-out}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#06c;border-radius:50%;cursor:pointer;transition:background .15s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{background:#0052a3}input[type=range]::-moz-range-thumb:hover{background:#0052a3}@media (max-width: 768px){.resin-table-container{padding:0}.description-cell{max-width:200px}.filter-container{padding:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/resin-comparison.css.map */