.steel-map-frame{--rail:20px;padding:var(--rail);background:#aab2b7;position:relative;box-shadow:0 8px 20px -12px #1e232759,0 1px 2px #1e232726}.steel-map-member{pointer-events:none;background:linear-gradient(var(--face-angle), #a3adb3 0%, #e3e7e9 6%, #b7c0c5 10%, #d6dcdf 17%, #dfe4e6 65%, #c1c9ce 83%, #edf0f1 89%, #9ca7ae 96%, #c4ccd1 100%);border:1px solid #8f999f;position:absolute;overflow:hidden}.steel-map-member:after{content:"";opacity:.19;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='z'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.16' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23z)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.steel-map-vertical{--face-angle:90deg;width:var(--rail);top:0;bottom:0}.steel-map-horizontal{--face-angle:180deg;height:var(--rail);left:0;right:0}.steel-map-left{left:0}.steel-map-right{right:0}.steel-map-top{top:0;box-shadow:0 2px 2px #1e232733}.steel-map-bottom{bottom:0;box-shadow:0 -1px 1px #1e232726}.steel-map-screw{pointer-events:none;background:linear-gradient(135deg,#f3f5f6,#b3bdc3);border:1px solid #838e95;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 1px 1px #1e232740}.steel-map-screw:before,.steel-map-screw:after{content:"";background:#7a858d;position:absolute;inset:2px 1px}.steel-map-screw:after{transform:rotate(90deg)}.steel-map-topLeft{top:6px;left:6px}.steel-map-topRight{top:6px;right:6px}.steel-map-bottomLeft{bottom:6px;left:6px}.steel-map-bottomRight{bottom:6px;right:6px}