/* AI_STUDIO_HELP_MODAL_OVERLAY_V126G */

.ai-help-modal-title {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    overflow: visible !important;
}

.ai-help-modal-title > .ai-help-dot {
    position: relative !important;
    z-index: 13010 !important;
    flex: 0 0 auto !important;
}

.ai-help-modal-title > .ai-help-dot > .ai-help-tooltip {
    top: calc(100% + 9px) !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    width: 270px !important;
    transform: translate(0, -4px) !important;
    z-index: 13020 !important;
}

.ai-help-modal-title > .ai-help-dot > .ai-help-tooltip::after {
    top: auto !important;
    bottom: 100% !important;
    left: 8px !important;
    transform: none !important;
    border: 5px solid transparent !important;
    border-bottom-color: #111827 !important;
}

.ai-help-modal-title > .ai-help-dot:hover > .ai-help-tooltip,
.ai-help-modal-title > .ai-help-dot:focus-visible > .ai-help-tooltip {
    transform: translate(0, 0) !important;
}

/* Tooltip must be allowed to escape the modal header area. */
.modal-head,
.modal-header,
.popup-head,
.popup-header,
.product-modal-head,
.generation-settings-head,
.generation-setting-head,
[class*="modal-head"],
[class*="popup-head"] {
    overflow: visible !important;
}