.articleBox{vertical-align:top;z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid gray;border-color:#fff3 gray gray #fff3;border-radius:6px;width:94%;margin:0 10px 10px 0;padding:0 10px;display:inline-block;position:relative;overflow:hidden;box-shadow:5px 5px 30px #0003}.articleBox:hover{background:#ffffff0d;transition:all}.articleBox:nth-child(3n){margin-right:0}.articleBox h2{height:50px;font-size:16px;overflow:hidden}.articleBox p{height:140px;overflow:hidden}.articleBox a{padding:5px;display:inline-block}.articleBox span{float:right;padding:5px}@media (max-width:576px){.articleBox{width:98%}}
.tooltip-wrapper{display:inline-block;position:relative}.tooltip-box{color:#fff;z-index:1000;opacity:0;pointer-events:none;background:#333;border-radius:4px;padding:8px;transition:opacity .3s;position:absolute}.tooltip-box.tooltip-visible{opacity:1;pointer-events:auto}.tooltip-bridge{z-index:999;position:absolute}.tooltip-top,.tooltip-bridge-top{margin-bottom:5px;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-bridge-top{width:100%;height:10px;margin-bottom:0}.tooltip-bottom,.tooltip-bridge-bottom{margin-top:5px;top:100%;left:50%;transform:translate(-50%)}.tooltip-bridge-bottom{width:100%;height:10px;margin-top:0}.tooltip-left,.tooltip-bridge-left{margin-right:5px;top:50%;right:100%;transform:translateY(-50%)}.tooltip-bridge-left{width:10px;height:100%;margin-right:0}.tooltip-right,.tooltip-bridge-right{margin-left:5px;top:50%;left:100%;transform:translateY(-50%)}.tooltip-bridge-right{width:10px;height:100%;margin-left:0}.tooltipShadows{box-shadow:0 -8px 10px -5px #b6b6b680,0 8px 10px -5px #b6b6b680}