.show_tools{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);width:100%;display:grid}@media only screen and (max-width:920px){.show_tools{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:600px){.show_tools{gap:var(--space-md);grid-template-columns:1fr}}.zn_tool_card,.card{--main-color:var(--bg-dark);--bg-color:var(--bg-white);width:100%;padding:var(--space-lg);font-family:var(--primary-font);background:var(--bg-color);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-card);cursor:pointer;border:1px solid #f3f4f6;flex-direction:column;justify-content:space-between;display:flex;position:relative}.zn_tool_card:hover,.card:hover{box-shadow:var(--shadow-card-hover);border-color:#6e48ff33;transform:translateY(-2px)}.zn_tool_card__icon,.card__tools_icon{color:var(--icon-color);border-radius:var(--radius-md);width:48px;height:48px;transition:all var(--transition-base);background-color:#a48efd14;border:1px solid #a48efd33;justify-content:center;align-items:center;font-size:1.125rem;font-weight:500;display:flex}.zn_tool_card:hover .zn_tool_card__icon,.zn_tool_card:hover .card__tools_icon,.card:hover .card__tools_icon{background-color:#a48efd26;border-color:#a48efd4d;transform:scale(1.05)}.zn_tool_card__title,.card__title{margin-left:var(--space-md);color:var(--text-color-primary);font-size:1rem;font-weight:600;line-height:1.4}span.icon_n_title{align-items:center;display:flex}.zn_tool_card__info,.card__info{right:var(--space-md);top:var(--space-md);width:18px;height:18px;color:var(--icon-color-light);cursor:pointer;transition:all var(--transition-fast);position:absolute}.zn_tool_card__info:hover,.card__info:hover{color:var(--icon-color)}.zn_tool_card__info:after,.card__info:after{content:attr(data-pop);width:min(280px,90vw);height:fit-content;padding:var(--space-md);color:var(--text-color-paragraph);background-color:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);z-index:10;visibility:hidden;opacity:0;transition:opacity var(--transition-base);border:1px solid #f3f4f6;font-size:.875rem;line-height:1.5;position:absolute;bottom:-290%;right:24px}.zn_tool_card__info:hover:after,.card__info:hover:after{visibility:visible;opacity:1}@media only screen and (max-width:600px){.zn_tool_card,.card{padding:var(--space-md)}.zn_tool_card__title,.card__title{font-size:.9375rem;font-weight:500}.zn_tool_card__icon,.card__tools_icon{width:44px;height:44px;font-size:1rem}}