.tooltip--active{position:relative;z-index:450}.tooltip--hover{position:relative}.tooltip--hover .tooltip__flyout{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.tooltip--hover:hover,.tooltip--hover:focus-within{z-index:450}.tooltip--hover:hover .tooltip__flyout,.tooltip--hover:focus-within .tooltip__flyout{opacity:1;visibility:visible}.tooltip--left .tooltip__flyout{left:-10px;transform:translateY(calc(-100% - 12px))}.tooltip--left .tooltip__flyout:before{left:23px}.tooltip--right .tooltip__flyout{left:auto;right:-20px;transform:translateY(calc(-100% - 12px))}.tooltip--right .tooltip__flyout:before{left:auto;right:23px}.tooltip--top .tooltip__flyout{left:50%;transform:translate(-50%,calc(-100% - 12px))}.tooltip--top .tooltip__flyout:before{left:50%;margin-left:-6px}.tooltip--top-start .tooltip__flyout{left:0;transform:translateY(calc(-100% - 12px))}.tooltip--top-start .tooltip__flyout:before{left:23px;margin-left:0}.tooltip--right-side .tooltip__flyout{top:-15px;left:calc(100% + 10px);transform:translate(0)}.tooltip--right-side .tooltip__flyout:before{left:-6px;top:17px;border:solid 6px transparent;border-right-color:#101828}.tooltip--width-220 .tooltip__flyout{width:220px;padding:8px}.tooltip--multi-line{text-wrap:wrap}.tooltip__flyout{position:absolute;left:50%;background:#101828;border-radius:6px;padding:10px 14px;width:190px;font:500 12px/18px var(--font-family);transform:translate(-50%,calc(-100% - 12px));box-shadow:0 12px 16px -4px #10182833}.tooltip__flyout:before{content:"";position:absolute;display:block;top:100%;left:50%;margin-left:-6px;border:solid 6px transparent;border-top-color:#101828}.tooltip__trigger{cursor:pointer}.tooltip__title{color:#fff;font-weight:600;margin-bottom:3px}.tooltip__text{color:#d0d5dd}.tooltip__close{background:none;float:right;padding:10px;margin:-10px -14px 0 0;color:#d0d5dd;font:0/0 a;cursor:pointer}.tooltip__close:hover{color:#fff}