html{--tooltip-background-color:var(--color-grey-100);--tooltip-padding:var(--spacing-small);--tooltip-margin:var(--spacing-medium);--tooltip-border-radius:var(--border-radius-half);--tooltip-pointer-offset:.438rem;--tooltip-pointer-top:.625rem .625rem 0 .625rem;--tooltip-pointer-bottom:0 .625rem .625rem .625rem;--tooltip-pointer-left:.625rem 0 .625rem .625rem;--tooltip-pointer-right:.625rem .625rem .625rem 0;--tooltip-pointer-top-color:var(--tooltip-background-color) transparent transparent transparent;--tooltip-pointer-bottom-color:transparent transparent var(--tooltip-background-color) transparent;--tooltip-pointer-left-color:transparent transparent transparent var(--tooltip-background-color);--tooltip-pointer-right-color:transparent var(--tooltip-background-color) transparent transparent}.tooltip-wrapper{display:inline-block;position:relative}.tooltip{background-color:var(--tooltip-background-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);position:absolute;visibility:hidden;white-space:nowrap}.tooltip-wrapper:focus .tooltip,.tooltip-wrapper:hover .tooltip{visibility:visible}.tooltip:after{border-style:solid;content:"";position:absolute}.tooltip--top-left{bottom:100%;left:0;margin-bottom:var(--tooltip-margin);transform:translate(0)}.tooltip--top-left:after{border-color:var(--tooltip-pointer-top-color);border-width:var(--tooltip-pointer-top);bottom:calc(var(--tooltip-pointer-offset)*-1);left:var(--tooltip-pointer-offset)}.tooltip--top-center{bottom:100%;left:50%;margin-bottom:var(--tooltip-margin);transform:translate(-50%)}.tooltip--top-center:after{border-color:var(--tooltip-pointer-top-color);border-width:var(--tooltip-pointer-top);bottom:calc(var(--tooltip-pointer-offset)*-1);left:50%;transform:translate(-50%)}.tooltip--top-right{bottom:100%;margin-bottom:var(--tooltip-margin);right:0;transform:translate(0)}.tooltip--top-right:after{border-color:var(--tooltip-pointer-top-color);border-width:var(--tooltip-pointer-top);bottom:calc(var(--tooltip-pointer-offset)*-1);right:var(--tooltip-pointer-offset)}.tooltip--bottom-left{left:0;margin-top:var(--tooltip-margin);top:100%;transform:translate(0)}.tooltip--bottom-left:after{border-color:var(--tooltip-pointer-bottom-color);border-width:var(--tooltip-pointer-bottom);left:var(--tooltip-pointer-offset);top:calc(var(--tooltip-pointer-offset)*-1)}.tooltip--bottom-center{left:50%;margin-top:var(--tooltip-margin);top:100%;transform:translate(-50%)}.tooltip--bottom-center:after{border-color:var(--tooltip-pointer-bottom-color);border-width:var(--tooltip-pointer-bottom);left:50%;top:calc(var(--tooltip-pointer-offset)*-1);transform:translate(-50%)}.tooltip--bottom-right{margin-top:var(--tooltip-margin);right:0;top:100%;transform:translate(0)}.tooltip--bottom-right:after{border-color:var(--tooltip-pointer-bottom-color);border-width:var(--tooltip-pointer-bottom);right:var(--tooltip-pointer-offset);top:calc(var(--tooltip-pointer-offset)*-1)}.tooltip--left-center{margin-right:var(--tooltip-margin);right:100%;top:50%;transform:translateY(-50%)}.tooltip--left-center:after{border-color:var(--tooltip-pointer-left-color);border-width:var(--tooltip-pointer-left);right:calc(var(--tooltip-pointer-offset)*-1);top:50%;transform:translateY(-50%)}.tooltip--right-center{left:100%;margin-left:var(--tooltip-margin);top:50%;transform:translateY(-50%)}.tooltip--right-center:after{border-color:var(--tooltip-pointer-right-color);border-width:var(--tooltip-pointer-right);left:calc(var(--tooltip-pointer-offset)*-1);top:50%;transform:translateY(-50%)}