/**
 * All CSS class definitions for react-guide-step.
 * Uses rgs- prefix and references CSS variables.
 */
export declare const BASE_STYLES = "\n  .rgs-portal {\n    position: fixed;\n    inset: 0;\n    z-index: var(--rgs-z);\n    pointer-events: none;\n  }\n\n  .rgs-portal > * {\n    pointer-events: auto;\n  }\n\n  /* Spotlight overlay \u2014 uses box-shadow for the mask */\n  .rgs-spotlight {\n    position: fixed;\n    box-shadow: 0 0 0 9999px var(--rgs-overlay);\n    border-radius: 4px;\n    z-index: var(--rgs-z);\n    pointer-events: none;\n  }\n\n  .rgs-spotlight--interactive {\n    pointer-events: auto;\n  }\n\n  /* Clickable overlay behind everything to detect mask clicks */\n  .rgs-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: calc(var(--rgs-z) - 1);\n    cursor: default;\n  }\n\n  /* Tooltip container */\n  .rgs-tooltip {\n    position: fixed;\n    z-index: calc(var(--rgs-z) + 1);\n    background: var(--rgs-bg);\n    color: var(--rgs-text);\n    border-radius: var(--rgs-radius);\n    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n                0 3px 6px -4px rgba(0, 0, 0, 0.12),\n                0 9px 28px 8px rgba(0, 0, 0, 0.05);\n    padding: 16px;\n    min-width: 280px;\n    max-width: 420px;\n    opacity: 0;\n    transition: opacity var(--rgs-duration) ease;\n    outline: none;\n  }\n\n  .rgs-tooltip--visible {\n    opacity: 1;\n  }\n\n  .rgs-tooltip__title {\n    font-size: 16px;\n    font-weight: 600;\n    margin: 0 0 8px 0;\n    line-height: 1.4;\n  }\n\n  .rgs-tooltip__content {\n    font-size: 14px;\n    line-height: 1.6;\n    margin: 0 0 16px 0;\n    color: var(--rgs-text);\n    opacity: 0.85;\n  }\n\n  .rgs-tooltip__footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  }\n\n  .rgs-tooltip__counter {\n    font-size: 12px;\n    color: var(--rgs-text);\n    opacity: 0.45;\n    flex-shrink: 0;\n  }\n\n  .rgs-tooltip__actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-left: auto;\n  }\n\n  /* Buttons */\n  .rgs-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 4px 16px;\n    font-size: 14px;\n    line-height: 1.5;\n    border-radius: calc(var(--rgs-radius) - 2px);\n    cursor: pointer;\n    border: 1px solid transparent;\n    transition: all 0.2s ease;\n    white-space: nowrap;\n    font-family: inherit;\n  }\n\n  .rgs-btn:focus-visible {\n    outline: 2px solid var(--rgs-primary);\n    outline-offset: 2px;\n  }\n\n  .rgs-btn--primary {\n    background: var(--rgs-primary);\n    color: #fff;\n    border-color: var(--rgs-primary);\n  }\n\n  .rgs-btn--primary:hover {\n    opacity: 0.85;\n  }\n\n  .rgs-btn--default {\n    background: transparent;\n    color: var(--rgs-text);\n    border-color: #d9d9d9;\n  }\n\n  .rgs-btn--default:hover {\n    color: var(--rgs-primary);\n    border-color: var(--rgs-primary);\n  }\n\n  .rgs-btn--text {\n    background: transparent;\n    color: var(--rgs-text);\n    opacity: 0.65;\n    padding: 4px 8px;\n  }\n\n  .rgs-btn--text:hover {\n    opacity: 1;\n  }\n\n  /* Arrow (styles applied inline, this is a fallback) */\n  .rgs-arrow {\n    position: absolute;\n  }\n\n  /* Waiting state */\n  .rgs-waiting {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: calc(var(--rgs-z) + 1);\n    color: var(--rgs-bg);\n    font-size: 14px;\n  }\n";