.np-tooltip,
.np-tooltip-wrap,
.np-hint,
.np-help-tip,
.np-popover-hint {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
}

.np-tooltip.is-block,
.np-tooltip-wrap.is-block,
.np-hint.is-block,
.np-help-tip.is-block,
.np-popover-hint.is-block {
    display: flex;
    width: 100%;
}

.np-tooltip-trigger,
.np-hint-trigger,
.np-help-tip-trigger,
.np-popover-hint-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--np-spacing-xs, 0.5rem);
    min-width: 0;
    color: var(--np-tooltip-trigger-color, currentColor);
    text-decoration: none;
    cursor: help;
}

button.np-tooltip-trigger,
button.np-hint-trigger,
button.np-help-tip-trigger,
button.np-popover-hint-trigger {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.np-tooltip-trigger:hover,
.np-tooltip-trigger:focus,
.np-hint-trigger:hover,
.np-hint-trigger:focus,
.np-help-tip-trigger:hover,
.np-help-tip-trigger:focus,
.np-popover-hint-trigger:hover,
.np-popover-hint-trigger:focus {
    color: var(--np-tooltip-trigger-color-hover, #4f46e5);
    text-decoration: none;
}

.np-tooltip-trigger:focus-visible,
.np-hint-trigger:focus-visible,
.np-help-tip-trigger:focus-visible,
.np-popover-hint-trigger:focus-visible {
    outline: var(--np-focus-outline-width, 3px) solid var(--np-focus-outline-color, #2dd4bf);
    outline-offset: var(--np-focus-outline-offset, 3px);
}

.np-tooltip-icon,
.np-hint-icon,
.np-help-tip-icon,
.np-popover-hint-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-tooltip-icon-size, 1.25rem);
    min-width: var(--np-tooltip-icon-size, 1.25rem);
    height: var(--np-tooltip-icon-size, 1.25rem);
    background: var(--np-tooltip-icon-background, #eef2ff);
    border: var(--np-border-width, 1px) solid var(--np-tooltip-icon-border-color, #e0e7ff);
    border-radius: var(--np-radius-circle, 50%);
    color: var(--np-tooltip-icon-color, #4f46e5);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-tooltip-icon-font-size, 0.75rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: 1;
}

.np-tooltip-icon::before,
.np-hint-icon::before,
.np-help-tip-icon::before,
.np-popover-hint-icon::before {
    content: "?";
}

.np-tooltip-icon svg,
.np-hint-icon svg,
.np-help-tip-icon svg,
.np-popover-hint-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.np-tooltip-content,
.np-tooltip-box,
.np-hint-content,
.np-help-tip-content,
.np-popover-hint-content {
    position: absolute;
    z-index: var(--np-z-index-tooltip, 1100);
    inset-block-end: calc(100% + var(--np-tooltip-offset, 0.75rem));
    inset-inline-start: 50%;
    width: max-content;
    min-width: var(--np-tooltip-min-width, 0);
    max-width: min(var(--np-tooltip-max-width, 280px), calc(100vw - 2rem));
    padding-block: var(--np-tooltip-padding-y, 0.625rem);
    padding-inline: var(--np-tooltip-padding-x, 0.875rem);
    background: var(--np-tooltip-background, #0f172a);
    border: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    border-radius: var(--np-tooltip-radius, 0.875rem);
    color: var(--np-tooltip-color, #ffffff);
    font-family: var(--np-body-font-family, Tahoma, Arial, sans-serif);
    font-size: var(--np-tooltip-font-size, 0.75rem);
    font-weight: var(--np-font-weight-medium, 500);
    line-height: var(--np-line-height-snug, 1.5);
    text-align: center;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    box-shadow: var(--np-tooltip-shadow, 0 18px 48px rgba(15, 23, 42, 0.22));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(0.375rem) scale(0.98);
    transform-origin: bottom center;
    transition: opacity var(--np-tooltip-transition, 160ms ease), visibility var(--np-tooltip-transition, 160ms ease), transform var(--np-tooltip-transition, 160ms ease);
}

[dir="rtl"] .np-tooltip-content,
[dir="rtl"] .np-tooltip-box,
[dir="rtl"] .np-hint-content,
[dir="rtl"] .np-help-tip-content,
[dir="rtl"] .np-popover-hint-content,
.rtl .np-tooltip-content,
.rtl .np-tooltip-box,
.rtl .np-hint-content,
.rtl .np-help-tip-content,
.rtl .np-popover-hint-content {
    transform: translateX(50%) translateY(0.375rem) scale(0.98);
}

.np-tooltip-content::after,
.np-tooltip-box::after,
.np-hint-content::after,
.np-help-tip-content::after,
.np-popover-hint-content::after {
    position: absolute;
    inset-block-start: 100%;
    inset-inline-start: 50%;
    width: var(--np-tooltip-arrow-size, 0.625rem);
    height: var(--np-tooltip-arrow-size, 0.625rem);
    transform: translateX(-50%) rotate(45deg);
    transform-origin: center;
    background: inherit;
    border-inline-end: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    border-block-end: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    content: "";
}

[dir="rtl"] .np-tooltip-content::after,
[dir="rtl"] .np-tooltip-box::after,
[dir="rtl"] .np-hint-content::after,
[dir="rtl"] .np-help-tip-content::after,
[dir="rtl"] .np-popover-hint-content::after,
.rtl .np-tooltip-content::after,
.rtl .np-tooltip-box::after,
.rtl .np-hint-content::after,
.rtl .np-help-tip-content::after,
.rtl .np-popover-hint-content::after {
    transform: translateX(50%) rotate(45deg);
}

.np-tooltip:hover > .np-tooltip-content,
.np-tooltip:focus-within > .np-tooltip-content,
.np-tooltip.is-open > .np-tooltip-content,
.np-tooltip.is-active > .np-tooltip-content,
.np-tooltip-wrap:hover > .np-tooltip-box,
.np-tooltip-wrap:focus-within > .np-tooltip-box,
.np-tooltip-wrap.is-open > .np-tooltip-box,
.np-tooltip-wrap.is-active > .np-tooltip-box,
.np-hint:hover > .np-hint-content,
.np-hint:focus-within > .np-hint-content,
.np-hint.is-open > .np-hint-content,
.np-hint.is-active > .np-hint-content,
.np-help-tip:hover > .np-help-tip-content,
.np-help-tip:focus-within > .np-help-tip-content,
.np-help-tip.is-open > .np-help-tip-content,
.np-help-tip.is-active > .np-help-tip-content,
.np-popover-hint:hover > .np-popover-hint-content,
.np-popover-hint:focus-within > .np-popover-hint-content,
.np-popover-hint.is-open > .np-popover-hint-content,
.np-popover-hint.is-active > .np-popover-hint-content,
.np-tooltip-trigger:hover + .np-tooltip-content,
.np-tooltip-trigger:focus + .np-tooltip-content,
.np-hint-trigger:hover + .np-hint-content,
.np-hint-trigger:focus + .np-hint-content,
.np-help-tip-trigger:hover + .np-help-tip-content,
.np-help-tip-trigger:focus + .np-help-tip-content,
.np-popover-hint-trigger:hover + .np-popover-hint-content,
.np-popover-hint-trigger:focus + .np-popover-hint-content {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0) scale(1);
}

[dir="rtl"] .np-tooltip:hover > .np-tooltip-content,
[dir="rtl"] .np-tooltip:focus-within > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-open > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-active > .np-tooltip-content,
[dir="rtl"] .np-tooltip-wrap:hover > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap:focus-within > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-open > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-active > .np-tooltip-box,
[dir="rtl"] .np-hint:hover > .np-hint-content,
[dir="rtl"] .np-hint:focus-within > .np-hint-content,
[dir="rtl"] .np-hint.is-open > .np-hint-content,
[dir="rtl"] .np-hint.is-active > .np-hint-content,
[dir="rtl"] .np-help-tip:hover > .np-help-tip-content,
[dir="rtl"] .np-help-tip:focus-within > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-open > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-active > .np-help-tip-content,
[dir="rtl"] .np-popover-hint:hover > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint:focus-within > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-open > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-active > .np-popover-hint-content,
[dir="rtl"] .np-tooltip-trigger:hover + .np-tooltip-content,
[dir="rtl"] .np-tooltip-trigger:focus + .np-tooltip-content,
[dir="rtl"] .np-hint-trigger:hover + .np-hint-content,
[dir="rtl"] .np-hint-trigger:focus + .np-hint-content,
[dir="rtl"] .np-help-tip-trigger:hover + .np-help-tip-content,
[dir="rtl"] .np-help-tip-trigger:focus + .np-help-tip-content,
[dir="rtl"] .np-popover-hint-trigger:hover + .np-popover-hint-content,
[dir="rtl"] .np-popover-hint-trigger:focus + .np-popover-hint-content,
.rtl .np-tooltip:hover > .np-tooltip-content,
.rtl .np-tooltip:focus-within > .np-tooltip-content,
.rtl .np-tooltip.is-open > .np-tooltip-content,
.rtl .np-tooltip.is-active > .np-tooltip-content,
.rtl .np-tooltip-wrap:hover > .np-tooltip-box,
.rtl .np-tooltip-wrap:focus-within > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-open > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-active > .np-tooltip-box,
.rtl .np-hint:hover > .np-hint-content,
.rtl .np-hint:focus-within > .np-hint-content,
.rtl .np-hint.is-open > .np-hint-content,
.rtl .np-hint.is-active > .np-hint-content,
.rtl .np-help-tip:hover > .np-help-tip-content,
.rtl .np-help-tip:focus-within > .np-help-tip-content,
.rtl .np-help-tip.is-open > .np-help-tip-content,
.rtl .np-help-tip.is-active > .np-help-tip-content,
.rtl .np-popover-hint:hover > .np-popover-hint-content,
.rtl .np-popover-hint:focus-within > .np-popover-hint-content,
.rtl .np-popover-hint.is-open > .np-popover-hint-content,
.rtl .np-popover-hint.is-active > .np-popover-hint-content,
.rtl .np-tooltip-trigger:hover + .np-tooltip-content,
.rtl .np-tooltip-trigger:focus + .np-tooltip-content,
.rtl .np-hint-trigger:hover + .np-hint-content,
.rtl .np-hint-trigger:focus + .np-hint-content,
.rtl .np-help-tip-trigger:hover + .np-help-tip-content,
.rtl .np-help-tip-trigger:focus + .np-help-tip-content,
.rtl .np-popover-hint-trigger:hover + .np-popover-hint-content,
.rtl .np-popover-hint-trigger:focus + .np-popover-hint-content {
    transform: translateX(50%) translateY(0) scale(1);
}

.np-tooltip.is-bottom .np-tooltip-content,
.np-tooltip-wrap.is-bottom .np-tooltip-box,
.np-hint.is-bottom .np-hint-content,
.np-help-tip.is-bottom .np-help-tip-content,
.np-popover-hint.is-bottom .np-popover-hint-content {
    inset-block-start: calc(100% + var(--np-tooltip-offset, 0.75rem));
    inset-block-end: auto;
    transform: translateX(-50%) translateY(-0.375rem) scale(0.98);
    transform-origin: top center;
}

[dir="rtl"] .np-tooltip.is-bottom .np-tooltip-content,
[dir="rtl"] .np-tooltip-wrap.is-bottom .np-tooltip-box,
[dir="rtl"] .np-hint.is-bottom .np-hint-content,
[dir="rtl"] .np-help-tip.is-bottom .np-help-tip-content,
[dir="rtl"] .np-popover-hint.is-bottom .np-popover-hint-content,
.rtl .np-tooltip.is-bottom .np-tooltip-content,
.rtl .np-tooltip-wrap.is-bottom .np-tooltip-box,
.rtl .np-hint.is-bottom .np-hint-content,
.rtl .np-help-tip.is-bottom .np-help-tip-content,
.rtl .np-popover-hint.is-bottom .np-popover-hint-content {
    transform: translateX(50%) translateY(-0.375rem) scale(0.98);
}

.np-tooltip.is-bottom .np-tooltip-content::after,
.np-tooltip-wrap.is-bottom .np-tooltip-box::after,
.np-hint.is-bottom .np-hint-content::after,
.np-help-tip.is-bottom .np-help-tip-content::after,
.np-popover-hint.is-bottom .np-popover-hint-content::after {
    inset-block-start: auto;
    inset-block-end: 100%;
    border-inline-end: 0;
    border-block-end: 0;
    border-inline-start: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    border-block-start: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
}

.np-tooltip.is-bottom:hover > .np-tooltip-content,
.np-tooltip.is-bottom:focus-within > .np-tooltip-content,
.np-tooltip.is-bottom.is-open > .np-tooltip-content,
.np-tooltip.is-bottom.is-active > .np-tooltip-content,
.np-tooltip-wrap.is-bottom:hover > .np-tooltip-box,
.np-tooltip-wrap.is-bottom:focus-within > .np-tooltip-box,
.np-tooltip-wrap.is-bottom.is-open > .np-tooltip-box,
.np-tooltip-wrap.is-bottom.is-active > .np-tooltip-box,
.np-hint.is-bottom:hover > .np-hint-content,
.np-hint.is-bottom:focus-within > .np-hint-content,
.np-hint.is-bottom.is-open > .np-hint-content,
.np-hint.is-bottom.is-active > .np-hint-content,
.np-help-tip.is-bottom:hover > .np-help-tip-content,
.np-help-tip.is-bottom:focus-within > .np-help-tip-content,
.np-help-tip.is-bottom.is-open > .np-help-tip-content,
.np-help-tip.is-bottom.is-active > .np-help-tip-content,
.np-popover-hint.is-bottom:hover > .np-popover-hint-content,
.np-popover-hint.is-bottom:focus-within > .np-popover-hint-content,
.np-popover-hint.is-bottom.is-open > .np-popover-hint-content,
.np-popover-hint.is-bottom.is-active > .np-popover-hint-content {
    transform: translateX(-50%) translateY(0) scale(1);
}

[dir="rtl"] .np-tooltip.is-bottom:hover > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-bottom:focus-within > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-bottom.is-open > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-bottom.is-active > .np-tooltip-content,
[dir="rtl"] .np-tooltip-wrap.is-bottom:hover > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-bottom:focus-within > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-bottom.is-open > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-bottom.is-active > .np-tooltip-box,
[dir="rtl"] .np-hint.is-bottom:hover > .np-hint-content,
[dir="rtl"] .np-hint.is-bottom:focus-within > .np-hint-content,
[dir="rtl"] .np-hint.is-bottom.is-open > .np-hint-content,
[dir="rtl"] .np-hint.is-bottom.is-active > .np-hint-content,
[dir="rtl"] .np-help-tip.is-bottom:hover > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-bottom:focus-within > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-bottom.is-open > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-bottom.is-active > .np-help-tip-content,
[dir="rtl"] .np-popover-hint.is-bottom:hover > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-bottom:focus-within > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-bottom.is-open > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-bottom.is-active > .np-popover-hint-content,
.rtl .np-tooltip.is-bottom:hover > .np-tooltip-content,
.rtl .np-tooltip.is-bottom:focus-within > .np-tooltip-content,
.rtl .np-tooltip.is-bottom.is-open > .np-tooltip-content,
.rtl .np-tooltip.is-bottom.is-active > .np-tooltip-content,
.rtl .np-tooltip-wrap.is-bottom:hover > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-bottom:focus-within > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-bottom.is-open > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-bottom.is-active > .np-tooltip-box,
.rtl .np-hint.is-bottom:hover > .np-hint-content,
.rtl .np-hint.is-bottom:focus-within > .np-hint-content,
.rtl .np-hint.is-bottom.is-open > .np-hint-content,
.rtl .np-hint.is-bottom.is-active > .np-hint-content,
.rtl .np-help-tip.is-bottom:hover > .np-help-tip-content,
.rtl .np-help-tip.is-bottom:focus-within > .np-help-tip-content,
.rtl .np-help-tip.is-bottom.is-open > .np-help-tip-content,
.rtl .np-help-tip.is-bottom.is-active > .np-help-tip-content,
.rtl .np-popover-hint.is-bottom:hover > .np-popover-hint-content,
.rtl .np-popover-hint.is-bottom:focus-within > .np-popover-hint-content,
.rtl .np-popover-hint.is-bottom.is-open > .np-popover-hint-content,
.rtl .np-popover-hint.is-bottom.is-active > .np-popover-hint-content {
    transform: translateX(50%) translateY(0) scale(1);
}

.np-tooltip.is-start .np-tooltip-content,
.np-tooltip-wrap.is-start .np-tooltip-box,
.np-hint.is-start .np-hint-content,
.np-help-tip.is-start .np-help-tip-content,
.np-popover-hint.is-start .np-popover-hint-content {
    inset-block-start: 50%;
    inset-block-end: auto;
    inset-inline-start: auto;
    inset-inline-end: calc(100% + var(--np-tooltip-offset, 0.75rem));
    transform: translateY(-50%) translateX(0.375rem) scale(0.98);
    transform-origin: center right;
}

[dir="rtl"] .np-tooltip.is-start .np-tooltip-content,
[dir="rtl"] .np-tooltip-wrap.is-start .np-tooltip-box,
[dir="rtl"] .np-hint.is-start .np-hint-content,
[dir="rtl"] .np-help-tip.is-start .np-help-tip-content,
[dir="rtl"] .np-popover-hint.is-start .np-popover-hint-content,
.rtl .np-tooltip.is-start .np-tooltip-content,
.rtl .np-tooltip-wrap.is-start .np-tooltip-box,
.rtl .np-hint.is-start .np-hint-content,
.rtl .np-help-tip.is-start .np-help-tip-content,
.rtl .np-popover-hint.is-start .np-popover-hint-content {
    inset-inline-start: calc(100% + var(--np-tooltip-offset, 0.75rem));
    inset-inline-end: auto;
    transform: translateY(-50%) translateX(-0.375rem) scale(0.98);
    transform-origin: center left;
}

.np-tooltip.is-start .np-tooltip-content::after,
.np-tooltip-wrap.is-start .np-tooltip-box::after,
.np-hint.is-start .np-hint-content::after,
.np-help-tip.is-start .np-help-tip-content::after,
.np-popover-hint.is-start .np-popover-hint-content::after {
    inset-block-start: 50%;
    inset-inline-start: 100%;
    transform: translateY(-50%) rotate(45deg);
    border-block-end: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    border-inline-end: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
}

[dir="rtl"] .np-tooltip.is-start .np-tooltip-content::after,
[dir="rtl"] .np-tooltip-wrap.is-start .np-tooltip-box::after,
[dir="rtl"] .np-hint.is-start .np-hint-content::after,
[dir="rtl"] .np-help-tip.is-start .np-help-tip-content::after,
[dir="rtl"] .np-popover-hint.is-start .np-popover-hint-content::after,
.rtl .np-tooltip.is-start .np-tooltip-content::after,
.rtl .np-tooltip-wrap.is-start .np-tooltip-box::after,
.rtl .np-hint.is-start .np-hint-content::after,
.rtl .np-help-tip.is-start .np-help-tip-content::after,
.rtl .np-popover-hint.is-start .np-popover-hint-content::after {
    inset-inline-start: auto;
    inset-inline-end: 100%;
    transform: translateY(-50%) rotate(45deg);
    border-block-start: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    border-inline-start: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    border-block-end: 0;
    border-inline-end: 0;
}

.np-tooltip.is-start:hover > .np-tooltip-content,
.np-tooltip.is-start:focus-within > .np-tooltip-content,
.np-tooltip.is-start.is-open > .np-tooltip-content,
.np-tooltip.is-start.is-active > .np-tooltip-content,
.np-tooltip-wrap.is-start:hover > .np-tooltip-box,
.np-tooltip-wrap.is-start:focus-within > .np-tooltip-box,
.np-tooltip-wrap.is-start.is-open > .np-tooltip-box,
.np-tooltip-wrap.is-start.is-active > .np-tooltip-box,
.np-hint.is-start:hover > .np-hint-content,
.np-hint.is-start:focus-within > .np-hint-content,
.np-hint.is-start.is-open > .np-hint-content,
.np-hint.is-start.is-active > .np-hint-content,
.np-help-tip.is-start:hover > .np-help-tip-content,
.np-help-tip.is-start:focus-within > .np-help-tip-content,
.np-help-tip.is-start.is-open > .np-help-tip-content,
.np-help-tip.is-start.is-active > .np-help-tip-content,
.np-popover-hint.is-start:hover > .np-popover-hint-content,
.np-popover-hint.is-start:focus-within > .np-popover-hint-content,
.np-popover-hint.is-start.is-open > .np-popover-hint-content,
.np-popover-hint.is-start.is-active > .np-popover-hint-content {
    transform: translateY(-50%) translateX(0) scale(1);
}

[dir="rtl"] .np-tooltip.is-start:hover > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-start:focus-within > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-start.is-open > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-start.is-active > .np-tooltip-content,
[dir="rtl"] .np-tooltip-wrap.is-start:hover > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-start:focus-within > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-start.is-open > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-start.is-active > .np-tooltip-box,
[dir="rtl"] .np-hint.is-start:hover > .np-hint-content,
[dir="rtl"] .np-hint.is-start:focus-within > .np-hint-content,
[dir="rtl"] .np-hint.is-start.is-open > .np-hint-content,
[dir="rtl"] .np-hint.is-start.is-active > .np-hint-content,
[dir="rtl"] .np-help-tip.is-start:hover > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-start:focus-within > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-start.is-open > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-start.is-active > .np-help-tip-content,
[dir="rtl"] .np-popover-hint.is-start:hover > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-start:focus-within > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-start.is-open > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-start.is-active > .np-popover-hint-content,
.rtl .np-tooltip.is-start:hover > .np-tooltip-content,
.rtl .np-tooltip.is-start:focus-within > .np-tooltip-content,
.rtl .np-tooltip.is-start.is-open > .np-tooltip-content,
.rtl .np-tooltip.is-start.is-active > .np-tooltip-content,
.rtl .np-tooltip-wrap.is-start:hover > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-start:focus-within > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-start.is-open > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-start.is-active > .np-tooltip-box,
.rtl .np-hint.is-start:hover > .np-hint-content,
.rtl .np-hint.is-start:focus-within > .np-hint-content,
.rtl .np-hint.is-start.is-open > .np-hint-content,
.rtl .np-hint.is-start.is-active > .np-hint-content,
.rtl .np-help-tip.is-start:hover > .np-help-tip-content,
.rtl .np-help-tip.is-start:focus-within > .np-help-tip-content,
.rtl .np-help-tip.is-start.is-open > .np-help-tip-content,
.rtl .np-help-tip.is-start.is-active > .np-help-tip-content,
.rtl .np-popover-hint.is-start:hover > .np-popover-hint-content,
.rtl .np-popover-hint.is-start:focus-within > .np-popover-hint-content,
.rtl .np-popover-hint.is-start.is-open > .np-popover-hint-content,
.rtl .np-popover-hint.is-start.is-active > .np-popover-hint-content {
    transform: translateY(-50%) translateX(0) scale(1);
}

.np-tooltip.is-end .np-tooltip-content,
.np-tooltip-wrap.is-end .np-tooltip-box,
.np-hint.is-end .np-hint-content,
.np-help-tip.is-end .np-help-tip-content,
.np-popover-hint.is-end .np-popover-hint-content {
    inset-block-start: 50%;
    inset-block-end: auto;
    inset-inline-start: calc(100% + var(--np-tooltip-offset, 0.75rem));
    transform: translateY(-50%) translateX(-0.375rem) scale(0.98);
    transform-origin: center left;
}

[dir="rtl"] .np-tooltip.is-end .np-tooltip-content,
[dir="rtl"] .np-tooltip-wrap.is-end .np-tooltip-box,
[dir="rtl"] .np-hint.is-end .np-hint-content,
[dir="rtl"] .np-help-tip.is-end .np-help-tip-content,
[dir="rtl"] .np-popover-hint.is-end .np-popover-hint-content,
.rtl .np-tooltip.is-end .np-tooltip-content,
.rtl .np-tooltip-wrap.is-end .np-tooltip-box,
.rtl .np-hint.is-end .np-hint-content,
.rtl .np-help-tip.is-end .np-help-tip-content,
.rtl .np-popover-hint.is-end .np-popover-hint-content {
    inset-inline-start: auto;
    inset-inline-end: calc(100% + var(--np-tooltip-offset, 0.75rem));
    transform: translateY(-50%) translateX(0.375rem) scale(0.98);
    transform-origin: center right;
}

.np-tooltip.is-end .np-tooltip-content::after,
.np-tooltip-wrap.is-end .np-tooltip-box::after,
.np-hint.is-end .np-hint-content::after,
.np-help-tip.is-end .np-help-tip-content::after,
.np-popover-hint.is-end .np-popover-hint-content::after {
    inset-block-start: 50%;
    inset-inline-start: auto;
    inset-inline-end: 100%;
    transform: translateY(-50%) rotate(45deg);
    border-block-start: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    border-inline-start: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    border-block-end: 0;
    border-inline-end: 0;
}

[dir="rtl"] .np-tooltip.is-end .np-tooltip-content::after,
[dir="rtl"] .np-tooltip-wrap.is-end .np-tooltip-box::after,
[dir="rtl"] .np-hint.is-end .np-hint-content::after,
[dir="rtl"] .np-help-tip.is-end .np-help-tip-content::after,
[dir="rtl"] .np-popover-hint.is-end .np-popover-hint-content::after,
.rtl .np-tooltip.is-end .np-tooltip-content::after,
.rtl .np-tooltip-wrap.is-end .np-tooltip-box::after,
.rtl .np-hint.is-end .np-hint-content::after,
.rtl .np-help-tip.is-end .np-help-tip-content::after,
.rtl .np-popover-hint.is-end .np-popover-hint-content::after {
    inset-inline-start: 100%;
    inset-inline-end: auto;
    transform: translateY(-50%) rotate(45deg);
    border-block-end: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    border-inline-end: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    border-block-start: 0;
    border-inline-start: 0;
}

.np-tooltip.is-end:hover > .np-tooltip-content,
.np-tooltip.is-end:focus-within > .np-tooltip-content,
.np-tooltip.is-end.is-open > .np-tooltip-content,
.np-tooltip.is-end.is-active > .np-tooltip-content,
.np-tooltip-wrap.is-end:hover > .np-tooltip-box,
.np-tooltip-wrap.is-end:focus-within > .np-tooltip-box,
.np-tooltip-wrap.is-end.is-open > .np-tooltip-box,
.np-tooltip-wrap.is-end.is-active > .np-tooltip-box,
.np-hint.is-end:hover > .np-hint-content,
.np-hint.is-end:focus-within > .np-hint-content,
.np-hint.is-end.is-open > .np-hint-content,
.np-hint.is-end.is-active > .np-hint-content,
.np-help-tip.is-end:hover > .np-help-tip-content,
.np-help-tip.is-end:focus-within > .np-help-tip-content,
.np-help-tip.is-end.is-open > .np-help-tip-content,
.np-help-tip.is-end.is-active > .np-help-tip-content,
.np-popover-hint.is-end:hover > .np-popover-hint-content,
.np-popover-hint.is-end:focus-within > .np-popover-hint-content,
.np-popover-hint.is-end.is-open > .np-popover-hint-content,
.np-popover-hint.is-end.is-active > .np-popover-hint-content {
    transform: translateY(-50%) translateX(0) scale(1);
}

[dir="rtl"] .np-tooltip.is-end:hover > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-end:focus-within > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-end.is-open > .np-tooltip-content,
[dir="rtl"] .np-tooltip.is-end.is-active > .np-tooltip-content,
[dir="rtl"] .np-tooltip-wrap.is-end:hover > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-end:focus-within > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-end.is-open > .np-tooltip-box,
[dir="rtl"] .np-tooltip-wrap.is-end.is-active > .np-tooltip-box,
[dir="rtl"] .np-hint.is-end:hover > .np-hint-content,
[dir="rtl"] .np-hint.is-end:focus-within > .np-hint-content,
[dir="rtl"] .np-hint.is-end.is-open > .np-hint-content,
[dir="rtl"] .np-hint.is-end.is-active > .np-hint-content,
[dir="rtl"] .np-help-tip.is-end:hover > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-end:focus-within > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-end.is-open > .np-help-tip-content,
[dir="rtl"] .np-help-tip.is-end.is-active > .np-help-tip-content,
[dir="rtl"] .np-popover-hint.is-end:hover > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-end:focus-within > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-end.is-open > .np-popover-hint-content,
[dir="rtl"] .np-popover-hint.is-end.is-active > .np-popover-hint-content,
.rtl .np-tooltip.is-end:hover > .np-tooltip-content,
.rtl .np-tooltip.is-end:focus-within > .np-tooltip-content,
.rtl .np-tooltip.is-end.is-open > .np-tooltip-content,
.rtl .np-tooltip.is-end.is-active > .np-tooltip-content,
.rtl .np-tooltip-wrap.is-end:hover > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-end:focus-within > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-end.is-open > .np-tooltip-box,
.rtl .np-tooltip-wrap.is-end.is-active > .np-tooltip-box,
.rtl .np-hint.is-end:hover > .np-hint-content,
.rtl .np-hint.is-end:focus-within > .np-hint-content,
.rtl .np-hint.is-end.is-open > .np-hint-content,
.rtl .np-hint.is-end.is-active > .np-hint-content,
.rtl .np-help-tip.is-end:hover > .np-help-tip-content,
.rtl .np-help-tip.is-end:focus-within > .np-help-tip-content,
.rtl .np-help-tip.is-end.is-open > .np-help-tip-content,
.rtl .np-help-tip.is-end.is-active > .np-help-tip-content,
.rtl .np-popover-hint.is-end:hover > .np-popover-hint-content,
.rtl .np-popover-hint.is-end:focus-within > .np-popover-hint-content,
.rtl .np-popover-hint.is-end.is-open > .np-popover-hint-content,
.rtl .np-popover-hint.is-end.is-active > .np-popover-hint-content {
    transform: translateY(-50%) translateX(0) scale(1);
}

.np-tooltip.is-no-arrow .np-tooltip-content::after,
.np-tooltip-wrap.is-no-arrow .np-tooltip-box::after,
.np-hint.is-no-arrow .np-hint-content::after,
.np-help-tip.is-no-arrow .np-help-tip-content::after,
.np-popover-hint.is-no-arrow .np-popover-hint-content::after {
    display: none;
}

.np-tooltip.is-wide .np-tooltip-content,
.np-tooltip-wrap.is-wide .np-tooltip-box,
.np-hint.is-wide .np-hint-content,
.np-help-tip.is-wide .np-help-tip-content,
.np-popover-hint.is-wide .np-popover-hint-content {
    --np-tooltip-max-width: 420px;
}

.np-tooltip.is-narrow .np-tooltip-content,
.np-tooltip-wrap.is-narrow .np-tooltip-box,
.np-hint.is-narrow .np-hint-content,
.np-help-tip.is-narrow .np-help-tip-content,
.np-popover-hint.is-narrow .np-popover-hint-content {
    --np-tooltip-max-width: 200px;
}

.np-tooltip.is-start-align .np-tooltip-content,
.np-tooltip-wrap.is-start-align .np-tooltip-box,
.np-hint.is-start-align .np-hint-content,
.np-help-tip.is-start-align .np-help-tip-content,
.np-popover-hint.is-start-align .np-popover-hint-content {
    text-align: start;
}

.np-tooltip.is-center-align .np-tooltip-content,
.np-tooltip-wrap.is-center-align .np-tooltip-box,
.np-hint.is-center-align .np-hint-content,
.np-help-tip.is-center-align .np-help-tip-content,
.np-popover-hint.is-center-align .np-popover-hint-content {
    text-align: center;
}

.np-tooltip.is-end-align .np-tooltip-content,
.np-tooltip-wrap.is-end-align .np-tooltip-box,
.np-hint.is-end-align .np-hint-content,
.np-help-tip.is-end-align .np-help-tip-content,
.np-popover-hint.is-end-align .np-popover-hint-content {
    text-align: end;
}

.np-tooltip.is-light .np-tooltip-content,
.np-tooltip-wrap.is-light .np-tooltip-box,
.np-hint.is-light .np-hint-content,
.np-help-tip.is-light .np-help-tip-content,
.np-popover-hint.is-light .np-popover-hint-content {
    background: var(--np-color-white, #ffffff);
    border-color: var(--np-color-border-soft, #e2e8f0);
    color: var(--np-color-text, #334155);
    box-shadow: var(--np-shadow-lg, 0 24px 70px rgba(15, 23, 42, 0.14));
}

.np-tooltip.is-primary .np-tooltip-content,
.np-tooltip-wrap.is-primary .np-tooltip-box,
.np-hint.is-primary .np-hint-content,
.np-help-tip.is-primary .np-help-tip-content,
.np-popover-hint.is-primary .np-popover-hint-content {
    background: var(--np-color-primary, #4f46e5);
    border-color: var(--np-color-primary, #4f46e5);
    color: var(--np-color-white, #ffffff);
}

.np-tooltip.is-sky .np-tooltip-content,
.np-tooltip-wrap.is-sky .np-tooltip-box,
.np-hint.is-sky .np-hint-content,
.np-help-tip.is-sky .np-help-tip-content,
.np-popover-hint.is-sky .np-popover-hint-content {
    background: var(--np-color-sky, #38bdf8);
    border-color: var(--np-color-sky, #38bdf8);
    color: var(--np-color-heading, #0f172a);
}

.np-tooltip.is-teal .np-tooltip-content,
.np-tooltip-wrap.is-teal .np-tooltip-box,
.np-hint.is-teal .np-hint-content,
.np-help-tip.is-teal .np-help-tip-content,
.np-popover-hint.is-teal .np-popover-hint-content {
    background: var(--np-color-teal, #2dd4bf);
    border-color: var(--np-color-teal, #2dd4bf);
    color: var(--np-color-heading, #0f172a);
}

.np-tooltip.is-lime .np-tooltip-content,
.np-tooltip-wrap.is-lime .np-tooltip-box,
.np-hint.is-lime .np-hint-content,
.np-help-tip.is-lime .np-help-tip-content,
.np-popover-hint.is-lime .np-popover-hint-content {
    background: var(--np-color-lime, #a3e635);
    border-color: var(--np-color-lime, #a3e635);
    color: var(--np-color-heading, #0f172a);
}

.np-tooltip.is-success .np-tooltip-content,
.np-tooltip-wrap.is-success .np-tooltip-box,
.np-hint.is-success .np-hint-content,
.np-help-tip.is-success .np-help-tip-content,
.np-popover-hint.is-success .np-popover-hint-content {
    background: var(--np-color-success, #16a34a);
    border-color: var(--np-color-success, #16a34a);
    color: var(--np-color-white, #ffffff);
}

.np-tooltip.is-danger .np-tooltip-content,
.np-tooltip-wrap.is-danger .np-tooltip-box,
.np-hint.is-danger .np-hint-content,
.np-help-tip.is-danger .np-help-tip-content,
.np-popover-hint.is-danger .np-popover-hint-content {
    background: var(--np-color-danger, #dc2626);
    border-color: var(--np-color-danger, #dc2626);
    color: var(--np-color-white, #ffffff);
}

.np-tooltip.is-warning .np-tooltip-content,
.np-tooltip-wrap.is-warning .np-tooltip-box,
.np-hint.is-warning .np-hint-content,
.np-help-tip.is-warning .np-help-tip-content,
.np-popover-hint.is-warning .np-popover-hint-content {
    background: var(--np-color-warning, #f59e0b);
    border-color: var(--np-color-warning, #f59e0b);
    color: var(--np-color-heading, #0f172a);
}

.np-tooltip.is-info .np-tooltip-content,
.np-tooltip-wrap.is-info .np-tooltip-box,
.np-hint.is-info .np-hint-content,
.np-help-tip.is-info .np-help-tip-content,
.np-popover-hint.is-info .np-popover-hint-content {
    background: var(--np-color-info, #2563eb);
    border-color: var(--np-color-info, #2563eb);
    color: var(--np-color-white, #ffffff);
}

.np-tooltip.is-glass .np-tooltip-content,
.np-tooltip-wrap.is-glass .np-tooltip-box,
.np-hint.is-glass .np-hint-content,
.np-help-tip.is-glass .np-help-tip-content,
.np-popover-hint.is-glass .np-popover-hint-content {
    background: var(--np-glass-background-dark, rgba(15, 23, 42, 0.76));
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--np-color-white, #ffffff);
    backdrop-filter: var(--np-glass-backdrop-filter, blur(16px));
}

.np-tooltip[data-tooltip],
.np-hint[data-tooltip],
.np-help-tip[data-tooltip] {
    cursor: help;
}

.np-tooltip[data-tooltip]::before,
.np-hint[data-tooltip]::before,
.np-help-tip[data-tooltip]::before {
    position: absolute;
    z-index: var(--np-z-index-tooltip, 1100);
    inset-block-end: calc(100% + var(--np-tooltip-offset, 0.75rem));
    inset-inline-start: 50%;
    width: max-content;
    max-width: min(var(--np-tooltip-max-width, 280px), calc(100vw - 2rem));
    padding-block: var(--np-tooltip-padding-y, 0.625rem);
    padding-inline: var(--np-tooltip-padding-x, 0.875rem);
    background: var(--np-tooltip-background, #0f172a);
    border-radius: var(--np-tooltip-radius, 0.875rem);
    color: var(--np-tooltip-color, #ffffff);
    font-family: var(--np-body-font-family, Tahoma, Arial, sans-serif);
    font-size: var(--np-tooltip-font-size, 0.75rem);
    font-weight: var(--np-font-weight-medium, 500);
    line-height: var(--np-line-height-snug, 1.5);
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    box-shadow: var(--np-tooltip-shadow, 0 18px 48px rgba(15, 23, 42, 0.22));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(0.375rem) scale(0.98);
    transition: opacity var(--np-tooltip-transition, 160ms ease), visibility var(--np-tooltip-transition, 160ms ease), transform var(--np-tooltip-transition, 160ms ease);
    content: attr(data-tooltip);
}

.np-tooltip[data-tooltip]::after,
.np-hint[data-tooltip]::after,
.np-help-tip[data-tooltip]::after {
    position: absolute;
    z-index: var(--np-z-index-tooltip, 1100);
    inset-block-end: calc(100% + var(--np-tooltip-offset, 0.75rem) - 0.25rem);
    inset-inline-start: 50%;
    width: var(--np-tooltip-arrow-size, 0.625rem);
    height: var(--np-tooltip-arrow-size, 0.625rem);
    transform: translateX(-50%) rotate(45deg);
    background: var(--np-tooltip-background, #0f172a);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--np-tooltip-transition, 160ms ease), visibility var(--np-tooltip-transition, 160ms ease);
    content: "";
}

.np-tooltip[data-tooltip]:hover::before,
.np-tooltip[data-tooltip]:focus-within::before,
.np-tooltip[data-tooltip]:hover::after,
.np-tooltip[data-tooltip]:focus-within::after,
.np-hint[data-tooltip]:hover::before,
.np-hint[data-tooltip]:focus-within::before,
.np-hint[data-tooltip]:hover::after,
.np-hint[data-tooltip]:focus-within::after,
.np-help-tip[data-tooltip]:hover::before,
.np-help-tip[data-tooltip]:focus-within::before,
.np-help-tip[data-tooltip]:hover::after,
.np-help-tip[data-tooltip]:focus-within::after {
    opacity: 1;
    visibility: visible;
}

.np-tooltip[data-tooltip]:hover::before,
.np-tooltip[data-tooltip]:focus-within::before,
.np-hint[data-tooltip]:hover::before,
.np-hint[data-tooltip]:focus-within::before,
.np-help-tip[data-tooltip]:hover::before,
.np-help-tip[data-tooltip]:focus-within::before {
    transform: translateX(-50%) translateY(0) scale(1);
}

[dir="rtl"] .np-tooltip[data-tooltip]::before,
[dir="rtl"] .np-hint[data-tooltip]::before,
[dir="rtl"] .np-help-tip[data-tooltip]::before,
.rtl .np-tooltip[data-tooltip]::before,
.rtl .np-hint[data-tooltip]::before,
.rtl .np-help-tip[data-tooltip]::before {
    transform: translateX(50%) translateY(0.375rem) scale(0.98);
}

[dir="rtl"] .np-tooltip[data-tooltip]::after,
[dir="rtl"] .np-hint[data-tooltip]::after,
[dir="rtl"] .np-help-tip[data-tooltip]::after,
.rtl .np-tooltip[data-tooltip]::after,
.rtl .np-hint[data-tooltip]::after,
.rtl .np-help-tip[data-tooltip]::after {
    transform: translateX(50%) rotate(45deg);
}

[dir="rtl"] .np-tooltip[data-tooltip]:hover::before,
[dir="rtl"] .np-tooltip[data-tooltip]:focus-within::before,
[dir="rtl"] .np-hint[data-tooltip]:hover::before,
[dir="rtl"] .np-hint[data-tooltip]:focus-within::before,
[dir="rtl"] .np-help-tip[data-tooltip]:hover::before,
[dir="rtl"] .np-help-tip[data-tooltip]:focus-within::before,
.rtl .np-tooltip[data-tooltip]:hover::before,
.rtl .np-tooltip[data-tooltip]:focus-within::before,
.rtl .np-hint[data-tooltip]:hover::before,
.rtl .np-hint[data-tooltip]:focus-within::before,
.rtl .np-help-tip[data-tooltip]:hover::before,
.rtl .np-help-tip[data-tooltip]:focus-within::before {
    transform: translateX(50%) translateY(0) scale(1);
}

.np-inline-help {
    display: inline-flex;
    align-items: center;
    gap: var(--np-spacing-xs, 0.5rem);
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-font-size-sm, 0.875rem);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-inline-help-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    min-width: 1.125rem;
    height: 1.125rem;
    background: var(--np-color-surface-muted, #f1f5f9);
    border-radius: var(--np-radius-circle, 50%);
    color: var(--np-color-primary, #4f46e5);
    font-size: var(--np-font-size-2xs, 0.6875rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: 1;
}

.np-inline-help-icon::before {
    content: "?";
}

.np-copy-tooltip {
    position: relative;
}

.np-copy-tooltip::after {
    position: absolute;
    z-index: var(--np-z-index-tooltip, 1100);
    inset-block-end: calc(100% + var(--np-tooltip-offset, 0.75rem));
    inset-inline-start: 50%;
    width: max-content;
    max-width: min(var(--np-tooltip-max-width, 220px), calc(100vw - 2rem));
    padding-block: var(--np-tooltip-padding-y, 0.625rem);
    padding-inline: var(--np-tooltip-padding-x, 0.875rem);
    background: var(--np-tooltip-background, #0f172a);
    border-radius: var(--np-tooltip-radius, 0.875rem);
    color: var(--np-tooltip-color, #ffffff);
    font-size: var(--np-tooltip-font-size, 0.75rem);
    font-weight: var(--np-font-weight-bold, 700);
    line-height: var(--np-line-height-snug, 1.5);
    text-align: center;
    white-space: nowrap;
    box-shadow: var(--np-tooltip-shadow, 0 18px 48px rgba(15, 23, 42, 0.22));
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(0.375rem);
    transition: opacity var(--np-tooltip-transition, 160ms ease), visibility var(--np-tooltip-transition, 160ms ease), transform var(--np-tooltip-transition, 160ms ease);
    pointer-events: none;
    content: attr(data-copy-tooltip);
}

.np-copy-tooltip.is-copied::after,
.np-copy-tooltip:hover::after,
.np-copy-tooltip:focus::after,
.np-copy-tooltip:focus-within::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

[dir="rtl"] .np-copy-tooltip::after,
.rtl .np-copy-tooltip::after {
    transform: translateX(50%) translateY(0.375rem);
}

[dir="rtl"] .np-copy-tooltip.is-copied::after,
[dir="rtl"] .np-copy-tooltip:hover::after,
[dir="rtl"] .np-copy-tooltip:focus::after,
[dir="rtl"] .np-copy-tooltip:focus-within::after,
.rtl .np-copy-tooltip.is-copied::after,
.rtl .np-copy-tooltip:hover::after,
.rtl .np-copy-tooltip:focus::after,
.rtl .np-copy-tooltip:focus-within::after {
    transform: translateX(50%) translateY(0);
}

.np-tooltip-list {
    display: grid;
    gap: var(--np-spacing-xs, 0.5rem);
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: start;
}

.np-tooltip-list li {
    display: flex;
    align-items: flex-start;
    gap: var(--np-spacing-xs, 0.5rem);
    margin: 0;
}

.np-tooltip-list li::before {
    width: 0.375rem;
    min-width: 0.375rem;
    height: 0.375rem;
    margin-block-start: 0.45em;
    background: currentColor;
    border-radius: var(--np-radius-circle, 50%);
    opacity: 0.72;
    content: "";
}

.np-tooltip-title {
    display: block;
    margin: 0 0 var(--np-spacing-2xs, 0.25rem);
    color: inherit;
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-sm, 0.875rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-tight, 1.3);
}

.np-tooltip-text {
    display: block;
    margin: 0;
    color: inherit;
    opacity: 0.86;
    font-size: var(--np-tooltip-font-size, 0.75rem);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-tooltip-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--np-spacing-xs, 0.5rem);
    margin-block-start: var(--np-spacing-sm, 0.75rem);
}

.np-tooltip-link {
    color: currentColor;
    font-weight: var(--np-font-weight-bold, 700);
    text-decoration: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.18em;
}

.np-tooltip-link:hover,
.np-tooltip-link:focus {
    color: currentColor;
    text-decoration-thickness: 0.12em;
}

.woocommerce-help-tip,
.woocommerce .woocommerce-help-tip,
.woocommerce-page .woocommerce-help-tip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--np-tooltip-icon-size, 1.25rem);
    min-width: var(--np-tooltip-icon-size, 1.25rem);
    height: var(--np-tooltip-icon-size, 1.25rem);
    margin: 0 0.25rem;
    background: var(--np-tooltip-icon-background, #eef2ff);
    border: var(--np-border-width, 1px) solid var(--np-tooltip-icon-border-color, #e0e7ff);
    border-radius: var(--np-radius-circle, 50%);
    color: var(--np-tooltip-icon-color, #4f46e5);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: 0;
    line-height: 1;
    cursor: help;
}

.woocommerce-help-tip::before,
.woocommerce .woocommerce-help-tip::before,
.woocommerce-page .woocommerce-help-tip::before {
    position: static;
    display: inline;
    width: auto;
    height: auto;
    margin: 0;
    color: currentColor;
    font-family: inherit;
    font-size: var(--np-tooltip-icon-font-size, 0.75rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: 1;
    content: "?";
}

.woocommerce-help-tip::after,
.woocommerce .woocommerce-help-tip::after,
.woocommerce-page .woocommerce-help-tip::after {
    position: absolute;
    z-index: var(--np-z-index-tooltip, 1100);
    inset-block-end: calc(100% + var(--np-tooltip-offset, 0.75rem));
    inset-inline-start: 50%;
    width: max-content;
    max-width: min(var(--np-tooltip-max-width, 280px), calc(100vw - 2rem));
    padding-block: var(--np-tooltip-padding-y, 0.625rem);
    padding-inline: var(--np-tooltip-padding-x, 0.875rem);
    background: var(--np-tooltip-background, #0f172a);
    border-radius: var(--np-tooltip-radius, 0.875rem);
    color: var(--np-tooltip-color, #ffffff);
    font-family: var(--np-body-font-family, Tahoma, Arial, sans-serif);
    font-size: var(--np-tooltip-font-size, 0.75rem);
    font-weight: var(--np-font-weight-medium, 500);
    line-height: var(--np-line-height-snug, 1.5);
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    box-shadow: var(--np-tooltip-shadow, 0 18px 48px rgba(15, 23, 42, 0.22));
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(0.375rem) scale(0.98);
    transition: opacity var(--np-tooltip-transition, 160ms ease), visibility var(--np-tooltip-transition, 160ms ease), transform var(--np-tooltip-transition, 160ms ease);
    pointer-events: none;
    content: attr(aria-label);
}

.woocommerce-help-tip:hover::after,
.woocommerce-help-tip:focus::after,
.woocommerce .woocommerce-help-tip:hover::after,
.woocommerce .woocommerce-help-tip:focus::after,
.woocommerce-page .woocommerce-help-tip:hover::after,
.woocommerce-page .woocommerce-help-tip:focus::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0) scale(1);
}

.dokan-tooltips,
.dokan-tooltip,
.dokan-dashboard .tooltip {
    position: relative;
}

.dokan-tooltips[data-title]::after,
.dokan-tooltip[data-title]::after {
    position: absolute;
    z-index: var(--np-z-index-tooltip, 1100);
    inset-block-end: calc(100% + var(--np-tooltip-offset, 0.75rem));
    inset-inline-start: 50%;
    width: max-content;
    max-width: min(var(--np-tooltip-max-width, 280px), calc(100vw - 2rem));
    padding-block: var(--np-tooltip-padding-y, 0.625rem);
    padding-inline: var(--np-tooltip-padding-x, 0.875rem);
    background: var(--np-tooltip-background, #0f172a);
    border-radius: var(--np-tooltip-radius, 0.875rem);
    color: var(--np-tooltip-color, #ffffff);
    font-size: var(--np-tooltip-font-size, 0.75rem);
    font-weight: var(--np-font-weight-medium, 500);
    line-height: var(--np-line-height-snug, 1.5);
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    box-shadow: var(--np-tooltip-shadow, 0 18px 48px rgba(15, 23, 42, 0.22));
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(0.375rem) scale(0.98);
    transition: opacity var(--np-tooltip-transition, 160ms ease), visibility var(--np-tooltip-transition, 160ms ease), transform var(--np-tooltip-transition, 160ms ease);
    pointer-events: none;
    content: attr(data-title);
}

.dokan-tooltips[data-title]:hover::after,
.dokan-tooltips[data-title]:focus::after,
.dokan-tooltip[data-title]:hover::after,
.dokan-tooltip[data-title]:focus::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0) scale(1);
}

.elementor .np-tooltip,
.elementor .np-tooltip-wrap,
.elementor .np-hint,
.elementor .np-help-tip,
.elementor .np-popover-hint {
    vertical-align: middle;
}

.np-section-dark .np-tooltip-icon,
.np-section-dark .np-hint-icon,
.np-section-dark .np-help-tip-icon,
.np-section-dark .np-popover-hint-icon,
.np-section-dark .np-inline-help-icon,
.np-layout-dark .np-tooltip-icon,
.np-layout-dark .np-hint-icon,
.np-layout-dark .np-help-tip-icon,
.np-layout-dark .np-popover-hint-icon,
.np-layout-dark .np-inline-help-icon {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-inline-help,
.np-layout-dark .np-inline-help {
    color: rgba(255, 255, 255, 0.68);
}

@media (max-width: 782px) {
    .np-tooltip-content,
    .np-tooltip-box,
    .np-hint-content,
    .np-help-tip-content,
    .np-popover-hint-content {
        max-width: min(var(--np-tooltip-max-width-mobile, 260px), calc(100vw - 1.5rem));
        font-size: var(--np-tooltip-font-size-mobile, 0.75rem);
    }

    .np-tooltip.is-mobile-bottom .np-tooltip-content,
    .np-tooltip-wrap.is-mobile-bottom .np-tooltip-box,
    .np-hint.is-mobile-bottom .np-hint-content,
    .np-help-tip.is-mobile-bottom .np-help-tip-content,
    .np-popover-hint.is-mobile-bottom .np-popover-hint-content {
        inset-block-start: calc(100% + var(--np-tooltip-offset, 0.75rem));
        inset-block-end: auto;
        inset-inline-start: 50%;
        inset-inline-end: auto;
        transform: translateX(-50%) translateY(-0.375rem) scale(0.98);
        transform-origin: top center;
    }

    [dir="rtl"] .np-tooltip.is-mobile-bottom .np-tooltip-content,
    [dir="rtl"] .np-tooltip-wrap.is-mobile-bottom .np-tooltip-box,
    [dir="rtl"] .np-hint.is-mobile-bottom .np-hint-content,
    [dir="rtl"] .np-help-tip.is-mobile-bottom .np-help-tip-content,
    [dir="rtl"] .np-popover-hint.is-mobile-bottom .np-popover-hint-content,
    .rtl .np-tooltip.is-mobile-bottom .np-tooltip-content,
    .rtl .np-tooltip-wrap.is-mobile-bottom .np-tooltip-box,
    .rtl .np-hint.is-mobile-bottom .np-hint-content,
    .rtl .np-help-tip.is-mobile-bottom .np-help-tip-content,
    .rtl .np-popover-hint.is-mobile-bottom .np-popover-hint-content {
        transform: translateX(50%) translateY(-0.375rem) scale(0.98);
    }

    .np-tooltip.is-mobile-bottom .np-tooltip-content::after,
    .np-tooltip-wrap.is-mobile-bottom .np-tooltip-box::after,
    .np-hint.is-mobile-bottom .np-hint-content::after,
    .np-help-tip.is-mobile-bottom .np-help-tip-content::after,
    .np-popover-hint.is-mobile-bottom .np-popover-hint-content::after {
        inset-block-start: auto;
        inset-block-end: 100%;
        inset-inline-start: 50%;
        border-inline-end: 0;
        border-block-end: 0;
        border-inline-start: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
        border-block-start: var(--np-border-width, 1px) solid var(--np-tooltip-border-color, rgba(255, 255, 255, 0.1));
    }

    .np-tooltip.is-mobile-bottom:hover > .np-tooltip-content,
    .np-tooltip.is-mobile-bottom:focus-within > .np-tooltip-content,
    .np-tooltip.is-mobile-bottom.is-open > .np-tooltip-content,
    .np-tooltip.is-mobile-bottom.is-active > .np-tooltip-content,
    .np-tooltip-wrap.is-mobile-bottom:hover > .np-tooltip-box,
    .np-tooltip-wrap.is-mobile-bottom:focus-within > .np-tooltip-box,
    .np-tooltip-wrap.is-mobile-bottom.is-open > .np-tooltip-box,
    .np-tooltip-wrap.is-mobile-bottom.is-active > .np-tooltip-box,
    .np-hint.is-mobile-bottom:hover > .np-hint-content,
    .np-hint.is-mobile-bottom:focus-within > .np-hint-content,
    .np-hint.is-mobile-bottom.is-open > .np-hint-content,
    .np-hint.is-mobile-bottom.is-active > .np-hint-content,
    .np-help-tip.is-mobile-bottom:hover > .np-help-tip-content,
    .np-help-tip.is-mobile-bottom:focus-within > .np-help-tip-content,
    .np-help-tip.is-mobile-bottom.is-open > .np-help-tip-content,
    .np-help-tip.is-mobile-bottom.is-active > .np-help-tip-content,
    .np-popover-hint.is-mobile-bottom:hover > .np-popover-hint-content,
    .np-popover-hint.is-mobile-bottom:focus-within > .np-popover-hint-content,
    .np-popover-hint.is-mobile-bottom.is-open > .np-popover-hint-content,
    .np-popover-hint.is-mobile-bottom.is-active > .np-popover-hint-content {
        transform: translateX(-50%) translateY(0) scale(1);
    }

    [dir="rtl"] .np-tooltip.is-mobile-bottom:hover > .np-tooltip-content,
    [dir="rtl"] .np-tooltip.is-mobile-bottom:focus-within > .np-tooltip-content,
    [dir="rtl"] .np-tooltip.is-mobile-bottom.is-open > .np-tooltip-content,
    [dir="rtl"] .np-tooltip.is-mobile-bottom.is-active > .np-tooltip-content,
    [dir="rtl"] .np-tooltip-wrap.is-mobile-bottom:hover > .np-tooltip-box,
    [dir="rtl"] .np-tooltip-wrap.is-mobile-bottom:focus-within > .np-tooltip-box,
    [dir="rtl"] .np-tooltip-wrap.is-mobile-bottom.is-open > .np-tooltip-box,
    [dir="rtl"] .np-tooltip-wrap.is-mobile-bottom.is-active > .np-tooltip-box,
    [dir="rtl"] .np-hint.is-mobile-bottom:hover > .np-hint-content,
    [dir="rtl"] .np-hint.is-mobile-bottom:focus-within > .np-hint-content,
    [dir="rtl"] .np-hint.is-mobile-bottom.is-open > .np-hint-content,
    [dir="rtl"] .np-hint.is-mobile-bottom.is-active > .np-hint-content,
    [dir="rtl"] .np-help-tip.is-mobile-bottom:hover > .np-help-tip-content,
    [dir="rtl"] .np-help-tip.is-mobile-bottom:focus-within > .np-help-tip-content,
    [dir="rtl"] .np-help-tip.is-mobile-bottom.is-open > .np-help-tip-content,
    [dir="rtl"] .np-help-tip.is-mobile-bottom.is-active > .np-help-tip-content,
    [dir="rtl"] .np-popover-hint.is-mobile-bottom:hover > .np-popover-hint-content,
    [dir="rtl"] .np-popover-hint.is-mobile-bottom:focus-within > .np-popover-hint-content,
    [dir="rtl"] .np-popover-hint.is-mobile-bottom.is-open > .np-popover-hint-content,
    [dir="rtl"] .np-popover-hint.is-mobile-bottom.is-active > .np-popover-hint-content,
    .rtl .np-tooltip.is-mobile-bottom:hover > .np-tooltip-content,
    .rtl .np-tooltip.is-mobile-bottom:focus-within > .np-tooltip-content,
    .rtl .np-tooltip.is-mobile-bottom.is-open > .np-tooltip-content,
    .rtl .np-tooltip.is-mobile-bottom.is-active > .np-tooltip-content,
    .rtl .np-tooltip-wrap.is-mobile-bottom:hover > .np-tooltip-box,
    .rtl .np-tooltip-wrap.is-mobile-bottom:focus-within > .np-tooltip-box,
    .rtl .np-tooltip-wrap.is-mobile-bottom.is-open > .np-tooltip-box,
    .rtl .np-tooltip-wrap.is-mobile-bottom.is-active > .np-tooltip-box,
    .rtl .np-hint.is-mobile-bottom:hover > .np-hint-content,
    .rtl .np-hint.is-mobile-bottom:focus-within > .np-hint-content,
    .rtl .np-hint.is-mobile-bottom.is-open > .np-hint-content,
    .rtl .np-hint.is-mobile-bottom.is-active > .np-hint-content,
    .rtl .np-help-tip.is-mobile-bottom:hover > .np-help-tip-content,
    .rtl .np-help-tip.is-mobile-bottom:focus-within > .np-help-tip-content,
    .rtl .np-help-tip.is-mobile-bottom.is-open > .np-help-tip-content,
    .rtl .np-help-tip.is-mobile-bottom.is-active > .np-help-tip-content,
    .rtl .np-popover-hint.is-mobile-bottom:hover > .np-popover-hint-content,
    .rtl .np-popover-hint.is-mobile-bottom:focus-within > .np-popover-hint-content,
    .rtl .np-popover-hint.is-mobile-bottom.is-open > .np-popover-hint-content,
    .rtl .np-popover-hint.is-mobile-bottom.is-active > .np-popover-hint-content {
        transform: translateX(50%) translateY(0) scale(1);
    }

    .np-tooltip.is-touch-visible .np-tooltip-content,
    .np-tooltip-wrap.is-touch-visible .np-tooltip-box,
    .np-hint.is-touch-visible .np-hint-content,
    .np-help-tip.is-touch-visible .np-help-tip-content,
    .np-popover-hint.is-touch-visible .np-popover-hint-content {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

@media (max-width: 480px) {
    .np-tooltip-content,
    .np-tooltip-box,
    .np-hint-content,
    .np-help-tip-content,
    .np-popover-hint-content {
        max-width: min(var(--np-tooltip-max-width-small, 240px), calc(100vw - 1rem));
        padding-block: var(--np-tooltip-padding-y-small, 0.5rem);
        padding-inline: var(--np-tooltip-padding-x-small, 0.75rem);
        border-radius: var(--np-tooltip-radius-small, 0.75rem);
    }

    .np-tooltip-icon,
    .np-hint-icon,
    .np-help-tip-icon,
    .np-popover-hint-icon,
    .np-inline-help-icon {
        width: var(--np-tooltip-icon-size-small, 1.125rem);
        min-width: var(--np-tooltip-icon-size-small, 1.125rem);
        height: var(--np-tooltip-icon-size-small, 1.125rem);
        font-size: var(--np-font-size-2xs, 0.6875rem);
    }

    .np-inline-help {
        font-size: var(--np-font-size-xs, 0.75rem);
    }

    .woocommerce-help-tip,
    .woocommerce .woocommerce-help-tip,
    .woocommerce-page .woocommerce-help-tip {
        width: var(--np-tooltip-icon-size-small, 1.125rem);
        min-width: var(--np-tooltip-icon-size-small, 1.125rem);
        height: var(--np-tooltip-icon-size-small, 1.125rem);
    }
}

@media (hover: none) {
    .np-tooltip:not(.is-touch-enabled):hover > .np-tooltip-content,
    .np-tooltip-wrap:not(.is-touch-enabled):hover > .np-tooltip-box,
    .np-hint:not(.is-touch-enabled):hover > .np-hint-content,
    .np-help-tip:not(.is-touch-enabled):hover > .np-help-tip-content,
    .np-popover-hint:not(.is-touch-enabled):hover > .np-popover-hint-content {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .np-tooltip-content,
    .np-tooltip-box,
    .np-hint-content,
    .np-help-tip-content,
    .np-popover-hint-content,
    .np-tooltip-trigger,
    .np-hint-trigger,
    .np-help-tip-trigger,
    .np-popover-hint-trigger,
    .np-copy-tooltip::after,
    .woocommerce-help-tip::after,
    .dokan-tooltips[data-title]::after,
    .dokan-tooltip[data-title]::after {
        transition: none !important;
    }

    .np-tooltip-content,
    .np-tooltip-box,
    .np-hint-content,
    .np-help-tip-content,
    .np-popover-hint-content,
    .np-copy-tooltip::after,
    .woocommerce-help-tip::after,
    .dokan-tooltips[data-title]::after,
    .dokan-tooltip[data-title]::after {
        transform: none !important;
    }
}

@media print {
    .np-tooltip-content,
    .np-tooltip-box,
    .np-hint-content,
    .np-help-tip-content,
    .np-popover-hint-content,
    .np-tooltip[data-tooltip]::before,
    .np-tooltip[data-tooltip]::after,
    .np-hint[data-tooltip]::before,
    .np-hint[data-tooltip]::after,
    .np-help-tip[data-tooltip]::before,
    .np-help-tip[data-tooltip]::after,
    .np-copy-tooltip::after,
    .woocommerce-help-tip::after,
    .dokan-tooltips[data-title]::after,
    .dokan-tooltip[data-title]::after {
        display: none !important;
    }

    .np-tooltip-icon,
    .np-hint-icon,
    .np-help-tip-icon,
    .np-popover-hint-icon,
    .np-inline-help-icon,
    .woocommerce-help-tip {
        background: transparent !important;
        border: 1px solid #000000 !important;
        color: #000000 !important;
    }
}