.icon-node{position:relative}.icon-node__list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.icon-node__list-item{flex:0 0 100%;flex-direction:column;gap:1rem;max-width:calc(16.666% - 1rem);text-align:center;word-break:break-word}.icon-node__img,.icon-node__list-item{align-items:center;display:flex;justify-content:center;position:relative}.icon-node__img{height:64px;width:64px}.icon-node__img:after{content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;position:absolute}.icon-node__title{max-width:150px;word-break:break-word}.icon-node__tooltip{background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;bottom:0;box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;opacity:0;padding:1rem;pointer-events:none;position:absolute;right:0;transform:translateY(110%);transition:opacity .2s linear,transform .2s linear;width:100%;z-index:1}.icon-node__tooltip--visible{opacity:1;pointer-events:auto;transform:translateY(100%)}.icon-node__tooltip:after,.icon-node__tooltip:before{border-left:12px solid transparent;border-right:12px solid transparent;content:"";left:50%;margin:0 auto;position:absolute;transform:translateX(-50%)}.icon-node__tooltip:before{border-bottom:15px solid #f0f0f0;top:-15px}.icon-node__tooltip:after{border-bottom:15px solid #fff;top:-12px}@media only screen and (min-width:992px){.icon-node__list{padding-top:100px}.icon-node:before{border-image:linear-gradient(90deg,#4ae0bd,#35b1e7,#8a51ec);border-image-slice:1;border-left:3px solid;bottom:0;left:50%;top:0;transform:translateX(-50%)}.icon-node:after,.icon-node:before{content:"";height:50px;position:absolute}.icon-node:after{background:linear-gradient(90deg,#4ae0bd,#35b1e7,#8a51ec) border-box;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid transparent;border-top-left-radius:15px;border-top-right-radius:15px;left:0;margin:0 auto;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;right:0;top:50px;width:85%}.icon-node__list-item:not(:first-child,:last-child):before{border-image:linear-gradient(90deg,#4ae0bd,#35b1e7,#8a51ec);border-image-slice:1;border-left:3px solid;bottom:0;content:"";height:49px;left:50%;position:absolute;top:-49px;transform:translateX(-50%)}.icon-node__title:hover+.icon-node__tooltip{opacity:1;pointer-events:auto;transform:translateY(100%)}}@media only screen and (min-width:768px) and (max-width:991px){.icon-node__list-item{max-width:calc(33.333% - 1rem)}}@media only screen and (max-width:767px){.icon-node__list-item{max-width:calc(50% - .5rem)}.icon-node__title{max-width:126px}}