.cs-tooltip__message{background-color:color-mix(in srgb, var(--color-palette-black-coffee) 90%, transparent);color:var(--color-palette-white);text-align:center;padding:calc(var(--space-sm) / var(--base-font-size) * 1rem);border-radius:calc(var(--border-radius-sm) / var(--base-font-size) * 1rem);transition:opacity .3s ease,visibility 0.3s linear;bottom:calc(100% + calc(var(--space-xs) / var(--base-font-size) * 1rem));left:50%;transform:translateX(-50%)}.cs-tooltip__message a,.cs-tooltip__message .cs-link{color:var(--color-palette-white)}.cs-tooltip__message:not(.cs-tooltip__message--bottom)::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:calc(var(--space-xs) / var(--base-font-size) * 1rem);border-style:solid;border-color:color-mix(in srgb, var(--color-palette-black-coffee) 90%, transparent) transparent transparent transparent}.cs-tooltip__message--bottom{bottom:unset;top:calc(100% + calc(var(--space-xs) / var(--base-font-size) * 1rem))}.cs-tooltip__message--bottom::after{content:"";position:absolute;top:-1rem;left:50%;transform:translateX(-50%);border-width:calc(var(--space-xs) / var(--base-font-size) * 1rem);border-style:solid;border-color:transparent transparent color-mix(in srgb, var(--color-palette-black-coffee) 90%, transparent) transparent}@media (max-width: 767.98px){.cs-tooltip__message{width:90vw !important;left:5vw !important;top:auto !important;right:auto !important;bottom:auto !important;transform:translateY(calc(-100% - calc(var(--space-md) / var(--base-font-size) * 1rem) * 2)) !important;max-width:none;min-width:auto}.cs-tooltip__message::after{display:none}}@media not all and (pointer: coarse){.cs-tooltip:hover .cs-tooltip__message{opacity:1;visibility:visible}}.tab-user .cs-tooltip__trigger:focus-visible+.cs-tooltip__message{opacity:1;visibility:visible}@media (pointer: coarse) and (hover: none){.cs-tooltip__trigger:focus+.cs-tooltip__message{opacity:1;visibility:visible}}