.hint--below .hint-tip,.hint--below .hint-content{z-index:40;top:50%;bottom:auto;left:calc(100% + .7rem);transform:translateY(-50%)translate(-.15rem)}.hint--below .hint-tip:before,.hint--below .hint-content:before{width:1px;height:0;transition:height .35s .12s;top:.65rem;left:0}.hint--below:hover .hint-tip:before,.hint--below:hover .hint-content:before,.hint--below:focus-within .hint-tip:before,.hint--below:focus-within .hint-content:before{width:1px;height:calc(100% - 1.3rem)}.hint--below .hint-tip:after,.hint--below .hint-content:after{border-bottom:0;border-left:0;border-right:1px solid color-mix(in srgb, var(--hint-marina) 80%, #fff);border-top:1px solid color-mix(in srgb, var(--hint-marina) 80%, #fff);top:50%;bottom:auto;left:-.28rem;transform:translateY(-50%)rotate(-45deg)}.hint--below:hover .hint-tip,.hint--below:hover .hint-content,.hint--below:focus-within .hint-tip,.hint--below:focus-within .hint-content{transform:translateY(-50%)translate(0)}