.tooltip{display:inline-block;vertical-align:middle}.tooltip--absolute{position:absolute}.tooltip__activator{cursor:pointer;vertical-align:middle}.tooltip__body{position:absolute;z-index:2;color:var(--color-text-alt);visibility:hidden;opacity:0;transition:all .5s ease}.tooltip__body:after,.tooltip__body:before{content:"";position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);display:block;width:.5rem;height:.5rem;background:var(--color-layer-alt-2)}.tooltip__body:before{z-index:-1}.tooltip--hover:hover .tooltip__body,.tooltip--show .tooltip__body{visibility:visible;opacity:1}.tooltip__content{position:relative;right:0;box-sizing:border-box;width:100%;padding:.5rem;border-radius:8px;background-color:var(--color-layer-alt-2);font-size:.875rem;font-weight:700;line-height:170%}@media(min-width:320px){.tooltip__content{font-size:.875rem;line-height:170%}}.tooltip--position-top .tooltip__body{top:0;left:50%;-webkit-transform:translate3d(-50%,calc(-100% - .5rem),0);transform:translate3d(-50%,calc(-100% - .5rem),0)}.tooltip--position-top .tooltip__body:after,.tooltip--position-top .tooltip__body:before{bottom:-.25rem;left:calc(50% - .25rem)}.tooltip--position-top-left .tooltip__body{top:0;right:50%;-webkit-transform:translate3d(10%,calc(-100% - .5rem),0);transform:translate3d(10%,calc(-100% - .5rem),0)}.tooltip--position-top-left .tooltip__body:after,.tooltip--position-top-left .tooltip__body:before{bottom:-.25rem;left:calc(90% - .25rem)}.tooltip--position-top-right .tooltip__body{top:0;left:0;-webkit-transform:translate3d(-5%,-3rem,0);transform:translate3d(-5%,-3rem,0)}.tooltip--position-top-right .tooltip__body:after,.tooltip--position-top-right .tooltip__body:before{right:calc(90% - .25rem);bottom:-.25rem}.tooltip--position-bottom .tooltip__body{bottom:0;left:50%;-webkit-transform:translate3d(-50%,calc(100% + .5rem),0);transform:translate3d(-50%,calc(100% + .5rem),0)}.tooltip--position-bottom .tooltip__body:after,.tooltip--position-bottom .tooltip__body:before{top:-.25rem;left:calc(50% - .25rem)}.tooltip--position-bottom-left .tooltip__body{bottom:0;left:50%;-webkit-transform:translate3d(calc(-50% - 4.75rem),calc(100% + .5rem),0);transform:translate3d(calc(-50% - 4.75rem),calc(100% + .5rem),0)}.tooltip--position-bottom-left .tooltip__body:after,.tooltip--position-bottom-left .tooltip__body:before{top:-.25rem;right:.5rem}.tooltip--position-left .tooltip__body{top:50%;left:0;-webkit-transform:translate3d(calc(-100% - .5rem),-50%,0);transform:translate3d(calc(-100% - .5rem),-50%,0)}.tooltip--position-left .tooltip__body:after,.tooltip--position-left .tooltip__body:before{top:calc(50% - .25rem);right:-.25rem}.tooltip--position-right .tooltip__body{top:50%;right:0;-webkit-transform:translate3d(calc(100% + .5rem),-50%,0);transform:translate3d(calc(100% + .5rem),-50%,0)}.tooltip--position-right .tooltip__body:after,.tooltip--position-right .tooltip__body:before{top:calc(50% - .25rem);left:-.25rem}