.Tooltip-Wrapper{display:inline-block;position:relative}.Tooltip-Tip{position:absolute;border-radius:4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:6px;color:#fff;background:#000;font-size:14px;font-family:proxima-nova;line-height:1;z-index:100;white-space:nowrap}.Tooltip-Tip:before{content:" ";left:50%;height:0;width:0;position:absolute;pointer-events:none;border:6px solid transparent;margin-left:-6px}.Tooltip-Tip.top{top:-50px;left:-22px}.Tooltip-Tip.top:before{top:100%;border-top-color:#000}.Tooltip-Tip.right{left:calc(100% + 30px)}.Tooltip-Tip.right,.Tooltip-Tip.right:before{top:50%;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}.Tooltip-Tip.right:before{left:-6px;border-right-color:#000}.Tooltip-Tip.bottom{bottom:-30px}.Tooltip-Tip.bottom:before{bottom:100%;border-bottom-color:#000}.Tooltip-Tip.left{right:calc(100% + 30px)}.Tooltip-Tip.left,.Tooltip-Tip.left:before{left:auto;top:50%;-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}.Tooltip-Tip.left:before{right:-12px;border-left-color:#000}.referral-share-modal__inner{width:100%;max-width:480px;background:transparent}.referral-share-modal__panel button.close{position:absolute;top:10px;right:10px;z-index:2;float:none;font-size:30px;font-weight:300;line-height:1;color:#000;opacity:1;text-shadow:none;background:transparent;border:none;padding:0;margin:0;cursor:pointer;outline:0;font-family:proxima-nova,Helvetica,Arial}@media(min-width:768px){.referral-share-modal__panel button.close{font-size:40px}}.referral-share-modal__panel button.close:focus,.referral-share-modal__panel button.close:hover{color:#4c4c4c;opacity:1}