export declare const moveDirectionGuideStyles = "\n.comimi-move-guide {\n  --comimi-move-guide-size: 90px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: var(--comimi-move-guide-size);\n  height: var(--comimi-move-guide-size);\n  transform: translate(-50%, -50%);\n  border-radius: 16px;\n  background: var(--comimi-glass-mute);\n  box-shadow: var(--comimi-shadow);\n  backdrop-filter: blur(5px);\n  pointer-events: none;\n  z-index: 1;\n  opacity: 1;\n  transition: opacity 0.3s linear;\n}\n\n.comimi-move-guide[data-visible=\"false\"] {\n  opacity: 0;\n  transition: opacity 0.15s linear;\n}\n\n.comimi-move-guide-arrow-wrap {\n  position: absolute;\n  top: 40%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 30px;\n  height: 6px;\n}\n\n.comimi-move-guide-arrow {\n  position: relative;\n  width: 30px;\n  height: 6px;\n}\n\n.comimi-move-guide-arrow[data-direction=\"left\"] {\n  transform: scaleX(1);\n}\n\n.comimi-move-guide-arrow[data-direction=\"right\"] {\n  transform: scaleX(-1);\n}\n\n.comimi-move-guide-arrow-icon {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 30px;\n  height: 6px;\n  border-radius: 999px;\n  background-color: var(--comimi-muted);\n  animation: comimi-move-guide-arrow 0.6s ease-in-out 0.8s both;\n}\n\n.comimi-move-guide-arrow-icon::before,\n.comimi-move-guide-arrow-icon::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 16px;\n  height: 6px;\n  border-radius: 999px;\n  background-color: var(--comimi-muted);\n  transform-origin: 3px center;\n}\n\n.comimi-move-guide-arrow-icon::before {\n  transform: rotate(-45deg);\n}\n\n.comimi-move-guide-arrow-icon::after {\n  transform: rotate(45deg);\n}\n\n.comimi-move-guide-text {\n  position: absolute;\n  bottom: 14px;\n  left: 50%;\n  transform: translate(-50%, 0);\n  font-size: 11px;\n  font-weight: 400;\n  text-align: center;\n  line-height: 1.45;\n  color: var(--comimi-muted);\n}\n\n@keyframes comimi-move-guide-arrow {\n  from,\n  to {\n    width: 30px;\n  }\n  50% {\n    width: 37px;\n  }\n  75% {\n    width: 27px;\n  }\n}\n";
//# sourceMappingURL=move-direction-guide.styles.d.ts.map