@layer tooltip-base{.tooltip-component{position:relative}.tooltip-component .overlay-tooltip{position:fixed;z-index:100;background:transparent;left:0;right:0;bottom:0;top:0}.tooltip-component .tooltip{position:absolute;width:300px;padding:10px;background:#f4f4f4;border:1px solid #e5e5e5;color:#141414;top:-30px;z-index:101;box-shadow:-1px 0 14px #0000001f;opacity:0}.tooltip-component .tooltip.visible{opacity:1}.tooltip-component .content{cursor:pointer}.tooltip-component .message{font-size:12px;line-height:15px;font-family:Circular-Pro-Book,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.tooltip-component .arrow-right{position:absolute;right:-10px;top:50%;margin-top:-13px}.tooltip-component .arrow-right .arrow{position:relative}.tooltip-component .arrow-right .arrow:before{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #e5e5e5;position:absolute;display:block;top:0;right:0;margin-right:-1px}.tooltip-component .arrow-right .arrow:after{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #f4f4f4;position:absolute;z-index:2;display:block;top:0;right:0}.tooltip-component .arrow-left{position:absolute;left:0;top:50%;margin-top:-8px}.tooltip-component .arrow-left .arrow{position:relative}.tooltip-component .arrow-left .arrow:before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #e5e5e5;position:absolute;display:block;top:0;right:0;margin-right:1px}.tooltip-component .arrow-left .arrow:after{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #f4f4f4;position:absolute;z-index:2;display:block;top:0;right:0}}