.tooltip{background:#fff;padding:2.5rem;border-radius:.5rem;box-shadow:0 0 .8rem 0 rgba(0,0,0,.35);width:30rem;max-width:calc(100vw - 2rem);font-weight:400;text-align:left;z-index:100;font-size:1.2rem}.tooltip>div>p:last-child{margin-bottom:0}@media (min-width:85rem){.tooltip{width:30rem;max-width:calc(100vw - 10rem);font-size:1.4rem}}.tooltip__tail{display:block}.tooltip__tail:after,.tooltip__tail:before{border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tooltip__tail:before{border-color:transparent;border-width:.8rem}.tooltip__tail:after{border-color:transparent;border-width:.85rem;z-index:-1}.tooltip--top .tooltip__tail:before{top:100%;left:50%;border-top-color:#fff;margin-left:-.8rem}.tooltip--top .tooltip__tail:after{top:100%;left:50%;border-top-color:rgba(0,0,0,.35);margin-left:-.85rem}.tooltip--bottom .tooltip__tail:before{bottom:100%;left:50%;border-bottom-color:#fff;margin-left:-.8rem}.tooltip--bottom .tooltip__tail:after{bottom:100%;left:50%;border-bottom-color:rgba(0,0,0,.35);margin-left:-.85rem}.tooltip--left .tooltip__tail:before{left:100%;top:50%;border-left-color:#fff;margin-top:-.8rem}.tooltip--left .tooltip__tail:after{left:100%;top:50%;border-left-color:rgba(0,0,0,.35);margin-top:-.85rem}.tooltip--right .tooltip__tail:before{right:100%;top:50%;border-right-color:#fff;margin-top:-.8rem}.tooltip--right .tooltip__tail:after{right:100%;top:50%;border-right-color:rgba(0,0,0,.35);margin-top:-.85rem}.tooltip__close{width:2rem;height:2rem;line-height:2rem;position:absolute;z-index:2;top:.75rem;right:.75rem;text-align:center;font-size:2rem;color:#888}.tooltip__close:focus,.tooltip__close:hover{color:#333}.tooltip__placeholder{display:block}.tooltip__error{text-align:center;color:red;padding:4rem 0}