.tooltip{align-items:center;display:inline-flex;position:relative}.tooltip__icon{color:inherit;cursor:pointer}.tooltip__text{border-radius:4px;box-shadow:var(--shadow-2);line-height:1.4;max-width:300px;opacity:0;padding:var(--size-00) var(--size-0);pointer-events:none;position:absolute;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;visibility:hidden;width:300px;z-index:10}.tooltip:focus-within .tooltip__text,.tooltip:hover .tooltip__text{opacity:1;pointer-events:auto;visibility:visible}.tooltip[data-color-scheme=dark] .tooltip__text{background-color:var(--dark);color:var(--white)}.tooltip[data-color-scheme=light] .tooltip__text{background-color:var(--white);color:var(--dark)}.tooltip.bottom .tooltip__text{left:50%;top:calc(100% + 8px);transform:translate(-50%,4px)}.tooltip.bottom:focus-within .tooltip__text,.tooltip.bottom:hover .tooltip__text{transform:translate(-50%)}.tooltip.top .tooltip__text{bottom:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.tooltip.top:focus-within .tooltip__text,.tooltip.top:hover .tooltip__text{transform:translate(-50%)}.tooltip.top-right .tooltip__text{bottom:calc(100% + 8px);left:auto;right:0;transform:translateY(-4px)}.tooltip.top-right:focus-within .tooltip__text,.tooltip.top-right:hover .tooltip__text{transform:translateY(0)}.tooltip.top-left .tooltip__text{bottom:calc(100% + 8px);left:0;transform:translateY(-4px)}.tooltip.top-left:focus-within .tooltip__text,.tooltip.top-left:hover .tooltip__text{transform:translateY(0)}.tooltip.right .tooltip__text{left:calc(100% + 8px);top:50%;transform:translate(4px,-50%)}.tooltip.right:focus-within .tooltip__text,.tooltip.right:hover .tooltip__text{transform:translateY(-50%)}.tooltip.left .tooltip__text{right:calc(100% + 8px);top:50%;transform:translate(-4px,-50%)}.tooltip.left:focus-within .tooltip__text,.tooltip.left:hover .tooltip__text{transform:translateY(-50%)}