.ds-tooltip{background-color:#383351;border-radius:4px;color:#fff;font-size:.875rem;padding:.5rem .75rem;transition:opacity .25s ease-in,visibility .25s;opacity:0;visibility:hidden;width:-moz-max-content;width:max-content;pointer-events:none}.ds-tooltip.is-visible{opacity:1;visibility:visible}.ds-tooltip:before{border-style:solid;border-width:10px;border-color:transparent #383351 transparent transparent;content:"";position:absolute;left:-20px;top:calc(50% - 10px)}.ds-tooltip p{margin-bottom:.75rem}.ds-tooltip p:last-child{margin-bottom:0}.c-popup--x-before .ds-tooltip:before{right:1px;transform:rotate(180deg) translate(-100%)}.c-popup--y-before .ds-tooltip:before{top:100%;left:50%;transform:rotate(-90deg) translateY(-50%)}.c-popup--y-after .ds-tooltip:before{top:0;left:50%;transform:rotate(90deg) translate(-100%) translateY(50%)}