@keyframes kb-btn-pop{0%{transform:translate(1px,1px)}50%{transform:translate(-1px,-1px)}to{transform:translate(0,0)}}.tolerance-keyboard-wrapper{border:1px solid silver;background-color:#fff;margin-top:20px;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.12)}.tolerance-keyboard-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(to bottom,#fafafa,#f0f0f0);cursor:pointer;user-select:none;border-bottom:1px solid #ddd}.tolerance-keyboard-header:hover{background:linear-gradient(to bottom,#f5f5f5,#e8e8e8)}.tolerance-keyboard-header span{font-weight:600;color:#333;font-size:14px}.tolerance-keyboard-header i{transition:transform .3s ease;color:#888}.tolerance-keyboard-header.collapsed i{transform:rotate(-90deg)}.tolerance-keyboard-content{padding:3px;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;max-height:800px;background-color:#fafafa}.tolerance-keyboard-content.collapsed{max-height:0;padding:0 3px}.tolerance-keyboard-info{margin-top:6px;margin-bottom:6px;padding:8px 12px;background-color:#fff;border-radius:4px;border:1px solid #e0e0e0}.keyboard-legend{display:inline-flex;align-items:center;margin-right:20px;font-size:12px;color:#666}.legend-dot{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:5px;vertical-align:middle}.legend-blue{background-color:#2196f3}.legend-yellow{background-color:#ffc107}.legend-gray{background-color:#9e9e9e}.tolerance-keyboard-table-wrapper{overflow-x:auto;padding:0}.tolerance-keyboard-table{width:100%;border-collapse:collapse;font-size:12px;background-color:#fff}.container .tolerance-keyboard-table td,.container .tolerance-keyboard-table th{padding:0}.tolerance-keyboard-table td,.tolerance-keyboard-table th{padding:0;text-align:center;min-width:40px;height:34px;border:1px solid #e0e0e0;background-color:#f5f5f5;vertical-align:middle}.tolerance-keyboard-table .td-grade,.tolerance-keyboard-table .th-grade{background-color:#e8e8e8;font-weight:600;min-width:45px;color:#555;font-size:12px}.tolerance-keyboard-table .fit-type-row td{font-size:10px;color:#888;text-align:left;padding:6px 0 4px 8px;background-color:#fafafa}.kb-btn{display:inline-flex;align-items:center;justify-content:center;width:calc(100% - 4px);height:30px;margin:2px;padding:0 6px;font-size:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;border:0;border-radius:4px;cursor:pointer;text-align:center;position:relative;outline:0;transition:all .1s ease;box-shadow:1px 1px 0 rgba(0,0,0,.3),2px 2px 3px rgba(0,0,0,.15),inset 1px 1px 0 rgba(255,255,255,.3);transform:translate(0,0)}.kb-btn:hover{box-shadow:2px 2px 0 rgba(0,0,0,.3),3px 3px 4px rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.3);filter:brightness(1.05)}.kb-btn.pressed,.kb-btn:active{transform:translate(1px,1px);box-shadow:-1px -1px 0 rgba(0,0,0,.15),-2px -2px 3px rgba(0,0,0,.1),inset 1px 1px 2px rgba(0,0,0,.15)}.kb-btn.pressed{box-shadow:-1px -1px 0 rgba(0,0,0,.3),-2px -2px 3px rgba(0,0,0,.2),inset 1px 1px 2px rgba(0,0,0,.3)}.kb-btn.clicked{animation:kb-btn-pop .25s ease}.kb-btn-blue{background:linear-gradient(to bottom,#42a5f5,#1976d2);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.kb-btn-blue:hover{background:linear-gradient(to bottom,#64b5f6,#1e88e5)}.kb-btn-blue:active{background:linear-gradient(to bottom,#1565c0,#0d47a1)}.kb-btn-yellow{background:linear-gradient(to bottom,#ffeb3b,#fbc02d);color:#333;text-shadow:0 1px 0 rgba(255,255,255,.4)}.kb-btn-yellow:hover{background:linear-gradient(to bottom,#fff176,#fdd835)}.kb-btn-yellow:active{background:linear-gradient(to bottom,#f9a825,#f57f17)}.kb-btn-gray{background:linear-gradient(to bottom,#b0bec5,#78909c);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.kb-btn-gray:hover{background:linear-gradient(to bottom,#cfd8dc,#90a4ae)}.kb-btn-gray:active{background:linear-gradient(to bottom,#78909c,#546e7a)}@media (max-width:576px){.kb-btn,.tolerance-keyboard-table{font-size:12px}.tolerance-keyboard-table td,.tolerance-keyboard-table th{min-width:36px;height:32px}.kb-btn{width:calc(100% - 4px);height:26px;margin:2px;border-radius:3px}.tolerance-keyboard-table .td-grade{min-width:40px;font-size:12px}.keyboard-legend{margin-right:10px;font-size:12px}.legend-dot{width:12px;height:12px}}.fit-keyboard-table .th-clearance,.shaft-fit-keyboard-table .th-clearance{background:linear-gradient(to bottom,#e3f2fd,#bbdefb);color:#1565c0}.fit-keyboard-table .th-transition,.shaft-fit-keyboard-table .th-transition{background:linear-gradient(to bottom,#fff3e0,#ffe0b2);color:#e65100}.fit-keyboard-table .th-interference,.shaft-fit-keyboard-table .th-interference{background:linear-gradient(to bottom,#ffebee,#ffcdd2);color:#c62828}