[data-popover]{cursor:help;margin:-10px!important;padding:10px!important;position:relative}[data-popover]:after,[data-popover]:before{background-color:var(--gray_light);cursor:default;display:none;position:absolute}[data-popover]:before{border-radius:3px;box-shadow:var(--box-shadow_small);content:attr(data-popover);font-size:var(--small-font-size);padding:10px;white-space:nowrap}[data-popover]:after{content:"";height:10px;transform:rotate(45deg);width:10px}[data-popover]:hover:after,[data-popover]:hover:before{display:block}[data-popover-direction=auto]:after,[data-popover-direction=auto]:before,[data-popover-direction=up]:after,[data-popover-direction=up]:before{left:50%}[data-popover-direction=auto]:before,[data-popover-direction=up]:before{bottom:100%;transform:translateX(-50%)}[data-popover-direction=auto]:after,[data-popover-direction=up]:after{bottom:calc(100% - 5px);margin-left:-5px}[data-popover-direction=down]:after,[data-popover-direction=down]:before{left:50%}[data-popover-direction=down]:before{top:100%;transform:translateX(-50%)}[data-popover-direction=down]:after{margin-left:-5px;top:calc(100% - 5px)}[data-popover-direction=left]:after,[data-popover-direction=left]:before{top:50%}[data-popover-direction=left]:before{right:100%;transform:translateY(-50%)}[data-popover-direction=left]:after{margin-top:-5px;right:calc(100% - 5px)}[data-popover-direction=right]:after,[data-popover-direction=right]:before{top:50%}[data-popover-direction=right]:before{left:100%;transform:translateY(-50%)}[data-popover-direction=right]:after{left:calc(100% - 5px);margin-top:-5px}