.pin-stepped-cylindrical-shafts-1{left:82%;top:51%}
.pin-stepped-cylindrical-shafts-2{left:44.6%;top:54%}
.pin-stepped-cylindrical-shafts-3{left:54.3%;top:53.2%}
.pin-small-turned-components-1{left:69%;top:49%}
.pin-small-turned-components-2{left:51.3%;top:47.5%}
.pin-small-turned-components-3{left:69.8%;top:31%}
.pin-cross-axis-components-1{left:35%;top:20.5%}
.pin-cross-axis-components-2{left:31%;top:52.5%}
.pin-cross-axis-components-3{left:56%;top:50.5%}
.pin-stepped-sleeves-1{left:47%;top:69%}
.pin-stepped-sleeves-2{left:51%;top:44%}
.pin-stepped-sleeves-3{left:39%;top:26.5%}
.pin-detailed-bored-components-1{left:67%;top:38%}
.pin-detailed-bored-components-2{left:31%;top:61%}
.pin-detailed-bored-components-3{left:68%;top:78%}
.pin-flanged-components-1{left:48.7%;top:16.7%}
.pin-flanged-components-2{left:68%;top:78%}
.pin-flanged-components-3{left:36%;top:31%}
.pin-threaded-connection-parts-1{left:55%;top:51%}
.pin-threaded-connection-parts-2{left:60.5%;top:35.5%}
.pin-threaded-connection-parts-3{left:34.5%;top:27.5%}
.pin-threaded-housings-1{left:61%;top:54%}
.pin-threaded-housings-2{left:51%;top:24.5%}
.pin-threaded-housings-3{left:47.8%;top:75.8%}
.pin-finished-turned-components-1{left:53%;top:40%}
.pin-finished-turned-components-2{left:75.8%;top:69.5%}
.pin-finished-turned-components-3{left:28.5%;top:73%}
.family-pin-shafts-and-pins-1{left:82%;top:51%}
.family-card:has([aria-controls="family-pin-shafts-and-pins-1"]:is(:hover,:focus)) #family-pin-shafts-and-pins-1{--family-pin-active:1}
.family-pin-shafts-and-pins-2{left:54.3%;top:53.2%}
.family-card:has([aria-controls="family-pin-shafts-and-pins-2"]:is(:hover,:focus)) #family-pin-shafts-and-pins-2{--family-pin-active:1}
.family-pin-shafts-and-pins-3{left:44.6%;top:54%}
.family-card:has([aria-controls="family-pin-shafts-and-pins-3"]:is(:hover,:focus)) #family-pin-shafts-and-pins-3{--family-pin-active:1}
.family-pin-sleeves-and-bushings-1{left:31%;top:46.62499999999999%}
.family-card:has([aria-controls="family-pin-sleeves-and-bushings-1"]:is(:hover,:focus)) #family-pin-sleeves-and-bushings-1{--family-pin-active:1}
.family-pin-sleeves-and-bushings-2{left:73.5%;top:37.625%}
.family-card:has([aria-controls="family-pin-sleeves-and-bushings-2"]:is(:hover,:focus)) #family-pin-sleeves-and-bushings-2{--family-pin-active:1}
.family-pin-sleeves-and-bushings-3{left:56%;top:51.12500000000001%}
.family-card:has([aria-controls="family-pin-sleeves-and-bushings-3"]:is(:hover,:focus)) #family-pin-sleeves-and-bushings-3{--family-pin-active:1}
.family-pin-threaded-components-1{left:80.8%;top:56.4125%}
.family-card:has([aria-controls="family-pin-threaded-components-1"]:is(:hover,:focus)) #family-pin-threaded-components-1{--family-pin-active:1}
.family-pin-threaded-components-2{left:87.4%;top:65.6375%}
.family-card:has([aria-controls="family-pin-threaded-components-2"]:is(:hover,:focus)) #family-pin-threaded-components-2{--family-pin-active:1}
.family-pin-threaded-components-3{left:72.4%;top:53.0375%}
.family-card:has([aria-controls="family-pin-threaded-components-3"]:is(:hover,:focus)) #family-pin-threaded-components-3{--family-pin-active:1}