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