.ds-tooltip{--tooltip-z-index:100;display:inline-block}.ds-tooltip__target{all:unset;border-radius:999px;color:var(--ds-color-fg-default);cursor:pointer;display:inline-block;font-size:0;outline-offset:-2px;--focus-outline-color:var(--ds-color-focus-default)}.ds-tooltip__target:focus{outline:none}.ds-tooltip__target:focus-visible{outline:4px solid var(--focus-outline-color);outline-offset:2px}.ds-tooltip__target-wrapper>:is(a,button,input,select,textarea){--focus-outline-color:var(--ds-color-focus-default)}.ds-tooltip__target-wrapper>:is(a,button,input,select,textarea):focus{outline:none}.ds-tooltip__target-wrapper>:is(a,button,input,select,textarea):focus-visible{outline:4px solid var(--focus-outline-color);outline-offset:2px}.ds-tooltip__tooltip{background-color:var(--ds-color-bg-inverse);border-radius:4px;color:var(--ds-color-fg-inverse);display:none;max-inline-size:280px;padding-block:var(--ds-space-5);padding-inline:var(--ds-space-6);z-index:var(--tooltip-z-index)}.ds-tooltip[data-show=true] .ds-tooltip__tooltip{display:block}.ds-tooltip__title{font-weight:var(--ds-text-fw-medium);margin-block:0 var(--ds-space-2);margin-inline:0}.ds-tooltip__content,.ds-tooltip__title{font-family:var(--ds-text-ff-heading);font-size:.875rem;line-height:1.4}.ds-tooltip__content{font-weight:var(--ds-text-fw-regular);min-block-size:18px;min-inline-size:10px}.ds-tooltip__link{color:var(--ds-color-fg-inverse-link);display:inline-block;margin-block-start:var(--ds-space-6)}.ds-tooltip__arrow,.ds-tooltip__arrow:before{background:inherit;block-size:10px;border-radius:2px;inline-size:10px;position:absolute}.ds-tooltip__arrow{visibility:hidden}.ds-tooltip__arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ds-tooltip__tooltip[data-popper-placement^=top] .ds-tooltip__arrow{inset-block-end:-4px}.ds-tooltip__tooltip[data-popper-placement^=bottom] .ds-tooltip__arrow{inset-block-start:-4px}.ds-tooltip__tooltip[data-popper-placement^=left] .ds-tooltip__arrow{inset-inline-end:-4px}.ds-tooltip__tooltip[data-popper-placement^=right] .ds-tooltip__arrow{inset-inline-start:-4px}[dir=rtl] .ds-tooltip__tooltip[data-popper-placement^=left] .ds-tooltip__arrow{inset-inline-end:auto;inset-inline-start:-4px}[dir=rtl] .ds-tooltip__tooltip[data-popper-placement^=right] .ds-tooltip__arrow{inset-inline-end:-4px;inset-inline-start:auto}