.popover {position: absolute;top: 0;left: 0;z-index: 1060;display: block;max-width: 276px;font-family: "Inter", sans-serif;font-style: normal;font-weight: 400;line-height: 1.7;text-align: left;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;white-space: normal;line-break: auto;font-size: 0.875rem;word-wrap: break-word;background-color: var(--popover-bg);background-clip: padding-box;border: 1px solid var(--popover-border-color);border-radius: 0; } .popover .arrow {position: absolute;display: block;width: 1rem;height: 0.5rem;margin: 0 0; } .popover .arrow::before, .popover .arrow::after {position: absolute;display: block;content: "";border-color: transparent;border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] {margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {bottom: 0;border-width: 0.5rem 0.5rem 0;border-top-color: var(--popover-arrow-outer-color); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {bottom: 1px;border-width: 0.5rem 0.5rem 0;border-top-color: var(--popover-arrow-color); } .bs-popover-right, .bs-popover-auto[x-placement^=right] {margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {left: calc((0.5rem + 1px) * -1);width: 0.5rem;height: 1rem;margin: 0 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {left: 0;border-width: 0.5rem 0.5rem 0.5rem 0;border-right-color: var(--popover-arrow-outer-color); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {left: 1px;border-width: 0.5rem 0.5rem 0.5rem 0;border-right-color: var(--popover-arrow-color); } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {top: 0;border-width: 0 0.5rem 0.5rem 0.5rem;border-bottom-color: var(--popover-arrow-outer-color); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {top: 1px;border-width: 0 0.5rem 0.5rem 0.5rem;border-bottom-color: var(--popover-arrow-color); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {position: absolute;top: 0;left: 50%;display: block;width: 1rem;margin-left: -0.5rem;content: "";border-bottom: 1px solid var(--popover-header-bg); } .bs-popover-left, .bs-popover-auto[x-placement^=left] {margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {right: calc((0.5rem + 1px) * -1);width: 0.5rem;height: 1rem;margin: 0 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {right: 0;border-width: 0.5rem 0 0.5rem 0.5rem;border-left-color: var(--popover-arrow-outer-color); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {right: 1px;border-width: 0.5rem 0 0.5rem 0.5rem;border-left-color: var(--popover-arrow-color); } .popover-header {padding: 0.5rem 0.75rem;margin-bottom: 0;font-size: 1rem;color: var(--popover-header-color);background-color: var(--popover-header-bg);border-top-left-radius: calc(0 - 1px);border-top-right-radius: calc(0 - 1px); } .popover-header:empty {display: none; } .popover-body {padding: 0.5rem 0.75rem;color: var(--popover-body-color); }