.home-container[data-v-40b78621]{position:relative;width:100%;min-height:100vh;background:#f6f8f7}.layout[data-v-40b78621]{box-sizing:border-box;display:flex;padding-top:6.25rem;min-height:calc(100vh - 6.25rem);position:relative}.sidebar-fixed-wrapper[data-v-40b78621]{position:fixed;left:0;width:14.6875rem;height:calc(100vh - 7.5rem);z-index:200;//overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc #f1f1f1}.main-content[data-v-40b78621]{flex:1;margin-left:17.1875rem;padding:0 1.25rem;min-height:calc(100vh - 6.25rem)}.category-bar[data-v-40b78621]{margin-bottom:1.5rem;padding:.75rem 0;border-bottom:.0625rem solid #eee}.category-group[data-v-40b78621]{margin-bottom:.75rem}.category-title[data-v-40b78621]{font-size:1.125rem;font-weight:700;margin-right:1rem;color:#2f3b46}.category-tags[data-v-40b78621]{display:inline-block}.tag[data-v-40b78621]{display:inline-block;padding:.375rem 1.5625rem;margin-right:1.875rem;border-radius:.625rem;font-size:1rem;cursor:pointer;border:.0625rem solid #596365;background-color:#fdfdfd;transition:all .2s ease}.tag.active[data-v-40b78621]{background-color:#596365;color:#fff}.tag[data-v-40b78621]:hover{background-color:#eaeaea;color:#596365}.card-grid[data-v-40b78621]{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem}.tool-card[data-v-40b78621]{background-color:#fff;border-radius:.5rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.08);overflow:hidden;transition:transform .2s;cursor:pointer}.tool-card[data-v-40b78621]:hover{transform:translateY(-.25rem)}.card-img[data-v-40b78621]{position:relative;height:15.625rem;overflow:hidden}.card-image[data-v-40b78621]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out}.card-image-before[data-v-40b78621]{opacity:1;z-index:1}.card-image-after[data-v-40b78621]{opacity:0;z-index:2}.tool-card:hover .card-image-before[data-v-40b78621]{opacity:0}.tool-card:hover .card-image-after[data-v-40b78621]{opacity:1}.card-title[data-v-40b78621]{font-size:1rem;text-align:center;font-weight:700;padding:.75rem 1rem .25rem;color:#2d3748}.card-desc[data-v-40b78621]{font-size:.875rem;text-align:center;color:#999;padding:0 1rem 1rem;line-height:1.4}@media (max-width:1200px){.card-grid[data-v-40b78621]{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.card-grid[data-v-40b78621]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar-fixed-wrapper[data-v-40b78621]{position:static;width:56.25rem;height:auto;margin-bottom:1.25rem;left:0;top:0;padding:0 .625rem}.layout[data-v-40b78621]{flex-direction:column;padding-top:5rem}.main-content[data-v-40b78621]{width:100%;margin-left:0;min-height:auto;padding:0 .625rem}.card-grid[data-v-40b78621]{grid-template-columns:1fr}}.sidebar-fixed-wrapper[data-v-40b78621]::-webkit-scrollbar{width:.375rem}.sidebar-fixed-wrapper[data-v-40b78621]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.1875rem}.sidebar-fixed-wrapper[data-v-40b78621]::-webkit-scrollbar-thumb{background:#ccc;border-radius:.1875rem}.sidebar-fixed-wrapper[data-v-40b78621]::-webkit-scrollbar-thumb:hover{background:#999}[data-v-40b78621]:deep(.sidebar){position:relative!important;width:100%!important;height:100%!important;left:0!important;top:0!important;margin:0!important}