{"version":3,"file":"Tooltip.module.cjs","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":["/*\nCopyright 2023, 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n.tooltip {\n  font: var(--cpd-font-body-xs-medium);\n  padding: var(--cpd-space-1-5x) var(--cpd-space-3x);\n  background: var(--cpd-color-alpha-gray-1400);\n  color: var(--cpd-color-text-on-solid-primary);\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  cursor: pointer;\n}\n\n.tooltip.invisible {\n  /* Hide the tooltip in a way that allows it to act as an accessible label,\n  even when invisible */\n  clip-path: inset(50%);\n  pointer-events: none;\n}\n\n.caption {\n  font-weight: var(--cpd-font-weight-regular);\n  color: var(--cpd-color-text-secondary);\n}\n\n.arrow {\n  /* same color as the tooltip background */\n  fill: var(--cpd-color-alpha-gray-1400);\n}\n\n@media (forced-colors: active) {\n  .tooltip:not(.invisible) {\n    outline: 1px solid transparent;\n  }\n}\n"],"mappings":""}