.dsdk-engine .dsdk-joystick-container{position:absolute;touch-action:none;pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.dsdk-engine .dsdk-joystick-container.dsdk-is-hidden{opacity:0;pointer-events:none}.dsdk-engine .dsdk-joystick-base{position:absolute;border-radius:50%;background:var(--datum-joystick-base-color,rgba(255,255,255,.2));border:2px solid var(--datum-joystick-base-border,rgba(255,255,255,.4));box-sizing:border-box;display:flex;align-items:center;justify-content:center}.dsdk-engine .dsdk-joystick-knob{position:absolute;border-radius:50%;background:var(--datum-joystick-knob-color,rgba(255,255,255,.5));transition:background .1s;box-sizing:border-box}.dsdk-engine .dsdk-joystick-knob.dsdk-is-active{background:var(--datum-joystick-knob-active-color,rgba(100,150,255,.7))}.dsdk-engine{position:relative}.dsdk-engine .dsdk-poi-layer{position:absolute;inset:0;pointer-events:none;z-index:2;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .3s ease,visibility .3s ease}.dsdk-engine .dsdk-poi-layer.dsdk-is-layer-hidden{opacity:0;visibility:hidden}.dsdk-engine .dsdk-poi-layer.dsdk-is-layer-hidden .dsdk-poi-marker{pointer-events:none}.dsdk-engine .dsdk-poi-marker{outline:none;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;position:absolute;transform:translate3d(-9999px,-9999px,0);width:20px;height:20px;will-change:transform;cursor:pointer;opacity:1;pointer-events:auto;touch-action:none;-webkit-touch-callout:none}.dsdk-engine .dsdk-poi-marker.dsdk-is-hidden{opacity:0;visibility:hidden}.dsdk-engine .dsdk-poi-marker.dsdk-is-occluded{opacity:.5;visibility:visible}.dsdk-engine .dsdk-poi-marker__dot{position:absolute;top:50%;left:50%;margin:-2px;display:block;width:4px;height:4px;border-radius:50%;background:#fdfdfd;box-shadow:0 0 0 1px var(--border-active,rgba(38,38,38,.8)),0 0 0 4px var(--border-accent,rgba(38,38,38,.4))}.dsdk-engine .dsdk-poi-marker.dsdk-is-selected .dsdk-poi-marker__dot{background:#262626;box-shadow:0 0 0 1px var(--border-active,rgba(253,253,253,.8)),0 0 0 4px var(--border-accent,rgba(253,253,253,.4))}.dsdk-engine .dsdk-poi-marker__label{position:absolute;top:50%;left:100%;padding:4px 8px;color:#fff;font:500 14px/20px var(--font,sans-serif);margin:-14px 4px;border-radius:10px;background:var(--transparent-dark-500,rgba(38,38,38,.5));box-shadow:0 0 0 1px var(--border-active,rgba(38,38,38,.8)),0 0 0 4px var(--border-accent,rgba(38,38,38,.4));white-space:nowrap}.dsdk-engine .dsdk-poi-marker.dsdk-is-selected .dsdk-poi-marker__label{background:#262626;box-shadow:0 0 0 1px var(--border-active,rgba(253,253,253,.8)),0 0 0 4px var(--border-accent,rgba(253,253,253,.4))}.dsdk-engine .dsdk-poi-marker.dsdk-is-right .dsdk-poi-marker__label{left:auto;right:100%}.dsdk-engine .dsdk-poi-layer.dsdk-is-dragging .dsdk-poi-marker{pointer-events:none}.dsdk-engine.dsdk-is-transforming .dsdk-poi-marker{pointer-events:none;cursor:inherit}.dsdk-engine .dsdk-poi-layer.dsdk-is-interaction-disabled .dsdk-poi-marker{pointer-events:none;cursor:default}