.control-icon-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
button .icon-3d,a .icon-3d,label .icon-3d{width:22px;height:24px;flex-shrink:0;fill:none!important;stroke:none!important;overflow:visible;filter:drop-shadow(0 3px 2px #0007);transform:perspective(100px) rotateY(-9deg) rotateX(8deg);transition:transform .18s ease,filter .18s ease;vertical-align:middle}
button:hover .icon-3d,a:hover .icon-3d,label:hover .icon-3d{transform:perspective(100px) rotateY(0) rotateX(0) translateY(-1px);filter:drop-shadow(0 4px 3px #0008)}
button:active .icon-3d{transform:translateY(1px) scale(.94);filter:drop-shadow(0 1px 1px #0006)}
.primary-button .icon-3d{--icon-light:#68788e;--icon-mid:#34465f;--icon-shade:#162539;--icon-edge:#172438;--icon-deep:#0b1421;--icon-rim:#899bb2;filter:drop-shadow(0 1px 1px #fff4)}
.icon-button .icon-3d{width:25px;height:27px}.map-controls .icon-3d{width:18px;height:20px}.close-dialog .icon-3d{width:17px;height:19px}.avatar .icon-3d{width:21px;height:23px}.map-pill .icon-3d{width:17px;height:19px}.map-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px}.dock-settings .icon-3d{width:19px;height:20px}.demo-dock #playIcon{display:inline-flex;align-items:center}.demo-dock #playIcon .icon-3d{width:15px;height:17px}.secondary:has(.icon-3d){display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary .icon-3d{width:17px;height:19px}.icon-3d.icon-back{transform:scaleX(-1)}button:hover .icon-3d.icon-back{transform:scaleX(-1) translateY(-1px)}
@media(max-width:580px){button .icon-3d,a .icon-3d,label .icon-3d{width:19px;height:21px}.icon-button .icon-3d{width:23px;height:25px}.map-controls .icon-3d,.map-pill .icon-3d{width:16px;height:18px}.dock-settings .icon-3d{width:17px;height:19px}.close-dialog .icon-3d{width:16px;height:18px}}
@media(prefers-reduced-motion:reduce){button .icon-3d,a .icon-3d,label .icon-3d{transition:none;transform:none}button:hover .icon-3d,a:hover .icon-3d,label:hover .icon-3d{transform:none}.icon-3d.icon-back,button:hover .icon-3d.icon-back{transform:scaleX(-1)}}

.primary-button .icon-3d{--icon-face-paint:url(#control-face-dark);--icon-edge-paint:url(#control-edge-dark)}