.search-input{display:flex;align-items:center;gap:10px;border:1px solid #eeeeee;border-radius:var(--radius);padding:6px 16px;transition:border .3s,box-shadow .3s;background-color:#fff}.search-input:has(input:focus),.search-input:hover{border-color:var(--color-main-2)}.search-input:has(input:focus) .wb-icon,.search-input:hover .wb-icon{color:var(--color-main-2)}.search-input:hover{box-shadow:var(--box-shadow)}.search-input .wb-icon{color:var(--color-black-3);--size: 16px }.search-input input{font-size:1.1rem;outline:none;flex:1;color:var(--color-main-1)}.search-input input::-moz-placeholder{color:var(--color-black-3)}.search-input input::placeholder{color:var(--color-black-3)}section.tools-section{padding:20px 0}section.tools-section .top{display:flex;justify-content:space-between;align-items:flex-end}@media screen and (max-width: 1060px){section.tools-section .top{flex-direction:column;align-items:flex-start}section.tools-section .top .filters{margin-top:10px;width:100%}section.tools-section .top .search-input{flex:1}}section.tools-section .top .filters{display:flex;gap:10px}section.tools-section .top .filters .search-input{height:40px}section.tools-section .top .filters .drop-down{--left: -10px}section.tools-section .top .filters .categories-filter{display:flex;flex-direction:column;gap:2px}section.tools-section .top .filters .categories-filter>div{padding:6px 10px;font-weight:400;cursor:pointer}section.tools-section .top .filters .categories-filter>div.selected{color:var(--color-main-2);font-weight:500;text-decoration:underline;cursor:default}section.tools-section .top .filters .categories-filter>div:hover{color:var(--color-main-2);background-color:var(--color-gray)}section.tools-section .empty-search{display:flex;flex-direction:column;align-items:center;padding:40px 0 10px}section.tools-section .tools-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;margin:30px 0}@media screen and (max-width: 1060px){section.tools-section .tools-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 700px){section.tools-section .tools-grid{grid-template-columns:repeat(1,1fr);grid-gap:15px;font-size:.9rem}}div.tool-item{height:100%;text-align:center;cursor:default;background-color:#fff;border-radius:8px;box-shadow:var(--box-shadow)}div.tool-item .icon-box{height:100%;display:flex;gap:20px;align-items:center;padding:1em 1.5em;background-color:#fff;color:var(--box-color);font-size:.85rem;border-radius:var(--radius);border-bottom:1px solid transparent;transition:background-color .3s .1s ease-in,color .3s .1s,border .2s}div.tool-item .icon-box>div.info{height:100%;flex:1;display:flex;flex-direction:column}div.tool-item .icon-box:hover{border-bottom:1px solid var(--box-color)}div.tool-item .icon-box:hover .open-button{color:var(--box-color);opacity:1}div.tool-item .icon-box .wb-header{text-align:left;padding:3px 0;font-weight:600}div.tool-item .icon-box p{flex:1;color:var(--color-black);text-align:left;transition:color .3s .1s;font-size:.8rem}div.tool-item .icon-box div.categories{padding:8px 0 0;min-height:30px;width:100%;display:flex;color:var(--color-black-2);flex-wrap:wrap;transform:translate(-2px)}div.tool-item .icon-box div.categories span{margin:0 2px 0 0;cursor:pointer;background:#cbc9c91c;border-radius:4px;padding:2px 6px;transition:.1s ease-in-out;border:1px solid transparent}div.tool-item .icon-box div.categories span:hover,div.tool-item .icon-box div.categories span.selected{color:var(--color-main-2);opacity:.95}div.tool-item div.open-button{cursor:pointer;border-radius:var(--radius);transition:.26s ease-in-out;padding:15px;opacity:.2;color:var(--color-black-4);border:1px solid transparent;box-shadow:0 0 2px #e6e6ec}div.tool-item div.open-button .wb-icon{--size: 16px}div.tool-item div.open-button:hover{border:1px solid var(--box-color)}