.error-tooltip .tooltip-inner {
    background-color: var(--phoenix-danger-bg-subtle);
    color: var(--phoenix-danger-text-emphasis);
    border: 1px solid var(--phoenix-danger-border-subtle);
    width: max-content;
    max-width: min(90vw, 480px);
    text-align: left;
}
.error-tooltip.bs-tooltip-start .tooltip-arrow::before,
.error-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--phoenix-danger-border-subtle);
}
.error-tooltip.bs-tooltip-end .tooltip-arrow::before,
.error-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--phoenix-danger-border-subtle);
}
.error-tooltip.bs-tooltip-top .tooltip-arrow::before,
.error-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--phoenix-danger-border-subtle);
}
.error-tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.error-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--phoenix-danger-border-subtle);
}