.ab-tooltip,:host{position:relative;display:inline-block;width:inherit}.ab-tooltip__inner{position:absolute;display:block;background:var(--ab-color-ui-800);box-shadow:var(--ab-depth-200);padding:var(--ab-spacing-100) var(--ab-spacing-200);visibility:hidden;opacity:0;font-weight:500;font-size:var(--ab-paragraph-400);color:var(--ab-color-white);min-width:var(--ab-tooltip-min-width,150px);width:var(--ab-tooltip-width,inherit);text-align:center;transition:all .2s ease;border-radius:var(--ab-border-radius-200);z-index:300}.ab-tooltip>.ab-tooltip__inner:before{position:absolute;content:"";border:5px solid transparent;width:0;height:0;margin:0 auto}.ab-tooltip--show>.ab-tooltip__inner{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.ab-tooltip--hoverable:hover>.ab-tooltip__inner{visibility:visible;opacity:1}.ab-tooltip--top>.ab-tooltip__inner{bottom:calc(100% + var(--ab-spacing-300));left:var(--ab-tooltip-left,50%);-webkit-transform:var(--ab-tooltip-transform,translateX(-50%));transform:var(--ab-tooltip-transform,translateX(-50%))}.ab-tooltip--top>.ab-tooltip__inner:before{border-top-color:var(--ab-color-ui-800);bottom:var(--ab-tooltip-triangle-bottom,-10px);left:var(--ab-tooltip-triangle-left,50%);-webkit-transform:var(--ab-tooltip-triangle-transform,translateX(-50%));transform:var(--ab-tooltip-triangle-transform,translateX(-50%))}.ab-tooltip--bottom>.ab-tooltip__inner{top:calc(100% + var(--ab-spacing-300));left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ab-tooltip--bottom>.ab-tooltip__inner:before{border-bottom-color:var(--ab-color-ui-800);top:var(--ab-tooltip-triangle-top,-10px);left:var(--ab-tooltip-triangle-left,50%);-webkit-transform:var(--ab-tooltip-triangle-transform,translateX(-50%));transform:var(--ab-tooltip-triangle-transform,translateX(-50%))}.ab-tooltip--left>.ab-tooltip__inner{right:calc(100% + 10px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ab-tooltip--left>.ab-tooltip__inner:before{border-left-color:var(--ab-color-ui-800);top:var(--ab-tooltip-triangle-top,50%);right:var(--ab-tooltip-triangle-right,-10px);-webkit-transform:var(--ab-tooltip-triangle-transform,translateY(-50%));transform:var(--ab-tooltip-triangle-transform,translateY(-50%))}.ab-tooltip--right>.ab-tooltip__inner{left:calc(100% + 10px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ab-tooltip--right>.ab-tooltip__inner:before{border-right-color:var(--ab-color-ui-800);top:var(--ab-tooltip-triangle-top,50%);left:var(--ab-tooltip-triangle-left,-10px);-webkit-transform:var(--ab-tooltip-triangle-transform,translateY(-50%));transform:var(--ab-tooltip-triangle-transform,translateY(-50%))}